*, img, body {
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    border: none;
    font-family: "���C���I","Meiryo","�q���M�m�p�S Pro W3","Hiragino Kaku Gothic Pro","Verdana","�l�r �o�S�V�b�N","sans-serif";;
}

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;
}

#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: 16px;
}
#header #tel {
    margin-top: 12px;
    text-align: right;
    height: 31px;
}
#header #tel img {
    height: 24px;
}
#header #request {
    margin-left: 86px;
    margin-right: 5px;
    float: left;
}
#header #access {
    float: left;
}
#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;
    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: 840px;
    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 #inst {
    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 #inst 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 #inst ul li a {
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    height: 122px;
}
#contents #main #left #inst ul li img {
    width: 98px;
}
#contents #main #left #inst ul li.inst01 a {
    background: url('../img/inst01.png') no-repeat;
}
#contents #main #left #inst ul li.inst02 a {
    background: url('../img/inst02.png') no-repeat;
}
#contents #main #left #inst ul li.inst03 a {
    background: url('../img/inst03.png') no-repeat;
}
#contents #main #left #inst ul li.inst04 a {
    background: url('../img/inst04.png') no-repeat;
}
#contents #main #left #inst ul li.inst05 a {
    background: url('../img/inst05.png') no-repeat;
}
#contents #main #left #inst ul li.inst06 a {
    background: url('../img/inst06.png') no-repeat;
}
#contents #main #left #inst ul li.inst07 a {
    background: url('../img/inst07.png') no-repeat;
}
#contents #main #left #inst ul li.inst08 a {
    background: url('../img/inst08.png') no-repeat;
}
#contents #main #left #inst ul li.inst09 a {
    background: url('../img/inst09.png') no-repeat;
}
#contents #main #left #inst ul li.inst10 a {
    background: url('../img/inst10.png') no-repeat;
}
#contents #main #left #inst ul li.inst11 a {
    background: url('../img/inst11.png') no-repeat;
}
#contents #main #left #inst ul li.inst12 a {
    background: url('../img/inst12.png') no-repeat;
}
#contents #main #left #inst ul li.inst13 a {
    background: url('../img/inst13.png') no-repeat;
}
#contents #main #left #inst ul li.inst14 a {
    background: url('../img/inst14.png') no-repeat;
}
#contents #main #left #inst ul li.inst15 a {
    background: url('../img/inst15.png') no-repeat;
}
#contents #main #left #inst ul li.inst16 a {
    background: url('../img/inst16.png') no-repeat;
}
#contents #main #left #inst ul li.inst17 a {
    background: url('../img/inst17.png') no-repeat;
}
#contents #main #left #inst ul li.inst18 a {
    background: url('../img/inst18.png') no-repeat;
}
#contents #main #left #inst ul li.inst19 a {
    background: url('../img/inst19.png') no-repeat;
}
#contents #main #left #inst ul li.inst20 a {
    background: url('../img/inst20.png') no-repeat;
}
#contents #main #left #inst ul li.inst21 a {
    background: url('../img/inst21.png') no-repeat;
}
#contents #main #left #inst ul li.inst22 a {
    background: url('../img/inst22.png') no-repeat;
}
#contents #main #left #inst ul li.inst23 a {
    background: url('../img/inst23.png') no-repeat;
}
#contents #main #left #inst ul li.inst24 a {
    background: url('../img/inst24.png') no-repeat;
}
#contents #main #left #inst ul li.inst25 a {
    background: url('../img/inst25.png') no-repeat;
}
#contents #main #left #inst ul li.inst26 a {
    background: url('../img/inst26.png') no-repeat;
}
#contents #main #left #inst ul li.inst27 a {
    background: url('../img/inst27.png') no-repeat;
}
#contents #main #left #inst ul li.inst28 a {
    background: url('../img/inst28.png') no-repeat;
}
#contents #main #left #inst ul li.inst29 a {
    background: url('../img/inst29.png') no-repeat;
}
#contents #main #left #inst ul li.inst30 a {
    background: url('../img/inst30.png') no-repeat;
}
#contents #main #left #inst ul li.inst31 a {
    background: url('../img/inst31.png') no-repeat;
}
#contents #main #left #inst ul li.inst32 a {
    background: url('../img/inst32.png') no-repeat;
}
#contents #main #left #inst ul li.inst33 a {
    background: url('../img/inst33.png') no-repeat;
}
#contents #main #left #inst ul li.inst34 a {
    background: url('../img/inst34.png') no-repeat;
}
#contents #main #left #inst ul li.inst35 a {
    background: url('../img/inst35.png') no-repeat;
}
#contents #main #left #inst ul li.inst36 a {
    background: url('../img/inst36.png') no-repeat;
}
#contents #main #left #inst ul li.inst37 a {
    background: url('../img/inst37.png') no-repeat;
}
#contents #main #left #inst ul li.inst38 a {
    background: url('../img/inst38.png') no-repeat;
}
#contents #main #left #inst ul li.inst39 a {
    background: url('../img/inst39.png') no-repeat;
}
#contents #main #left #inst ul li.inst40 a {
    background: url('../img/inst40.png') no-repeat;
}
#contents #main #left #inst ul li a:hover {
    background-position: bottom;
    z-index: 1;
}
#contents #main #left #inst 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: 410px;
    margin: 9px auto 0px;
}
#contents #main .exp a
{
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    width: 410px;
    height: 50px;
    background: url('../img/inst/exp.png') no-repeat;
}
#contents #main .exp a:hover
{
    background-position: bottom;
    z-index: 1;
}

#contents #main #right .event {
    border: 2px solid #999999;
    background: ivory;
    width: 234px;
    height: 120px;
    margin-top: 5px;
}
#contents #main #right .bunner {
    border: 2px solid #999999;
    background: ivory;
    width: 234px;
    height: 60px;
    margin-top: 5px;
}
#contents #main #right .top {
    margin-top: 0px;
}
#contents #main #right .event a {
    height: 120px;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
}
#contents #main #right .top a {
    background: url('../img/banner.camp.png') no-repeat;
}
#contents #main #right .bay a {
    background: url('../img/banner.bay.png') no-repeat;
}
#contents #main #right .event 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;
}

/* �j���[�X */

#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�ȉ��p */
    -ms-filter: "alpha(opacity=80)";    /* IE8�p */
    -moz-opacity:0.8;                   /* Firefox 1.5����, Netscape�p */
    -khtml-opacity: 0.8;                /* Safari 1.x, ��khtml�ɑΉ������u���E�U�p  */
    opacity: 0.8;                       /* Firefox 1.5�ȏ�, Opera, Safari�p */
}


#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 .icon .dance a,
#contents #main #left #inst_menu .icon .mar a,
#contents #main #left #inst_menu .icon .yoga a,
#contents #main #left #inst_menu .icon .kids a {
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    width: 108px;
    height: 108px;
    margin: 5px
}
#contents #main #left #inst_menu .icon .dance a {
    background: url('../img/inst/icon.dance.png');
}
#contents #main #left #inst_menu .icon .mar a {
    background: url('../img/inst/icon.martial.png');
}
#contents #main #left #inst_menu .icon .yoga a {
    background: url('../img/inst/icon.yoga.png');
}
#contents #main #left #inst_menu .icon .kids a {
    background: url('../img/inst/icon.kids.png');
}
#contents #main #left #inst_menu .icon .dance a:hover,
#contents #main #left #inst_menu .icon .mar a:hover,
#contents #main #left #inst_menu .icon .yoga a:hover,
#contents #main #left #inst_menu .icon .kids a:hover {
    background-position: bottom;
    z-index: 1;
}


.caution {
    color: #FF0000;
    font-weight: bold;
}