@charset "Shift_JIS";

/*******************************************************
 RESET CSS
********************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}

html, body{
font-size: 100%;
font-weight:normal;
border:0;}

h1, h2, h3, h4, h5, h6, p, div, blockquote, pre, address{
font-size:100%;
font-weight:normal;
font-style:normal;
border:0;}

fieldset,img{border:0;}

img{
display:block;
/*vertical-align:bottom;*//*IE6でデザインが崩れる*/}

table, caption, tr, th, td{
font-size:100%;
font-weight:normal;
font-style:normal;
text-align:left;
border:0;
padding:0;
margin:0;}

caption,th {text-align:left;}

table{
border-collapse:collapse;
border-spacing:0;}

ol,ul{list-style:none;}

ul, ol, li, dl, dt, dd{
font-size:100%;
font-weight:normal;
font-style:normal;
border:0;}

form, input, button, select, optgroup, option, textarea, label, legend{
font-size:100%;
font-weight:normal;
vertical-align:bottom;}

form, fieldset, optgroup, option, label, legend{border:0;}

span, br, a, object{
font-size:100%;
font-weight:normal;
font-style:normal;
border:0;}

address,cite,code,dfn,em,strong,var{
font-style:normal;
font-weight:normal;}

q:before,q:after {content:'';}

abbr,acronym{border:0;}


/*******************************************************
 BASE
********************************************************/
body{
color:#fff;
font-size:17px;
/*　*font-size:small;　*/
font-weight:bold;
font-family: "ＭＳ Ｐゴシック", "Osaka";
line-height:1.6;
_text-align:center;
margin:0 auto;
padding:0;
background-color:#000;}

h1, h2, h3, h4, h5, h6{margin-bottom:1.0em;line-height:1.6;text-align:center;}

h1, h2, h3, h4, h5, h6, p, dt, dd, th, td{font-weight:bold;}

h1{font-size:200%}

h2{font-size:225%;margin-bottom:1.0em;}

h3{font-size:150%;margin-bottom:0.5em;}

h3 img{margin:0 auto;}
h3 a{font-weight:bold;}

h4{font-size:113%;}
h5, h6, p{font-size:100%;}

p{line-height:1.6;margin-bottom:1.0em;}

a:link{
color: #0000ff;
text-decoration: underline;}

a:visited{
color: #0000ff;
text-decoration: underline;}
	
a:hover, a:active{
color: #cc0000;
text-decoration: underline;}


/*----- TABLE -----*/
table{border:1px solid #666;margin-bottom:1.5em;}
caption, th, td{font-size:88%;line-height:1.6;}
caption{
font-weight:bold;
margin-bottom:1.0em;
*padding-bottom:1px; /*for IE bug*/}

thead{}
tbody{}
tfoot{}
tr{}
th{text-align:center;font-weight:bold;border:1px solid #666;padding:5px;background-color:#666;}
td{border:1px solid #333333;padding:5px;}

/*----- LIST -----*/
ul, ol, dl{margin-bottom:1.5em;}
ul, ol{text-align:left;list-style-type: none;}

dt{font-size:144%;line-height:1.6;margin-bottom:0.5em;font-style:italic;}
li, dd{font-size:100%;line-height:1.5;margin-bottom:0.3em;}

dl{}


/*----- OTHERS -----*/
form{font-size:100%;line-height:1.6;margin-bottom:1.5em;}
input{font-size:100%;}
button, br{line-height:1.0;}

/*******************************************************
 COMMON
********************************************************/
#container{
width:600px;
text-align:center;
padding:0;
padding-bottom:1px; /*for FF2.0 bug*/
*padding-bottom:0;
margin: 15px auto 0;}

#header{margin-bottom:2.2em;}
#header h1, #header h2, #header p{text-align:center;margin-bottom:0;}
#header h1 img, #header h2 img, #header p img{margin:0 auto;}

#navi{}

#sidenavi{}

#main{
margin-bottom:1.0em;
padding-bottom:1px; /*for FF2.0 bug*/
*padding-bottom:0;}

.contents{}


#footer{margin-bottm:1.0em;margin-bottom:1.0em;}

ul#fn{height:30px;text-align:center;margin:0 auto;}
ul#fn li, ul#fn li img{display:inline;}


/*----- FLOAT -----*/
.flo-left{float:left;}

.flo-right{float:right;}

.clearfix:after{
content:"";
display:block;
height:0;
clear:both;
overflow:hidden;} /* IE以外のモダンWebブラウザ向け */

.clearfix{display:inline-block;} /* IE7およびMac版IE5向け */

/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */ /* IE6以前向け */

/*----- LIST -----*/
ul.ico-disc{list-style-type:disc;margin-left:15px;}
ul.ico-disc li{}

ul.ico-circle{list-style-type:circle;margin-left:15px}
ul.ico-circle li{}

ul.ico-square{list-style-type:square;margin-left:15px}
ul.ico-square li{}

ul.ico-u-alpha{list-style-type:upper-alpha;margin-left:23px;}
ul.ico-u-alpha li{background-color:#99CCFF;}

ul.ico-l-alpha{list-style-type:lower-alpha;margin-left:21px;}
ul.ico-l-alpha li{}

ol.ico-decimal{list-style-type:decimal;background-color:#cccccc;}
ol.ico-decimal li{background-color:#99CCFF;}

/*
ol.ico-decimal{list-style-type:decimal;background-color:#cccccc;padding-left:30px;}
ol.ico-decimal li{background-color:#99CCFF;}
*/

ol.ico-l-roman{list-style-type:lower-roman;margin-left:22px;}
ol.ico-l-roman li{}

/*算用数字

ulではなく、liに対してlist-style-typeが指定されているときがあるので、
それに対応したCSSも必要になる。

下記、その場合の例↓

ol.ico-decimal{background-color:#cccccc;padding-left:3.0em;}　ケタは調整が必要
ol.ico-decimal, x:-moz-any-link{padding-left:2.5em;}
ol.ico-decimal, x:x{padding-left:3.0em; }

ol.ico-decimal li{list-style-type:decimal;background-color:#99CCFF;padding-left:0;}
ol.ico-decimal li, x:-moz-any-link{padding-left:0.5em;}
ol.ico-decimal li, x:x{padding-left:0;}

*/

ul.heightLineParent li{
border:1px solid red;
float:left;
list-style-type:none;
margin:2px;
width:194px;
}

/*******************************************************
 EACH PART
********************************************************/
body#voice h1, body#contactus h1{display:none;}


/*======================================================
 TOP 
=======================================================*/


/*======================================================
 生徒募集 
=======================================================*/


/*======================================================
 プロフィール 
=======================================================*/


/*======================================================
 生徒さんの声 
=======================================================*/
body#voice{}

#voice-ctt h3{text-align:left;font-size:100%;margin-bottom:0;}
#voice-ctt h4{font-size:100%;margin-bottom:0;}
#voice-ctt p{text-align:left;font-size:82%;}

div.box-cmt-r, div.box-cmt-l{width:600px;margin:0 auto 1.0em;background:#000 url(../img/bou.gif) center bottom no-repeat;padding-bottom:1.5em;}

div.box-cmt-r div.name, div.box-cmt-l div.cmt{float:left;margin-left:10px;}
div.box-cmt-l div.name, div.box-cmt-r div.cmt{float:right;margin-right:10px;}

div.name{width:200px;}
div.cmt{width:320px;vertical-align:middle;margin-top:4.0em;}

/* ステージ写真 */
table.tbl-stage-photo{
width:580px;
border:0;
margin-left:auto;
margin-right:auto;}

table.tbl-stage-photo table, table.tbl-stage-photo td{border:0;padding:0;}


table.tbl-stage-photo td img{border:1px solid #663300;margin-bottom:10px;}
table.tbl-stage-photo td.td-r{text-align:right;}
table.tbl-stage-photo td.td-r img{margin-left:auto;margin-right:0;}
table.tbl-stage-photo td.td-ctr{text-align:center;}
table.tbl-stage-photo td.td-ctr img{margin:0 auto;}

/*table.tbl-stage-photo td{background-color:#0000ff;}
table.tbl-stage-photo table td{background-color:#ff0000;}*/



/*======================================================
 レッスン風景 
=======================================================*/


/*======================================================
 お問い合わせ 
=======================================================*/
body#contactus{}
body#contactus hr{
width:420px;
margin:0 auto 1.5em;
height:1px;
color:#ccc;
border:0;
border-top:1px solid #ccc;}

#school-info{}

#school-info dt{line-height:1.0;margin-bottom:0.2em;}
#school-info dt span{color:#FF3399;font-style:italic;}

#school-info p{font-family:"HG丸ｺﾞｼｯｸM-PRO";margin-bottom:1.5em;}


/*===== 月間・年間スケジュール =====*/
#monthly-schedule, #annual-schedule{width:410px;margin:0 auto;}


/* 月間スケジュール */
#monthly-schedule{margin-bottom:0.5em;}
#monthly-schedule table{width:100%;margin:0 auto 1.5em auto;border:1px solid #888;}
#monthly-schedule table th, #monthly-schedule table td{padding:0px;border:1px solid #888;}

#monthly-schedule table.tbl-inside{width:70%;border:0;margin:0.5em auto;}
#monthly-schedule table.tbl-inside td{border:0;font-size:100%;white-space:nowrap;text-align:left;vertical-align:top;}
#monthly-schedule table.tbl-inside td.date{width:37%;}
#monthly-schedule table.tbl-inside td.time{width:21%;}
#monthly-schedule table.tbl-inside td.performer{width:42%;}


/* 年間スケジュール */
#annual-schedule table{width:100%;margin:0 auto 1.5em auto;border:1px solid #888;}
#annual-schedule table caption{
text-align:center;
font-size:100%;
*padding-bottom:0.3em;
margin-bottom:0.4em;}
#annual-schedule table caption img{display:inline;}

#annual-schedule table th, #annual-schedule table td{font-size:82%;padding:2px 5px;border:1px solid #888;}
#annual-schedule table th{white-space:nowrap;width:30%;}


/*******************************************************
 オリジナル　スタイルシート
********************************************************/
.txt {  font-size: 18px; font-weight: bold; color: #FFFFFF; line-height: 30px; font-style: italic}
.txt2 {  font-family: "HGP創英角ﾎﾟｯﾌﾟ体"; font-size: 24px; font-weight: bold; color: #000000}
.txt3 {  font-size: 24px; font-weight: bold; color: #FFFFFF; font-style: italic}
.txt1 {  font-size: 16px; font-style: italic; font-weight: bold; color: #FFFFFF}
.txt4 {  font-size: 14px; font-weight: bold; color: #FFFFFF; line-height: 22px}
.txt5 {  font-size: 17px; line-height: 26px; font-weight: bold; color: #FFFFFF}
.txt7 {  font-size: 21px; line-height: 26px; font-weight: bold; color: #FFFFFF}
.tit1 {  font-size: 24px; line-height: 28px; color: #FFFFFF; font-weight: bolder}
.tit2 {  font-size: 22px; color: #FFFFFF; font-weight: bolder}
.tit3 {  font-size: 28px; line-height: 28px; color: #FFFFFF; font-weight: bolder}
.txt6 {  font-family: "HG丸ｺﾞｼｯｸM-PRO"; font-size: 17px; font-weight: bolder}
.txt8 {  font-size: 14px; font-weight: bold}