@charset 'utf-8';

/* index.css */




/* --------------------
Area Header
-------------------- */

#area-hdr h1 {
background: #FFF url('../img/index/hdr-bg-index.jpg') no-repeat 0 0;

}

/* menu sub */

#area-hdr ul#menu-sub {
background: url('../img/index/menu-sub-bg.gif') no-repeat 0 0;

}




/* --------------------
Area Main
-------------------- */

/* Bannerposition */

#anc-bnr {
top: 0;
left: 0;

}


/* Information */

#anc-info {
top: 35px;
left: 0;

}

#area-main #info-box ul#info-tab a#info-tab-tokyo {

}

#area-main #info-box ul#info-tab a#info-tab-osaka {
background: url('../img/index/info-tab-osaka.gif') no-repeat 0 0;

}


/* School */

#anc-school {
top: 35px;
left: 0;

}

#area-main h2#school-hl {
width: 776px; /* for ie5.5 */
background: url('../img/index/school-hl-bg.gif') no-repeat 0 0;

}

#area-main #school-box {
width: 776px; /* for ie5.5 */
padding: 24px 0 17px;
background: #EFEBE2;

}

#area-main #school-box p {
padding: 0 320px 0 37px;

}

#area-main #school-box ul {
position: relative;
height: 191px;

}

#area-main #school-box ul li {
position: absolute;
top: 0;
left: 0;

}

#area-main #school-box ul a {
display: block;
position: absolute;
text-indent: -5000px;

}

#area-main #school-box ul a#school-btn-deliv {
top: -49px;
left: 464px;
width: 276px;
height: 49px;
background: url('../img/index/school-btn-deriv.gif') no-repeat 0 0;

}

#area-main #school-box ul a#school-btn-tokyo {
top: 34px;
left: 37px;
width: 340px;
height: 157px;
background: url('../img/index/school-btn-tokyo.gif') no-repeat 0 0;

}

#area-main #school-box ul a#school-btn-osaka {
top: 34px;
left: 401px;
width: 340px;
height: 157px;
background: url('../img/index/school-btn-osaka.gif') no-repeat 0 0;

}


/* Lessons */

#anc-lesson {
top: 35px;
left: 0;

}

#area-main h2#lesson-hl {
width: 776px; /* for ie5.5 */
background: url('../img/index/lesson-hl-bg.gif') no-repeat 0 0;

}

#area-main #lesson-box {
width: 776px; /* for ie5.5 */
padding: 24px 0 17px;
background: #EFEBE2;

}

#area-main #lesson-box p {
padding: 0 37px;

}

#area-main #lesson-box ul {
position: relative;
background: url('../img/index/lesson-box-bg.jpg') no-repeat 12px 34px;
height: 409px;

}

#area-main #lesson-box ul.fix110902 {
position: relative;
background: url('../img/index/lesson-box-bg-fix110902.jpg') no-repeat 12px 34px;
height: 525px;

}

#area-main #lesson-box ul li {
position: absolute;
top: 0;
left: 0;

}

#area-main #lesson-box ul a {
display: block;
position: absolute;
width: 376px;
height: 187px;
background: url('../img/common/dummy.gif') 0 0; /* for ie6 */
text-indent: -5000px;
cursor: default;

}

#area-main #lesson-box ul a#lesson-link-meister {
top: 34px;
left: 12px;

}

#area-main #lesson-box ul a#lesson-link-extra {
top: 34px;
left: 389px;

}

#area-main #lesson-box ul a#lesson-link-basic {
top: 222px;
left: 12px;

}

#area-main #lesson-box ul a#lesson-link-enjoy {
top: 222px;
left: 389px;

}

/* fix110902 start */

#area-main #lesson-box ul.fix110902 a#lesson-link-meister {
width: 752px;
height: 104px;
top: 34px;
left: 12px;

}

#area-main #lesson-box ul.fix110902 a#lesson-link-advanced {
top: 150px;
left: 12px;

}

#area-main #lesson-box ul.fix110902 a#lesson-link-extra {
top: 150px;
left: 389px;


}

#area-main #lesson-box ul.fix110902 a#lesson-link-basic {
top: 337px;
left: 389px;


}

#area-main #lesson-box ul.fix110902 a#lesson-link-enjoy {
top: 337px;
left: 12px;


}
/* fix110902 end */


#area-main #lesson-box ul li ul#selectbox {
position: relative;
width: 139px;
height: 60px;
display: none;

}

#area-main #lesson-box ul li ul#selectbox li {
position: relative;
width: 139px;
height: 30px;

}

#area-main #lesson-box ul li ul#selectbox li a {
position: relative;
width: 139px;
height: 29px;
cursor: pointer;

}

#area-main #lesson-box ul li ul.sb-meister {
top: 39px;
left: 246px;
background: url('../img/index/lesson-sel-bg.jpg') no-repeat 0 0;

}

#area-main #lesson-box ul li ul.sb-extra {
top: 39px;
left: 622px;
background: url('../img/index/lesson-sel-bg.jpg') no-repeat 0 -60px;

}

#area-main #lesson-box ul li ul.sb-basic {
top: 227px;
left: 246px;
background: url('../img/index/lesson-sel-bg.jpg') no-repeat 0 -120px;

}

#area-main #lesson-box ul li ul.sb-enjoy {
top: 227px;
left: 622px;
background: url('../img/index/lesson-sel-bg.jpg') no-repeat 0 -180px;

}


/* fix110902 start */

#area-main #lesson-box ul.fix110902 li ul.sb-meister {
top: 37px;
left: 621px;
background: url('../img/index/lesson-sel-bg-fix110902.jpg') no-repeat 0 -240px;

}

#area-main #lesson-box ul.fix110902 li ul.sb-advanced {
top: 153px;
left: 245px;
background: url('../img/index/lesson-sel-bg-fix110902.jpg') no-repeat 0 0;

}

#area-main #lesson-box ul.fix110902 li ul.sb-extra {
top: 153px;
left: 621px;
background: url('../img/index/lesson-sel-bg-fix110902.jpg') no-repeat 0 -60px;

}

#area-main #lesson-box ul.fix110902 li ul.sb-basic {
top: 339px;
left: 621px;
background: url('../img/index/lesson-sel-bg-fix110902.jpg') no-repeat 0 -180px;

}

#area-main #lesson-box ul.fix110902 li ul.sb-enjoy {
top: 339px;
left: 245px;
background: url('../img/index/lesson-sel-bg-fix110902.jpg') no-repeat 0 -120px;

}

/* fix110902 end */



/* Access�•Contact */

#anc-accon {
top: 35px;
left: 0;

}

#area-main h2#hl-accon {
width: 776px; /* for ie5.5 */
background: url('../img/index/accon-hl-bg.gif') no-repeat 0 0;

}

#area-main #accon-box {
position: relative;
width: 776px; /* for ie5.5 */
height: 225px;
background: #EFEBE2 url('../img/index/accon-box-bg.gif') no-repeat 0 0;

}

#area-main #accon-box a {
display: block;
position: absolute;
text-indent: -5000px;

}

#area-main #accon-box ul li {
position: absolute;
top: 0;
left: 0;

}

#area-main #accon-box ul#access-list a {
left: 26px;
width: 331px;
height: 82px;

}

#area-main #accon-box ul#access-list a#access-btn-tokyo {
top: 24px;

}

#area-main #accon-box ul#access-list a#access-btn-osaka {
top: 114px;

}

#area-main #accon-box ul#contact-list a {
top: 35px;
width: 173px;
height: 151px;

}

#area-main #accon-box ul#contact-list a#contact-btn-contact {
left: 407px;

}

#area-main #accon-box ul#contact-list a#contact-btn-entry {
left: 590px;

}




/* --------------------
Area Footer
-------------------- */




/* for debug */

/*
background: #000;
background: #333;
background: #666;
background: #999;
border: 1px solid red;
border: 1px solid green;
border: 1px solid blue;
border: 1px solid yellow;
*/