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

/* 商品先物取引入門 */
/* 商品先物取引について */
h1.commodity_h1{background-image:url(img/commodity/t1/topimage.jpg);margin-bottom:20px;}

/* 仕組み */
ol.newspaper{margin-top:1em;}
ol.newspaper li{list-style-type:none;margin-bottom:1em;}
.np{margin-left:8em;text-indent:-6em;}
ol.newspaper li span.m07{margin-left:0.7em;}
ol.newspaper li span.m17{margin-left:1.7em;}

/* ============================= */
/* 商品別基礎知識 */
ol#kiso{margin-left:65px;margin-right:50px;}
ol#kiso li{font-weight:bold;margin-bottom:15px;}
ol#kiso li p{font-weight:normal;text-indent:1em;}
ol#kiso li ul li{font-weight:normal;}

/* ============================= */
/* 金ミニ取引 */
/* 特徴 */
.gm_box{border:3px dotted #cccc60;margin:2em auto 1em auto;padding:7px;width:536px!important;width:550px;}
/* 商品指数取引 *//* 特徴 */
.gm_t_box{border:3px dotted #cccc60;margin:2em auto 1em auto;padding:7px;width:666px!important;width:680px;}
/* コメ先物取引 */
h1.rice_h1{background-image:url(img/commodity/t1/rice/topimage_rice.gif);margin-bottom:20px;}
h1.rice_use_h1{background-image:url(img/commodity/t1/rice/topimage_rice_use.gif);margin-bottom:20px;}
h1.rice_root_h1{background-image:url(img/commodity/t1/rice/topimage_rice_root.gif);margin-bottom:20px;}
h1.rice_sd_h1{background-image:url(img/commodity/t1/rice/topimage_rice_sd.gif);margin-bottom:20px;}
h1.rice_gaiyou_h1{background-image:url(img/commodity/t1/rice/topimage_rice_gaiyou.gif);margin-bottom:20px;}
ul.history{background:url(img/background/t1/item_bg.jpg) repeat-x 0px 0px;border:1px solid #ccc;clear:both;height:100%;margin:20px 50px;padding:4px;list-style-type:none;}
ul.history li.dc-t{background:url(img/background/t1/item_bg2.jpg) repeat-x 0px 0px;clear:both;color:#fff;font-weight:bold;padding:3px;}
ul.history li.dc-m{margin-left:20px;margin-top:4px;}
ul.history li.dc-b{background-color:#fafaf6;margin-left:20px;margin-top:4px;}
.rice_box{border:3px dotted #cccc60;margin:2em auto 1em auto;padding:5px;width:620px!important;width:630px;}
/* smart_cx , MAX証拠金 */
h1.mm_h1{background-image:url(img/commodity/smart_cx/top_mm.gif);}
.sc_box{border:3px dotted #cccc60;margin:2em auto 1em auto;padding:7px;width:576px!important;width:590px;}
.sm_box{border:3px dotted #FF8C00;margin:2em auto 1em auto;padding:7px;width:576px!important;width:550px;}
.mm_box{border:3px dotted #ff0000;margin:2em auto 1em auto;padding:7px;width:576px!important;width:590px;}
.mm_box_test{background-color:#ffffcc;margin:2em auto 1em auto;padding:7px;width:576px!important;width:590px;}
body#commodity ul.pf_disp_list{list-style-type:none;}
body#commodity ul.pf_disp_list li{margin-top:25px;text-align:center;width:250px;}
body#commodity ul.pf_disp_list li p{margin-top:5px;text-align:left;}
body#commodity ul.pf_disp_list li p.t{font-weight:700;text-align:center;}
body#commodity ul.pf_disp_list li.l{clear:left;float:left;}
body#commodity ul.pf_disp_list li.r{float:right;}
body#commodity ul.pf_disp_list li.l2{clear:left;float:left;text-align:left;width:590px;}
body#commodity ul.pf_disp_list li.l2 p.t{margin-left:25px;width:200px;}
body#commodity ul.pf_disp_list li.l2 img{float:left;margin-left:25px;margin-right:35px;}
body#commodity ul.pf_disp_list li.l2 ul{float:right;width:270px!important;width:300px;}
body#commodity ul.pf_disp_list li.l2 ul li{margin-top:0;margin-bottom:0;text-align:left;}
table.maxex {background-color:#fff;border-collapse:collapse;border:2px solid #404040;padding:1px;empty-cells:show;margin-left:auto;margin-right:auto;}
table.maxex caption{caption-side:top;margin-left:auto;margin-right:auto;text-align:center;}
table.maxex thead th{background-color:#fff;border:1px solid #404040;color:#000;font-weight:bold;padding:2px;text-align:center;}
table.maxex tbody th{background-color:#fff;border:1px solid #404040;color:#000;font-weight:bold;padding:2px;text-align:center;}
table.maxex tr{background-color:#fff;border:1px solid #404040;color:#000;font-weight:normal;padding:2px;text-align:center;}
table.maxex tr td{background-color:#fff;border:1px solid #404040;color:#000;font-weight:normal;padding-right:2px;text-align:center;}
table.maxex tbody tr.yel td{background-color:#ffff99;border:1px solid #404040;color:#000;font-weight:normal;padding:2px;text-align:center;}
table.maxex tbody tr.yel td.white{background-color:#fff;border:1px solid #404040;color:#000;font-weight:normal;padding:2px;text-align:center;}
table.maxex tbody tr.yel td.fontred{color:#ff0000;font-weight:bold;}


/* smart_cx , 金の低レバレッジ */
h1.lowleve_h1{background-image:url(img/commodity/smart_cx/top_lowleve.gif);}
h1.seleleve_h1{background-image:url(img/commodity/smart_cx/top_seleleve.gif);}

h2.smartinfo,h3.smartinfo{clear:both;background:url(img/h/t1/h.png) no-repeat 0px 0px;border:1px solid #ccc;border-color:#526507;color:#303030;cursor:default;font-size:14px;font-weight:bold;line-height:18px;margin-left:0;margin-right:auto;margin-bottom:0;margin-top:20px;padding:11px 0px 0px 30px;text-align:left;width:670px!important;width:700px;height:27px!important;height:40px;}
h2.smartinfo,h3.smartinfo{border-bottom-style:solid;border-bottom-width:3px;border-left:none;border-right:none;border-top:none;}
div.smartinfo:after{content:".";clear:both;display:block;height:0;visibility:hidden;}div.news{display:inline-block;min-height:1%;}* html div.news{height:1%;}
div.smartinfo{background:url(img/concierge/t1/concierinfo_bg.jpg);background-repeat:no-repeat;background-position:0px bottom;display:block;text-align:left;padding:0 1px 5px;position:relative;width:698px!important;width:700px;}

div.smartinfo dl:after{content:".";clear:both;display:block;height:0;visibility:hidden;}div.news dl{display:inline-block;min-height:1%;}* html div.news dl{height:1%;}
div.smartinfo dl.ltop{border-top:0;}
div.smartinfo dl dt{float:left;line-height:1em;text-align:left;width:460px!important;margin-left:4px!important;margin-left:2px;margin-right:5px;}
div.smartinfo dl dd{float:right;padding:0 10px 0 0;width:210px!important;width:220px;margin-left:5px;margin-right:2px!important;margin-right:1px;}
div.smartinfo dl dd a{display:block;line-height:2em;margin-right:1px;text-decoration:none;}
div.smartinfo dl dd a:hover{text-decoration:underline;}
div.smartinfo dl dd span{color:#606060;line-height:2em;margin-right:1px;}
div.smartinfo dl dd img{margin-top:5px;}

div.smartinfo ul.smartinfo li{list-style-image:url(img/common/t1/li2.gif);list-style-type:disc;margin-left:24px;margin-top:10px;margin-bottom:20px;}
div.smartinfo ul.smartinfo li.title{background-repeat:no-repeat;background-position:0px 0px;list-style-image:none;list-style-type:none;margin:0 0 5px;overflow:hidden;padding-top:0px;height:14px!important;height:14px;}
div.smartinfo ul.smartinfo li.title{background-image:none;}
div.lowleve_box{border:none;margin:2em auto 1em auto;padding:8px;width:670px!important;width:678px;background-color:#fff;}


ul.lowleve-1,ul.lowleve-2,ul.lowleve-3{background:url(img/background/t1/item_bg.jpg) repeat-x 0px 0px;border:1px solid #ccc;padding:1px;width:220px!important;width:224px;height:17em;}
ul.lowleve-1{float:left;margin-right:10px;}
ul.lowleve-2{float:left;}
ul.lowleve-3{float:right;}
ul.lowleve-1 li,ul.lowleve-2 li,ul.lowleve-3 li{/*list-style-image:url(img/common/t1/li2.gif);*/list-style-type:none;margin-left:5px;}
ul.lowleve-1 li.title,ul.lowleve-2 li.title,ul.lowleve-3 li.title{background-repeat:no-repeat;background-position:0px 0px;list-style-image:none;list-style-type:none;margin:0 0 5px;overflow:hidden;padding-top:42px;height:0!important;height:42px;}
ul.lowleve-1 li.title{background-image:url(img/commodity/t1/lowleve-1_title.gif);}
ul.lowleve-2 li.title{background-image:url(img/commodity/t1/lowleve-2_title.gif);}
ul.lowleve-3 li.title{background-image:url(img/commodity/t1/lowleve-3_title.gif);}

table.lowleve_box{background-color:#00c5ff; border-width:2px; border-style:solid; border-color:#88ddff #88ddff #00aaff #00aaff;width:700px;}
table.lowleve_box td{padding:7px;background-color:#eaf5ff; border-color:#00aaff #00aaff #88ddff #88ddff; border-width:0px;}
table.lowleve_box td.left{font-size:15px;}
table.lowleve_box td.right{font-size:10px;}
table.lowleve_box td.title{background-color:#00c5ff; border-color:#88ddff #88ddff #00aaff #00aaff;  height:20px; color:#ffffff; font-weight:700;}



/* TOCOM次期システム対応 */
p#attention-box{background-color:#f9f9f7;border:1px solid #ccc;clear:both;padding:1em;}

/* 用語集 */
.gmenu{background:url(../commodity/img/glossary/g_menu_bg.png) no-repeat 0px 0px;margin-left:auto;margin-right:auto;position:relative;width:550px;height:50px;}
.gmenu h2{background-position:0px 0px;background-repeat:no-repeat!important;border:0!important;margin:0!important;overflow:hidden;padding:31px 0 0!important;position:absolute;left:4px;top:4px;text-indent:0;width:86px!important;height:0!important;height:31px;}
.gmenu h2.c_a{background:url(../commodity/img/glossary/g_menu_title_a.png);}
.gmenu h2.c_ka{background:url(../commodity/img/glossary/g_menu_title_ka.png);}
.gmenu h2.c_sa{background:url(../commodity/img/glossary/g_menu_title_sa.png);}
.gmenu h2.c_ta{background:url(../commodity/img/glossary/g_menu_title_ta.png);}
.gmenu h2.c_na{background:url(../commodity/img/glossary/g_menu_title_na.png);}
.gmenu h2.c_ha{background:url(../commodity/img/glossary/g_menu_title_ha.png);}
.gmenu h2.c_ma{background:url(../commodity/img/glossary/g_menu_title_ma.png);}
.gmenu h2.c_ya{background:url(../commodity/img/glossary/g_menu_title_ya.png);}
.gmenu h2.c_ra{background:url(../commodity/img/glossary/g_menu_title_ra.png);}
.gmenu h2.c_wa{background:url(../commodity/img/glossary/g_menu_title_wa.png);}

.gmenu ul{list-style-type:none;position:absolute;left:90px;top:4px;}
.gmenu ul li{float:left;margin-left:1px;width:90px;height:30px;}
.gmenu ul li a,.gmenu ul li a:hover,.gmenu ul li span{color:#fff;display:block;font-size:13px;padding-top:5px;text-align:center;text-decoration:none;width:90px;height:25px!important;height:30px;}
.gmenu ul li a{background:url(../commodity/img/glossary/g_menu_button.png) no-repeat 0px 0px;}
.gmenu ul li a:hover{background:url(../commodity/img/glossary/g_menu_button.png) no-repeat 0px -30px;}
.gmenu ul li a.act,.gmenu ul li a.act:hover{background:url(../commodity/img/glossary/g_menu_button.png) no-repeat 0px -60px;cursor:default;}
.gmenu ul li span{cursor:default;}

.glossary_table{margin:0 25px 15px;}
.glossary_table tbody th{padding:5px;text-align:left;width:155px!important;width:165px;}
.glossary_table tbody th a{color:#fff;text-decoration:none;}
.glossary_table tbody th span{display:block;}
.glossary_table tbody td{padding:5px;}
.glossary_table tbody td ol,.glossary_table tbody td ul{margin-left:20px!important;margin-left:25px;}