@charset "utf-8";
@import url(base.css);
@import url(menu.css);
@import url(style.css);

/* index リモートボタン */
ul.rs_linkbutton{list-style-type:none;margin:10px 0;}
ul.rs_linkbutton, ul.rs_linkbutton li{width:175px;height:50px;}
ul.rs_linkbutton li a,ul.rs_linkbutton li a:hover{display:block;overflow:hidden;padding-top:50px;width:184px;height:0!important;height:50px;}
ul.rs_linkbutton li a{background:url(img/cx/remote-support_button.png) no-repeat 0px 0px;}
ul.rs_linkbutton li a:hover{background:url(img/cx/remote-support_button.png) no-repeat 0px -50px;}
div#sub_apply{background:url(img/cx/t1/bg.gif) no-repeat 0px 0px;margin:6px auto 10px!important;margin:6px 0 10px 0px;padding:0;width:184px;height:130px;}
div#sub_apply ul{position:relative;margin:0;padding:0;list-style:none;}
div#sub_apply ul li{position:absolute;margin:0;padding:0;}
div#sub_apply ul li a{display:block;margin:0;padding:0;text-indent:-972em;}
div#sub_apply ul li.apply{top:20px;left:5px;width:174px;height:40px;}
div#sub_apply ul li.apply a{width:174px;height:40px;}
div#sub_apply ul li.apply a:hover{background:url(img/cx/t1/apply.gif) no-repeat;}
div#sub_apply ul li.login{top:70px;left:5px;width:174px;height:32px;}
div#sub_apply ul li.login a{width:174px;height:40px;}
div#sub_apply ul li.login a:hover{background:url(img/cx/t1/login.gif) no-repeat;}
ul.stock{background:url(img/background/t1/item_bg.jpg) repeat-x 0px 0px;border:1px solid #666;height:100%;list-style-type:none;margin:10px!important;margin:5px;padding:5px;width:250px!important;width:260px;}
ul.stock li.sc-t{background:url(img/background/t1/item_bg2.jpg) repeat-x 0px 0px;clear:both;color:#fff;font-weight:bold;padding:3px;}

/*取引までの流れ*/
.fl-list:after{content:".";clear:both;display:block;height:0;visibility:hidden;}.fl-list{display:inline-block;min-height:1%;}* html .fl-list{height:1%;}
.fl-list{display:block;margin:30px auto;width:340px;}
.fl-list ul{list-style-type:none;}
.fl-list ul li{float:left;text-align:center;width:150px;}
.fl-list ul li a,.fl-list ul li a:hover{background-color:#eae7d9;border:1px solid #c1bdae;display:block;padding:7px 0;width:150px;}
.fl-list ul li.fl-li-1{margin-right:40px;}
ol#flow{list-style-type:none;margin-top:25px;float:left;margin-bottom:20px;width:150px;}
#step{float:right;margin-top:25px;margin-bottom:20px;}
#step dl{margin-bottom:25px;width:420px;}
#step dl dt{background:#eadba2;border-left:5px double #c6a72d;font-weight:bold;font-size:110%;padding:4px 4px 4px 10px;margin-bottom:0.5em;}
#step dl dt a, #step dl dt a:hover{color:#303030;text-decoration:none;}
#step dl dd{padding-left:0.5em;}
.oabutton{clear:both;margin:0 auto 25px;text-align:center;}
.oabutton a,.oabutton a:hover{background-image:url(../cx/img/flow/oa_button.png);background-repeat:no-repeat;display:block;margin:0 auto;overflow:hidden;padding-top:36px;width:300px;height:0px!important;height:36px;}
.oabutton a{background-position:0px 0px;}
.oabutton a:hover{background-position:0px -36px;}

/* サービス概要 */
#cx-serv2{float:right;margin-top:20px;margin-bottom:25px;margin-right:40px!important;margin-right:20px;width:250px;}
#cx-serv1{float:left;margin-bottom:25px;margin-left:40px!important;margin-left:20px;margin-top:15px;width:340px;}
#cx-serv1 dl{margin-top:15px;}
#cx-serv1 dl dt{background:url(img/call/list.jpg) no-repeat 0 3px;font-weight:bold;}
#cx-serv1 dl dd{padding-left:1.5em;}
p.cx-serv-tit{background:#ccc;font-weight:bold;font-size:110%;padding:4px;margin-top:30px;margin-bottom:15px;}

div#attention-box{background-color:#f9f9f7;border:1px solid #ccc;clear:both;margin:15px auto 25px;padding:0 10px 10px;width:478px!important;width:500px;}
div#attention-box dt{font-weight:bold;text-align:center;}
#cx-serv-form{margin:25px auto;width:300px;}
#cx-serv-form a,#cx-serv-form a:hover{background-image:url(../cx/img/service/live/apply1.png);background-repeat:no-repeat;display:block;overflow:hidden;padding-top:80px;width:300px;height:0px!important;height:80px;}
#cx-serv-form a{background-position:0px 0px;}
#cx-serv-form a:hover{background-position:0px -80px;}
.cx-serv-license{border:2px solid #ccc;height:300px;overflow:auto;padding:5px;}
.cx-serv-license ol li{margin-bottom:10px;}
#cx-manual p{background:url(img/call/list.jpg) no-repeat 0 3px;padding-left:1.5em;font-weight:bold;margin-left:170px;}
.cx-serv-box{border:3px dotted #cccc60;margin:2em auto 1em;padding:7px;}

/* FAQ */
ul.cx_ac_box{background:url(img/background/t1/item_bg.jpg) repeat-x 0px 0px;border:1px solid #666;padding:1px;margin-bottom:10px;margin-left:70px;width:350px!important;width:354px;}
ul.cx_ac_box li{list-style-image:none;list-style-type:none;}
ul.cx_ac_box li.actitle{background:url(img/background/t1/item_bg2.jpg) repeat-x 0px 0px #666;color:#fff;list-style-image:none;list-style-type:none;margin:0;padding-left:12px;text-align:center;}
ul.cx_ac_box li.freed,ul.cx_ac_box li.tel,ul.cx_ac_box li.fax{text-align:center;}
ul.cx_ac_box li.freed span,ul.cx_ac_box li.tel span,ul.cx_ac_box li.fax span{display:block;margin:0.5em auto 0;text-align:right;width:200px;}
ul.cx_ac_box li.freed span{background:url(img/common/freedial.gif) no-repeat 0px 45% #c2e6cb;font-weight:bold;}
ul.cx_ac_box li.tel span{background:url(img/common/tel_acb.gif) no-repeat 0px 45%;}
ul.cx_ac_box li.fax span{background:url(img/common/fax_acb.gif) no-repeat 0px 45%;}
ul.cx_ac_box li.mail{text-align:center;}
ul.cx_ac_box li.mail a{background:url(img/common/mail.gif) no-repeat 0px 45%;display:block;font-size:12px;letter-spacing:0;margin:7px auto;text-align:right;text-decoration:underline;width:200px;}
ul.cx_ac_box li.mail a:hover{text-decoration:none;}

#attention-box2{background-color:#f9f9f7;border:1px solid #ccc;clear:both;margin-top:1em;padding:4px;width:310px;}
#attention-box2 dt{font-weight:bold;text-align:center;}

/* トレードシステム */
div#sys-pri table td{border:none;text-align:center;width:270px;background:#fff;}
div#sys-cha{border:2px solid #aaa;margin:0 auto;padding:10px;width:516px!important;width:540px;}
div#sys-cha dl{margin-top:15px;}
#sys-cha dl dt{background:url(img/cx/list.png) no-repeat 0 3px;padding-left:1.5em;font-weight:bold;}
#sys-cha dl dd{padding-left:1.5em;}

/* リモートサポート */
.rs-apply{margin:60px auto;width:200px;height:50px;padding:0;}
.rs-apply a,.rs-apply a:hover{display:block;overflow:hidden;padding-top:50px;width:200px;height:0!important;height:50px;}
.rs-apply a{background:url(../cx/img/remote-support/button.png) no-repeat 0px 0px;}
.rs-apply a:hover{background:url(../cx/img/remote-support/button.png) no-repeat 0px -50px;}