@charset "utf-8";
body:after { content: url(../common_img/lightbox/lightbox-btn-close.gif) url(../common_img/lightbox/lightbox-ico-loading.gif) url(../common_img/lightbox/lightbox-btn-prev.gif) url(../common_img/lightbox/lightbox-btn-next.gif); display: none; }
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; max-width:100%; height:auto; }
#lightbox-image { max-width:100% !important; height:auto; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 0%; height: 0%; zoom: 1; display: none; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { margin:auto; }
#lightbox-container-image-data { padding: 0 10px; color: #666; background-color:#FFF; margin:0 -10px; }
#lightbox-container-image-data:after { clear:both; content:" "; display:block; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; padding-top:10px; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }
.lightbox { position:relative; display:inline-block; }
.lightbox:after { display:inline-block; width:25px; height:25px; position:absolute; right:0; bottom:0; z-index:10; background-image:url(../common_img/lightbox/ico-zoom.png); background-repeat:no-repeat; background-position:center center; background-size:25px 25px; content:""; background-color:#fff; }
/*====================================================================================
■01.Content PAGE 
====================================================================================*/
.titlepage_full { background-image:url(../common_img/bg-title_page-full.png); height:180px; padding-top:13px; margin-top:1px; margin-bottom:13px; clear:both; }
.titlepage_dv { background-image:url(../common_img/bg-title_page.png); height:162px; width:1006px; margin:0 auto; padding-top:2px; }
.titlepage_dv h2 { margin-left:45px; margin-top:60px; }
#subpro ul { margin:0 -4px; }
#subpro ul li { margin:0 4px 8px 4px; float:left; width:160px; }
#subpro .btn_out {width: 156px; padding: 1px; border: 1px solid #bebebe; height: 57px;}
#subpro .btn_out:hover{opacity: 0.6}
#subpro .btn_out a { text-decoration: none;}
#subpro .btn_out img{ float:right; border:1px solid #ddd;}
#subpro .btn_out p{ margin-top:10px; font-weight: bold; color:#5b5b5b; line-height: 15px;}

#subpro .btn_in01 { border-top: 2px solid #d9448b; padding:4px; }
#subpro .btn_in02 { border-top: 2px solid #bd3ed8; padding:4px; }
#subpro .btn_in03 { border-top: 2px solid #5248da; padding:4px; }
#subpro .btn_in04 { border-top: 2px solid #43b7d9; padding:4px; }
#subpro .btn_in05 { border-top: 2px solid #4ac033; padding:4px; }
#subpro .btn_in06 { border-top: 2px solid #abd83f; padding:4px; }
.main_left { float:left; width:740px; margin-bottom:40px; }
.main_right { float:right; width:220px; margin-bottom:40px; }
#ironworks { border:1px solid #cbcbcb; background-image:url(../common_img/bg-ironworks.jpg); min-height:220px; padding-top:20px; margin-bottom:15px; }
#ironworks h2 { margin-left:12px; margin-bottom:15px; }
#ironworks p { font-size: 11px; line-height: 15px; margin-bottom: 5px; margin-left: 12px; width: 87px; }
.breadcrumb { margin:15px 0; clear:both }
.breadcrumb a { text-decoration:none; }
.breadcrumb a:hover { text-decoration:underline; }
.box_btnlt { margin-bottom:15px; }
/*====================================================================================
■02.About PAGE 
====================================================================================*/
#ab_box00 { margin-bottom:20px; }
.box_about { margin-bottom:20px; }
.box_about .media { padding:17px; }
#ab_box03 { background-image:url(../about/images/bg-img-box03.jpg); background-position:right -30px; background-repeat:no-repeat; }
/*====================================================================================
■03.News PAGE 
====================================================================================*/
.box_news { margin-bottom:20px; }
.box_news .media { padding:17px; }
.pager { overflow:hidden; }
.pager .previous { float:left; }
.pager .next { float:right; }
.page_news .titlepage_dv {
    position: relative;
}
.page_news #news_rss_link {
    left: 150px;
    position: absolute;
    top: 62px;
}


/*====================================================================================
■04.Case PAGE 
====================================================================================*/
.box_case { margin-bottom:20px; }
.box_case .media { padding:17px; }
/*====================================================================================
■05.Product PAGE 
====================================================================================*/
.box_product { margin:0 -11px; }
.box_product_dv { width:210px; border:1px solid #cdcdcd; float:left; margin:10px 11px; padding:10px; }
.product_dv { padding:10px; overflow:hidden; }
.product_img { display:block; margin:-10px -10px 10px; }
.product_img img { max-width:100%; height:auto; }
.product_tt { margin-bottom:5px; font-weight:bold; font-size:125%; font-weight:bold; }
.product_tt a { text-decoration:none; }
.product_tt a:hover { text-decoration:underline; }
.product_media_thumbs { text-align:center; margin-top:10px; }
.product_media_thumbs ul { margin:0 -7px; }
.product_media_thumbs ul li { float:left; width:124px; margin:0 7px; }
.product_media_thumbs ul li img { width:100%; height:auto; }
.product_media_sld { float:left; width:400px; margin-right:20px; }
.product_info { float:left; width:320px; min-height:365px; margin-bottom:10px; }
.table_product { width:100%; margin-bottom:10px;}
.table_product th, .table_product td { padding:6px 10px; border:1px solid #dbdbdb; }
.table_product th { text-align:left; width:80px; background-image:url(../common_img/bg-box_btnlt.png) }
.product_contact { float:right; clear:both; }
.product_text { margin:20px 0; border:2px solid #dbdbdb; padding:10px 8px; clear:both; }
.product_text p { margin-bottom:10px; }
#targetImg { width:400px; height:auto; }


/*====================================================================================
■05.Product0501 PAGE 
====================================================================================*/
.product_media_sld-02 { float:left; width:350px; margin-right:20px; border: 1px solid #cdcdcd; }
.product_media_img-02{width: 350px; height: auto;}
.product_info-02 { float:left; width:366px; min-height:365px; margin-bottom:10px; }
.product_info-02 h4{ color:#fff; background: #418233; padding: 10px; margin-bottom: 10px;}
.product_info-02 p{ margin-bottom: 25px;}
.free-box{clear: both; padding: 30px 0;}
.free-box table{width: 100%;}
.free-box th{color: #fff; background: #418233; padding: 10px 30px; border: solid 1px #26591b;}
.free-box td{padding: 10px 30px; border: solid 1px #26591b;}
.free-img{padding: 50px 0 40px; text-align: center;}
.point-box{margin-bottom: 30px;}
.point-box h4{border-bottom:3px double #418233; margin-bottom:10px; background:url(../product0501/images/point_icon.jpg) no-repeat; text-indent: 20px;}
.point-box h5{border-bottom:3px double #418233; margin-bottom:10px;}
.point-box-01{width: 338px; float: left; margin-right: 20px; border: 1px solid #cdcdcd; padding: 10px; margin-bottom: 50px;}
.point-box-02{width: 338px; float: right; border: 1px solid #cdcdcd; padding: 10px;}
.point-box p{padding-top: 20px;}
.btn_catarogue{padding:30px 0 100px ; text-align: center; clear:both;}
.btn_catarogue a:hover{opacity: 0.7;}
/*====================================================================================
■05.Catalog PAGE 
====================================================================================*/
.box_catalog { margin:0 -11px; text-align:center;}
.box_catalog_dv {float:left; margin:10px 11px; }
.catalog_dv {overflow:hidden; border:1px solid #cdcdcd;}
.catalog_img { display:block; padding:10px; }
/*====================================================================================
■05.FAQ PAGE 
====================================================================================*/
.box_question ul li { border-bottom:1px dashed #cdcdcd; padding:10px 10px 10px 30px; background-image:url(../faq/images/q.png); background-repeat:no-repeat; background-position:0 9px; }
.box_question ul li a { text-decoration:none; }
.box_question ul li a:hover { text-decoration:underline; color:#39712C }
.box_answer dl dt { font-weight:bold; background-color:#418233; color:#FFF; padding:10px 10px 10px 35px; margin-top:20px; background-image:url(../faq/images/q.png); background-repeat:no-repeat; background-position:5px 9px; }
.box_answer dl dd { padding:10px 10px 10px 35px; background-image:url(../faq/images/a.png); background-repeat:no-repeat; background-position:5px 9px; background-color:#d9e6d6 }
/*====================================================================================
■05.Contact PAGE 
====================================================================================*/
.contact_txt { margin-bottom:20px; }
.lst-type-contact li { float:left; width:48%; margin-bottom:5px; }
.lst-type-contact li.last { float:none; width:auto; }
.sec_body { padding:0 15px; }
.sec_body h4 { text-indent: -8px; margin:10px 0 5px; }
.sec_body_bg { margin:10px 0; padding:10px 20px; background-color:#d9e6d6; line-height:24px; border:3px double #418233 }
/*====================================================================================
■05.Contact PAGE 
====================================================================================*/
#bu_box01 { background-image:url(../business/images/bg-box01.jpg); background-repeat:no-repeat; background-position:right top; min-height:333px; padding-right:300px; }
#bu_box01 p { margin-bottom:10px; }
.bu_box_tt { font-size:20px; font-weight:bold; }
#bu_box02 .media-body p { margin:10px; }
#bu_box02 { margin-bottom:20px; }
#bu_box02 .media { padding:5px 17px 20px; margin-bottom:10px; }
#bu_box03 { margin-bottom:20px; }
#bu_box03 .media { padding:5px 17px 20px; margin-bottom:10px; }
#bu_box04 { margin-bottom:20px; }
#bu_box04 .media { padding:5px 17px 20px; margin-bottom:10px; }
/*====================================================================================
■05.Trading PAGE 
====================================================================================*/
#tra_box01 { position:relative; margin-bottom:35px; }
.tra_box01_text { position:absolute; left:60%; top:85px; width:320px; margin-left:-42px; }
.tra_box01_text p { margin-bottom:15px; }
.tra_box01_text p strong { color:#e35c21; font-size:16px; }
#tra_box02 { margin-bottom:35px; }
#tra_box02 .media { margin:12px 12px 0; background-image:url(../trading/images/bg-boxsty2.png); background-repeat:repeat-x; background-position:left bottom; padding-bottom:30px; border-bottom:3px solid #283c62 }
#tra_box02 .media .media-body { padding-left:27px; }
#tra_box02 .media .media-body p { margin-bottom:10px; }
#tra_box02 .media img.pull-right { margin-top:25px; }
.tra_box02_flow { position:relative; left:-27px; margin-bottom:25px; display:block; }
#tra_box02 .media_end { text-align:center; }
#tra_box03 { padding:0 0 0 12px; margin-bottom:10px; }
.tra_box03_dv1 { position:relative; top:-45px; }
.tra_box03_dv1 .tra_box03_txt { left: 45px; position: absolute; top: 136px; width: 385px; }
.tra_box03_dv2 { position:relative; top:-25px; }
.tra_box03_dv2 .tra_box03_txt { right: 45px; position: absolute; top: 136px; width: 385px; }