@charset "utf-8";

html,body {
margin:0 auto;
padding: 0;
font-family:  "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
font-size: 12px;
line-height:18px;
color: #333333;
text-align:center;
background-color:#ffffff;
}


h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
font-family:  "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: normal;
font-size: 100%;
}

a:link {
color: #333333; text-decoration: underline;
}
a:visited {
color: #333333; text-decoration: underline;
}
a:active {
color: #FF6842; text-decoration: underline; 
}
a:hover {
color: #FF6842; text-decoration: underline;
}

a { outline:none;}
a { text-decoration: none; } 
a { overflow: hidden; }

div:after {
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}

img {
border-style: none;
}

/*--------------------------------------------------------------------
ページ共通レイアウト
--------------------------------------------------------------------*/
#HeaderArea {
margin:0 auto;
background-image:url(../../images/header/HeaderBg.jpg);
background-repeat:repeat-x;
height:123px;
}

#Header {
margin:0 auto;
background-image:url(../../images/header/header.jpg);
background-repeat:no-repeat;
height:123px;
width:950px;
display:block;
}

#ContentArea {
margin:0 auto;
background-image:url(../../images/content/contentBg.jpg);
background-repeat:repeat-y;
width:950px;
clear:both;
}

#Content {
margin:0 auto;
background-image:url(../../images/content/ContentTopBg.jpg);
background-repeat:no-repeat;
background-position:top;
width:950px;
clear:both;
float:left;
}

#ContentL { float : left ; width : 235px ; overflow:hidden; }
#ContentR { float : left ; width : 715px ; overflow:hidden; }

#FooterArea {
margin:0 auto;
background-image:url(../../images/footer/FooterBg.jpg);
background-repeat:repeat-x;
clear:both;
height:113px;
padding:0;
}

#Footer {
margin:0 auto;
padding:0;
width:950px;
background-image:url(../../images/footer/Footer.jpg);
background-repeat:no-repeat;
height:113px;
clear:both;
overflow:hidden;
}

/*--------------------------------------------------------------------
ヘッダー
--------------------------------------------------------------------*/
#HeaderAll { margin: 0 auto; width : 950px ; display:block; }
#HeaderL {
	float : left;
	width : 428px;
	overflow:hidden;
	height:93px;
	padding:35px 0 0 160px;
	font-weight: bold;
}
#HeaderR { float : right ; width : 362px ; overflow:hidden; height:123px; }

#HeaderR #Business {
margin:12px 0 0 0;
padding-right:20px;
height:45px;
text-align:right;
overflow:hidden;
height:45px;
}

/*--------------------------------------------------------------------
ロゴ
--------------------------------------------------------------------*/
#HeaderL a {
	margin-left:10px;
	float:left;
	width:500px;
	height:110px;
	display:block;
	text-align:left;
	text-decoration:none;
	padding-left: 3px;
}

#HeaderL a:hover{
color:#333333;
}

#HeaderL a:active{
color:#333333;
} 



/*--------------------------------------------------------------------
グローバルナビ
--------------------------------------------------------------------*/

#HeaderR #GNavi {
clear:both;
text-align:left;
display:block;
}

#GNavi ul {
height:25px;
margin:8px 10px 0 0;
}

#GNavi li {   
text-indent: -9999px;   
float: left;   
list-style: none; 
}

#GNavi a {   
text-decoration: none;   
display: block;   
height: 25px;
} 

/*グローバルナビ（初期）*/  
#GNavi01 a { background: url(../../images/header/globalNavi.jpg) no-repeat 0 0; width: 110px; margin-right:5px;}
#GNavi02 a { background: url(../../images/header/globalNavi.jpg) no-repeat -115px 0; width: 110px; margin-right:5px;}
#GNavi03 a { background: url(../../images/header/globalNavi.jpg) no-repeat -230px 0; width: 110px; }

/*グローバルナビ（オンマウス）*/  
#GNavi01 a:hover { background: url(../../images/header/globalNavi_f2.jpg) no-repeat 0 0; width: 110px; margin-right:5px;}
#GNavi02 a:hover { background: url(../../images/header/globalNavi_f2.jpg) no-repeat -115px 0; width: 110px; margin-right:5px;}
#GNavi03 a:hover { background: url(../../images/header/globalNavi_f2.jpg) no-repeat -230px 0; width: 110px; }


/*--------------------------------------------------------------------
ローカルナビエリア
--------------------------------------------------------------------*/
ul#LocalNavi {
margin:14px 20px  5px 15px;
text-align:center;
list-style:none;
}

ul#LocalNavi li {
margin-bottom:5px;
text-indent:-9999px;
text-decoration:none;
}

ul#LocalNavi li#LNavi01 {
background:url(../../images/localNavi/01.jpg) no-repeat ;
width:200px;
height:50px;
}

ul#LocalNavi li#LNavi01 a{
background:url(../../images/localNavi/01.jpg) no-repeat ;
width:200px;
height:50px;
display:block;
}

ul#LocalNavi li#LNavi01 a:hover {
background:url(../../images/localNavi/01_f2.jpg) no-repeat ;
display:block;
}

ul#LocalNavi li#LNavi02 {
background:url(../../images/localNavi/02.jpg) no-repeat ;
width:200px;
height:50px;
}

ul#LocalNavi li#LNavi02 a{
background:url(../../images/localNavi/02.jpg) no-repeat ;
width:200px;
height:50px;
display:block;
}

ul#LocalNavi li#LNavi02 a:hover {
background:url(../../images/localNavi/02_f2.jpg) no-repeat ;
display:block;
}

ul#LocalNavi li#LNavi03 {
background:url(../../images/localNavi/03.jpg) no-repeat ;
width:200px;
height:50px;
}

ul#LocalNavi li#LNavi03 a{
background:url(../../images/localNavi/03.jpg) no-repeat ;
width:200px;
height:50px;
display:block;
}

ul#LocalNavi li#LNavi03 a:hover {
background:url(../../images/localNavi/03_f2.jpg) no-repeat ;
display:block;
}

ul#LocalNavi li#LNavi04 {
background:url(../../images/localNavi/04.jpg) no-repeat ;
width:200px;
height:50px;
}

ul#LocalNavi li#LNavi04 a{
background:url(../../images/localNavi/04.jpg) no-repeat ;
width:200px;
height:50px;
display:block;
}

ul#LocalNavi li#LNavi04 a:hover {
background:url(../../images/localNavi/04_f2.jpg) no-repeat ;
display:block;
}

/*--------------------------------------------------------------------
バナー
--------------------------------------------------------------------*/
ul#bnr {
margin:10px 20px  10px 15px;
text-align:center;
list-style:none;
clear:both;
width:200px;
}

ul#bnr li {
margin:10px auto;
}


/*--------------------------------------------------------------------
コンタクト
--------------------------------------------------------------------*/

#contactUsBtn {
background:url(../../images/localNavi/contactus.jpg) no-repeat ;
width:200px;
height:80px;
display:block;
margin:10px 20px  10px 15px;
clear:both;
}

#contactUsBtn a {
background:url(../../images/localNavi/contactus.jpg) no-repeat ;
width:200px;
height:80px;
display:block;
text-indent:-9999px;
}

#contactUsBtn a:hover{
background:url(../../images/localNavi/contactus_f2.jpg) no-repeat ;
}

/*--------------------------------------------------------------------
メインエリア
--------------------------------------------------------------------*/
#MainArea {
margin:14px 16px 20px 19px;
text-align:left;
}

#Pankuzu {
text-align:right;
}

#MainArea h2 {
margin:0;
clear:both;
}

#MainArea p {
margin:10px;
clear:both;
}


.TopImageArea {
margin:20px 0;
padding:10px 0;
background-color:#f0f0f0;
float:left;
width:680px
}


.TopImageArea li {
list-style:none;
float:left;
margin:0 0 0 10px;
}

ul#Topics {
margin:10px 0 20px 20px;
list-style:none;
clear:both;
overflow:hidden;
}

ul#Topics li {
width:315px;
margin-right:15px;
margin-top:10px;
padding-bottom:5px;
border-bottom:1px solid #cccccc;
float:left;
text-align:left;
}

ul#Topics li .Image {
width:70px;
height:70px;
margin-right:5px;
float : left ;
}

ul#Topics li .TopicsTxt {
text-align:left;
width:240px;
overflow:hidden;
float : left ;
}

.TopicsTxt h3 {
color:#003366;
font-weight:bold;
line-height:18px;
}

.TopicsTxt dt {
color:#FF6842;
font-weight:bold;
line-height:18px;
}

.TopicsTxt dd {
line-height:16px;
}

#News {
width:680px;
background-image:url(../../images/index/17.jpg);
background-repeat:repeat-y;
margin:0;
paddin:0;
}

#NewsArea {
background-image:url(../../images/index/16.jpg);
background-position:bottom;
background-repeat:no-repeat;
width:680px;
display:block;
}

#NewsList {
overflow:auto;
height:300px;
border:1px solid #cccccc;
margin:15px;
text-align:left;
}

#NewsList dl {
line-height: 15px;
width:600px;
margin:10px;
}

#NewsList dt {
font-weight:bold;
color:#003366;
float: left;
width: 80px;
margin: 0px;
padding: 5px 0;
}
#NewsList dd {
margin: 0px;
padding: 5px 0 5px 80px;
border-bottom:#CCCCCC solid 1px;
text-align:left;
}

#ToTop {
width:680px;
margin:20px 0 0 0;
overflow:hidden;
}
#ToTop #ToTopBtn {
float:right;
width:143px;
}

#ToTop #ToTopBtn a{
background:url(../../images/parts/ToTop.jpg) no-repeat ;
background-position:left center;
display:block;
text-indent:23px;
height:20px;
}

#ToTop #ToTopBtn a:hover{
background:url(../../images/parts/ToTop_f2.jpg) no-repeat ;
background-position:left center;
}
/*--------------------------------------------------------------------
コース紹介
--------------------------------------------------------------------*/
.CourseCatchCopy {
border-left:5px solid #99CC33;
margin:20px 10px 10px 10px;
height:60px;
line-height:60px;
font-weight:bold;
color:#003366;
padding-left:20px;
font-size:14px;
}

.CourseDetail {
margin:20px 0;
clear:both;
}

.CourseDetail h4#vocal {
border-bottom:3px solid #99cc33;
font-weight:bold;
background-image:url(../../images/parts/042.jpg);
background-position:left;
background-repeat:no-repeat;
height:50px;
line-height:50px;
padding-left:60px;
padding-bottom:5px;
}

.CourseDetail h4#guitar {
border-bottom:3px solid #99cc33;
font-weight:bold;
background-image:url(../../images/parts/062.jpg);
background-position:left;
background-repeat:no-repeat;
height:50px;
line-height:50px;
padding-left:60px;
padding-bottom:5px;
}

.CourseDetail h4#drum {
border-bottom:3px solid #99cc33;
font-weight:bold;
background-image:url(../../images/parts/102.jpg);
background-position:left;
background-repeat:no-repeat;
height:50px;
line-height:50px;
padding-left:60px;
padding-bottom:5px;
}

.CourseDetail h4#bass {
border-bottom:3px solid #99cc33;
font-weight:bold;
background-image:url(../../images/parts/112.jpg);
background-position:left;
background-repeat:no-repeat;
height:50px;
line-height:50px;
padding-left:60px;
padding-bottom:5px;
}

.CourseDetail h4#piano {
border-bottom:3px solid #99cc33;
font-weight:bold;
background-image:url(../../images/parts/142.jpg);
background-position:left;
background-repeat:no-repeat;
height:50px;
line-height:50px;
padding-left:60px;
padding-bottom:5px;
}
.CourseDetail h4#flute {
border-bottom:3px solid #99cc33;
font-weight:bold;
background-image:url(../../images/parts/152.jpg);
background-position:left;
background-repeat:no-repeat;
height:50px;
line-height:50px;
padding-left:60px;
padding-bottom:5px;
}
.CourseDetail h4#sax {
border-bottom:3px solid #99cc33;
font-weight:bold;
background-image:url(../../images/parts/162.jpg);
background-position:left;
background-repeat:no-repeat;
height:50px;
line-height:50px;
padding-left:60px;
padding-bottom:5px;
}

.CourseDetail div.area {
margin:0;
padding:5px;
line-height:24px;
background-color:#f0f0f0;
clear:both;
}

.CourseDetail p {
margin:10px;
line-height:20px;
clear:both;
overflow:hidden;
padding-bottom:10px;
}

/*--------------------------------------------------------------------
レッスン料金
--------------------------------------------------------------------*/
.PriceCatchCopy {
border-left:5px solid #3399CC;
margin:20px 10px 10px 10px;
height:60px;
line-height:60px;
font-weight:bold;
color:#003366;
padding-left:20px;
font-size:14px;
}

.priceContent {
margin:20px 0;
}

.priceContent p {
margin:0;
}

.priceContent h4 {
background-image:url(../../images/price/mark2.gif);
background-repeat:no-repeat;
background-position:left center;
padding-left:20px;
margin:0 0 10px;
font-weight:bold;
}

table.TaPrice01 {
background-color:#D8F0FA;
margin:0 0 10px;
clear:both;
width:680px;
font-size:12px;
}

table.TaPrice01 caption {
caption-side: left;
}



table.TaPrice01 td {
padding:10px;
border-left:1px solid #ffffff;
border-bottom:1px solid #ffffff;
}

table.TaPrice01 th {
padding:10px;
border-bottom:1px solid #ffffff;
}

table.TaPrice02 {
background-color:#FCEDD1;
margin:0 0 10px;
clear:both;
width:680px;
font-size:12px;
}

table.TaPrice02 caption {
caption-side: left;
}



table.TaPrice02 td {
padding:10px;
border-left:1px solid #ffffff;
border-bottom:1px solid #ffffff;
}

table.TaPrice02 th {
padding:10px;
border-bottom:1px solid #ffffff;
}

.NoteArea {
background-color:#f0f0f0;
padding:5px;
text-align:center;
}

.NoteArea .NoteTitle {
background-color:#f0f0f0;
margin:0 auto;
padding:0;
}

.NoteArea .NoteBody {
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
width:668px;
background-image:url(../../images/price/noteBottomBar.jpg);
background-position:bottom;
background-repeat:no-repeat;
background-color:#FFFFFF;
padding:0;
margin-top:-2px;
text-align:left;
line-height:20px;
}

.NoteBody ul {
list-style:outside;
margin:5px 30px;
}
.NoteBody li {
margin:5px 0;
}


/*--------------------------------------------------------------------
ご入会にあたってよくある質問
--------------------------------------------------------------------*/
.QaCatchCopy {
border-left:5px solid #cc3300;
margin:20px 10px 10px 10px;
height:60px;
line-height:60px;
font-weight:bold;
color:#003366;
padding-left:20px;
font-size:14px;
}

.qaDetail {
margin:20px 0;
}

.qaDetail dl {
margin:20px 0;
border-bottom:1px dotted #cccccc;
}


.qaDetail dt {
background-image:url(../../images/qa/q.gif);
background-position:left;
background-repeat:no-repeat;
line-height:22px;
padding-left:140px;
margin-bottom:5px;
}

.qaDetail dd {
background-image:url(../../images/qa/a.gif);
background-position:left top;
background-repeat:no-repeat;
line-height:22px;
padding-left:140px;
margin-bottom:5px;
}

/*--------------------------------------------------------------------
スクール案内
--------------------------------------------------------------------*/
.SchoolCatchCopy {
border-left:5px solid #FF9999;
margin:20px 10px 10px 10px;
height:60px;
line-height:30px;
font-weight:bold;
color:#003366;
padding-left:20px;
font-size:14px;
}

.SchoolDetail {
margin:20px 0;
font-size:12px
}

.SchoolDetail p {
margin:10px 0 20px 0;
line-height:20px;
}

table.schoolfield {
margin:20px 10px 10px 10px;
width:660px;
font-size:12px
}

table.schoolfield th {
padding:10px;
border-bottom:1px solid #cccccc;
background-color:#f0f0f0;
width:120px;
}

table.schoolfield td {
padding:10px;
border-bottom:1px solid #cccccc;
}


/*--------------------------------------------------------------------
お問い合わせ
--------------------------------------------------------------------*/

.contactDetail {
margin:20px 0;
}

.contactDetail p {
margin:0;
}

table.contactfield {
margin:0 10px;
width:660px;
font-size:12px
}

table.contactfield th {
padding:10px;
border-bottom:1px solid #cccccc;
background-color:#f0f0f0;
width:120px;
}

table.contactfield td {
padding:10px;
border-bottom:1px solid #cccccc;
}

.contactDetail span {
color:#FF0000;
font-weight:normal;
}

/*--------------------------------------------------------------------
リードバナー
--------------------------------------------------------------------*/
#Lead {
width:680px;
margin:20px 180px;
clear:both;
}

#Lead .CourseLead {
background:url(../../images/bnr/courselead.jpg) no-repeat ;
width:320px;
height:100px;
display:block;
}

#Lead .CourseLead a {
background:url(../../images/bnr/courselead.jpg) no-repeat ;
width:320px;
height:100px;
display:block;
text-indent:-9999px;
}

#Lead .CourseLead a:hover{
background:url(../../images/bnr/courselead_f2.jpg) no-repeat ;
}

#Lead .instructorlead {
background:url(../../images/bnr/instructorlead.jpg) no-repeat ;
width:320px;
height:100px;
display:block;
}

#Lead .instructorlead a {
background:url(../../images/bnr/instructorlead.jpg) no-repeat ;
width:320px;
height:100px;
display:block;
text-indent:-9999px;
}

#Lead .instructorlead a:hover{
background:url(../../images/bnr/instructorlead_f2.jpg) no-repeat ;
}

#Lead .pricelead {
background:url(../../images/bnr/pricelead.jpg) no-repeat ;
width:320px;
height:100px;
display:block;
}


#Lead .pricelead a {
background:url(../../images/bnr/pricelead.jpg) no-repeat ;
width:320px;
height:100px;
display:block;
text-indent:-9999px;
}

#Lead .pricelead a:hover{
background:url(../../images/bnr/pricelead_f2.jpg) no-repeat ;
}


#Lead .qalead {
background:url(../../images/bnr/qalead.jpg) no-repeat ;
width:320px;
height:100px;
display:block;
}

#Lead .qalead a {
background:url(../../images/bnr/qalead.jpg) no-repeat ;
width:320px;
height:100px;
display:block;
text-indent:-9999px;
}

#Lead .qalead a:hover{
background:url(../../images/bnr/qalead_f2.jpg) no-repeat ;
}



#Lead .contactlead {
background:url(../../images/bnr/contactlead.jpg) no-repeat ;
width:320px;
height:100px;
display:block;
}

#Lead .contactlead a {
background:url(../../images/bnr/contactlead.jpg) no-repeat ;
width:320px;
height:100px;
display:block;
text-indent:-9999px;
}

#Lead .contactlead a:hover{
background:url(../../images/bnr/contactlead_f2.jpg) no-repeat ;
}
/*--------------------------------------------------------------------
インストラクター
--------------------------------------------------------------------*/

.InstructorCatchCopy {
border-left:5px solid #FFCC33;
margin:20px 10px 10px 10px;
height:60px;
line-height:30px;
font-weight:bold;
color:#003366;
padding-left:20px;
font-size:14px;
}

.InstructorList {margin: 0 auto; width : 680px ; display:block; margin-top:20px; border-bottom:1px dotted #cccccc; padding-bottom:10px; clear:both}
.InstructorListL { float : left ; width : 198px ; overflow:hidden; text-align:center; border:1px solid #cccccc;}
.InstructorListR { float : left ; width : 470px ; overflow:hidden; padding:10px 0 10px 10px; }

.Face {
margin:10px;
}

.InstructorListR h4 {
font-size:16px;
font-weight:bold;
}

.InstructorListR dl {
margin:10px 0;
}
.InstructorListR dt {
font-size:14px;
font-weight:bold;
background-image:url(../../images/instructor/Mark.gif);
background-repeat:no-repeat;
background-position:left center;
text-indent:20px;
margin:10px 0;
}

.InstructorListR dd {
font-size:12px;
}

/*--------------------------------------------------------------------
フッター
--------------------------------------------------------------------*/
#FootNavi{
float:left;
margin:30px 0 20px 10px;
width:940px;
}

#FootNavi ul{
list-style:none;
}

#FootNavi ul li {
border-right:1px solid #333333;
padding:0 10px;
float:left;
}

#Copyright {
text-align:left;
margin:0;
clear:both;
padding:0 20px;
}

/* 2009/6.19_add */
#text{
border:1px solid #005D8B;
width:630px;
padding:6px;
margin:20px 0 0px 20px;
}

#text h2{
font-size:12px;
padding:0;
margin:0;
font-weight:bold;
}

#text p{
margin:0;
padding:0;
}
.add01{
	text-align:right;
	margin-right:20px;

}