@charset "utf-8";

body{ margin:0; padding:0; background-image:url(../img/header_bg.gif); background-repeat:no-repeat; background-position:-100px 0px;
	font-size:12px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#666666;line-height:150%;
	}

/* リンク
----------------------------------------------- */
a {	text-decoration: underline;color: #999900;}
a:link {text-decoration:underline; }
a:visited { text-decoration:underline; }
a:hover { color: #666600; text-decoration:none; }

/* フロート解除
----------------------------------------------- */
.clearfix:after{
	display:block;
	clear:both;
	height:0px;
	line-height:0px;
	visibility:hidden;
	content:".";
}
.clearfix{
	zoom:100%;/* IE6・7対策 */
}

/* ヘッダー
----------------------------------------------- */
#header{ height:111px; background-image:url(../img/header_logo.gif); background-repeat:no-repeat;
	width:960px;
	margin:auto;
	overflow:hidden;
	zoom:1;
	}
#header h1 a{
	float: left;
	width: 360px;
	height: 111px;
	  display: block;
  position: absolute ;
  text-indent: -9999px;
}
#header .tel {width: 170px; text-align:right; padding:20px 0px 0px 0px;
	float: right;
}

/* メニュー
----------------------------------------------- */
#menu {
	margin:auto; background-color:#FFF;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC; margin-bottom:1px;
	}
div#menu_box {
	width: 950px;
	height: 71px; margin:auto;
}
div#menu_box ul {
	margin: 0;
	padding: 0;
}
div#menu_box li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div#menu_box li a {
	height: 71px;
	display: block;
	float: left;
	text-indent: -9877em;
	text-decoration: none;
	overflow: hidden;
}
div#menu_box li.home a {
	width:190px;
	background-image: url(../img/menu_home1.gif);
	background-repeat: no-repeat;
}
div#menu_box li.home a:hover{
	width:190px;
	background-image: url(../img/menu_home2.gif);
	background-repeat: no-repeat;
}
div#menu_box li.event a {
	width:190px;
	background-image: url(../img/menu_event1.gif);
	background-repeat: no-repeat;
}
div#menu_box li.event a:hover{
	width:190px;
	background-image: url(../img/menu_event2.gif);
	background-repeat: no-repeat;
}
div#menu_box li.event1 a{
	width:190px;
	background-image: url(../img/menu_event2.gif);
	background-repeat: no-repeat;
}
div#menu_box li.school a {
	width:190px;
	background-image: url(../img/menu_school1.gif);
	background-repeat: no-repeat;
}
div#menu_box li.school a:hover{
	width:190px;
	background-image: url(../img/menu_school2.gif);
	background-repeat: no-repeat;
}
div#menu_box li.school1 a{
	width:190px;
	background-image: url(../img/menu_school2.gif);
	background-repeat: no-repeat;
}
div#menu_box li.company a {
	width:190px;
	background-image: url(../img/menu_company1.gif);
	background-repeat: no-repeat;
}
div#menu_box li.company a:hover{
	width:190px;
	background-image: url(../img/menu_company2.gif);
	background-repeat: no-repeat;
}
div#menu_box li.company1 a{
	width:190px;
	background-image: url(../img/menu_company2.gif);
	background-repeat: no-repeat;
}
div#menu_box li.contact a {
	width:190px;
	background-image: url(../img/menu_contact1.gif);
	background-repeat: no-repeat;
}
div#menu_box li.contact a:hover{
	width:190px;
	background-image: url(../img/menu_contact2.gif);
	background-repeat: no-repeat;
}
div#menu_box li.contact1 a{
	width:190px;
	background-image: url(../img/menu_contact2.gif);
	background-repeat: no-repeat;
}

/* メインコンテンツ
----------------------------------------------- */
#container_bg { background-image: url(../img/bg.gif); border-bottom:#CCC 1px solid;}
#container { width:950px; margin:auto; padding:30px 0px 30px 0px; background-image:url(../img/con_bg.gif); background-repeat:repeat-y; background-position:right;}
#container1 { width:950px; margin:auto; padding:30px 0px 40px 0px; }
h2{margin:0px 0px 20px 0px; padding:0px;}
h3{margin:0px 0px 20px 0px; padding:0px;}

/* 左メイン
----------------------------------------------- */
#main { width:700px;float:left; padding-right:25px;}
	
/* 右サイドバー
----------------------------------------------- */
#right {
	float:right;
	width:200px;
	}	
#right ul {
	margin:0px 0px 0px 5px;
	padding:0;
	}
#right li{
	margin:0px 0px 20px 0px;
	padding:0;
	list-style-type: none;
	}	

/* トップおすすめイベント
----------------------------------------------- */	
.box1{ width:100%; margin-bottom:30px;}
.recoBox1{ width:340px; float:left;margin-right:10px;margin-bottom:20px;}
.recoBox2{ width:340px; float:right;}
.recopic{ width:110px; float:left;}
.recotext{ width:230px; float:left;}
.recotext h4{ font-weight:normal; margin:0px 0px 10px 0px; padding:0px;font-size:12px;}
.recotext dl { font-size:10px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 10px 0px; width:100%;
}
.recotext dt {
	margin: 0;
	padding: 0px 0px 5px 0px;
	width: 4em;
}
.recotext dd{
	padding: 0px 0px 5px 10px;
	margin-left: 3em;
	margin-top: -2.2em;
	line-height: 1.4em;
}

/* イベントページ
----------------------------------------------- */
.event h2{margin:0px 0px 20px 0px; padding:20px 0px 0px 0px; background-image: url(../img/event_title.gif); background-repeat:no-repeat; text-align:right; font-size:22px; height:20px;}
.event h3{ font-weight:normal; margin:0px 0px 0px 0px; padding:5px 5px 4px 15px;font-size:12px; background-color:#8FA417; color:#FFF;}
.eventBox{ width:698px; border:#CCC 1px solid; background-color:#FFF; font-size:10px; margin-bottom:20px; background-image:url(../img/event_bg.gif); background-repeat:repeat-y;}
.event_l{ width:120px; text-align:center; float:left; padding:10px 0px 10px 0px;}
.event_m{ width:250px; float:left;padding:10px 0px 10px 0px;}
.event_m dl { font-size:10px; border-bottom:#CCC 1px solid;
	margin: 0px 0px 0px 0px; 
	padding: 8px 5px 8px 5px; width:240px;
}
.event_m dt {
	margin: 0;
	padding: 0px 0px 2px 0px;
	width: 4em;
}
.event_m dd{
	padding: 3px 0px 0px 10px;
	margin-left: 3em;
	margin-top: -2.0em;
	line-height: 1.4em;
}
.event_r{ width:308px; float:right;padding:10px;}

/* ページ送り
----------------------------------------------- */
div.page { 
              text-align:center;
              padding: 5px;}

div.page a {
              padding: 4px 8px 4px 8px; 
              margin: 2px; background-color:#FFF;
              border: 1px solid #ccc;color: #666;
              text-decoration: none; /* no underline */ }
			  
div.page a:hover, div.page a:active {
              border: 1px solid #ccc;
              background-color:#ccc;
              color: #fff;}
			  
div.page span.current {
              padding: 4px 8px 4px 8px;
              margin: 2px; 
              border: 1px solid #ccc;
              font-weight: bold;
              background-color: #ccc;
              color: #FFF;} 
			  
div.page span.disabled {
              padding: 4px 8px 4px 8px;
              margin: 2px; background-color:#FFF;
              border: 1px solid #ddd;
              color: #ddd; }

/* ミュージックスクールページ
----------------------------------------------- */
.school h2{margin:0px 0px 20px 0px; padding:20px 0px 0px 0px; background-image: url(../img/school_title.gif); background-repeat:no-repeat; text-align:right; font-size:22px; height:20px;}
.schoolBox{ width:678px; border:#CCC 1px solid; background-color:#FFF; font-size:10px; margin-bottom:20px; padding:10px; }
.schoolBox p{padding:0px;margin:0px 0px 10px 0px;}
.school_l{ width:370px;float:left; padding:0px 0px 0px 0px;}
.school_r{ width:305px;float:right; padding:0px 0px 0px 0px; text-align:right;}
		
		
/* フッター
----------------------------------------------- */	
#footer {width:960px;margin:auto; padding:10px 0px 30px 0px;}	

/* ボックス
----------------------------------------------- */		
.box2{ width:100%;}
.box_l{ float:left;}
.box_r{ float:right;}

/* テーブル
----------------------------------------------- */		
.table{ background-color:#CCC;}
.table th{ background-color:#e5e5e5; font-weight:normal; text-align:left;}
.table td{ background-color:#fff;}

/* その他
----------------------------------------------- */
.bgg{ background-color:#8FA417; padding:20px;}
.red{ color:#990000;}
form{ margin:0; padding:0;}
.t10{ margin-top:10px;}