@charset "utf-8";
/************************************
* リセット
************************************/
body { padding: 0; margin: 0; color: #333333; background: #ffffff; font-family:'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif; font-size:100%; }
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td { padding: 0; margin: 0; }
ul, ol, dl { list-style:none; }
caption, th { text-align: left; }
th { font-weight:normal; }
img, a img { border:none; background:transparent; }
object, embed { vertical-align:top; }
br { letter-spacing: normal; }
caption { font-style: normal; font-weight: normal; }
dfn, cite { font-style:normal; }
table { font-size: 100%; border-collapse: collapse; border-spacing: 0; empty-cells: show; }
th, td { vertical-align: top; }
fieldset, img { border: none; }
input, textarea { font-size:1em; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; line-height: 1.0; }
em, address, dfn { font-style:normal; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
hr { display: none; }

/************************************
* default
************************************/
html { overflow-y:scroll; }
body {font-size:14px; font-family:'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif; line-height:1.6; color:#333333; background:#f4f4f4; }
body.nobg { background:white; }
textarea, input, select { color:black; vertical-align:middle; }
textarea { resize:none; }
th, td { color:black; vertical-align:middle; word-break:break-all; word-wrap:break-word; }
a:link { text-decoration:underline; color:#0000ff; }
a:visited { text-decoration:underline; color:#0000ff; cursor:pointer; }
a:hover { text-decoration:underline; color:#08a608; background-color:#e6ffcc; }
br { line-height:17px; }
button{cursor:pointer;}

/************************************
* ヘッダー
************************************/
#header { position:relative; padding-top:10px;}
#header h1 {}
#header h2{position:absolute; top:0; color: #fff; font-size: 12px; line-height: 30px; right:0; margin:20px;}
#header h2 a{width:200px; height:40px; background-color:#e67e22; color:#FFFFFF; border:none; text-align:center; margin:0; padding:0; text-decoration:none; font-size:1.2em;}
#header h2 a:hover{background-color:#d35400;}

/************************************
* パンくずリスト
************************************/
#bread { font-size: 1.0em; padding-left:10px; margin-top:10px; }

#bread a:link,
#bread a:visited{ display:block; float:left; margin:0.4em; padding:1em; cursor:pointer; background:#E1E1E1; text-decoration:none; color:#666666; -webkit-top-highlight-color:rgba(0,0,0,0); }

#bread a:hover,
#bread a:active{}

#bread li.active a {background:#34495e; color:#FFFFFF; border:solid 1px #34495e; cursor:default;}

/************************************
* コンテナ
************************************/
#container { width: 960px; padding: 0px; background:#ffffff; box-shadow:0px 0px 10px #999; margin: 0 auto; }
#container h3 { font-size:1.2em; font-weight:bold; color: #298fb5; line-height:35px; text-indent:30px; width:100%; height:35px; background:url(../../img/index/midashi.png) repeat-x 0 100%; }
#container h4 { width: 100%; font-size:1.1em; font-weight:bold; color: #298fb5; margin:20px 0 10px 0; padding-bottom:5px; background:url(../../img/index/h3.gif) repeat-x 0 100%; }
#container h5 { font-weight:bold; padding-top:10px; padding-left:1em; height:25px; background-size:cover; }

/************************************
* メイン
************************************/
#main { width: 950px; padding-bottom:5px; margin: 0 auto; margin-bottom:20px; padding-top: 10px; }

/************************************
* フッター
************************************/
#footerLower { clear:both; color:#fff; padding: 10px; text-align:center; background:#000056; height:35px;}

/************************************
* float
************************************/
.flr { float:right; _display:inline; }
.fll { float:left; _display:inline; }

/************************************
* clear
************************************/
.clr { clear:both; }
.clrfx:after {
content:url(../../img/index/cleardot.gif); display:block; clear:both; height:0; } /* clearfix */
.clrfx { /display:inline-block;
}
.clrfx { display:inline-block\9; }
:root *> .clrfx { height:1%; display:inline-table; }

/************************************
* vertical-align
************************************/
.vtp { vertical-align:top; }
.vmd { vertical-align:middle; }
.vbm { vertical-align:bottom; }

/************************************
* text-align
************************************/
.c { text-align:center !important; }
.r { text-align:right !important; }
.l { text-align:left !important; }

/************************************
* default
************************************/
.nw { white-space:nowrap; }
div.cnt { text-align:center; width:930px; }
div.cntnfx { text-align:center; width:100%; }
.cnti { text-align:justify; margin-right:auto; margin-left:auto; }

/************************************
* font-size
************************************/
.xxlf, .xxlf th, .xxlf td { font-size:19px; font-size:1.9rem; } /* 19px */
.xlf, .xlf th, .xlf td { font-size:17px; font-size:1.7rem; } /* 17px */
.lf, .lf th, .lf td, .lf textarea, .lf input, .lf select { font-size:15px; font-size:1.5rem; } /* 15px */
.rf, .rf th, .rf td, .rf textarea, .rf input, .rf select { font-size:14px; font-size:1.4rem; } /* 14px */
.mf, .mf th, .mf td, .mf textarea, .mf input, .mf select { font-size:13px; font-size:1.3rem; } /* 13px */
.msf, .msf th, .msf td, .msf textarea, .msf input, .msf select { font-size:12px; font-size:1.2rem; } /* 12px */
.sf, .sf th, .sf td, .sf textarea, .sf input, .sf select { font-size:11px; font-size:1.1rem; } /* 11px */
.xsf, .xsf th, .xsf td { font-size:10px; font-size:1.0rem; } /* 10px */

/************************************
* font-weight
************************************/
.bld { font-weight:bold; }
.nrm { font-weight:normal !important; }

/************************************
* font-color
************************************/
.fcbl { color:blue !important; }
.fcrd { color:red !important; }
.fcgn { color:green !important; }
.fcyl { color:yellow !important; }
.fcwh { color:white !important; }
.fcgr { color:gray !important; }
.fcgr2 { color:rgb(170,170,170); }
.fcwrn { color:#ffcccc !important; } /* warning (same as "wrn" class)  */
.fcnte { color:#ffffb3 !important; } /* note (same as "nte" class) */
.new { color:#0000cc; }

/************************************
* font-family
************************************/
.mono { font-family:'Osaka－等幅', 'Osaka-Mono', 'ＭＳ ゴシック', 'MS Gothic', monospace; }
input.fbc { border:none; background-color:transparent; }
textarea.fbc { border:none; background-color:transparent; overflow:hidden; }
em.req { font-size:11px; font-size:1.1rem; font-style:normal; font-weight:bold; color:#ff3366; }

/************************************
* margin
************************************/
/* full (10px) */
.mrgn { margin:10px; }
.mrgnt { margin-top:10px; }
.mrgnb { margin-bottom:10px; }
.mrgnv { margin-top:10px; margin-bottom:10px; }
.mrgnh { margin-left:10px; margin-right:10px; }
.mrgnl { margin-left:10px; }
.mrgnr { margin-right:10px; }
/* half (5px) */
.mrgnth { margin-top:5px; }
.mrgnvh { margin-top:5px; margin-bottom:5px; }
.mrgnhh { margin-left:5px; margin-right:5px; }

.mg1em{margin:1em;}
.mg2em{margin:2em;}
.mgt1em{margin-top:1em;}
.mgt2em{margin-top:2em;}
.mgr1em{margin-right:1em;}
.mgr2em{margin-right:2em;}
.mgb1em{margin-bottom:1em;}
.mgb2em{margin-bottom:2em;}
.mgl1em{margin-left:1em;}
.mgl2em{margin-left:2em;}

/************************************
* padding
************************************/
.pdg05 { padding:5px !important; }
.pdgt05 { padding-top:5px !important; }
.pdgb05 { padding-bottom:5px !important; }
.pdgl05 { padding-left:5px !important; }
.pdgr05 { padding-right:5px !important; }
.pdgv05 { padding-top:5px !important; padding-bottom:5px !important; }
.pdgh05 { padding-left:5px !important; padding-right:5px !important; }
.pdg10 { padding:10px !important; }
.pdgt10 { padding-top:10px !important; }
.pdgb10 { padding-bottom:10px !important; }
.pdgl10 { padding-left:10px !important; }
.pdgr10 { padding-right:10px !important; }
.pdgv10 { padding-top:10px !important; padding-bottom:10px !important; }
.pdgh10 { padding-left:10px !important; padding-right:10px !important; }
.pdg15 { padding:15px !important; }
.pdgt15 { padding-top:15px !important; }
.pdgb15 { padding-bottom:15px !important; }
.pdgl15 { padding-left:15px !important; }
.pdgr15 { padding-right:15px !important; }
.pdgv15 { padding-top:15px !important; padding-bottom:15px !important; }
.pdgh15 { padding-left:15px !important; padding-right:15px !important; }
.pdg20 { padding:20px !important; }
.pdgt20 { padding-top:20px !important; }
.pdgb20 { padding-bottom:20px !important; }
.pdgl20 { padding-left:20px !important; }
.pdgr20 { padding-right:20px !important; }
.pdgv20 { padding-top:20px !important; padding-bottom:20px !important; }
.pdgh20 { padding-left:20px !important; padding-right:20px !important; }

.pd1em{ padding:1em !important;}
.pd2em{ padding:2em !important;}
.pdt1em{ padding-top:1em !important;} 
.pdt2em{ padding-top:2em !important;} 
.pdr1em{ padding-right:1em !important;} 
.pdr2em{ padding-right:2em !important;} 
.pdb1em{ padding-bottom:1em !important;} 
.pdb2em{ padding-bottom:2em !important;} 
.pdl1em{ padding-left:1em !important;} 
.pdl2em{ padding-left:2em !important;} 


/************************************
* line-height
************************************/
.lh2 { line-height:2em; }
.lh3 { line-height:3em; }

/************************************
* display
************************************/
.nodisp { display:none !important; }
.vhdn { visibility:hidden; }
.dsabl { color:black; background-color:#d4d0c8; }

/************************************
* background-color
************************************/
.bclblue { background-color:#ADD8E6; }
.bcblue { background-color:#0000ff; }
.bcrblue { background-color:#4169e1; }
.bcmblue { background-color:#0000cd; }
.bcorange { background-color:#ffa500; }
.bcred { background-color: #ff0000; }
.bcgray { background-color: #ececec; }
.bcwhite{ background:#FFFFFF;}

/************************************
* リスト
************************************/
ul.circle{ padding-left:2em; list-style-type:circle;}
ul.disc{ padding-left:2em; list-style-type:disc;}


/************************************
* ガイダンスページ専用
************************************/
/* ラッパー */
#container-wrapper { width:1000px; margin:0 auto; position:relative; }

/* サイド */
#aside { width:40px; float:right; position:absolute; right:0; top:107px; z-index:999; }
#aside2 { width:40px; float:right; position:absolute; right:0; top:300px; z-index:999; }

/*toAppボタン*/
#aside a#toApp{ position: fixed; display:block; width:40px; height:180px; background:url(../../img/index/toApp.png) no-repeat; text-indent:-9999px; }

#aside #toApp1{ position: fixed; display:block; width:40px; background-color:#e67e22; text-align:center; color:#FFFFFF; border:none; margin:0; padding:5px; text-decoration:none; line-height:1.2em; font-size:1.2em;}
#aside #toApp1:hover{background-color:#d35400;}

#aside2 #toApp2{ position: fixed; display:block; font-weight:bold; width:50px; height:300px; background-color:#f1c40f; color:#FFFFFF; text-align:center; border:none; margin:0; padding:0; font-size:1.2em; text-indent:-9999px; text-decoration:none;}
#aside2 #toApp2:hover{ background-color:#f39c12;}

/*toTopボタン*/
#toTop{ position:fixed; bottom:52px; display:block; width:40px; height:40px; background:url(../../img/index/toTop_off.png) no-repeat; text-indent:-9999px;}
#toTop:hover{ background:url(../../img/index/toTop_on.png) no-repeat; cursor:pointer;}

/*マイページボタン*/
#toFaq{width:300px; height:40px; background-color:#3498db; color:#FFFFFF; border:none; margin:0; padding:0; text-decoration:none; margin-top:20px; font-size:1.2em;}
#toFaq:hover{background-color:#2980b9;}

/*STEP BOX*/
.step_box{margin:20px; padding-bottom:20px; border:solid 1px #DADADA;}
.step_box .con{padding:10px;}
.step_box_col{ width:48%; height:180px; border:solid 1px #DADADA; margin-bottom:20px;}
.step_box_col .con{margin-left:10px;}
.step_box_col .con{margin-bottom:0px;}


/*支払*/
table.select_pay{text-align:center; border-collapse:separate; border-spacing:4px;}

/*環境確認ボタン*/
#checkBox{ width:300px; height:40px; background-color:#f1c40f; color:#FFFFFF; border:none; margin:0; padding:0; font-size:1.2em;}
#checkBox:hover{ background-color:#f39c12;}


/*マイページはこちらボタン*/
#btnHeaderMy{ width:200px; height:40px; background-color:#f1c40f; color:#FFFFFF; border:none; margin:0; padding:0; font-size:1.2em;}
#btnHeaderMy:hover{ background-color:#f39c12;}

/*モーダルウィンドウ*/
#check_content{padding:10px; background:#FFFFFF;}
#check_content h3{font-weight:bold; margin:10px;}
table#check_result { width:600px; border-collapse:collapse; margin:10px auto; }
table#check_result thead th { background: #356aa0; border:solid 1px #000000; color:#FFFFFF; font-weight:bold; }
table#check_result th { background:#F1F4F8; padding:3px; }
table#check_result td { padding:3px; }
input[type='button'], input[type='image'] { cursor:pointer; }
.slider-wrapper { width:890px; height:520px; }
.blank { background:url(../../img/index/icon_link_blank.gif) no-repeat 0 0.35rem; padding-left:1rem; }
.box { border:double 3px #333; width:360px; padding:10px; margin:10px 10px 10px 30px; }
.box p { line-height:1.4rem; margin:0; padding:0; }

table.sch{border:solid 1px #333333; border-collapse:collapse; vertical-align:middle; width:100%;}
table.sch tr{border:solid 1px #333333; border-collapse:collapse; vertical-align:middle;}
table.sch th,
table.sch td {border:solid 1px #333333; border-collapse:collapse; vertical-align:middle; padding:3px;}
table.sch thead th{background:#506383; color:#FFFFFF; text-align:center; font-weight:bold;}
table.sch tbody th{}
table.sch tbody td{text-align:center;}



.step_box_col .con1{font-weight: bold; font-size:16px; font-family:'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif; line-height:1.6; color:#333333; }
.step_box_col .con1 {margin-left:10px;}
.step_box_col .con1 {margin-bottom:0px;}