@charset "Shift_JIS";

/*================================================
	reset propaties 
================================================*/

html,body {background:#FFFFFF; color:#666666; width:100%;height:100%;height:auto;
}

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
p,blockquote,table,th,td {margin: 0; padding: 0;}

a{text-decoration:none;}
a:hover{text-decoration:none;}

a.btn{
	height:50px;
	display:block;
	overflow:hidden;
}

a.btn span{
	visibility:hidden;
}

.wrap{background:transparent;}
.wrap:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.left{
	float:left;
}

.right{
	float:right;
	text-align:left;
}



/*================================================
	#wrappper
================================================*/
#wrapper{
	width:960px;
	margin:0px auto 0px auto;
	position:relative;
}

* html #wrapper{
	text-align:left;
	height:100%;
	height:auto;
	
}
/*================================================
	#siteHeader
================================================*/
#siteHeader{
	width:961px !important;
	padding-top:15px;
	border-bottom:none;
	margin:0 auto;
	/*background:url(/shared/img/cmn_bg_005.gif) 200px 0px repeat-y;*/
}

#siteHeader div.block001{
	height:45px;
	border-bottom:1
}

#siteHeader a#siteId{
	width:117px;
	height:37px;
	display:block;
	overflow:hidden;
	background:url(/shared/img/cmn_sid_001.gif);
	float:left;
}
#siteHeader a#siteId span{
	visibility:hidden;
}

#siteHeader ul#utility{
	width:490px;
	height:37p;
	overflow:hidden;
	float:right;
	text-align:left;
}


#siteHeader ul#utility li{
	display:block;
	float:left;
	height:10px;
}
#siteHeader ul#utility li.li001{ width:77px;}
#siteHeader ul#utility li.li002{ width:32px;}
#siteHeader ul#utility li.li003{ width:104px;}
#siteHeader ul#utility li.li004{ width:99px;}
#siteHeader ul#utility li.li005{ width:60px;}
#siteHeader ul#utility li.li006{ width:79px;}
#siteHeader ul#utility li.li007{ width:39px;}

#siteHeader ul#utility li a{
	height:10px;
	background:url(/shared/img/cmn_util_001.gif);
}
#siteHeader ul#utility li.li001 a{ width:63px; background-position:0 0}
#siteHeader ul#utility li.li002 a{ width:16px; background-position:-77px 0px;}
#siteHeader ul#utility li.li003 a{ width:89px; background-position:-109px 0px;}
#siteHeader ul#utility li.li004 a{ width:84px; background-position:-213px 0px;}
#siteHeader ul#utility li.li005 a{ width:45px; background-position:-312px 0px;}
#siteHeader ul#utility li.li006 a{ width:65px; background-position:-372px 0px;}
#siteHeader ul#utility li.li007 a{ width:18px; background-position:-451px 0px;}

#siteHeader ul#utility li.li001 a:hover{ background-position:0 -20px;}
#siteHeader ul#utility li.li002 a:hover{ background-position:-77px -20px;}
#siteHeader ul#utility li.li003 a:hover{ background-position:-109px -20px;}
#siteHeader ul#utility li.li004 a:hover{ background-position:-213px -20px;}
#siteHeader ul#utility li.li005 a:hover{ background-position:-312px -20px;}
#siteHeader ul#utility li.li006 a:hover{ background-position:-372px -20px;}
#siteHeader ul#utility li.li007 a:hover{ background-position:-451px -20px;}

/*================================================
	#siteHeader
================================================*/
#siteHeader{
	width:961px !important;
	padding-top:15px;
	border-bottom:1px solid #CCCCCC;
	
	_display:block;
	_overflow:hidden;
}

#siteHeader div.block001{
	
	height:45px;
}
#siteHeader a#siteId{
	width:117px;
	height:37px;
	display:block;
	overflow:hidden;
	background:url(/shared/img/cmn_sid_001.gif);
	float:left;
}
#siteHeader a#siteId span{
	visibility:hidden;
}

#siteHeader ul#utility{
	width:490px;
	height:37p;;
	overflow:hidden;
	float:right;
	text-align:left;
}


#siteHeader ul#utility li{
	display:block;
	float:left;
	height:10px;
}
#siteHeader ul#utility li.li001{ width:77px;}
#siteHeader ul#utility li.li002{ width:32px;}
#siteHeader ul#utility li.li003{ width:104px;}
#siteHeader ul#utility li.li004{ width:99px;}
#siteHeader ul#utility li.li005{ width:60px;}
#siteHeader ul#utility li.li006{ width:79px;}
#siteHeader ul#utility li.li007{ width:39px;}

#siteHeader ul#utility li a{
	height:10px;
	background:url(/shared/img/cmn_util_001.gif);
}
#siteHeader ul#utility li.li001 a{ width:63px; background-position:0 0}
#siteHeader ul#utility li.li002 a{ width:16px; background-position:-77px 0px;}
#siteHeader ul#utility li.li003 a{ width:89px; background-position:-109px 0px;}
#siteHeader ul#utility li.li004 a{ width:84px; background-position:-213px 0px;}
#siteHeader ul#utility li.li005 a{ width:45px; background-position:-312px 0px;}
#siteHeader ul#utility li.li006 a{ width:65px; background-position:-372px 0px;}
#siteHeader ul#utility li.li007 a{ width:18px; background-position:-451px 0px;}

#siteHeader ul#utility li.li001 a:hover{ background-position:0 -20px;}
#siteHeader ul#utility li.li002 a:hover{ background-position:-77px -20px;}
#siteHeader ul#utility li.li003 a:hover{ background-position:-109px -20px;}
#siteHeader ul#utility li.li004 a:hover{ background-position:-213px -20px;}
#siteHeader ul#utility li.li005 a:hover{ background-position:-312px -20px;}
#siteHeader ul#utility li.li006 a:hover{ background-position:-372px -20px;}
#siteHeader ul#utility li.li007 a:hover{ background-position:-451px -20px;}

/*================================================
	#siteHeader2
================================================*/
#siteHeader2{
	width:961px !important;
	/*padding-top:15px;*/
	border-bottom:1px solid #CCCCCC;
}

#siteHeader2 div.block001{
	height:45px;
}

#siteHeader2 a#siteId{
	width:117px;
	height:37px;
	display:block;
	overflow:hidden;
	background:url(/shared/img/cmn_sid_001.gif);
	float:left;
}
#siteHeader2 a#siteId span{
	visibility:hidden;
}

#siteHeader2 ul#utility{
	width:490px;
	height:37p;
	overflow:hidden;
	float:right;
	text-align:left;
}


#siteHeader2 ul#utility li{
	display:block;
	float:left;
	height:10px;
}
#siteHeader2 ul#utility li.li001{ width:77px;}
#siteHeader2 ul#utility li.li002{ width:32px;}
#siteHeader2 ul#utility li.li003{ width:104px;}
#siteHeader2 ul#utility li.li004{ width:99px;}
#siteHeader2 ul#utility li.li005{ width:60px;}
#siteHeader2 ul#utility li.li006{ width:79px;}
#siteHeader2 ul#utility li.li007{ width:39px;}

#siteHeader2 ul#utility li a{
	height:10px;
	background:url(/shared/img/cmn_util_001.gif);
}
#siteHeader2 ul#utility li.li001 a{ width:63px; background-position:0 0}
#siteHeader2 ul#utility li.li002 a{ width:16px; background-position:-77px 0px;}
#siteHeader2 ul#utility li.li003 a{ width:89px; background-position:-109px 0px;}
#siteHeader2 ul#utility li.li004 a{ width:84px; background-position:-213px 0px;}
#siteHeader2 ul#utility li.li005 a{ width:45px; background-position:-312px 0px;}
#siteHeader2 ul#utility li.li006 a{ width:65px; background-position:-372px 0px;}
#siteHeader2 ul#utility li.li007 a{ width:18px; background-position:-451px 0px;}

#siteHeader2 ul#utility li.li001 a:hover{ background-position:0 -20px;}
#siteHeader2 ul#utility li.li002 a:hover{ background-position:-77px -20px;}
#siteHeader2 ul#utility li.li003 a:hover{ background-position:-109px -20px;}
#siteHeader2 ul#utility li.li004 a:hover{ background-position:-213px -20px;}
#siteHeader2 ul#utility li.li005 a:hover{ background-position:-312px -20px;}
#siteHeader2 ul#utility li.li006 a:hover{ background-position:-372px -20px;}
#siteHeader2 ul#utility li.li007 a:hover{ background-position:-451px -20px;}


/*================================================
	 gnavi
================================================*/

#gnavi{
	width:960px;
	height:40px;
}


#gnavi h1{
	width:180px;
	height:40px;
	display:block;
	float:left;
	background:url(/shared/img/cmn_h1_001.gif) top left no-repeat;
}

#gnavi h1 a{
	width:180px;
	height:40px;
	display:block;
	overflow:hidden;
}

#gnavi h1 span{
	visibility:hidden;
}

#gnavi h1 a:hover{
	text-decoration:none;
}

#gnavi ul{
	width:780px;
	height:40px;
	display:block;
	float:right;
}

#gnavi ul li{
	display:block;
	float:left;
	overflow:hidden;
	width:111px;
}
#gnavi ul li.li002{ width:112px;}
#gnavi ul li.li003{ width:112px;}
#gnavi ul li.li006{ width:112px;}

#gnavi ul li a{
	width:inherit;
	height:40px;
	background:url(/shared/img/cmn_gnavi_001.jpg);
}

#gnavi ul li.li001 a{ background-position:0 0}
#gnavi ul li.li002 a{ background-position:-111px 0px;}
#gnavi ul li.li003 a{ background-position:-223px 0px;}
#gnavi ul li.li004 a{ background-position:-335px 0px;}
#gnavi ul li.li005 a{ background-position:-446px 0px;}
#gnavi ul li.li006 a{ background-position:-557px 0px;}
#gnavi ul li.li007 a{ background-position:-669px 0px;}

#gnavi ul li.li001 a:hover{ background-position:0 -50px;}
#gnavi ul li.li002 a:hover{ background-position:-111px -50px;}
#gnavi ul li.li003 a:hover{ background-position:-223px -50px;}
#gnavi ul li.li004 a:hover{ background-position:-335px -50px;}
#gnavi ul li.li005 a:hover{ background-position:-446px -50px;}
#gnavi ul li.li006 a:hover{ background-position:-557px -50px;}
#gnavi ul li.li007 a:hover{ background-position:-669px -50px;}



/*================================================
	#siteFooter
================================================*/

#siteFooter{
	width:960px;
	padding-top:20px!important;
	height:30px;
	background:none!important;
	margin:0
	auto;
	border-top:1px solid #cccccc;
	clear:both;
	overflow:hidden;
}

#siteFooter span{visiblly:hidden}

#siteFooter #copy{
	height:10px;
	width:400px;
	background:url(/shared/img/cmn_copyright_002.gif) -2px -7px no-repeat;
	float:left;
}
#siteFooter #copy:hover{
	background:url(/shared/img/cmn_copyright_002_o.gif)  -2px -7px no-repeat;
}


#siteFooter #copy span{
	visibility:hidden;
}

#siteFooter ul{
	float:right;
	display:block;
	width:288px;
	height:16px;
}

#siteFooter ul li{
	display:block;
}

#siteFooter ul li a span{
	visibility:hidden;
}

#siteFooter ul li.li001 {
	width:110px;
	overflow:hidden;
	float:left;
}

#siteFooter ul li.li001 a{
	width:110px;
	background:url(/index_img_com/cmn_btn_102.gif) -2px -10px no-repeat;
	height:12px;
	overflow:hidden;
}
#siteFooter ul li.li001 a:hover{
	background:url(/index_img_com/cmn_btn_102_o.gif) -2px -10px no-repeat;
}
#siteFooter ul li.li002 {
	width:178px;
	overflow:hidden;
	float:right;
}

#siteFooter ul li.li002 a{
	width:178px;
	background:url(/index_imgs/cmn_btn_103.gif) -2px -10px no-repeat;
	height:12px;
	overflow:hidden;	
}
#siteFooter ul li.li002 a:hover{
	background:url(/index_imgs/cmn_btn_103_o.gif) -2px -10px no-repeat;
}

div#footmenu ul{
	font-size:75%;
	font-weight:bold;
}


div#footmenu ul li{
	position:relative;
	margin-bottom:10px;
	line-height:1.2em;
}

div#footmenu ul li a{
	color:#666666;
}

div#footmenu ul li a:hover{
	color:#2255A4;
}


.closebtn a{
	top:-40px;
	left:50px; 
    position: absolute;   
    width: 150px;  
    height:40px;
	color: #fff;
	background:url(../../img/cmn_btn_001.gif);
} 

.openbtn a{
	top:-40px;
	left:50px; 
    position: absolute;   
    width: 150px;  
    height:40px;
	background:url(../../img/cmn_btn_001_o.gif);
	 color: #fff;  
}  

* html .closebtn a{
	display:none;
} 

* html .openbtn a{
	display:none;
}  
 
 

div#footmenu {
	margin:0 auto; 
    position: fixed !important;  
    bottom: 0;  
    left:auto;  
    width: 960px;  
   
	background-color:#FFFFFF;
	 display:block;
	
}  

div#footcnt {
    position:relative;   
    height:200px;
    display:block;
     margin:0;
    overflow:hidden;
	background-color:#F7F7F7;

}  


* html div#footmenu {
    height:200px;
    position: absolute;  
    bottom: 0;  
} 


div#footcnt h3{
	position:relative;
	margin-top:30px;
	margin-left:50px;
	text-align:left;
	font-weight:bold;
	overflow:hidden;
	font-size:117%;
	border-bottom:none;
}





div#footmenu .ul01{
	position:absolute;
	width:200px;
	top:30px;
	left:70px;
	text-align:left;
	overflow:hidden;
}

div#footmenu .ul01 .li01{
	margin-bottom:20px;
}

div#footmenu ul　li{
	margin-bottom:10px;
}


div#footmenu .ul02{
	position:absolute;
	width:200px;
	top:30px;
	left:275px;
	text-align:left;
	overflow:hidden;
}

div#footmenu .ul03{
	position:absolute;
	width:200px;
	top:30px;
	left:480px;
	text-align:left;
	overflow:hidden;
}

div#footmenu .ul04{
	position:absolute;
	width:200px;
	top:30px;
	left:685px;
	text-align:left;
	overflow:hidden;
}

  .normal_t{
	margin-top:0px;
	font-weight:normal;
}

.spacer_02{
	margin-top:0px;
	font-weight:normal;
}




#grovalnavi ul{
	left:380px;
	/*通常時left:380px;*/
	/*イベント時left:270px;*/
	width:490px;
	/*通常時width:490px;*/
	/*イベント時width:600px;*/
}