@charset"utf-8";
@import url("common/css/base.css");
@import url("common/css/header.css");
@import url("common/css/footer.css");
@import url("common/css/sub.css");

/* header height reset */
#index #header{
	height:513px;
	margin-bottom:0px;
	background:url(img/header_bg_index.jpg) left top no-repeat;
		position:relative;
}

#index a{
	color:#7E0000;
}
#index a:hover{
	color:#CB0000;
}


/* logo */
#header #title h1.logo{
	position:absolute;
	top:26px;
	left:14px;
}
/* header back-ground */
#index #header #headerimg{
	background:url(img/index_bg.jpg) left top no-repeat;
	height:377px;
	width:760px;

}
/* navigation */
#index #header #globalnavi{
	position:absolute;
	top:466px;
	left:0;
	z-index:1;
}

/* text */
#index #header #headerimg p{
	font-size:12px;
	color:#000;
	margin:50px 0 0 37px;
}

/* banner */
#index #header #headerimg p.header_banner{
	margin:14px 0 0 37px;
}
#index #header #headerimg p.header_banner a{
	background:url(img/ban_topics_03o.jpg);
	width:292px;
	height:75px;
	display:block;
}
#index #header #headerimg p.header_banner a:hover{
	background-color:#fff;	/* for IE6 */
}
#index #header #headerimg p.header_banner a:hover img{
	visibility:hidden;
}

/* topics */
#index #header #headerimg #topics_wrap{
	position:relative;
	top:14px;
	left:37px;
	width:293px;
	background:url(img/topics_title_bg.jpg) left top no-repeat;
}
#index #header #headerimg #topics_title{
	position:relative;
	z-index:3;
}
#index #header #headerimg  h2#topics_title{
	position:relative;
	top:-8px;
	left:6px;
	z-index:4;
}
#index #header #headerimg #topics_content{
	width:281px;
x	height:90px;/* バナーがある時 */
	height:179px;/* バナーがない時 */
	padding:10px 0 10px 10px;
	border-left:1px solid #663300;
	border-right:1px solid #663300;
	border-bottom:1px solid #663300;
	overflow:auto;
	position:relative;
	top:-14px;
	left:0px;
	z-index:2;
}
#index #header #topics_content dl{
	clear:both;
	font-size:12px;
}
	@media print {
		#index #header #topics_content dl{
		height:70px;	/* for IE6 IE7*/
		}
	}
#index #header #topics_content dt{
	float:left;
	width:80px;
	padding-bottom:10px;

}
#index #header #topics_content dt img{
vertical-align: top;	/* for IE6 IE7*/
}

#index #header #topics_content dd{
	background:url(img/lst.gif) left 3px no-repeat;
	width:150px;
	padding-left:18px;
	margin-left :87px;
	padding-bottom:10px;
}
#index #header #topics_content dd a{
	font-weight:bold;
}

/* container bottom */
#index #container .clear{
    height:10px;
    clear:both;
	font-size:1px;
	margin:0;
	padding:0;
}

/* banner reset */
#index #sub .banner h2{
	margin-top:0px;
}
#index #sub{
	margin-bottom:10px;
	padding-top:8px;
}
#index #sub p.ban_sam_tokyo{
padding-top:7px;
}

/* right banner style */
#index #main .banner{
	width:160px;
	float:left;
	margin-right:12px;
	padding-top:8px;
}
#index #main .banner .ban_ons{
	margin-bottom:9px;
}
/* hover */
#index #main .banner .ban_ons{
	margin-bottom:9px;
}
#index #main .banner .ban_ons a{
	display:block;height:50px;width:160px;background:url(common/img/sub/ban_ons_hover.jpg);
}
#index #main .banner .ban_ons a:hover{
	background-color:#fff;/* forIE6 */
}
#index #main .banner .ban_ons a:hover img{
	visibility:hidden;
}
/* qr */
#index #main .banner .ban_qr{
	background: url(common/img/sub/ban_mob.jpg) left top no-repeat;
	padding:5px 0 0 5px;
	height:85px;
}
#index #main .banner .ban_qr_text{
	float:left;
	width:73px;
	padding-top:2px;
	font-size:12px;
	line-height:1.3em;
}
#index #main .banner .ban_qr_img{
	float:right;
	width:79px;
}
/* class_info */
#index #main #class_info{
	float:left;
	height:156px;
	background:url(img/class_info_bg.jpg) left bottom no-repeat;
	position:relative;
}
#index #main #class_info h2{
	margin-bottom:5px;
}

/* btn_print */
#index #main #class_info p#print{
	position:absolute;
	top:25px;
	left:320px;
}
#index #main #class_info p#print a{
	background: url(img/class_info_print_hover.gif);
	width:88px;
	height:24px;
	display:block;
}
#index #main #class_info p#print a:hover{
	background-color:#fff;	/* for IE6 */
}
#index #main #class_info p#print a:hover img{
	visibility:hidden;
}

#index #main #class_info_list{
	background-color:#FFFFFF;
	margin:0px 0px 0 13px;
	height:76px;
	padding-top:10px;
	width:388px;
	overflow:auto;
	border:#CCCCCC 1px solid;
	position:relative;
}
#index #main #class_info_list dl{
	margin-top:4px;
}
#index #main #class_info_list dt{
	margin-left:10px;
	font-size:12px;
	color:#660000;
}
#index #main #class_info_list dt img{
position:relative;
top:1px;
}
#index #main #class_info_list dd{
	margin-left:5px;
	padding-left:22px;
	padding-bottom:15px;
	font-size:12px;
}
#index #main #class_info_list p.date{
	text-align:right;
	margin:10px 10px 5px 0;
	font-size:12px;
}
#index #main #class_info_list p{
	font-size:14px;
	margin:0 0 0 10px;
}
#index #main #class_info_list p img{
	margin:0 7px 0 0;
}

/* studio */
#index .studio_link{
	background:url(img/studio_link_bg.gif) left top repeat-x;
	clear:both;
	border:1px solid #990000;
	width:758px;
	margin:0 0 20px 0;
	height:80px;
}
#index .studio_link div.studio_01{
	float:left;
	padding-left:3px;
}
#index .studio_link h2{
	float:left;
	margin-top:17px;
}
#index .studio_link p{
	float:left;
	padding-right:5px;
}
#index .studio_link p a:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80);
}


/* hover */
#index #header #globalnavi li.btn_top a{
display:block;height:31px;width:48px;background:url(img/btn_TOP_hover.jpg);}
#index #header #globalnavi li.btn_sam a{
display:block;height:31px;width:80px;background:url(img/btn_sam_hover.jpg);}
#index #header #globalnavi li.btn_schedule a{
display:block;height:31px;width:84px;background:url(img/btn_schedule_hover.jpg);}
#index #header #globalnavi li.btn_instructor a{
display:block;height:31px;width:103px;background:url(img/btn_instructor_hover.jpg);}
#index #header #globalnavi li.btn_system a{
display:block;height:31px;width:85px;background:url(img/btn_system_hover.jpg);}
#index #header #globalnavi li.btn_contactus a{
display:block;height:31px;width:113px;background:url(img/btn_contactus_hover.jpg);}

#index #header #globalnavi li.btn_top a:hover,
#index #header #globalnavi li.btn_sam a:hover,
#index #header #globalnavi li.btn_schedule a:hover,
#index #header #globalnavi li.btn_instructor a:hover,
#index #header #globalnavi li.btn_system a:hover,
#index #header #globalnavi li.btn_contactus a:hover{
	background-color:#fff;/* forIE6 */
}
#index #header #globalnavi li.btn_top a:hover img,
#index #header #globalnavi li.btn_sam a:hover img,
#index #header #globalnavi li.btn_schedule a:hover img,
#index #header #globalnavi li.btn_instructor a:hover img,
#index #header #globalnavi li.btn_system a:hover img,
#index #header #globalnavi li.btn_contactus a:hover img{
	visibility:hidden;
}