@charset "utf-8";
/* BASIC
----------------------------------------------- */
html { font-size: 62.5%; }
body { color: #333; font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 13px; font-size: 1.3rem; line-height: 1.7em; background-image: url(../images/bg.gif); background-repeat: repeat; background-position: left top; position: relative; -webkit-text-size-adjust: 100%;}
#wrapper { margin-right: auto; margin-left: auto; }
header { /*background-color: #CF9; */ height: 105px; width: 960px; padding-top: 30px; position: relative; margin-right: auto; margin-left: auto; }
#contents { width: 960px; position: relative; height:2200px; margin-right: auto; margin-left: auto; overflow:hidden; }
#contents_inner { width: 6000px; height:100%; position: relative; }

#contents_sm { width: 960px;  margin-right: auto; margin-left: auto; position: relative;  }
#contents_inner_sm {  }
#top { width: 960px; float: left; }
#profile { width: 960px; height: 600px; float: left; }
#price { width: 960px; height: 720px; float: left; }
#lesson { width: 960px; height: 1200px; float: left; }
#access { width: 960px; height: 2640px; float: left; }
#faq { width: 960px; height: 1440px; float: left; }
footer { background-image: url(../images/bg_black.gif); background-repeat: repeat; height: 38px; width: 100%; margin-top: 70px; color: #ccc; font-size: 10px; font-size: 1.0rem; line-height: 1.5em; position: relative; }
/* HYPER LINK
----------------------------------------------- */
a { color: #333; text-decoration: none; }
a:hover {/* opacity:0.7; filter:alpha(opacity=70);*/ color: #999; }
a:active { /*opacity:0.5;filter:alpha(opacity=50);*/ color: #999; }

footer a { color: #ccc; text-decoration: none; }
footer a:hover {/* opacity:0.7; filter:alpha(opacity=70);*/ color: #999; }
footer a:active { /*opacity:0.5;filter:alpha(opacity=50);*/ color: #999; }
/* HEADER
----------------------------------------------- */
#logo a { background-image: url(../images/logo.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; height: 78px; width: 153px; float: left; display: block; }
nav { float: right; margin-top: 57px; background-image: url(../images/gnavi_default.gif); background-repeat: no-repeat; background-position: left top; height: 23px; width: 764px; }
nav ul li { float: left; }
nav ul li a { background-image: url(../images/gnavi_over.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; display: block; overflow: hidden; width: 100px; height: 23px; }
#nav_profile a { width:155px; background-position: 0px top; }
#nav_price a { width:129px; background-position: -155px top; }
#nav_lesson a { width:129px; background-position: -284px top; }
#nav_access a { width:153px; background-position: -413px top; }
#nav_faq a { width:77px; background-position: -566px top; }
#nav_contact a { width:120px; background-position: -643px top; }
#lesson_apply { position: absolute; top: 23px; right: -3px; }
#phone_number { position: absolute; top: 23px; right: 210px; }
/* TOP
----------------------------------------------- */
#top .white_vertical { background-color: #FFF; height: 478px; width: 238px; border: 1px solid #eee; }
#top .black_vertical { background-color: #666; height: 480px; width: 240px; background-image: url(../images/bg_black.gif); background-repeat: repeat; background-position: left top; }
#top .top_inner { background-color: #FFF; height: 1678px; width: 718px; border: 1px solid #eee; }
#top h3 { background-image: url(../images/title_bg.gif); background-repeat: no-repeat; background-position: left 3px; padding-left: 47px; font-size: 17px; font-size: 1.7rem; margin-top: 30px; font-weight: bold; margin-bottom: 0px; }
#top h3 span { background-image: url(../images/dot_black.gif); background-repeat: repeat-x; background-position: left bottom; }
#top p, #top ul { padding-left: 45px; padding-right: 45px; padding-top: 15px; }
#top #cd { margin-left: 45px; margin-top:15px; border: 1px solid #CCC; height: 200px; width: 200px; }
#top .text_white { color: #FFF; }
#top .text_white h3 span { background-image: url(../images/dot_white.gif); }
#top #block_a { height: 540px; width: 960px; float: left; background-image: url(../images/image_a.jpg); background-repeat: no-repeat; background-position: left top; }
#play_button { position: absolute; top: 59px; left: 0px; overflow: hidden; }
#android_button { position: absolute; top: 140px; left: 0px; overflow: hidden;display:none; }
#android_contents{ height: 110px; width: 500px; background-color: #FFF; text-align: center; padding-top: 18px;  font-size: 14px; font-size: 1.4rem;}
/* CONTENTS 共通
----------------------------------------------- */
#blog_banner { position: absolute; top: 135px; right: 0px; z-index: 100; }
#facebook_banner { position: absolute; top: 270px; right: 0px; z-index: 100;}
#twitter_banner { position: absolute; top: 313px; right: 0px; z-index: 100;}
.leftblock { background-color: #FFF; width: 718px; border: 1px solid #ddd; height: 100%; float: left; }
.leftblock_inner { width: 625px; margin-right: auto; margin-left: auto; }
.rightblock { height: 100%; width: 240px; float: left; line-height: 0px; }
 h2 { background-image: url(../images/title_bg.gif); background-repeat: no-repeat; background-position: left 3px; padding-left: 47px; font-size: 17px; font-size: 1.7rem; margin-top: 40px; font-weight: bold; margin-bottom: 15px; }
h2 span { background-image: url(../images/dot_black.gif); background-repeat: repeat-x; background-position: left bottom; }
/* レッスン料金
----------------------------------------------- */

.notice_list li { background-image: url(../images/title_bg_small.gif); background-repeat: no-repeat; background-position: left 10px; padding-left: 13px; font-size: 15px; font-size: 1.5rem; font-weight: normal; line-height: 1.8em; }
.notice_list li span { font-size: 13px; font-size: 1.3rem; }
.lesson_list { margin-top: 35px; }
.red_list { color: #e72323; font-size: 12px; font-size: 1.2rem; margin-top: 30px; }
.bold { font-weight: bold; margin-top: 15px; margin-bottom: 5px; }
.leftblock h3 { background-image: url(../images/title_bg_2.gif); background-repeat: no-repeat; background-position: left top; padding-left: 2%; font-size: 15px; font-size: 1.5rem; margin-top: 35px; font-weight: bold; margin-bottom: 15px; width: 98%; height: 25px; padding-top: 7px; }


/* FAQ
----------------------------------------------- */
.leftblock h3.faq { background-image: url(../images/title_bg_faq.gif); background-repeat: no-repeat; background-position: left top; padding-left: 6%; font-size: 15px; font-size: 1.5rem; margin-top: 20px; font-weight: bold; margin-bottom: 5px; width: 94%; height: 25px; padding-top: 7px; }
p.faq { padding-left: 6%; }
/* プロフィール
----------------------------------------------- */
#profile .leftblock_profile { height: 100%; width: 480px; float: left; line-height: 0px; }
#profile .rightblock_profile { background-color: #FFF; width: 477px; border: 1px solid #ddd; height: 100%; float: left; }
#profile .rightblock_profile_inner { width: 380px; margin-right: auto; margin-left: auto; }
#profile h3 { font-size: 18px; font-size: 1.8rem; margin-top: 20px; font-weight: bold; margin-bottom: 15px; }
/* FOOTER
----------------------------------------------- */
#footer_inner { width: 960px; margin-right: auto; margin-left: auto; position: relative; }
#page_top { position: absolute; top: -23px; right: 0px; }
#kojin { float:left; margin-top:12px; }
#facebook { float:left; margin-top:9px; margin-left:15px }
#twitter { float:left; margin-top:9px; margin-left:15px }


#privacy_contents{ width: 920px; background-color: #FFF; font-size: 12px; font-size: 1.2rem; padding: 20px; }