@charset "utf-8";

/* ------------------------------------------------------------------------- */
/*		template styles		*/
/* ------------------------------------------------------------------------- */


/* link
------------------------------------------------- */
a{outline:none;/* fireFox boder */}
body{behavior:url("/js/csshover3.htc");/* IE6 hover */}

a{color:#000000;text-decoration:none;}
a:link{color:#000000;text-decoration:none;}
a:visited{color:#000000;text-decoration:none;}
a:hover {color:#e63406;text-decoration:underline;}

/* body
------------------------------------------------- */

body{
	font-family:verdana, helvetica, arial,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	line-height:1.2;
	-webkit-text-size-adjust:none;
	background:url(../images/bg_body.jpg);
	color:#333;
	text-align:center;
}

/* container
------------------------------------------------- */
#content {
	padding-top: 170px;
	}
* html #content  {padding-top: 0px;}
body#index #content {
	padding-top: 135px;
	}
* html body#index #content  {
	padding-top: 0px;
	}
.container{
	margin: 0 auto 52px;
/*	padding-top:4px;*/
	position: relative;
	text-align:center;
	background:url(../images/bg.png) no-repeat;
}
.top_contents{
	width: 961px;
	margin: 0 auto;
	position: relative;
	text-align:left;	
	}
.contents{
	width:661px;
	float:left;
	}
.local_navi{
	width:259px;
	float:right;
	margin:40px -5px 0 0;
	
	}
	
/* header
------------------------------------------------- */
#siteHeader {
	height: 124px;
	overflow: visible !important;
	position: fixed;
	z-index: 10;
	background: url(../images/bg.png) repeat-x top center;
	width:100%;
	padding-top: 4px;
	text-align:left;
	}
#siteHeader .inner{
	width:100%;
	background: url(../images/bg_shadow.png) repeat-x bottom;
	padding-bottom:4px;
	}
* html #siteHeader .inner{ background:none;}
#siteHeader .inr {
	background: url(../images/bg_body.jpg) repeat-x 0 0;
	width:100%;
	text-align:left;
}

*+html #siteHeader{
	position: fixed; left:0;
	
}
/* siteName */
#siteName {
	position: relative;
	margin: 0 auto;
	/* animate */
	height: 81px;
}
/* navGlobal */
#navGlobal {
	/* animate */
	padding-top:0px;
	height: 50px;
}
/* navLocal */
#navLocal ul {
	/* animate */
	height:35px;
}


#siteHeader,
#headerUtility,
#siteName,
#navGlobal,
#navLocal,
#navLocal ul{
	-webkit-transition-property:opacity,height;
	-moz-transition-property:opacity,height;
	-o-transition-property:opacity,height;
	transition-property:opacity,height;
	
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
	transition-duration:0.5s;
	
	overflow: hidden;
}

#categoryIndex #siteHeader {
	opacity:0;
	filter:Alpha(opacity=0);
}

/* スライド時 */
#siteHeader.compact {
	height: 67px;
}
#siteHeader.compact #headerUtility {
	height: 0px;
	padding:0px;
}
#siteHeader.compact #siteName {
	height:0;
}
#siteHeader.compact #navGlobal {
	padding-top:10px;
	height:50px;
}
#siteHeader.compact #navLocal ul {
	height: 10px;
}
#siteHeader.compact #navLocal ul li {
	padding-top: 10px;
}
/* スライド時かつ、マウスオーバー時 */
#siteHeader.compact.expanded {
	height: 91px;
}
#siteHeader.compact.expanded #headerUtility {
	height: 0px;
	padding:0px;
}
#siteHeader.compact.expanded #siteName {
	height:0;
}
#siteHeader.compact.expanded #navGlobal {
	padding-top:10px;
	height:50px;
}
#siteHeader.compact.expanded #navLocal ul{
	height:35px;
}
#siteHeader.compact.expanded #navLocal ul li{
	padding-top: 0;
}

.emptyNavLocal #siteHeader {
	height: 152px;
}
.emptyNavLocal #siteHeader.compact {
	height: 67px;
}
.emptyNavLocal #siteHeader.compact.expanded {
	height: 67px;
}
.emptyNavLocal #siteHeader.compact #navLocal ul {
	height: 10px;
}


.emptyNavLocal #siteHeader.compact #openTab,
#siteHeader.compact #openTab {
	/* animate */
	top:0;
	opacity:1;
	
	-webkit-transition-delay:0.7s;
	-moz-transition-delay:0.7s;
	-o-transition-delay:0.7s;
	-ms-transition-delay:0.7s;
	transition-delay:0.7s;
}

	
.header{
	width: 960px;
	height: 81px;
	margin: 0 auto 0;
	position: relative;
	text-align:left;
}
.logo{
	margin:0 0 0 0;
	}
.catch{	position:absolute; top:40px;left:280px;}
.sub_menu{	position:absolute; top:40px;left:807px;}

/* gloal navi
------------------------------------------------- */

.global_navi{
	width: 960px;
	height: 50px;
	margin: 0 auto 0;
	padding: 0 0 7px 0;
	overflow:hidden;
}
.global_navi li{
	float:left;
	}

li.gm1{	width:172px;}
li.gm2{	width:164px;}
li.gm3{	width:290px;}
li.gm4{	width:113px;}
li.gm5{	width:146px;}
li.gm6{	width:75px;}
.global_navi li.gm1.current{ background:url(../images/bg_sub_arrow.png) no-repeat 80px bottom;}
.global_navi li.gm2.current{ background:url(../images/bg_sub_arrow.png) no-repeat 80px bottom;}
.global_navi li.gm3.current{ background:url(../images/bg_sub_arrow.png) no-repeat 62px bottom;}
.global_navi li.gm4.current{ background:url(../images/bg_sub_arrow.png) no-repeat 62px bottom;}
.global_navi li.gm5.current{ background:url(../images/bg_sub_arrow.png) no-repeat 48px bottom;}


/* sub navi
------------------------------------------------- */
.sub_navi{
	clear:both;
	/*width: 1100px;*/
	/*	height: 42px;*/
	margin: 0 auto 0;
	background:url(../images/bg_sub_navi.jpg) repeat-x 0 0;
}
.sub_navi ul{
	width:960px;
	margin: 0 auto 0;
	}
.sub_navi li{
	float:left;
	margin:0 5px 0 0;
	}
.link #navLocal,.information #navLocal,.access #navLocal,.faq #navLocal{
	height:10px;
	}
	
/* footer
------------------------------------------------- */
.footer{
	width:100%;
	padding:15px 0 15px 0;
	background:url(../images/bg_footer.jpg);
}
.footer .inr{
	width: 960px;
	margin: 0 auto 0;
	position: relative;
	text-align:left;
}
.footer p{
	margin-top:5px;
	color:#000;
	}
.siteShareBtn{
	position:absolute;top:10px; right:0;
	}
* html .siteShareBtn{
	display:none;
	}
.siteShareBtn li{
	float:left;
	}
.copyright{
	position:absolute;top:60px; right:0;
}