/* CSS Document */
@charset "utf-8";

/* CSS 基本設定 */
*{ font-family:Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
html,body,h1,h2,h3,h4,h5,ul,li,p,u,strong,hr,dl,dt,dd,big,span,font,form { margin:0px; padding:0px; }
html,body{ height:100%; }
body { background-color:#fff; }
body,td,th { font-size:13px; color:#333; }
a{ color:#65B113; text-decoration:underline; }
a:hover{ color:#C36; text-decoration:none; }
img{ border:none; }
ul,li{ list-style:none; }

optgroup{ background-color:#EEE; }
option{ background-color:#FFF; }

.btn{ padding-left:0px; padding-right:0px; }

/* サイト共通 クラス */
.fc_example { color:#069; }
.fc_require { color:#C36; }
.fc_attention { color:#666; }
.fc_warn { color:#F03; }
.fc_new{ color:#F33; }
.fc_green{ color:#693; }

dl.pager{ margin-bottom:10px; line-height:16px; clear:both; }
dl.pager dt { margin-bottom:3px; }
dl.pager dd { font-size:15px; }
dl.pager dd span.sep{ color:#DDD; }
dl.right{ text-align:right; }

.breadcrumbs{ margin-bottom:8px; line-height:17px; }

.inputOuter { background:url(../img/table_bg.gif); padding:5px; margin-bottom:10px; }
.inputInner { background:url(../img/table_border.gif) repeat-x top; padding-top:3px; }
.inputInner table{ border-collapse:collapse; width:100%; }
.inputInner table th,
.inputInner table td{ padding:4px 10px 7px 10px; line-height:17px; }
.inputInner table th{ background:#F6F6F6 url(../img/table_border.gif) repeat-x bottom; font-weight:normal; text-align:left; font-size:12px; width:130px; }
.inputInner table td{ background:#FFFFFF url(../img/table_border.gif) repeat-x bottom; }
.inputInner table table { width:auto; border-collapse:collapse; border:1px solid #EEE; }
.inputInner table table th{ background:#FAFAFA none; padding:5px 5px 5px 5px; border:none; border:1px solid #EEE; width:auto; }
.inputInner table table td{ background:none; padding:5px 5px 5px 5px; border:none; border:1px solid #EEE; }
.inputInner span.cube{ color:#DDD; }

.commonWidth { width:950px; margin:0px auto; }

.ad_link { padding:3px 5px; height:100%; overflow:hidden; border:4px solid #FAFAFA; width:932px; margin:0px auto 10px auto; }
.ad_link li{ float:left; font-size:11px; line-height:15px; margin-right:8px; color:#AAA; }
.ad_link li a{ color:#666; text-decoration:none; }
.ad_link li a:hover{ text-decoration:underline; }

/* ------------------------------------------------------------------------------- */
/* サイト共通 フレーム */
#pageOuter { min-height:100%; height:auto !important; height:100%; margin:0 auto -80px auto; }

/* ヘッダー */
#headerOuter { height:131px; background:url(../img/header_bg.gif) repeat-x; }

#header { height:68px; margin-bottom:1px; background:url(../img/header_bg_inner.gif) no-repeat; }
#header h1,
#header p{ float:left; overflow:hidden; width:250px; height:44px; margin-top:24px; background:url(../img/header_logo.gif) no-repeat; }
#header h1 a,
#header p a{ display:block; text-indent:250px; line-height:44px; overflow:hidden; }
#header .headerInfo { float:right; overflow:hidden; height:29px; margin-top:34px; }
#header .headerInfo img{ vertical-align:middle; }

#headerNavi { clear:both; height:29px; background:url(../img/header_navi_separator.gif) no-repeat left; padding-left:3px; position:relative; }
#headerNavi li{ float:left; background:url(../img/header_navi_separator.gif) no-repeat right; padding-right:3px; }
#headerNavi li a{ display:block; height:29px; line-height:29px; overflow:hidden; background-repeat:no-repeat; }
#headerNavi li#hn_home a{ background:url(../img/header_navi_bg.gif) no-repeat 0px 0px; width:68px; text-indent:68px; }
#headerNavi li#hn_home a:hover{ background-position:0px -29px; }
#headerNavi li#hn_search a{ background:url(../img/header_navi_bg.gif) -69px 0px; width:164px; text-indent:164px; }
#headerNavi li#hn_search a:hover{ background-position:-69px -29px; }
#headerNavi li#hn_membo a{ background:url(../img/header_navi_bg.gif) -234px 0px; width:140px; text-indent:140px; }
#headerNavi li#hn_membo a:hover{ background-position:-234px -29px; }
#headerNavi li#hn_job a{ background:url(../img/header_navi_bg.gif) -375px 0px; width:147px; text-indent:147px; }
#headerNavi li#hn_job a:hover{ background-position:-375px -29px; }
#headerNavi li#hn_store a{ background:url(../img/header_navi_bg.gif) -523px 0px; width:139px; text-indent:139px; }
#headerNavi li#hn_store a:hover{ background-position:-523px -29px; }
#headerNavi li#hn_regist a{ background:url(../img/header_navi_bg.gif) -663px 0px; width:127px; text-indent:127px; }
#headerNavi li#hn_regist a:hover{ background-position:-663px -29px; }
#headerNavi li#hn_faq a{ background:url(../img/header_navi_bg.gif) -790px 0px; width:115px; text-indent:115px; }
#headerNavi li#hn_faq a:hover{ background-position:-790px -29px; }

#headerNavi li dl{ position:absolute; height:23px; padding-top:6px; z-index:10; display:none; width:950px; }
#headerNavi li dl dt{ float:left; margin:4px 0px; padding-left:20px; padding-right:0px; line-height:13px; height:13px; font-size:11px; color:#FFF; }
#headerNavi li dl dd{ float:left; margin:4px 0px; padding-left:15px; padding-right:15px; border-right:1px solid #5f6f87; line-height:13px; height:13px; font-size:11px; }
#headerNavi li#hn_store dl dd a{ background:none; text-indent:0px; padding:0px; line-height:13px; width:auto; display:inline; color:#FFF; }
#headerNavi li#hn_store dl.active{ margin-left:-534px; }
#headerNavi li dl.active{ display:block; }

#headerSub { background:url(../img/header_sub_bg.gif) no-repeat 0px 0px; height:23px; padding-top:6px; line-height:23px; clear:both; }
#headerTicker { margin:0px 7px; font-size:12px; height:23px; overflow:hidden; }
#headerTicker li{ height:23px; line-height:23px; overflow:hidden; }
#headerTicker a{ color:#333; line-height:23px; }
#headerTicker small.new{ color:#F00; }
#headerOuter div.hn_reset { background-position:0px 0px; }
#headerOuter div.hn_store { background-position:0px -29px; }
#headerOuter div.hn_store ul{ display:none; }

a#headerbtnLogin { background:url(../img/header_btn_login.gif) no-repeat; width:160px; height:21px; line-height:21px; text-indent:160px; display:block; overflow:hidden; }
a#headerbtnAccount { background:url(../img/header_btn_login.gif) no-repeat -160px 0px; width:172px; height:21px; line-height:21px; text-indent:172px; display:block; overflow:hidden; }
a#headerbtnLogin:hover{ background-position:0px -21px; }
a#headerbtnAccount:hover{ background-position:-160px -21px; }

/* ページレイアウト */

/* レイアウト：1Column */
#page1column { margin-left:auto; margin-right:auto; margin-bottom:10px; overflow:hidden; }
#page1column .contentsMain{ width:777px; float:right; overflow:hidden; }

/* レイアウト：2Column */
#page2column { margin-left:auto; margin-right:auto; margin-bottom:10px; overflow:hidden; }
/* レイアウト：3Column */
#page3column { margin-left:auto; margin-right:auto; margin-bottom:10px; overflow:hidden; }

/* コンテンツ : メニュー */
#page2column .contentsLeft,
#page3column .contentsLeft{ width:164px; float:left; overflow:hidden; margin-right:9px; }

.contentsLeft ul.clBanner { margin-bottom:3px; }
.contentsLeft ul.qrMobile li { background:url(../img/qr_mobile.gif) no-repeat; width:164px; height:125px; text-indent:164px; overflow:hidden; line-height:125px; }
.contentsLeft ul.prBanner li { background:url(../img/banner_pr_join_164x110.gif) no-repeat; width:164px; height:110px; text-indent:164px; overflow:hidden; line-height:110px; }
.contentsLeft ul.prBanner li a{ display:block; }
.contentsLeft div.clQuickMenu{ margin-bottom:3px; padding:1px; border:1px solid #CCC; background-color:#F8F8F8; }
.contentsLeft div.clQuickMenu h2 { background:url(../img/cl_quick_menu.gif) no-repeat; width:160px; height:20px; line-height:21px; text-indent:160px; overflow:hidden; margin-bottom:5px; }
.contentsLeft div.clQuickMenu ul{ margin:0px 0px 5px 3px; }
.contentsLeft div.clQuickMenu li{ font-size:12px; line-height:21px; background:url(../img/icon_arrow_01.gif) no-repeat; background-position:0px 6px; padding-left:8px; }
.contentsLeft div.clRecBook{ padding:1px; border:1px solid #CCC; background-color:#F8F8F8; margin-bottom:3px; }
.contentsLeft div.clRecBook h2 { background:url(../img/cl_rec_book_title.gif) no-repeat; width:160px; height:20px; line-height:21px; text-indent:160px; overflow:hidden; margin-bottom:5px; }
.contentsLeft div.clRecBook ul{ margin:0px 0px 5px 3px; }
.contentsLeft div.clRecBook li{ font-size:12px; line-height:19px; background:url(../img/icon_arrow_01.gif) no-repeat; background-position:0px 6px; padding-left:8px; }
.contentsLeft div.clAd { margin-bottom:3px; border:1px solid #CCC; padding:1px; background-color:#FFF; }
.contentsLeft div.clAd h2 { background:url(../img/cl_ad_header.gif) no-repeat; width:160px; height:20px; line-height:22px; text-indent:160px; overflow:hidden; margin-bottom:3px; }

/* コンテンツ : コンテンツ */
#page2column .contentsMain,
#page3column .contentsMain{ width:777px; float:right; overflow:hidden; }
#page2column .contentsMainCenter,
#page3column .contentsMainCenter { width:468px; float:left; overflow:hidden; margin-right:9px; }
#page2column .contentsMainRight,
#page3column .contentsMainRight { width:300px; float:left; overflow:hidden; }

/* フッター */
#footerOuter { clear:both; height:66px; background:#86A91A; padding:5px; text-align:center; border-top:4px solid #CDD8A9; overflow:hidden; }
#footerOuter a{ color:#FFF; }
#footerOuter ul{ margin-bottom:20px;}
#footerOuter li{ margin-right:20px; padding-left:15px; line-height:21px; height:21px; display:inline; background:url(../img/icon_arrow_05.gif) no-repeat 0px 2px; }
#footerOuter .copyright {}
#footerOuter .copyright a{ color:#333; }
#footerOuter .copyright img{ vertical-align:middle; }
#footerOuter, div.dummy{ height:80px; }

/* ------------------------------------------------------------------------------- */

/* 教室ログインページ */
#pageLogin { margin-bottom:100px; overflow:hidden; }
#pageLogin h1{ font-size:23px; margin-bottom:15px; background:#FAFAFA; line-height:32px; padding-left:10px; }
#pageLogin h2{ font-size:13px; background-color:#333; color:#FFF; padding-left:7px; line-height:21px; }
#pageLogin p.outline{ margin-bottom:30px; line-height:23px; padding:0px 20px; }
#pageLogin .boxLogin{ float:left; width:320px; margin-left:130px; }
#pageLogin .boxRegist{ float:left; width:320px; margin-left:50px; }
#pageLogin table{ border:1px solid #333; background-color:#FAFAFA; margin-bottom:12px; height:115px; }
#pageLogin td{ padding:2px 5px; line-height:19px; }
#pageLogin .txt1{ font-size:12px; }
#pageLogin .txt2{ margin-bottom:20px; }
#pageLogin .regist a{ width:114px; height:23px; text-indent:114px; line-height:23px; overflow:hidden; display:block; background:url(../img/member/btn_regist.gif) no-repeat; }

/* 教室ログアウトページ */
#pageLogout { margin-bottom:100px; overflow:hidden; }
#pageLogout h1{ font-size:23px; margin-bottom:20px; background:#FAFAFA; line-height:32px; padding-left:10px; }
#pageLogout p{ margin-bottom:30px; line-height:21px; padding:0px 20px; }

/* パスワード再送 */
#pageLostpass { margin-bottom:100px; overflow:hidden; }
#pageLostpass h1{ font-size:23px; margin-bottom:20px; background:#FAFAFA; line-height:32px; padding-left:10px; }
#pageLostpass p{ margin-bottom:30px; line-height:21px; padding:0px 20px; }

/* ユーザー登録ページ */
#pageRegist h1{ font-size:23px; margin-bottom:10px; background:#FAFAFA; line-height:32px; padding-left:10px; }
#pageRegist h2{ font-size:13px; background-color:#333; color:#FFF; padding-left:7px; line-height:21px; margin-bottom:6px; }
#pageRegist table.steps{ margin-bottom:13px; width:100%; }
#pageRegist table.steps th{ line-height:27px; color:#369; }
#pageRegist table.steps td{ line-height:25px; }
#pageRegist p.txt{ line-height:23px; margin-bottom:12px; padding:10px 15px; font-size:14px; }
#pageRegist p.border{ border:3px double #DDD; }
#pageRegist .inputInner { margin-bottom:15px; }
#pageRegist .inputInner table th{ text-align:right; width:150px; }

/* 逆アクセスランキング */
#pageAccess h1{ font-size:13px; line-height:21px; padding-left:10px; color:#FFF; margin-bottom:8px; background-color:#65B113; }
#pageAccess h2{ font-size:13px; margin-bottom:10px; margin-left:10px; background:#FAFAFA; line-height:19px; padding-left:5px; }
#pageAccess h3{ font-size:13px; margin-bottom:10px; margin-left:10px; background:#FAFAFA; line-height:19px; padding-left:5px; }
#pageAccess p{ line-height:15px; margin:0px 10px 18px 10px; font-size:12px; }
#pageAccess table.data{ width:750px; margin:0px auto 10px auto; }
#pageAccess table.data td{ font-size:12px; line-height:15px; }
#pageAccess dl.site_info { margin-bottom:18px; margin-left:15px; }
#pageAccess dl.site_info dt{ width:80px; padding:5px; height:12px; }
#pageAccess dl.site_info dd{ padding:5px; margin-top:-22px; margin-left:80px; }
#pageAccess dl.code{ margin:0px 15px 18px 20px; }
#pageAccess dl.code dt{ width:90px; height:31px; }
#pageAccess dl.code dt img{ vertical-align:middle; }
#pageAccess dl.code dd{ margin-top:-31px; margin-left:92px; margin-bottom:5px; font-size:11px; border:1px solid #CCC; height:19px; padding:5px; }
#pageAccess #howto p{ margin-left:20px; }

/* よくあるご質問ページ */
#pageFaq h1{ font-size:23px; margin-bottom:10px; background:#FAFAFA; line-height:32px; padding-left:10px; }
#pageFaq h2{ font-size:13px; background:#609208; line-height:21px; padding-left:10px; color:#FFF; }
#pageFaq dl{ padding:10px; margin-bottom:10px; }
#pageFaq dt{ font-weight:bold; line-height:19px; margin-bottom:10px; color:#333; }
#pageFaq dd{ line-height:19px; margin-bottom:10px; }

/* よくあるご質問ページ 投稿削除フォーム */
#pageFaqDelete h1{ font-size:23px; margin-bottom:10px; background:#FAFAFA; line-height:32px; padding-left:10px; }
#pageFaqDelete h2{ font-size:13px; background:#609208; line-height:21px; padding-left:10px; color:#FFF; margin-bottom:15px; }
#pageFaqDelete p{ padding:0px 10px; margin-bottom:10px; }
#pageFaqDelete dl{ padding:10px; margin-bottom:20px; }
#pageFaqDelete dt{ font-weight:bold; line-height:19px; margin-bottom:10px; color:#333; }
#pageFaqDelete dd{ line-height:19px; margin-bottom:10px; margin-left:1em; }
#pageFaqDelete dd input{ margin-right:10px; }

/* ご利用規約ページ */
#pageRule h1{ background-color:#333; font-size:13px; color:#FFF; padding:5px; margin-bottom:12px; }
#pageRule dt{ font-weight:bold; }
#pageRule dd{ margin:10px 20px 20px 20px; text-indent:-1em; padding-left:1em; line-height:17px; }
#pageRule ul{ margin:10px 30px 20px 30px; }
#pageRule li{ line-height:19px; }
#pageRule p{ line-height:21px; }

/* お問い合わせ */
#pageContact h1{ font-size:23px; margin-bottom:10px; background:#FAFAFA; line-height:32px; padding-left:10px; }
#pageContact p.txt{ line-height:19px; margin-bottom:20px; padding:0px 15px; font-size:14px; }
#pageContact p.done{ line-height:30px; margin-bottom:20px; padding:50px 0px; font-size:14px; text-align:center; }
#pageContact .inputInner { margin-bottom:15px; }
#pageContact .inputInner table th{ text-align:right; width:150px; }

/* 更新履歴 */
#pageHistory h1{ font-size:23px; margin-bottom:10px; background:#FAFAFA; line-height:32px; padding-left:10px; }
#pageHistory dl{ background:url(../img/line_h02.gif) repeat-x top; padding-top:2px; }
#pageHistory dt{ font-size:12px; line-height:17px; padding:5px 0 5px 10px; height:17px; width:70px; margin-left:10px; background:url(../img/icon_arrow_04.gif) no-repeat 0px 9px; }
#pageHistory dd{ font-size:12px; line-height:17px; padding:5px 0 5px 90px; margin-top:-27px; background:url(../img/line_h02.gif) repeat-x bottom; }

/* 教室検索 */
#pageSchoolSearch h1{ font-size:13px; line-height:21px; padding-left:10px; color:#FFF; margin-bottom:8px; background-color:#65B113; }
#pageSchoolSearch .form_container{ margin-bottom:10px; padding-bottom:2px; border-bottom:8px solid #F1F1F1; }
#pageSchoolSearch .form_container_inner{ background:#E9E9E2; padding:5px; text-align:center; }
#pageSchoolSearch .form_container li{ font-weight:bold; line-height:30px; height:30px; }
#pageSchoolSearch #sn{ width:300px; font-weight:bold; border:1px solid; border-color:#7C7C7C #CECECE #CECECE #7C7C7C; background:#FFF url(../img/bg_input_text.gif) no-repeat; height:13px; padding:3px; font-size:13px; line-height:14px; }
#pageSchoolSearch #ssb{ background:url(../img/bg_btn_search.gif) repeat-x; width:74px; height:21px; line-height:20px; font-weight:bold; border:1px solid #999b9a; background-color:#87BC1E; }
#pageSchoolSearch .schoolList{ margin-bottom:10px; background:url(../img/line_h01.gif) repeat-x top; padding-top:4px; }
#pageSchoolSearch .schoolOuter { background:url(../img/line_h01.gif) repeat-x bottom; padding-bottom:4px; margin-bottom:3px; }
#pageSchoolSearch .schoolInner { border:1px solid #333333; }
#pageSchoolSearch .schoolInner h2{ margin:0px; padding:0px; padding-left:5px; background-color:#F6F6F6; font-size:16px; line-height:26px; }
#pageSchoolSearch .schoolInner h2 span{ font-size:11px; color:#FF0000; font-weight:normal; }
#pageSchoolSearch .schoolInner td{ line-height:19px; }
#pageSchoolSearch .schoolInner img{ vertical-align:middle; border:1px solid #333; padding:1px; }
#pageSchoolSearch .schoolInner a:hover img{ border-color:#B3DC24; }

/* エラーページ */
#pageError { padding:20px; margin-bottom:70px; text-align:center; }
#pageError h1{ margin:0px auto 20px auto; background:url(../img/error_title.gif) no-repeat; width:245px; height:25px; line-height:30px; text-indent:245px; overflow:hidden; text-align:left; }
#pageError ul{ margin-bottom:50px; }
#pageError li{ line-height:21px; }
#pageError p{ margin-bottom:20px; line-height:150%; }
#pageError a input{ vertical-align:middle; }

/* オーバーレイ */
#overlay_iefix{ position:absolute; z-index:89; top:0; width:100%; overflow:hidden; background-color:#000; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
#overlay_bg{ position:absolute; z-index:90; top:0; width:100%; overflow:hidden; background-color:#000; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }
#overlay { position:absolute; z-index:91; top:50%; left:50%; margin-left:-405px; width:800px; border:5px solid #0F2A4F; background:#FFF; }