@charset "UTF-8";

img, body {
    padding: 0px;
    border: none;
    font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Verdana","ＭＳ Ｐゴシック","sans-serif";;
}
p, h1, h2, h3, h4, ul, li {
    margin: 0px;
    padding: 0px;
}

a:link,
a:visited,
a:hover
{
    color: #12123F;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

h1,h2 {
    font-weight: normal;
    text-align: right;
}
h3 {
    font-weight: normal;
}
h3.news {
    background: url(../img/h3.news.png) no-repeat;
    text-indent: -9999px;
    height: 30px;
}
h3.inst {
    background: url(../img/h3.inst.png) no-repeat;
    text-indent: -9999px;
    height: 44px;
}
h3.lesson {
    margin: 5px 0;
    background: url(../img/h3.lesson.png) no-repeat;
    text-indent: -9999px;
    height: 44px;
}
h3.blog {
}
li {
    list-style: none;
}

.float_left {
    float: left;
}
.float_right {
    float: right;
}
.clear{
    clear: both;
}

body {
    background: url('../img/img.bg.png') repeat-x #12123F;
    text-align: center;
    margin-top: 3px;
    font-size: 12px;
}

#header {
    color: #DFDFDF;
    height: 110px;
    width: 850px;
    margin-left:  auto;
    margin-right: auto;
}

#header #logo_sub{
    float: left;
    margin: 28px 0px 0px;
}
#header h1 {
    font-size: 15px;
    margin-bottom: 5px;
    line-height: 1.3;
}
#header h1 span {
    font-size: 11px;
}
#header h2 {
    margin-top: 5px;
}
#header #tel {
    text-align: right;
    height: 42px;
    margin-top: -4px;
}
#header #tel img {
    height: 42px;
}
#header #request {
    margin-left: 203px;
    margin-right: 5px;
    float: left;
}
#header #access {
    float: right;
}
#header .button a {
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    width: 136px;
    height: 32px;
}
#header #request a {
    background: url('../img/button.request.png') no-repeat top;
}
#header #access a {
    background: url('../img/button.access.png') no-repeat top;
}
#header #request a:hover,
#header #access a:hover {
    background-position: bottom;
    z-index: 1;
}
#header_sub {
    color: #DFDFDF;
    width: 960px;
    margin-left:  auto;
    margin-right: auto;
    height: 129px;    
}
#header_info {
    float: right;
    width: 480px;
}

#contents {
    width: 900px;
    text-align: center;
    margin-left:  auto;
    margin-right: auto;
    //background: url('../img/img.frame.png') repeat-y;
}

#contents #main {
    color: #12123F;
    width: 850px;
    text-align: center;
    margin-left:  auto;
    margin-right: auto;
    margin-top : 13px;
    background: #EEEEEE;
    //border: 4px solid #D6D6F3;
    border-bottom: none;
}
#contents #child_space {
    height : 60px;
}

#contents #main #top_image {
    //height: 360px;
    height: 380px;
    overflow: hidden;
    text-align: center;
    margin-left:  auto;
    margin-right: auto;
}
#contents #main #top_image #slide .block {
    height: 360px;
}

#contents #main #top_image #detail {
    padding: 281px 0 0 550px;
}

#contents #main #top_image #detail a {
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    width: 240px;
    height: 45px;
    background: url('../img/button.detail.png') no-repeat;
}

#contents #main #top_image #detail a:hover {
    background-position: bottom;
    z-index: 1;
}

#contents #main #menu {
    width: 700px;
    text-align: center;
    margin-left:  auto;
    margin-right: auto;
    padding-top: 5px;
}
#contents #main #menu ul li {
    height: 46px;
    float: left;
    margin-left: 0px;
    margin-right: 0px;
    position: relative;
}
#contents #main #menu ul li a {
    display: block;
    height: 46px;
    overflow: hidden;
    text-indent: -9999px;
    width: 140px;
}
#contents #main #menu ul li.about a {
    background: url(../img/menu.about.png);
}
#contents #main #menu ul li.inst a {
    background: url(../img/menu.inst.png);
}
#contents #main #menu ul li.sche a {
    background: url(../img/menu.sche.png);
}
#contents #main #menu ul li.price a {
    background: url(../img/menu.price.png);
}
#contents #main #menu ul li.visit a {
    background: url(../img/menu.visit.png);
}
#contents #main #menu ul li.req a {
    background: url(../img/menu.req.png);
}
#contents #main #menu ul li a:hover {
    background-position: bottom;
    z-index: 1;
}

#contents #main #menu ul li ul#lesson_sub {
    display: none;
    position: absolute;
    margin-top: -11px;
}
#contents #main #menu ul li ul#lesson_sub li {
    float: none;
    height: 25px;
    text-align: center;
    width: 135px;
}
#contents #main #menu ul li ul#lesson_sub li a {
    background: #FFFFFF;
    display: block;
    height: 25px;
    width: 135px;
    margin-left: 2px;
    overflow: visible;
    text-indent: 0;
}

#header_sub #menu {
    width: 732px;
    text-align: center;
    margin-left:  auto;
    margin-right: auto;
    padding-top: 3px;
    padding-bottom: 1px;
}
#header_sub #menu ul li {
    float: left;
    margin-left: 0px;
    margin-right: 0px;
}
#header_sub #menu ul li a {
    display: block;
    height: 38px;
    overflow: hidden;
    text-indent: -9999px;
    width: 120px;
    margin-left: 2px;
}

#header_sub #menu ul li.about a {
    background: url(../img/menu.sub.about.png);
}
#header_sub #menu ul li.inst a {
    background: url(../img/menu.sub.inst.png);
}
#header_sub #menu ul li.sche a {
    background: url(../img/menu.sub.sche.png);
}
#header_sub #menu ul li.price a {
    background: url(../img/menu.sub.price.png);
}
#header_sub #menu ul li.req a {
    background: url(../img/menu.sub.req.png);
}
#header_sub #menu ul li.contact a {
    background: url(../img/menu.sub.contact.png);
}
#header_sub #menu ul li a:hover,
#header_sub #menu ul li.selected a {
    background-position: bottom;
    z-index: 1;
}


#contents #main #left {
    text-align: left;
    padding: 10px;
    padding-left: 20px;
    float: left;
    padding-bottom: 0px;
}
#contents #main #right {
    padding: 10px 15px 5px 5px;
    width: 238px;
    float: right;
    color:#BBBBBB;
}

#contents #main #left #news {
    border: 2px solid #CCCCCC;
    background: ivory;
    width: 535px;
    height: 109px;
    padding: 10px;
    overflow: auto;
    margin-top: 0px;
    margin-bottom: 10px;
}
#contents #main #left ul#news li {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px dashed #CCCCCC;
}
#contents #main #left #news .date {
    color: #999933;
    font-weight: bold;
    margin-right: 20px;
}
#contents #main #left #daiko {
    border: 2px solid #CCCCCC;
    background: ivory;
    width: 535px;
    height: 109px;
    padding: 10px;
    overflow: auto;
    margin-top: 0px;
    margin-bottom: 10px;
}
#contents #main #left ul#daiko li {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px dashed #CCCCCC;
}
#contents #main #left #daiko .date {
    color: #999933;
    font-weight: bold;
    margin-right: 20px;
}

#contents #main #left #ir {
    border: 2px solid #999999;
    //background: url(../img/img.bg.inst.png) repeat;
    background: #111111;
    width: 548px;
    height: 259px;
    padding: 3px;
    margin-top: 5px;
    overflow: auto;
}

#contents #main #left #ir ul li{
    float: left;
    margin: 2px;
    //border: 2px solid #999999;
    border: 2px solid #F8F8F8;
    background: #333333;
    line-height: 6px;
    width: 98px;
    height: 122px;
}
#contents #main #left #ir ul li a {
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    height: 122px;
}
#contents #main #left #ir ul li img {
    width: 98px;
}
#contents #main #left #ir ul li.ir01 a {
    background: url('../img/top/ir01.png') no-repeat;
}
#contents #main #left #ir ul li.ir02 a {
    background: url('../img/top/ir02.png') no-repeat;
}
#contents #main #left #ir ul li.ir03 a {
    background: url('../img/top/ir03.png') no-repeat;
}
#contents #main #left #ir ul li.ir04 a {
    background: url('../img/top/ir04.png') no-repeat;
}
#contents #main #left #ir ul li.ir05 a {
    background: url('../img/top/ir05.png') no-repeat;
}
#contents #main #left #ir ul li.ir06 a {
    background: url('../img/top/ir06.png') no-repeat;
}
#contents #main #left #ir ul li.ir07 a {
    background: url('../img/top/ir07.png') no-repeat;
}
#contents #main #left #ir ul li.ir08 a {
    background: url('../img/top/ir08.png') no-repeat;
}
#contents #main #left #ir ul li.ir09 a {
    background: url('../img/top/ir09.png') no-repeat;
}
#contents #main #left #ir ul li.ir10 a {
    background: url('../img/top/ir10.png') no-repeat;
}
#contents #main #left #ir ul li.ir11 a {
    background: url('../img/top/ir11.png') no-repeat;
}
#contents #main #left #ir ul li.ir12 a {
    background: url('../img/top/ir12.png') no-repeat;
}
#contents #main #left #ir ul li.ir13 a {
    background: url('../img/top/ir13.png') no-repeat;
}
#contents #main #left #ir ul li.ir14 a {
    background: url('../img/top/ir14.png') no-repeat;
}
#contents #main #left #ir ul li.ir15 a {
    background: url('../img/top/ir15.png') no-repeat;
}
#contents #main #left #ir ul li.ir16 a {
    background: url('../img/top/ir16.png') no-repeat;
}
#contents #main #left #ir ul li.ir17 a {
    background: url('../img/top/ir17.png') no-repeat;
}
#contents #main #left #ir ul li.ir18 a {
    background: url('../img/top/ir18.png') no-repeat;
}
#contents #main #left #ir ul li.ir19 a {
    background: url('../img/top/ir19.png') no-repeat;
}
#contents #main #left #ir ul li.ir20 a {
    background: url('../img/top/ir20.png') no-repeat;
}
#contents #main #left #ir ul li.ir21 a {
    background: url('../img/top/ir21.png') no-repeat;
}
#contents #main #left #ir ul li.ir22 a {
    background: url('../img/top/ir22.png') no-repeat;
}
#contents #main #left #ir ul li.ir23 a {
    background: url('../img/top/ir23.png') no-repeat;
}
#contents #main #left #ir ul li.ir24 a {
    background: url('../img/top/ir24.png') no-repeat;
}
#contents #main #left #ir ul li.ir25 a {
    background: url('../img/top/ir25.png') no-repeat;
}
#contents #main #left #ir ul li.ir26 a {
    background: url('../img/top/ir26.png') no-repeat;
}
#contents #main #left #ir ul li.ir27 a {
    background: url('../img/top/ir27.png') no-repeat;
}
#contents #main #left #ir ul li.ir28 a {
    background: url('../img/top/ir28.png') no-repeat;
}
#contents #main #left #ir ul li.ir29 a {
    background: url('../img/top/ir29.png') no-repeat;
}
#contents #main #left #ir ul li.ir30 a {
    background: url('../img/top/ir30.png') no-repeat;
}
#contents #main #left #ir ul li a:hover {
    background-position: bottom;
    z-index: 1;
}
#contents #main #left #ir ul li p {
    font-size: 10px;
    color: #CCCC66;
    padding: 0px 4px;
}

#contents #main #left .more {
    text-align:right;
    margin-top:10px;
    margin-bottom:15px;
}

#contents #main .exp 
{
    width: 460px;
    margin: 0px auto 25px;
}
#contents #main .exp a
{
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    height: 50px;
    background: url('../img/ir/exp.png') no-repeat;
}
#contents #main .exp a:hover
{
    background-position: bottom;
    z-index: 1;
}

#contents #main #right .trial,
#contents #main #right .camp,
#contents #main #right .voice,
#contents #main #right .event {
    border: 2px solid #999999;
    background: ivory;
    width: 234px;
    height: 120px;
    margin-top: 10px;
}
#contents #main #right .bunner {
    border: 2px solid #999999;
    background: ivory;
    width: 234px;
    height: 60px;
    margin-top: 10px;
}
#contents #main #right .top {
    margin-top: 0px;
}
#contents #main #right .trial a,
#contents #main #right .camp a,
#contents #main #right .voice a {
    height: 120px;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
}
#contents #main #right .trial a {
    background: url('../img/trial/bnr_trial.jpg') no-repeat;
}
#contents #main #right .camp a {
    background: url('../img/banner.camp.png') no-repeat;
}
#contents #main #right .voice a {
    background: url('../img/top/bnrVoice.jpg') no-repeat;
}
#contents #main #right .bay a {
    background: url('../img/banner.bay.png') no-repeat;
}
#contents #main #right .trial a:hover,
#contents #main #right .camp a:hover,
#contents #main #right .voice a:hover {
    background-position: bottom;
    z-index: 1;
}

#contents #main #info {
    margin-top: 0px;
    width: 670px;
    height: 138px;
    padding: 30px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
#contents #main #info .link_head {
    width: 400px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
#contents #main #info .link_head a {
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    height: 30px;
}
#contents #main #info .link_head a {
    background: url('../img/link.head.png') no-repeat;
}
#contents #main #info .link_head a:hover {
    background-position: bottom;
    z-index: 1;
}

#contents #main #info table tr td {
    padding: 5px;
}
#contents #main #info table tr td a {
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    height: 15px;
}
#contents #main #info table tr td img {
    width: 238px;
}
#contents #main #info table tr td.logo {
    padding: 0px;
}
#contents #main #info table tr td.logo a {
    height: 34px;
    text-indent: 0px;
}
#contents #main #info table tr td.logo img {
    width: 125px;
}
#contents #main #info table tr td.link01 a {
    background: url('../img/link.01.png') no-repeat;
}
#contents #main #info table tr td.link02 a {
    background: url('../img/link.02.png') no-repeat;
}
#contents #main #info table tr td.link03 a {
    background: url('../img/link.03.png') no-repeat;
}
#contents #main #info table tr td.link04 a {
    background: url('../img/link.04.png') no-repeat;
}
#contents #main #info table tr td.link05 a {
    background: url('../img/link.05.png') no-repeat;
}
#contents #main #info table tr td.link06 a {
    background: url('../img/link.06.png') no-repeat;
}
#contents #main #info table tr td.link07 a {
    background: url('../img/link.07.png') no-repeat;
}
#contents #main #info table tr td a:hover {
    background-position: bottom;
    z-index: 1;
}

#contents .hr {
    text-align: center;
    background: url('../img/img.hr.png') repeat;
    height: 4px;
    width: 850px;
    margin-left: auto;
    margin-right: auto;
}
#contents #footer {
    text-align: center;
    color: #12123F;
    padding-top: 20px;
    padding-bottom: 20px;
}

/* ニュース */

#contents #main .crumb
{
    margin: 10px 0px 15px;
    font-size: 11px;
    text-align: left;
}
#contents #main .crumb a
{
    font-size: 11px;
}

#contents #main #news
{
    text-align: left;
    padding: 10px;
    padding-left: 20px;
    float: left;
    padding-bottom: 0px;
}
#contents #main #news .detail
{
    border: 2px solid #CCCCCC;
    background: ivory;
    width: 535px;
    padding: 10px 10px 50px;
    margin: 10px 0px;
    line-height: 1.8;
    color: #444444;
}
#contents #main #news .date
{
    text-align: right;
    padding-right: 8px;
    font-weight: bold;
    color: #999933;
}
#contents #main #news h3
{
    background: url('../img/h3.png') no-repeat;
    padding-left: 20px;
    padding-top: 4px;
    height: 25px;
    color: #FFFFFF;
    font-weight: bold;
}
#contents #main #news .detail .small
{
    font-size: 11px;
}
#contents #main #news .more
{
    text-align: right;
    border-bottom: 1px dashed #CCCCCC;
    padding: 5px 0px;
    margin-bottom: 10px;
}
#contents #main #news .more a,
#contents #main #news .more a:hover,
#contents #main #news .more a:visited
{
    color: #654289;
}

a:hover img.rollover {
    filter:alpha(opacity=80);           /* IE7以下用 */
    -ms-filter: "alpha(opacity=80)";    /* IE8用 */
    -moz-opacity:0.8;                   /* Firefox 1.5未満, Netscape用 */
    -khtml-opacity: 0.8;                /* Safari 1.x, 他khtmlに対応したブラウザ用  */
    opacity: 0.8;                       /* Firefox 1.5以上, Opera, Safari用 */
}


#contents #main #left #inst_menu {
    width: 562px;
    height: 238px;
    _height: 240px;
    padding-top: 2px;
    margin:0 0 20px;
    //background: #FFFFFF;
}
#contents #main #left #inst_menu .icon {
    width: 278px;
    height: 120px;
}

/*
#contents #main #left #inst_menu #dance a,
#contents #main #left #inst_menu #martial a,
#contents #main #left #inst_menu #yoga a,
#contents #main #left #inst_menu #kids a {
*/
#contents #main #left #inst_menu .icon a {
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    width: 108px;
    height: 108px;
    margin: 5px
}
#contents #main #left #inst_menu #dance a {
    background: url('../img/ir/iconDance.png');
}
#contents #main #left #inst_menu #martial a {
    background: url('../img/ir/iconMartial.png');
}
#contents #main #left #inst_menu #yoga a {
    background: url('../img/ir/iconYoga.png');
}
#contents #main #left #inst_menu #kids a {
    background: url('../img/ir/iconKids.png');
}
#contents #main #left #inst_menu #dance a:hover,
#contents #main #left #inst_menu #martial a:hover,
#contents #main #left #inst_menu #yoga a:hover,
#contents #main #left #inst_menu #kids a:hover {
    background-position: bottom;
    z-index: 1;
}

#contents #main #left #inst_menu .program {
    background: #F8F8F8;
    height: 70px;
    width: 152px;
    padding: 2px 4px;
    font-size: 10px;
    line-height: 1.6;
}
#contents #main #left #inst_menu #dance .program {
    color: #2CAD83;
    height: 62px;
    padding: 10px 4px;
}
#contents #main #left #inst_menu #martial .program {
    height: 44px;
    padding: 15px 4px;
    line-height: 1.9;
    color: #39AAAA;
}
#contents #main #left #inst_menu #yoga .program {
    height: 64px;
    width: 157px;
    padding: 5px 0 5px 3px;
    color: #6929A9;
}
#contents #main #left #inst_menu #kids .program {
    height: 54px;
    padding: 10px 4px;
    line-height: 1.9;
    color: #595E00;
}


#schoolLink {
    width: 850px;
    padding: 40px 15px 10px 20px;
}
#schoolLink h4 {
    text-align: left;
    margin: 0 0 15px;
}
#schoolLink ul {
    overflow: hidden;
    zoom: 1;
}
#schoolLink ul li {
    float: left;
    margin-right: 21px;
    width: 188px;
    display: inline;
}