@charset"utf-8";
@import url("reset.css");

html,body{
	height:100%;
}

body{
    font-size: 62.5% ;   /* 1.0em = 10px  */
	font-family:"メイリオ", Meiryo, Osaka,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a{			color:#666;}
a:hover{	color:#6abdd6;}

a.overwhite{
    display:block;
}

a.overwhite:hover img,
a.overwhite:hover li{
    cursor:pointer;
	filter: alpha(opacity=60);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	-moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.6;              /* Safari 1.x */
	opacity:0.6;
	zoom:1;
}

a.btnToTop{
	clear: both;
	display: block;
	float: right;
	margin-bottom: 15px;

	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width:63px;
	height:64px;
	background:url(../img/arrowTop.png) no-repeat;
	-webkit-transition: background 0.3s;
	-moz-transition :background 0.3s;
	-ms-transition: background 0.3s;
	-o-transition: background 0.3s;
	transition: background 0.3s;
}
a.btnToTop:hover{
	background:url(../img/arrowTopOn.png) no-repeat;
}

.aligncenter{	text-align:center;}
.alignleft{		text-align:left;}
.alignright{	text-align:right;}


.float_left{	float:left;}
.float_right{	float:right;}
.clearfloat{	clear:both;}

.xxlarge{	font-size:1.8em;}
.xlarge{	font-size:1.5em;}
.large{		font-size:1.3em;}
.small{		font-size:0.75em;}
.xsmall{	font-size:0.6em;}
.xxsmall{	font-size:0.5em;}

.bold{		font-weight:bold;}

.radius5{
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.radius10{
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.radius20{
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.shadow{
	-webkit-box-shadow: #ccc 0px 0px 3px;
	-moz-box-shadow: #ccc 0px 0px 3px;
	box-shadow: #ccc 0px 0px 3px;
	behavior: url(./js/PIE.htc);
}


dl{
	overflow:hidden;
}

dl dt{
	float:left;
	clear:left;
}
dl dt,dl dd{
	line-height:1.6em;
}

.red{
	color:#CC0000;
}
.contentsbox{
	width:980px;
	margin:0 auto;
	overflow:hidden;
}


#wrapper{
	width:100%;
	height: auto !important;
	height:100%;
	min-height: 100%;
	position:relative;
}

#navi{
	min-height:108px;
	margin-bottom:20px;
}

#navi ul li{
	float:left;
	background:url(../img/navigation.png) no-repeat;
	min-height:108px;
}
#navi ul li#navi1{
/*	-webkit-transition: width 0.4s ease-in-out;
	-moz-transition:  width 0.4s ease-in-out;
	-ms-transition: width 0.4s ease-in-out;
	-o-transition: width 0.4s ease-in-out;
	transition:  width 0.4s ease-in-out;
*/
	-webkit-transition: width 0.4s ease-in-out,background-image 0.4s;
	-moz-transition:  width 0.4s ease-in-out,background-image 0.4s;
	-ms-transition: width 0.4s ease-in-out,background-image 0.4s;
	-o-transition: width 0.4s ease-in-out,background-image 0.4s;
	transition:  width 0.4s ease-in-out,background-image 0.4s;
}

#navi ul li:hover,#navi ul li.now{
	background:url(../img/navigationOn.png) no-repeat;
}

#navi ul li#navi1{ width:187px; background-position:0 0;}
#navi ul li#navi2{ width:210px; background-position:-187px 0;}
#navi ul li#navi3{ width:188px; background-position:-397px 0;}
#navi ul li#navi4{ width:223px; background-position:-585px 0;}
#navi ul li#navi5{ width:110px; background-position:-808px 0;}

#navi ul li#navi1:hover,#navi ul li#navi1.now{ width:240px; background-position: 0 0;}
#navi ul li#navi2:hover,#navi ul li#navi2.now{ background-position:-240px 0;}
#navi ul li#navi3:hover,#navi ul li#navi3.now{ background-position:-450px 0;}
#navi ul li#navi4:hover,#navi ul li#navi4.now{ background-position:-638px 0;}
#navi ul li#navi5:hover,#navi ul li#navi5.now{ background-position:-861px 0;}

#navi ul li a{
	display:block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	min-height:108px;
}

#mainbg{
	width:100%;
	position:absolute;
	z-index:0;
}

#topcontents{
	position:relative;
}

#topcontents h1{
	display:none;
}

#wrapper #footer{
	width:100%;
	position:absolute;
	bottom:0;
}

#newsarea{
	width:100%;
	background:#f0f0fc;
	border-bottom:1px solid #fff;
}

#newsarea h2{
	width:60px;
	display:block;
	float:left;
	background:#333;
	padding:5px;
	text-align:center;
	margin-top:3px;
	margin-bottom:3px;
	margin-right:15px;
}

#newsarea #newsmessage{
	padding-top:10px;
}

#copyright{
	width:100%;
	background:#414141;
	text-align:center;
	padding: 8px 0 5px;
}
#copyright img{
	vertical-align:bottom;
}