﻿<style>

/* 全ページ共通 ***************** */

article,aside,canvas,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{
display:block;
}

body {
margin-top: 0px;
}

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
background: #fff;
color: #000;
margin-bottom:0px;
text-align: center;
padding:0px;
font-size:14px;
line-height:150%;
font-family:"ヒラギノ角ゴ Pro W3","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ","Meiryo","Droid Sans Japanese","ＭＳ Ｐゴシック",sans-serif;
letter-spacing:-0.001em;
-webkit-text-size-adjust:100%;
}

a:link{color:#039}
a:visited{color:#039}
a:hover{color:#c03}

.ru{
font-family:"Arial","Helvetica",sans-serif;
}

.ru-sub{
font-family:"Arial","Helvetica",sans-serif;
font-size:12px;
}

.notice{
color:#c03
}

.a-left{
text-align:left;
}

.a-right{
text-align:right;
}

/* ヘッダー */

.menu-header1{
display:block;
background:#c03;
color:#f0e68c;
}

.menu-header1 li{
display:inline;
padding:0px 15px;
border-left:solid 1px #f0e68c;
list-style:none;
text-align:center;
}

.menu-header1 li.first{
border-left:none;
padding:0px 15px;
}

.menu-header1 li a{
text-decoration:none;
color:#f0e68c;
}

.menu-header1 li a:hover{
background:#f0e68c;
color:#c03;
}

.menu-header1 ul{
margin:0;
padding:3px;
}

.menu-header2{
display:block;
background:#c03;
color:#f0e68c;
margin-bottom:30px;
}


#header{
display:block;
border-style:none;
}

/* 検索フォーム */

.search{
margin:0px;
padding:4px;
text-align:right;
}

.text{
width:170px;
line-height:1;
padding: 4px;
font-size:12px;
border-top:solid 1px #903;
border-left:solid 1px #903;
border-right:solid 1px #f9c;
border-bottom:solid 1px #f9c;
outline:none;
background:#ffffff;
}

.button{
line-height:1;
padding: 5px;
font-size:12px;
color:#630;
background:#f0e68c;
border-top:solid 1px #ffc;
border-left:solid 1px #ffc;
border-right:solid 1px #bdb76c;
border-bottom:solid 1px #bdb76c;
outline:none;
margin-left:4px;
vertical-align:top;
}

.button:hover{
background:#ffc;
border-top:solid 1px #ffc;
border-left:solid 1px #ffc;
border-right:solid 1px #fc3;
border-bottom:solid 1px #fc3;
}

/* 画像回り込み */

.img-l{
float:left;
vertical-align:top;
margin-right:15px;
}

.img-r{
float:right;
vertical-align:top;
margin-left:15px;
}

/* 見出し */

h1,h2{
line-height:160%;
}

/* 区切り線 */

.separate{
display:block;
height:12px;
background: #c03;
margin-top:20px;
margin-bottom:20px;
}

.separate2{
display:block;
height:6px;
background:#c03;
margin-top:30px;
margin-bottom:30px;
}

/* 広告バナー */

.ad a{
color:#039;
display:block;
background:linear-gradient(#ffffcc,#f0e68c);
padding:10px;
margin-bottom:10px;
border-top:solid 1px #fffaf0;
border-left:solid 1px #fffaf0;
border-right:solid 1px #dcd6d2;
border-bottom:solid 1px #dcd6d2;
text-decoration:none;
font-weight:bold;
}

.ad a:hover{
color:#06f;
background:linear-gradient(#ffc,#ff9);
border-right:solid 1px #f5f5dc;
border-bottom:solid 1px #f5f5dc;
}

/* フッター */

footer{
font-size:12px;
margin-bottom:30px;
}

ul.menu-footer{
padding:0px;
}

.menu-footer li{
display:inline;
padding:0px 10px;
border-left:solid 1px;
list-style:none;
}

.menu-footer li.first{
border-left:none;
padding:0px 10px 0px 0px;
}

/* トップページ ***************** */

/* 上部バナー */

.banner{
border-right:solid 1px #cccccc;
border-bottom:solid 1px #cccccc;
margin-bottom:20px;
}

/* 挨拶文 */
.intro{
text-align:left;
margin-bottom:30px;
}

/* 新着情報 */

.news1{
background:#ffffe0;
text-align:left;
padding:0 20px;
border-top:solid 1px #fffaf0;
border-left:solid 1px #fffaf0;
border-right:solid 1px #dcd6d2;
border-bottom:solid 1px #dcd6d2;
}

h2.news{
line-height:150%;
}

p.news{
display:block;
border-left:solid 6px #039;
padding:0px 10px;
margin:30 0px;
}

/* メニューリンクボタン */

h2.menu a,h3.menu a{
display:block;
background:linear-gradient(#39f,#039);
color:#f0e68c;
line-height:100%;
letter-spacing:0.05em;
padding:10px;
border-top:solid 1px #9cf;
border-left:solid 1px #9cf;
border-right:solid 1px #036;
border-bottom:solid 1px #036;
text-decoration:none;
}

h2.menu a:hover,h3.menu a:hover{
background:linear-gradient(#9cf,#06f);
color:#fff;
border-top:solid 1px #e0efff;
border-left:solid 1px #e0efff;
border-right:solid 1px #369;
border-bottom:solid 1px #369;
}

h2.entry a{
display:block;
background:linear-gradient(#f36,#c03);
color:#f0e68c;
line-height:100%;
letter-spacing:0.05em;
padding:10px;
border-top:solid 1px #f9c;
border-left:solid 1px #f9c;
border-right:solid 1px #903;
border-bottom:solid 1px #903;
text-decoration:none;
}

h2.entry a:hover{
background:linear-gradient(#f69,#f36);
color:#fff;
border-top:solid 1px #fcf;
border-left:solid 1px #fcf;
border-right:solid 1px #c36;
border-bottom:solid 1px #c36;
}

/* メニュー画像 */

img.banner2{
border-top:solid 1px #ececec;
border-left:solid 1px #ececec;
border-right:solid 1px #cccccc;
border-bottom:solid 1px #cccccc;
margin-bottom:10px;
}

img.menu-index a,img.menu-index2 a,{
border-style:none;
}

p.menu-index{
font-size:12px;
margin-bottom:10px;
}

p.menu-index a{
text-decoration:none;
}

p.menu-index a:hover{
text-decoration:underline;
}


/* 教室案内ページ ***************** */

img.cut{
width:22.5%;
height:auto;
margin:0 38.75%;
}

/* ページ内インデックス */

.index a{
display:block;
background:linear-gradient(#ffffcc,#f0e68c);
font-size:14px;
font-weight:bold;
padding:10px;
margin-bottom:10px;
border-top:solid 1px #fffaf0;
border-left:solid 1px #fffaf0;
border-right:solid 1px #dcd6d2;
border-bottom:solid 1px #dcd6d2;
text-decoration:none;
}

.index a:hover{
color:#06f;
background:linear-gradient(#ffc,#ff9);
border-right:solid 1px #f5f5dc;
border-bottom:solid 1px #f5f5dc;
}

ul.day{
padding:0px;
}

.day li{
display:inline;
font-size:16px;
font-weight:bold;
padding:0px 20px;
border-left:solid 1px;
list-style:none;
}

.day li.first{
border-left:none;
padding:0px 20px 0px 0px;
}

.banner2{
border-right:solid 1px #cccccc;
border-bottom:solid 1px #cccccc;
margin:20px 0px;
}

.table1{
width:100%;
border-collapse:collapse;
text-align:left;
}

caption{
font-size:18px;
padding-bottom:10px;
}

th{
background:linear-gradient(#ffffcc,#f0e68c);
border:solid 1px #ccc;
padding:5px;
text-align:left;
}

.t1{
border:solid 1px #ccc;
padding:4px;
}

/* 教材案内ページ ***************** */
ul li{
text-align:left;
line-height:200%;
}


/* アクセスページ ***************** */
.map{
padding:0px;
margin:20px 0px;
}


/* 講師ページ ***************** */
.profile{
text-align:left;
margin-top:0px;
}

.small{
font-size:14px;
}

.ru-small{
font-size:14px;
font-family:"Arial","Helvetica",sans-serif;
}

/* 講師専用ページ ***************** */
.calendar{
text-align:left;
}

/* 生徒専用ページ ***************** */
.ol li{
text-align:left;
}


/* タブレットサイズ以下 */

	@media all and (max-width: 768px) {

.menu-header1 li{
font-size:12px;
padding:0px 10px;
}
.menu-header1 li.first{
padding:0px 10px 0px 0px ;
}

.menu-header1 li.last{
padding:0px 0px 0px 10px ;
}

.banner{
margin-bottom:20px;
}

img.logo{
width:65%;
height:auto;
margin:0 17.5%;
}

img.cut{
width:31%;
height:auto;
margin:0 34.5%;
}

img.teacher{
width: 22.5%;
height:auto;
margin:0 38.75%;
}

.intro2{
text-align:left;
}

img.menu-index{
width:65%;
height:auto;
margin:0 17.5%;
}

img.menu-index2{
width:82%;
height:auto;
margin:0 9%;
}

.news1{
margin-bottom:20px;
}

.info{
margin-bottom:20px;
}

footer{
text-align:left;
}

.ryaku{
display:none;
visibility:hidden;
}

.profile{
text-align:center;
margin-top:20px;
}

}

/* タブレット～スマホ */

	@media (min-width:480px) and (max-width:768px){

.col3,.col3 last, .col4,.col4 last{
float:left;
width:47%;
}

}

/* スマホ */

	@media all and (max-width: 479px) {

.menu-header1 li{
display:block;
font-size:14px;
padding:8px;
border-style:none;
}


.menu-header1 li.first,.menu-header1 li.last{
padding:8px;
}

img.logo{
width:82%;
height:auto;
margin:0 9%;
}

img.cut{
width:48%;
height:auto;
margin:0 26%;
}

img.teacher{
width: 31%;
height:auto;
margin:0 34.5%;
}

img.menu-index{
width:48%;
height:auto;
margin:0 26%;
}

img.menu-index2{
width:65%;
height:auto;
margin:0 17.5%;
}

p.menu-index{
display:none;
visibility:hidden;
}

.info-phone{
display:block;
visibility:visible;
background:#f5f5dc;
text-align:left;
list-style-type:square;
margin:20px 0;
padding:20px 20px 20px 40px;
border-top:solid 1px #fffaf0;
border-left:solid 1px #fffaf0;
border-right:solid 1px #d3d3d3;
border-bottom:solid 1px #d3d3d3;
}

.intro3{
text-align:left;
}

h2.profile{
text-align:center;
}

}

</style>