@charset "utf-8";

/*---------------------------------------
グローバルメニュー
-----------------------------------------*/
#header ul#headerNav li.hnEvent a { background-position: left bottom; }

/*---------------------------------------
共通
-----------------------------------------*/
h2.title {
	background:url(img/title_bg.jpg) no-repeat;
	font-size:16px;
	color:#333;
	font-weight:bold;
	height:37px;
	margin-bottom:10px;
	padding:8px 0 0 7px;
}
/*申し込みするボタン*/
a.apply {
	width:308px;
	margin:20px auto 0;
	text-align:center;
	display:block;
}


/*-------------------------------------
TOP(2012年度追加)
------------------------------------*/

/*お知らせ info.html*/
.info_btn {
	width:900px;
	margin:40px auto 20px;
	/*background:url(img/info/bg.jpg) repeat;*/
}

.info_btn ul {
	width:900px;
	margin:0 auto 0;
	
}
.info_btn ul li {
	float:left;
	display:inline;
	margin-left:10px;
}
.eventinfo_bg {
	/*background:url(img/info/page02_bg.gif) repeat-y #FFA928;*/
	/*-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #FF7010;*/
}
h2.page02 {
	margin:30px auto;	
}

/*TOP*/
/*メニュー1列*/
.menuList {
	clear:both;
	padding:10px;
	border:1px solid #FFF;
	margin-bottom:10px;
}
.menuList h4 {
	margin:5px 0 10px 0;
	
}
.menuList a {
	font-size:14px;
	color:#333;
}
.menuList a:hover {
	text-decoration:none;
	_text-decoration:underline;
}
.menuList:hover {
	background-color:#FEE2E2;
	border:1px solid #FCB8B8;
	cursor: pointer;
}
/*メニュー3列*/
.menuList3 {
	width:198px;
	float:left;
	padding:10px;
	border:1px solid #FFF;
	_margin-right:-2px;
	margin-bottom:10px;
}
.menuList3 h4 {
	margin:0 0 5px;
}
.menuList3 a {
	font-size:14px;
	color:#333;
}
.menuList3 p {
	margin-top:5px;
}	
.menuList3 a:hover {
	text-decoration:none;
	_text-decoration:underline;

}
.menuList3:hover {
	background-color:#FEE2E2;
	border:1px solid #FCB8B8;
	cursor: pointer;
}
/*メニュー5列*/
.menuList5 {
	width:118px;
	float:left;
	padding:10px 5px;
	border:1px solid #FFF;
	margin-bottom:10px;
}
.menuList5 h4 {
	margin:0 0 5px;
}
.menuList5 a {
	font-size:12px;
	color:#333;
}
.menuList5 p {
	margin-top:5px;
}	
.menuList5 a:hover {
	text-decoration:none;
	_text-decoration:underline;
}
.menuList5:hover {
	background-color:#FEE2E2;
	border:1px solid #FCB8B8;
	cursor: pointer;
}

/*-------------------------------------
メニュー
------------------------------------*/
/*ボタン*/
ul.eventMenu {
	background: #E8E7E3;
	padding:3px 0;
	width:654px;
	height:45px;
	margin-bottom:20px;
}
ul.eventMenu li {
	float:left;
	margin-left:3px;
	display:inline;
}
/*レッスン*/
.lessonMenu {
	border-top:1px solid #333;
	padding-top:1px;
	margin-bottom:30px;
	clear:both;
}
/*#trial_musician .lessonMenu {	border-top:1px solid #C00;}*/
.lessonMenu h4 {
	background-color:#333;
	font-size:16px;
	padding:5px 0 5px 10px ;
	color:#FFF;
	margin-bottom:1px;
}
#trial_musician .lessonMenu h4 {background-color:#C00;}
#trial_business .lessonMenu h4 {background-color:#006600;}
#trial_concert .lessonMenu h4 {background-color:#10719E;}
#trial_dance .lessonMenu h4 {background-color:#EC5800;}
#trial_actor .lessonMenu h4 {background-color:#D12F76;}
#trial_make .lessonMenu h4 {background-color:#683997;}
.lessonMenu h5 {
	font-size:14px;
	border-top:1px dashed #999;
	padding-top:8px;
}
#trial_musician .lessonMenu h5 {color:#C00;}
#trial_business .lessonMenu h5 {color:#006600;}
#trial_concert .lessonMenu h5 {color:#10719E;}
#trial_dance .lessonMenu h5 {color:#EC5800;}
#trial_actor .lessonMenu h5 {color:#D12F76;}
#trial_make .lessonMenu h5 {color:#683997;}
dl.lessonDate {
	font-size:14px;
	margin-bottom:12px;
	border-bottom:1px dashed #999;
}
dl.lessonDate dt {
	float:left;
	background-color:#FFF;
	border-top:1px dashed #999;
	clear:both;
	padding:5px 5px;
	width:80px;
}
dl.lessonDate dt span {
	background-color:#666;
	padding:5px 20px;
	color:#FFF;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
dl.lessonDate dd {
	background-color:#FFF;
	border-top:1px dashed #999;
	padding:5px;
	margin-left:90px;
}
.lessonMenu .lessonImg {
	float:left;
	margin-right:20px;
	border:1px solid #999;
	padding:1px;
}
.lessonMenu .lessonContent {
	float:right;
	width:430px;	
}
.lessonMenu p {
	font-size:14px;
}




/*------------体験メニュースライド--*/
/*.menuBox {
	background-color:#000;
	margin:20px auto;
	padding:10px 0;
	position: relative;
}
.menuBox h3 {
	position: absolute;
	right:70px;
	top:15px;
}

div#feature_list {
	width:900px;
	height:470px;
	overflow:hidden;
	position:relative;
}
div#feature_list ul {
	position: absolute;
	list-style: none;	
	padding: 0;
	margin: 0;
}
ul#tabs {
	top:40px;
	right: 3px;
	z-index: 1;
	width: 300px;
}
.menuBox ul#tabs li {
	width:300px;
	height:60px;
	text-indent:-9999px;
}
ul#tabs li a {
	display: block;
	height: 60px;
	outline: none;
	background-repeat:no-repeat;
	background-position:top left;
}
ul#tabs li.btn_special {background-image: url(img/btn_special.png);}
ul#tabs li.btn_musician {background-image: url(img/btn_musician.png);}
ul#tabs li.btn_business {background-image: url(img/btn_business.png);}
ul#tabs li.btn_concert {background-image: url(img/btn_concert.png);}
ul#tabs li.btn_dance {background-image: url(img/btn_dance.png);}
ul#tabs li.btn_actor {background-image: url(img/btn_actor.png);}
ul#tabs li.btn_make {background-image: url(img/btn_make.png);}

ul#tabs li.btn_special a:hover , ul#tabs li.btn_special a.current , ul#tabs li.btn_special a.current:hover {
	background: url(img/btn_special.png) bottom left;}
ul#tabs li.btn_musician a:hover , ul#tabs li.btn_musician a.current , ul#tabs li.btn_musician a.current:hover {
	background: url(img/btn_musician.png) bottom left;}
ul#tabs li.btn_business a:hover , ul#tabs li.btn_business a.current , ul#tabs li.btn_business a.current:hover {
	background: url(img/btn_business.png) bottom left;}
ul#tabs li.btn_concert a:hover , ul#tabs li.btn_concert a.current , ul#tabs li.btn_concert a.current:hover {
	background: url(img/btn_concert.png) bottom left;}
ul#tabs li.btn_dance a:hover , ul#tabs li.btn_dance a.current , ul#tabs li.btn_dance a.current:hover {
	background: url(img/btn_dance.png) bottom left;}
ul#tabs li.btn_actor a:hover , ul#tabs li.btn_actor a.current , ul#tabs li.btn_actor a.current:hover {
	background: url(img/btn_actor.png) bottom left;}
ul#tabs li.btn_make a:hover , ul#tabs li.btn_make a.current , ul#tabs li.btn_make a.current:hover {
	background: url(img/btn_make.png) bottom left;}

ul#output {
	left: 0px;
	width: 625px;
	height: 470px;
	position: relative;
}
ul#output li {
	position: absolute;
	width: 625px;
	height: 470px;
}
ul#output li a {
	display:block;
	border-top:5px solid #000;
	border-bottom:5px solid #000;
}
ul#output li.btn_special a:hover {	border-top:5px solid #F5F500; border-bottom:5px solid #F5F500;}
ul#output li.btn_musician a:hover {	border-top:5px solid #CC0000; border-bottom:5px solid #CC0000;}
ul#output li.btn_business a:hover {	border-top:5px solid #00A600; border-bottom:5px solid #00A600;}
ul#output li.btn_concert a:hover {	border-top:5px solid #10709E; border-bottom:5px solid #10709E;}
ul#output li.btn_dance a:hover {	border-top:5px solid #D55C0B; border-bottom:5px solid #D55C0B;}
ul#output li.btn_actor a:hover {	border-top:5px solid #9C2172; border-bottom:5px solid #9C2172;}
ul#output li.btn_make a:hover {	border-top:5px solid #E01F50; border-bottom:5px solid #E01F50;}*/