﻿@charset "utf-8";
* {
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:11pt;
line-height:1.1em;
border: 0px;
margin:0;
padding:0;
}

body {
background-image:url(image/bg_body.png);
background-repeat:repeat;
padding:35px 0 0 30px;
}

li {
list-style:none;
}

#wrapper {
width:960px;
margin:auto;
}

#footer ,.pdbm20 {
margin-bottom:20px;
}

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

.hilight {
background-color:#FFFF00;
}

.font90 {
font-size:90%;
}

.font60 {
font-size:60%;
}

.font_red {
color:#FF0000;
}

.mgbm10 {
margin-bottom:10px;
}

.mgtp10 {
margin-top:10px;
}

.pd10 {
padding:10px;
}

.pdtp20 {
padding-top:20px;
}

.bg_orange{
background-color:#FDF4EF;
padding:5px;
}

.bg_white{
background-color:#FFF;
}

.bg_blue{
background-color:#7664A5;
}

.bg_red{
background-color:#CE4A01;
}

/*▼ここからヘッダ*/
#header {
background-image:url(image/bg_header.png);
background-position:right top;
background-repeat:no-repeat;
}

#header h1 {
/*width:420px;
height:100px;
display:block;*/
font-size:1px;
overflow:hidden;
text-indent:-1000px;
}

#header .head {
background-image:url(image/bg_head.png);
background-repeat:no-repeat;
height:30px;
font-size:1px;
text-indent:-1000px;
}

.middle {
padding:0 20px 0 20px;
background-image:url(image/bg_middle.png);
background-repeat:repeat-y;
overflow:visible;
}

#header .topbanner {
padding:0 0 5px 0;
}

/*▼ここからナビゲーション*/
ul#gnav {
clear:left;
height:80px;
padding-bottom:20px;
}

ul#gnav li {
float:left;
}

ul#gnav li a,ul#gnav li a:hover  {
background-repeat:no-repeat;
font-size:1px;
/*overflow:hidden;*/
text-indent:-9999px;
display:block;
height:80px;
}

ul#gnav li.urawa, ul#gnav li.access, ul#gnav li.inquiry, ul#gnav li.price,ul#gnav li.durawa, ul#gnav li.daccess, ul#gnav li.dinquiry, ul#gnav li.dprice {
width:131px;
}

ul#gnav li.lesson, ul#gnav li.instractor, ul#gnav li.school,ul#gnav li.dlesson, ul#gnav li.dinstractor, ul#gnav li.dschool {
width:132px;
}


ul#gnav li.urawa a {
background-image:url(image/btn_home_off.png);
}
ul#gnav li.durawa a, ul#gnav li.urawa a:hover {
background-image:url(image/btn_home_on.png);
}

ul#gnav li.price a {
background-image:url(image/btn_price_off.png);
}
ul#gnav li.dprice a,ul#gnav li.price a:hover {
background-image:url(image/btn_price_on.png);
}

ul#gnav li.lesson a {
background-image:url(image/btn_lesson_off.png);
}
ul#gnav li.dlesson a,ul#gnav li.lesson a:hover {
background-image:url(image/btn_lesson_on.png);
}

ul#gnav li.instractor a {
background-image:url(image/btn_instractor_off.png);
}
ul#gnav li.dinstractor a,ul#gnav li.instractor a:hover {
background-image:url(image/btn_instractor_on.png);
}

ul#gnav li.school a {
background-image:url(image/btn_school_off.png);
}
ul#gnav li.dschool a,ul#gnav li.school a:hover {
background-image:url(image/btn_school_on.png);
}

ul#gnav li.access a {
background-image:url(image/btn_access_off.png);
}
ul#gnav li.daccess a,ul#gnav li.access a:hover {
background-image:url(image/btn_access_on.png);
}

ul#gnav li.inquiry a {
background-image:url(image/btn_inquiry_off.png);
}
ul#gnav li.dinquiry a,ul#gnav li.inquiry a:hover {
background-image:url(image/btn_inquiry_on.png);
}

/*▼ここからメイン*/
#main {
overflow:visible;
}

/*▽ここから左側*/
#main .content{
width:670px;
float:left;
}

.waku{
border:solid 1px #cacaca;
padding-bottom:10px;
width:655px;
}

/*news.css for iframe*/
/*.whats dl{
width:95%;
margin:auto;
}

.whats dt{
width:25%;
float:left;
}

.whats dd{
width:75%;
float:left;
}*/

.studio dl,.fee dl.one{
width:30%;
float:left;
margin:5px;
}

.program dl{
margin:5px;
}

.fee dl.two{
width:63%;
float:left;
margin:5px;
}

.studio dt,.fee dt,.program dt{
text-align:center;
font-size:130%;
color:#E75504;
font-weight:bold;
border-bottom:#006C3B 2px dotted;
padding-bottom:5px;
}

.studio dd,.fee dd,.program dd{
padding-top:5px;
}

.fee dd li{
float:left;
margin-right:5px;
width:32%;
}

.fee dd.orange,.fee li.orange{
background-color:#E75504;
color:#FFF;
font-weight:bold;
font-size:180%;
text-align:center;
padding:7px 0 7px 0;
margin-top:5px
}

.ins ul{
padding:0 5px 0 5px;
}

.ins li {
float:left;
width:50%;
}

.timesche th {
width:80px;
line-height:1.5;
color:#FFF;
}

.timesche td {
text-align:center;
background-color:#FFF;
}

/*▽ここから右側*/
#main .side{
width:250px;
float:right;
}


/*▽ここからfnav*/
ul#fnav {
clear:left;
height:45px;
padding-top:55px;
padding-left:10px;
background-image:url(image/bg_footer.png);
background-repeat:no-repeat;
}

ul#fnav li {
float:left;
padding:10px;
}

ul#fnav li a {
color:#FFF;
text-decoration:none;
}

ul#fnav li a:hover,ul#fnav li.selected a {
color:#EF5A24;
}


/*▼ここからフッタ*/
#footer {
text-align:center;
font-size:110%;
color:#fff;
font-weight:bold;
}