@charset "utf-8";
/* ===================================================================
CSS information

 file name  :module.css
 author     :hirasawa(admin)
 style info :共通（ヘッダー、フッター）
=================================================================== */

/* -----------------------------------------------------------
	#header
		ヘッダー
----------------------------------------------------------- */
#header {
	height:80px!important;
	width: 100%;
	min-width: 1100px;
	background-color: #333333;
	color: #FFFFFF;
}


#header_inner {
	width:900px;
	margin:0 auto;
	position: relative;
	height: 80px!important;
}

#header h1{
	position:absolute;
	font-size:11px;
	top: -2px;_top: 2px;
}

#header p{ margin:0;}


#logo{ margin:0; padding:0; border:0;}
#h_navi{
	position:absolute;
	left: 631px;
	top: 0px;_top: 15px;
	width: 260px;
}

#h_navi li{ float:left;
display:block;
list-style: none;}

#h_navi li a{
	color:#FFFFFF;
	margin-right:20px;
	text-decoration: none;
}

.g_navi{
	position:absolute;
	left: 428px;
	top: 20px;_top: 40px;
	width: 404px;
	height:30px
}
.g_navi li{
	float:left;
	display: block;
	list-style: none;
	height: 30px;
}

.g_navi li a{ background:url(../img/shared/navi_head.gif) no-repeat;
display: block;
text-indent:-9999px;
height:30px;
}

.g_navi .gnavi_01 a { width:58px;}
.g_navi .gnavi_02 a{width:93px;background-position: -58px;}
.g_navi .gnavi_03 a { width:84px; background-position:-151px;}
.g_navi .gnavi_04 a{ width:63px; background-position:-235px;}
.g_navi .gnavi_05 a { width:59px; background-position:-298px;}
.g_navi .gnavi_06 a { width:46px; background-position:-357px;}

.g_navi li a:hover{filter: alpha(opacity=70);
  -moz-opacity:0.7;
  opacity:0.7;}

/* #utilityNav
----------------------------------------------------------- */
#utilityNav {
	position: absolute;
	left: 600px;
	top: -2px;
}

#utilityNav li {
	float: left;
	margin:0px;
	
}

#utilityNav li a{
	display: block;
	width:132px;
	height:30px;
	text-indent:-9999px;
	background:url(../img/common/unavi_01.jpg) no-repeat;
}

#utilityNav li#unavi02 a{background:url(../img/common/unavi_02.jpg) no-repeat;}
#utilityNav li#unavi03 a{background:url(../img/common/unavi_03.jpg) no-repeat;}


/* #gNav
----------------------------------------------------------- */
 #gNav {
	overflow: hidden;
	position:absolute;
	left: 100px;
	top: 261px;
	height: 45px!important;
}

#header #gNav {
	overflow: hidden;
	position:absolute;
	left: 96px;
	top: 134px;
}

* html  #gNav {
	height: 1%;
}

#gNav li {
	float: left;
	margin:0 6px;
	height: 45px;
}

#gNav li a{
	display: block;
	width:169px;
	height:45px;
	text-indent:-9999px;
	background:url(../img/common/navi_01.jpg) no-repeat;
}

#gNav li#gnavi02 a{background:url(../img/common/navi_02.jpg) no-repeat;}
#gNav li#gnavi03 a{background:url(../img/common/navi_03.jpg) no-repeat;}
#gNav li#gnavi04 a{background:url(../img/common/navi_04.jpg) no-repeat;}
#gNav li#gnavi05 a{background:url(../img/common/navi_05.jpg) no-repeat;}


#gNav li#gnavi01 a:hover{background:url(../img/common/navi_01_on.jpg) no-repeat;}
#gNav li#gnavi02 a:hover{background:url(../img/common/navi_02_on.jpg) no-repeat;}
#gNav li#gnavi03 a:hover{background:url(../img/common/navi_03_on.jpg) no-repeat;}
#gNav li#gnavi04 a:hover{background:url(../img/common/navi_04_on.jpg) no-repeat;}
#gNav li#gnavi05 a:hover{background:url(../img/common/navi_05_on.jpg) no-repeat;}


/* -----------------------------------------------------------
	#pan
----------------------------------------------------------- */

#pan{
	background-color:#333333;
	color:#FFFFFF;
	padding:3px 10px;
	margin:5px 0px 10px 0px;
}

#pan a{ color:#FFFFFF;}

#wapper{
	background:url(../img/shared/main_bg.png) no-repeat center top;
	width:1000px;
	margin:0 auto;
}


#visu{
	margin:0;
	height:185px;
	position:relative;
	width: 1000px;
}
#visu p{
	color:#FFFFFF;
	position:absolute;
	left: 449px;
	top: 72px;
	width: 353px;
	height: 40px;
	overflow: hidden;
	line-height:1.5
}
#content{
	width:880px;
	margin:0 auto;
	padding: 10px;_padding: 10px 5px 10px 15px;
}

#cont_left{ width:670px; float:left;}

h2.school_name{
	background:url(../img/shared/bg_h2.gif) repeat-x;
	color:#FFFFFF;
	height:57px;
	padding:10px;
	line-height:1.3;
	display: block;
	width:630px;
}

p.school_p{
	margin:0 10px 0 0;
	line-height:1.3;
}

#cont_left h3{ margin:5px;}

/* -----------------------------------------------------------
	#footer
		フッター
----------------------------------------------------------- */
.totop{ text-align: right;}


#footer {
	position:relative;
	clear: both;
	width:100%;
	min-width: 1100px;
	background:#333333 url(../img/shared/bg_footer.jpg) repeat-x top;
}

#footer_inner{width:900px; margin:0 auto; position: relative; padding-top:20px;}

#footer_inner p{  margin:0 0 0 10px;_margin:0 0 05px;}

#footer_inner dl{
	left:455px;
	top:18px;
}

#footer_low{
	background:url(../img/shared/footer_line.gif) repeat-x;
	margin-top:10px;
	color:#FFFFFF;
	padding-top: 5px;
}

#footer .pageTop{
	left: 979px;
	top: 1px;
}

#footer .pageTop a{
	display: block;
	background-image: url(../img/common/totop.gif);
	width: 121px;
	height: 51px;
	text-indent:-9999px;
	position: absolute;
	left: 779px;
	top: 1px;
}

 .news{
	margin:10px;
	padding: 0;
	font-size:90%;
	border-right: 1px solid #515151;
	width: 320px;
	margin-right: 10px;
	display: block;
	float: left;
}

 .news li{
	background: url(../img/common/ico_name.jpg) no-repeat;
	line-height: 1.3;
	padding-bottom: 5px;
	margin-bottom:5px;
	display: block;
	width: 290px;
	border-bottom: 1px solid #515151;
	padding-left: 5px;
}

.news a{
	font-weight: 600;
	color: #ACFFDC;
}

.footer_link{
	float:left;
	margin:10px 10px 10px 0;_margin:10px 5px 10px 0;
	border-right: 1px solid #515151;
	padding-right: 20px;
	width: 150px;
}

a.bt_search{
	background:url(../img/shared/bt_search.jpg) no-repeat;
	width:180px;
	height:42px;
	display: block;
	margin:0 auto;
	text-indent: -9999px;
}

#bt_new{
	display: block;
	width:172px;
	height:32px;
	background: url(../img/shared/bt_new.gif) no-repeat;
	text-indent:-9999px;
}

#bt_link{
	display: block;
	width:172px;
	height:32px;
	background: url(../img/shared/bt_link.gif) no-repeat;
	text-indent:-9999px;
}

#bt_creat{
	display: block;
	width:172px;
	height:60px;
	background: url(../img/shared/bt_creat.gif) no-repeat;
	text-indent:-9999px;
}

a:hover#bt_new{
	filter: alpha(opacity=70);
  -moz-opacity:0.7;
  opacity:0.7;}


a:hover#bt_link{
	filter: alpha(opacity=70);
  -moz-opacity:0.7;
  opacity:0.7;}

a:hover#bt_creat{
	filter: alpha(opacity=70);
  -moz-opacity:0.7;
  opacity:0.7;}
  
  #qr{ border-right:1px solid #515151; width:170px; float:left; padding:10px 0; text-align:center;}
   #qr p{ margin:0 0 10px 0; font-size:90%;}
  
     #qr p a{ color:#FFFFFF;}
  #copy{
	clear: both;
	
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
	background: url(../img/shared/copy_bg.gif)  no-repeat;
	width:543px;
	margin:10px auto 0 auto!important;
	padding-top:2px;
	display: block;
}

  
/*side_navi------------------------------------------------------------------------*/
#right_side{
	float:left;
	width:210px;
	font-size: 11px;
}

#right_side h3#side_area{
	background:url(../img/shared/side_area.jpg) no-repeat;
	height:50px;
	width:210px;
	text-indent: -9999px;
}

#right_side h3#side_etc{
	background:url(../img/shared/side_etc.jpg) no-repeat;
	height:50px;
	width:210px;
	text-indent: -9999px;
}

#right_side h3#side_key{
	background:url(../img/shared/side_key.jpg) no-repeat;
	height:50px;
	width:210px;
	text-indent: -9999px;
}
.side_search_box{
	border-left:1px solid #C9C9C8;
	border-bottom:1px solid #C9C9C8;
	border-right:1px solid #C9C9C8;
	width:198px;
	background-color:#F2F2F2;
	padding:5px;
}

a.bt_search2{
	background:url(../img/shared/bt_search2.jpg) no-repeat;
	width:180px;
	height:42px;
	display: block;
	margin:0 auto;
	text-indent: -9999px;
}

input.bt_search2{
	margin: 0 auto;
	display: block;
	width:150px;
}


.totop2  {
	margin:0 auto;
	width:900px;
	clear: both;
}

.totop2 P{ margin:0;}

.totop2 a{
	margin:0 0 0 780px;
	width:116px;
	height:19px;
	text-indent:-9999px;
	background:url(../img/shared/tottop.gif);
	display: block;
}


/*sitemap------------------------------------------------------------------------
*/


#sitemap .doc{
	margin: 6px;
	background-color: #F5F5F5;
	padding: 5px;
}

#sitemap h2{ clear: both;}

#sitemap h3{
	background:url(../img/shared/bg_sitemap.jpg) no-repeat;
	padding:12px 6px 6px 25px;
	display: block;
	height: 23px;
	}
		
#sitemap ol{
	padding:0 0 0 20px;
}
#sitemap li{
	padding:0;
	display: inline;
	border-right: 1px solid #cccccc;
	padding-right:10px;
	margin:5px;
	line-height:2;
}
	
	
	
/*	#sitemap .doc{
	width:271px;
	float: left;
	margin: 6px;
	background-color: #F5F5F5;
	padding: 5px;
	overflow: scroll;
	height: 250px;
}

#sitemap h2{ clear: both;}

#sitemap h3{
	background:url(../img/shared/bg_sitemap.jpg) no-repeat;
	padding:12px 6px 6px 25px;
	display: block;
	height: 23px;
	}
		
#sitemap ol{
	padding:0 0 0 20px;
}
#sitemap li{ padding:0;
list-style:disc;}
	*/
	
	
#h_guitar{
	height:182px;
	background:url(../img/shared/h_guitar.gif);
	width:1000px;
	margin:0 auto;
	display:block;
	text-indent:-9999px;
}


#h_voice{
	height:182px;
	background:url(../img/shared/h_voice.gif);
	width:1000px;
	margin:0 auto;
	display:block;
	text-indent:-9999px;
}


#h_drums{
	height:182px;
	background:url(../img/shared/h_drums.gif);
	width:1000px;
	margin:0 auto;
	display:block;
	text-indent:-9999px;
}


#h_japanese{
	height:182px;
	background:url(../img/shared/h_japanese.gif);
	width:1000px;
	margin:0 auto;
	display:block;
	text-indent:-9999px;
}


#h_wind{
	height:182px;
	background:url(../img/shared/h_wind.gif);
	width:1000px;
	margin:0 auto;
	display:block;
	text-indent:-9999px;
}


#h_piano{
	height:182px;
	background:url(../img/shared/h_piano.gif);
	width:1000px;
	margin:0 auto;
	display:block;
	text-indent:-9999px;
}

#h_school{
	height:182px;
	background:url(../img/shared/h_school.gif);
	width:1000px;
	margin:0 auto;
	display:block;
	text-indent:-9999px;
}