*{margin:0; text-decoration:none;}
a{text-decoration:none;color:black;}
img{border:none;}

/*body*/
#wrap{width:972px;/*margin:0 auto;*/}

/*header*/
#header{margin-top:0px;}
#logo{width:180px;height:54px;float:left;margin-right:17px;}
#m_logo{display:none;}
#navi{display:table;}
.nav_li{width:86px;height:46px;float:left;margin-top:7px;}
.sub_li{float:left;padding-left:8px; padding-right:8px; font-size:12px;margin-top:4px; /*border-right-style:solid; border-right-width:1px;*/}
#pad_navi{display:none;margin:0 auto;}

/*contents*/
#contents{display:table;margin-top:20px;}
.box{margin:3px;}
.box_table {cursor:pointer;}
.contents_top{display:table;}
.contents_middle{display:table;}
.contents_bottom{display:table;}
#left{float:left;}
#right{float:left;margin-top:-3px;}
#pc{float:left;}
#mobile{display:none; width:100%;}
#wb_movie1 {display:block; cursor:pointer;}

/*footer*/
#footer{background-color:#e8e8e8;width:971px;height:209px;margin-top:20px;}
#footer_top{color:#9a9a9a;font-size:11px;padding-top:18px;padding-left:51px;}
#footer_contents{padding-top:44px;padding-left:37px;}
#property{float:left;}
#information{float:left;color:#727272;font-size:13px;margin-left:1%;margin-top:10px;}
#writing_box{float:left;margin-left:10px;}

/*bottom*/
#bottom{display:none;height:360px;border-style:solid;border-width:3px;border-color:#e8e8e8;}
#bottom_top{text-align:center;font-size:20px;}
#bottom_contents{height:340px;}
.bottom_table{display:table;float:right;text-align:right;font-size:13px;margin:12px;}
.bottom_title{color:#f60f2f;margin:2px; cursor:default;}
.bottom_li{color:#838383;margin:2px; cursor:pointer;}

.pad{display:none;}

@media only screen and (max-width:972px){
	#wrap{width:760px;}
	#pc{display:none;}
	#logo{display:none;}
	#navi{display:none;}
	.pad{display:table;}
	#pad_navi{display:table;}
	.nav_li{width:82px;}
	#footer{width:760px;}
	#information{width:275px;font-size:10px;}
	#bottom{height:500px;}
	#bottom_contents{height:500px;}
	.bottom_table{float:left;height:130px;}
	#slide {max-width:972px; width:100%;}
	#property{margin-left:-20px;}
}

@media only screen and (max-width:760px){
	#wrap{width:100%;}
	#header{height:65px;background:url('/Html/main1/images/mobile/top_bg.png') repeat-x;margin:0;}
	#footer{display:none;}
	#pad_navi{display:none;}
	#m_logo{display:block;}
	#contents{display:none;}
	.pad{display:none;}
	#sub_navi{display:none;}
	#slide {max-width:760px; width:100%;}
	#prog_mid{width:110px;height:88px;float:left;text-align:center;font-size:11px;margin-top:41px;margin-left:10px;}
	#prog_spec{width:110px;height:88px;float:left;text-align:center;font-size:11px;margin-top:7px;margin-left:10px;}
}

@media only screen and (max-width:560px){
	#slide {max-width:560px; width:100%;}
}

@media only screen and (max-width:480px){
	#slide {max-width:480px; width:100%;}
}

@media only screen and (max-width:400px){
	#slide {max-width:400px; width:100%;}
}

@media only screen and (max-width:360px){
	#slide {max-width:360px; width:100%;}
}

@media only screen and (max-width:320px){
	#slide {max-width:320px; width:100%;}
}

@media only screen and (max-width:300px){
	#slide {max-width:300px; width:100%;}
}