@charset "Shift_JIS";

/* --- 全体の背景・テキスト --- */

*{
margin:0;
padding:0;
}

body{
margin:0;
padding:0;
color:#ffffff;
background-color:#717E87;
font-size:100%;
}

img{
border:none;
}

em{
font-style:normal;
font-weight:bold;
}

h1{
margin:0 auto;
text-aling:center;
}

h2.keyword{
	display:none;
}

.stxt{
font-size:85%;
}

/* --- 全体のリンクテキスト --- */
a.tokuten:link {/*リンクされた文字の色*/
color:#ccff00;
font-style:normal;
text-decoration:none;
}
a:link {/*リンクされた文字の色*/
color:#ffffff;
font-style:normal;
text-decoration:none;
}
a:visited {/*訪問後の色*/
color:#cccccc;
text-decoration:none;
}
a:hover {/*カーソルを合わせたときの色*/
color:#cccc00;
font-style:normal;
text-decoration:none;
}
a:active {/*クリック中の色*/
text-decoration:none;
}

a.tokuten:hover {/*カーソルを合わせたときの色*/
color:#cccc00;
font-style:normal;
text-decoration:none;
}
a.tokuten:visited {/*訪問後の色*/
color:#cccccc;
text-decoration:none;
}
a.tokuten{/*カーソルを合わせたときの色*/
color:#cccc00;
font-style:normal;
text-decoration:none;
}
a.tokuten:active {/*クリック中の色*/
text-decoration:none;
}



a:visited {/*訪問後の色*/
color:#cccccc;
text-decoration:none;
}
a:hover {/*カーソルを合わせたときの色*/
color:#cccc00;
font-style:normal;
text-decoration:none;
}
a:active {/*クリック中の色*/
text-decoration:none;
}

/* --- コンテナ --- */
#container{
width:680px;
margin:0 auto;
}
#containerInner{
width:100%;
}

/* --- ヘッダ --- */
#header{
margin:0 auto;
text-align:center;
}

/* --- ナビゲーション --- */
div.nav{
width:100%; /* ナビゲーションの幅 */
background-color:#000000; /* ナビゲーションの背景色 */
font-size:75%;
}
div.nav ul.menu0{
width:680px; /* メニューの幅 */
margin:0 auto; /* センターに配置 */
padding:0;
background-color: #333333; /* メニューの背景色 */
list-style-type: none;
text-align: center;
font-size:75%;
letter-spacing:0.5em;
}
div.nav ul.menu0 li{
width:19.85%; /* 項目の幅 */
border-right:1px #cccccc dotted;
float: left;
}
div.nav ul.menu0 li.last{
border:none;
}
div.nav ul.menu1{
width:680px; /* メニューの幅 */
margin:0 auto; /* センターに配置 */
padding:1px 0 2px 0;
background-color:#000000; /* メニューの背景色 */
border-bottom:1px #cccccc solid; /* 下境界線 */
list-style-type:none;
text-align:center;
}
div.nav ul.menu1 li{
width:19.85%; /* 項目の幅 */
border-right:1px #cccccc dotted;
float:left;
}
div.nav ul.menu1 li.last{
border:none;
}
div.nav ul.menu2{
width:680px; /* メニューの幅 */
margin:0 auto; /* センターに配置 */
padding:1px 0 2px 0;
background-color: #000000; /* メニューの背景色 */
list-style-type: none;
text-align: center;
}
div.nav ul.menu2 li{
width:19.85%; /* 項目の幅 */
border-right:1px #cccccc dotted;
float: left;
}
div.nav ul.menu2 li.last{
border:none;
}
/* --- リンク --- */
div.nav ul.menu1 li a{
display:block;
position:relative; /* IE6用 */
padding:2px 0; /* リンクエリアのパディング（上下、左右） */
text-decoration:none; /* テキストの下線（なし） */
}
div.nav ul.menu2 li a{
display:block;
position:relative; /* IE6用 */
padding:2px 0; /* リンクエリアのパディング（上下、左右） */
text-decoration:none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
div.nav ul.menu1 li a:hover {
background-color:#333333; /* ポイント時の背景色 */
text-decoration:underline; /* テキストの下線（あり） */
}
div.nav ul.menu2 li a:hover {
background-color:#333333; /* ポイント時の背景色 */
text-decoration:underline; /* テキストの下線（あり） */
}

/* --- メインカラム --- */
#content{
float:left;
width:330px;
margin:10px 0;
text-align:left;
}
#content p.topics{
margin-bottom:1em;
text-align:center;
font-size:16px;
}
#content p.diary{
width:266px;
margin:10px 0;
padding:5px;
text-align:center;
background-color:#815154;
border-top:#999900 3px double;
border-bottom:#999900 3px double;
}

/* --- サブナビゲーション（右） --- */
#aside{
margin-bottom:0;
float:left;
width:350px;
text-align:center;
font-size:90%;
}

/*サロンなど*/
#aside ul.sa{
width:350px;
margin:10px auto 0 auto;
list-style:none;
text-align:center;
}
#aside ul.sa li{
list-style:none;
}
#aside ul.sa a{
display:block;
width:350px;
height:25px;
text-indent:-900px;
overflow:hidden;
}

/*ダイアリーなど*/
#aside ul.di{
width:350px;
margin:0px auto 0 auto;
list-style:none;
text-align:center;
}
#aside ul.di li{
list-style:none;
}
#aside ul.di a{
display:block;
width:350px;
height:25px;
text-indent:-900px;
overflow:hidden;
}

#aside p.comment{
width:340px;
margin:0 0 20px 0;
padding:5px;
background-color:#959FA7;
border-bottom:#cccc99 3px double;
text-align:center;
font-size:85%;
}


#aside ul.pre{
width:350px;
margin:0 auto;
list-style:none;
text-align:center;
}
#aside ul.pre li{
list-style:none;
}
#aside ul.pre a{
display:block;
width:350px;
height:55px;
text-indent:-900px;
overflow:hidden;
}


#aside  div.prem{
width:340px;
margin:10px 0 0 0;
padding:5px;
text-align:center;
background-color:#959FA7;
border-top:#cccc99 3px double;
}
#aside div.infoTop{
margin-bottom:5px;
font-size:90%;
line-height:180%;
}
#aside div.infoTop p.ph{
width:125px;
margin:0;
padding:0;
text-align:left;
float:left;
}
#aside div.infoTop p{
width:225px;
margin:0;
padding:0;
text-align:left;
line-height:1.5em;
float:left;
}

#aside p.topics{
margin:15px 0 30px 0;
padding:4px 0;
border-top:#cccc99 3px double;
border-bottom:#cccc99 3px double;
}

#aside div.topics{
margin:15px 0 20px 0;
padding:4px 0;
border-top:#cccc99 3px double;
border-bottom:#cccc99 3px double;
}
#aside div.topics p.ph{
width:125px;
margin:0;
padding:0;
text-align:left;
float:left;
}
#aside div.topics p{
width:225px;
margin:0;
padding:0;
text-align:left;
line-height:1.5em;
float:left;
}

#aside div.prem p.cover{
width:130px;
text-align:left;
float:left;
}
#aside div.prem p.pretxt{
width:210px;
text-align:left;
line-height:1.5em;
float:left;
}

/*体験レッスン*/

#aside ul.di2{
width:350px;
margin:10px auto 0 auto;
list-style:none;
text-align:center;
}
#aside ul.di2 li{
list-style:none;
}
#aside ul.di2 a{
display:block;
width:350px;
height:50px;
text-indent:-900px;
overflow:hidden;
}



/* --- フッタ --- */
#footer{
clear:left;
width:680px;
margin:0 auto;
padding:30px 0;
font-size:75%;
text-align:center;
}



.clearFix:after{
content: ".";
display: block;
height: 0;
clear: left;
visibility: hidden;
}
.clearFix{
min-height: 1px;
}