﻿@charset "utf-8";

.sectionBox h3 {background: url('../images/bg_title02.gif') repeat-y 10px top;margin-left:0; margin-right:0; margin-top:20px; margin-bottom:5px; padding-left:23px; padding-right:23px; padding-top:2px; padding-bottom:2px}
ul.listBase001 li {margin-left: 15px;padding-left: 14px;background: transparent url("../images/bullet_circle01.gif") no-repeat 3px .45em;}
.sectionBox {padding: 0 10px;margin: 25px 0;clear: both;zoom: 1;}
.sectionBox p{margin-left:10px;}
.subTtl{ background:url(../images/ico_square.gif) 0 0.25em no-repeat; padding-left:18px;}
.bltSquare {padding-left: 14px;background: transparent url("../images/bullet_square01.gif") no-repeat 3px .45em;}
.mb10{margin-bottom:10px !important;}
.mb20{ margin-bottom:20px !important;}
.fltL{ float:left;}
.fltR{ float:right;}
ol.listBase01 {list-style-type: decimal;}
ol li,ol.listBase01 li {margin-left: 10px;}

#mainBlock p{ margin:0.7em 0;}
#mainBlock table.full{ width:100%;}
#mainBlock table.option td{ vertical-align:top}
#mainBlock table.tbl{ border-top:1px solid #d0d0d0; border-right:1px solid #d0d0d0;word-break:break-all;}
#mainBlock table.tbl th{ border-bottom:1px solid #d0d0d0; border-left:1px solid #d0d0d0; font-weight:normal; background:#bde2f8; padding:5px; text-align:center;}
#mainBlock table.tbl td{border-bottom:1px solid #d0d0d0;border-left:1px solid #d0d0d0;padding:5px;}
#mainBlock table.tbl td.bgRd{ background:#fae9e7;}
#mainBlock table.tbl td.brNoL{ border-left:none;}
#mainBlock ul.icon{ margin:0.5em 0;}
#mainBlock ul.icon li{ background:url(../images/ico_square.gif) 0 0.25em no-repeat; padding-left:18px; margin-bottom:5px;}
#mainBlock ul.dot{ margin:0.7em 0;}
#mainBlock ul.dot li{ background:url(../images/ico_dot.gif) 1px 0.5em no-repeat; padding-left:12px; margin-bottom:5px;}
#mainBlock ol{ margin:0.7em 0 0.7em 22px;}
#mainBlock .bgGr{ background:#f4f0df; padding:15px;}
#mainBlock .subTtl{ background:url(../images/ico_square.gif) 0 0.25em no-repeat; padding-left:18px;}
#mainBlock .h2Ttl{ background:#28a7e1; padding:15px 10px; color:#FFFFFF; font-weight:bold; font-size:110%;}
#mainBlock .pageTop{ clear:both; text-align:right;}
/*table.locCmnTable00{border-collapse: collapse;margin-bottom: 20px;border: 1px solid #c7c7c7;margin: 0;text-align:center;white-space:nomal;font-size:11px;}*/
/* locCmnTable00
----------------------------------- */

table.locCmnTable00{border-collapse: collapse;margin-bottom: 20px;border: 1px solid #c7c7c7;margin: 0;text-align:center;white-space:nomal;font-size:11px;word-break:break-all;}
table.txt80{font-size:80%;}
table.txt75{font-size:75%;}
table.txt70{font-size:70%;}
table.txt65{font-size:65%;}

table.locCmnTable00 thead th,
table.locCmnTable00 td,
table.locCmnTable00 thead td{background: #bdcce3;border: 1px solid #d8d8d8;padding: 5px 2px;}
table.locCmnTable00 thead th{font-weight:bold;}
table.locCmnTable00 tbody th{background:#f3f3f3;border: 1px solid #BDCCE3;}
table.locCmnTable00 th{/*font-weight: bold;*/text-align: center;}
table.locCmnTable00 th.center,
table.locCmnTable00 td.center{text-align:center !important;}
table.locCmnTable00 th.right,
table.locCmnTable00 td.right{text-align:right !important;}
table.locCmnTable00 th.left,
table.locCmnTable00 td.left{text-align:left !important;white-space:normal;}
table.locCmnTable00 th.txtS,
table.locCmnTable00 td.txtS{font-size:90%;}
table.locCmnTable00 td{background:#f3f3f3;border:1px solid #BDCCE3;}
table.locCmnTable00 .even td{background:#e6e6e6;}
table.locCmnTable00 tr.sepa {border-bottom:4px double #CCCCCC;}

#pageArea .pBanner{ margin:0 0 30px; height:170px; top:0px; line-height:0.1;}
#pageArea .pBanner img{ vertical-align:bottom;}
#pageArea h1{ margin-bottom:14px;}
#pageArea .h2Box{ clear:both; background:url(../images/h2_bg.gif) center repeat-y; margin:20px 0; zoom:1;}
#pageArea .h2Box .h2bgb{ background:url(../images/h2_bgb.gif) bottom center no-repeat;}
#pageArea .h2Box .h2bgb h2{ background:url(../images/h2_bgt.gif) top center no-repeat; color:#ffffff; font-weight:bold; font-size:120%; padding:10px 15px 7px; margin:0px;}
#pageArea .h2Box .h2bgb h2.icon{ padding:10px 15px 7px 65px; position:relative;}
#pageArea .h2Box .h2bgb h2 .infoIco{ position:absolute; top:-2px; left:15px;}
* html #pageArea .h2Box .h2bgb h2 .infoIco{ position:absolute; top:-2px; left:-50px;}
#pageArea h3{ color:#990033; font-weight:bold; margin:0; padding-left: 0; font-size:115%; background: none;}
#pageArea h3 a{ color:#990033; text-decoration:underline;}
#pageArea h4{ font-weight:bold; margin:0 0 0.5em;}
#pageArea p{ margin:0.7em 0;}
#pageArea table.warranty td{ vertical-align:top; margin:0 0 0.7em;}
#pageArea ul.arrow{ margin:0.7em 0; padding-left:10px;}
#pageArea ul.arrow li{ background:url(../images/ico_arrow.gif) 0 0.3em no-repeat; padding-left:8px; margin-bottom:5px;}
#pageArea table.tbl{ border-top:1px solid #b5b5b5; border-right:1px solid #b5b5b5; width:100%;}
#pageArea table.tbl th{ border-bottom:1px solid #b5b5b5; border-left:1px solid #b5b5b5; background:#fae9ec; padding:7px 20px; font-weight:normal;}
#pageArea table.tbl td{ border-bottom:1px solid #b5b5b5; border-left:1px solid #b5b5b5; padding:7px 20px;}
#pageArea table.tbl .title{ text-align:center; font-weight:bold; color:#777777;}
#pageArea .infoArea{ padding:0 10px; margin-bottom:50px;}
#pageArea .infoArea2{ padding:0 10px; margin-bottom:25px;}
#pageArea .infoArea3{ padding:0 10px;}
#pageArea .info1{ max-width:400px; float:right;}
#pageArea .info2{ max-width:350px; float:right;}
#pageArea .info3{ max-width:420px; float:left;}
#pageArea .info4{ background:url(../images/info_bg.jpg) right top no-repeat; padding-right:210px;}
#pageArea .info5{ max-width:520px; margin-left:5px;}
#pageArea .info6{ min-height:170px; height:auto !important; height:170px;}
#pageArea .info7{ max-width:230px; float:left;}
#pageArea .info8{ max-width:390px; float:left;}
#pageArea table td.other{ padding-right:20px;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both}
.clearfix{zoom:1}
#pageArea .info9{ width:auto; float:left; margin-right: 25px;}
#pageArea .info9 h5{ text-align:center;background-color:#fae9ec; font-weight:bold; margin:0 0 0.7em 0;padding:0.2em;font-size:115%;}


.float_right_image_box, .float_left_image_box {line-height: 1.2em;margin-bottom: 10px;}
.float_right_image_box p, .float_left_image_box p {display: inline;margin-bottom: 10px;}
.float_right_image_box img, .float_left_image_box img {vertical-align: bottom;}

.float_right_image_box: after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.float_right_image_box .image_caption_box {float: right;margin-left: 15px;margin-bottom: 5px;}
.float_left_image_box: after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.float_left_image_box .image_caption_box {float: left;margin-right: 15px;	margin-bottom: 25px;}
.float_left_image_box .image_caption_box_5px {float: left;margin-right: 15px;margin-bottom: 5px;}
.float_left_image_box .image_caption_box_r85px {float: left;margin-right: 85px;margin-bottom: 25px;}

.img_txt_arrange img {vertical-align:middle;}
.img_txt_arrange .arrange {float:left;}
.img_txt_arrange .margin_left_350 {margin-left: 350px;}

/*---ADD SRT jiang-xiaofeng 2016/06/17    历史刊物列表  ---*/
.jtkw_history{ clear:both; border:1px solid #ddd; border-collapse:collapse; margin-top:4%; }
.jtkw_history li{ height:50px; line-height:50px; border-bottom:1px solid #ddd; overflow:hidden;}
.jtkw_history li:hover{ background:#e9f2fa;}
.jtkw_history li span{ display:block; width:25%; float:left; text-align:center; border-right:1px solid #ddd;}
.jtkw_history li a{ color:#333; width:73%; margin-left:6%; font-size:14px;}
.jtkw_history li a:hover{ color:#ff7800;}
.history_title{color:#333;font-size:16px;background-color:#f3f3f3;font-weight:bold;padding-left:5%;}
.pdf_history{ clear:both; border:1px solid #ccc; display:block; width:90%; max-height:60px; text-align:center; line-height:40px; color:#333;}
.pdf_history img{ float:none; margin-right:5px; vertical-align:middle;}
.pdf_history:hover{ color:#ff7800; border:1px solid #ff7800;}
/*---ADD END jiang-xiaofeng 2016/06/17    历史刊物列表  ---*/

.img-set11,.img-set12 {clear: both;margin-bottom: 0px;border: solid 1px #CCCCCC;padding: 5px;}
.img-set11 .text-area1 {width: 140px;float:left;}
.img-set11 .image1 {width: 190px;}
.img-set11 .image1{float:left;}
/*------------Internal-layout-----------------*/

.c1{background-image: url(../../internal/images/column1.gif);background-repeat: no-repeat;background-position: left top;}
.c2{background-image: url(../../internal/images/column2.gif);background-repeat: no-repeat;background-position: right top;}
.c3{background-image: url(../../internal/images/column3.gif);background-repeat: no-repeat;background-position: left bottom;}
.c4{padding: 30px;background-image: url(../../internal/images/column4.gif);background-repeat: no-repeat;background-position: right bottom;}

/*------------Surface-layout-----------------*/

.c5{background-image: url(../images/column5.gif);background-repeat: no-repeat;background-position: left top;}
.c6{background-image: url(../images/column6.gif);background-repeat: no-repeat;background-position: right top;}
.c7{background-image: url(../images/column7.gif);background-repeat: no-repeat;background-position: left bottom;}
.c8{padding: 30px;background-image: url(../images/column8.gif);background-repeat: no-repeat;background-position: right bottom;}
.c9{width: 245px;background-image: url(../images/column9.gif);background-repeat: no-repeat;background-position: left top;}
.c10{background-image: url(../images/column10.gif);background-repeat: no-repeat;background-position: right top;}
.c11{background-image: url(../images/column11.gif);background-repeat: no-repeat;background-position: left bottom;}
.c12{padding: 30px;background-image: url(../images/column12.gif);background-repeat: no-repeat;background-position: right bottom;}
.c21{background-image: url(../images/column21.gif);background-repeat: no-repeat;background-position: left top;}
.c22{background-image: url(../images/column22.gif);background-repeat: no-repeat;background-position: right top;}
.c23{background-image: url(../images/column23.gif);background-repeat: no-repeat;background-position: left bottom;}
.c24{padding: 30px;background-image: url(../images/column24.gif);background-repeat: no-repeat;background-position: right bottom;}
.c25{width: 245px;background-image: url(../images/column25.gif);background-repeat: no-repeat;background-position: left top;}
.c26{background-image: url(../images/column26.gif);background-repeat: no-repeat;background-position: right top;}
.c27{background-image: url(../images/column27.gif);background-repeat: no-repeat;background-position: left bottom;}
.c28{padding: 30px;background-image: url(../images/column28.gif);background-repeat: no-repeat;background-position: right bottom;}
.simg-left {float: left;}
.simg-right {float: right;}

.imgLeft1 .txtBox {float: left;}
.imgLeft1 .imgBox {float: left;margin-left: 1em;margin-top: 1em;}

.obi {font-size: 14px;line-height: 18px;color: #ffffff;font-weight:bold;}

/*------------History-layout-----------------*/
.history_table{max-width:600px;}
.history_table tr{border-bottom: solid 1px #000000;}

/*------------personal-layout-----------------*/

.img-set02,.img-set03 {clear: both;margin-bottom: 18px;border: solid 1px #CCCCCC;padding: 5px;height:350px;}
.img-set02 .text-area {width: 250px;float:left;}
.img-set02 .image {width: 190px;}
.img-set02 .image{float:left;}
.img-left,.img-right {margin-bottom: 25px;padding: 5px;}
.img-left {width:200px;float: left;}
.img-right {width:250px;float: right;}
.border {border: solid 1px #CCCCCC;}
.tx-pad-7 {padding: 7px;}

#searchBoxModel{
 width:182px;
 background-color:#f5f8ff;
 border:1px solid #b0c5f0;
 margin:7px 0 15px 0;
 overflow:hidden;
 padding:15px 15px 10px 15px;
}
#searchBoxModel dt{
	margin:0;
	padding:0;
	width:120px;
	clear:both;
	float:left;
}
#searchBoxModel #textBox{
	width:115px;
	margin:0;
	padding:0;
	background-color:white;
	border: solid #ccc 1px;
}
 #searchBoxModel dt{
	margin:0;
	padding:0;
	width:120px;
	clear:both;
	float:left;
}

.locMain2Head02_01{background:url("/images/bg_h2_01.gif") repeat-x left top;adding:6px 11px;}
.locMain2Head02_01 h2.head02_01{font-size:1.1em;background:url(/images/bg_tit_h2_01.jpg) repeat-y left top;padding: 0 11px;}
.cmnCmnList01  li{background-image: url("/images/ico_bullet_arrow01_r.gif");background-position: 3px 0.7em;background-repeat: no-repeat;padding-left: 14px;}

.partsMarginB_30{margin-bottom:30px;}

.beij{ width:100%; height:100%; position:fixed; top:0; left:0; background:#000; opacity:0.6; z-index:9990; display:;
_position: absolute;_bottom: auto;_top:expression(eval(document.documentElement.scrollTop));_background-color:#000000;_height:1000px;}
.dialog_content2{ width:50%; height:120px; position:fixed; top:50%; left:50%; margin:-5% 0 0 -22%; background:#fff; z-index:9990;_position: absolute;_bottom: auto;_top:expression(eval(document.documentElement.scrollTop));_margin-top:200px;}
.dialog_content2 .dialogModal_header {padding:10px 20px;background:#eaeaea;line-height:20px;font-size:14px;}
.dialog_content2 .dialogModal_header .close{float:right;font-size:20px;}
.dialog_content2 .bdsharebuttonbox {margin:20px 0px 0px 30px;}
/*.dialog_content2 h3{ width:290px; height:35px; border-bottom:#cfb59b solid 1px; text-indent:10px; color:#df5e00; font-size:16px; line-height:35px;}
.dialog_content2 .jieshu{ width:20px; height:20px;_width:18px;_height:20px; float:right; padding-top:9px; margin-right:10px;}
.dialog_content2 .jieshu img{ margin:0; width:20px; height:20px;}
.dialog_content2 .pop-text{ width:220px; line-height:20px; margin:25px 0 18px 55px; font-size:14px; color:#333;}
.dialog_content2 img{ width:28px; height:28px; margin-right:13px; float:left; margin:22px auto 18px 22px;}*/
	
@media screen and (max-width: 520px) {
.dialog_content2{ width:60%; height:160px; position:fixed; top:50%; left:50%; margin:-5% 0 0 -22%; background:#fff; z-index:9990;_position: absolute;_bottom: auto;_top:expression(eval(document.documentElement.scrollTop));_margin-top:200px;}
.table.locCmnTable00{word-break:break-all;font-size:8px;}
.img-left {width:100px;}
.img-right {width:150px;}
}
/*Start 2016/10/09 ADD Xu*/
.locMain2Head01_01,
.locMain1Head01_02,
.locMain2Head01_02,
.locMain3Head01_02,
.locMainBHead01_02{
background: no-repeat left top;
margin:0 0 20px;
padding:12px 17px 0 17px;
position:relative;
}

div.locMain2Head01_01 h1,
div.locMain1Head01_02 h1, 
div.locMain2Head01_02 h1, 
div.locMain3Head01_02 h1, 
div.locMainBHead01_02 h1 {
    background: none !important;
    font-size: 1.4em;
    font-weight: bold;
    margin: 0 !important;
    padding: 0 !important;
}
.partsMarginB_20{margin-bottom:20px !important;}
.partsMarginT_20{margin-top:20px !important;}

.locMain2Head02_01{
	background:url("/images/bg_h2_01.gif") repeat-x left top;
	padding:6px 11px;
}

.cmnCmnList01 li
{
	background-image: url("/images/ico_bullet_arrow01_r.gif");
	background-position: 15px 0.7em;
	background-repeat: no-repeat;
	padding-left: 25px;
}


.partsMarginL_20{margin-left:20px !important;}

div.locMain1Head01_02 img.type_icon2, 
div.locMain2Head01_02 img.type_icon2, 
div.locMain3Head01_02 img.type_icon2, 
div.locMainBHead01_02 img.type_icon2 {
	position:absolute;
	right:95px;
	top:12px;
}

div.locMain1Head01_02 img.type_icon, 
div.locMain2Head01_02 img.type_icon, 
div.locMain3Head01_02 img.type_icon, 
div.locMainBHead01_02 img.type_icon {
	position:absolute;
	right:0px;
	top:12px;


}
/*END 2016/10/09 ADD Xu*/
/*Start 2016/10/10 ADD Xu*/
.partsTextRight {
    text-align: right !important;
}
.partsTextCenter {
    text-align: center !important;
}
.partsMarginT_30 {
    margin-top: 30px !important;
}
.locMain2Head03_01 h3.head03_01, .locMain2Frame00 .leftBox h3, .locMain2Frame00 .rightBox h3, .locMain2Frame00 .centerBox h3 {
    background: url("/images/bg_h3_01.gif") repeat-y left top !important;
    padding: 0 11px !important;
    margin-left: 11px;
}
.environment .locMain2Blank20 .leftBox {
    float: left;
    width: 570px;
    padding-left: 20px;
}

ul.partsUlBase00 li {
    padding-left: 14px;
    background-image: url("/images/ico_bullet_disc01.gif");
    background-position: 3px .45em;
    background-repeat: no-repeat;
}
.partsBoxGray01 {
    background-color: #eeeeee;
    border: #dddddd solid 1px;
}
.partsPaddingAll_15 {
    padding: 15px !important;
}
.partsMarginAll_15 {
    margin: 15px !important;
}
ol.partsOlBase00 {
    list-style-type: decimal;
    margin-left: 1.5em;
}
li {
    display: list-item;
    text-align: -webkit-match-parent;
}


table.partsTableBase03 {
    border-collapse: collapse;
    margin-bottom: 20px;
    border: 1px solid #c7c7c7;
    margin: 3px 0 3px;
}

table.partsTableBase03 th,  table.partsTableBase03 thead td {
    background: #eeeeee;
    border: 1px solid #c7c7c7;
    padding: 5px 10px;
}
table.partsTableBase03 td, table.partsTableBase03 thead td {
    border: 1px solid #c7c7c7;
    padding: 5px 10px;
}


#containerContentsBlockMain .green_table table {
    width: 100%;
    border: none;
    border-collapse: collapse;
    margin: 0px !important;
    padding: 0px !important;
    background-image: url("/images/green_table_bg.gif");
    background-repeat: no-repeat;
    background-position: left bottom;
}

#containerContentsBlockMain .green_table table tr {
    margin: 0px !important;
    padding: 0px !important;
}

#containerContentsBlockMain .green_table table tr th {
    margin: 0px !important;
    padding: 0px !important;
    width: 281px;
    vertical-align: top;
    text-align: left;
}

#containerContentsBlockMain .green_table table tr td {
    margin: 0px !important;
    padding: 0px !important;
    vertical-align: top;
    text-align: left;
}
.partsMarginT_15 {
    margin-top: 15px !important;
}

#containerContentsBlockMain .green_table table tr th.cl_blue {
    width: 100px;
    background: #0169ae;
    border: 5px solid #FFF;
}

#containerContentsBlockMain .green_table table tr th.cl_green {
    width: 100px;
    background: #026802;
    border: 5px solid #FFF;
}
#containerContentsBlockMain .green_table table tr th.cl_yellow {
    width: 100px;
    background: #f46d00;
    border: 5px solid #FFF;
}
/*castid=156 の　link style*/
a .astyle:link{
	color: #0033CC;
    text-decoration: none;
}
a .astyle:visited{
	color: #663399;
    text-decoration: none;
}
a .astyle:hover{
	color: #663399;
    text-decoration: none;
}
/*castid=156 の　link style*/


/*------------------------------------------*/
#containerContentsBlockMain .green_table table tr td p {
    margin: 0 0 0 30px !important;
    padding: 0px !important;
}
/*END 2016/10/10 ADD Xu*/

/*Start 2016/10/11 ADD Xu*/
#productMenu2 a {
    display: block;
    width: 270px;
    padding: 5px 3px 5px 25px;
    margin: 0px;
    background: #ffffff url("/images/btn.gif") no-repeat 5px center;
    border: 1px solid #327eb0;
    font-size: 95%;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    /* color: #000000; */
}

.aLinkTy:link{
color: #0033CC;
}
.aLinkTy:visited{
color: #663399;
text-decoration: none;
}

#productMenu2 table {
    border: #FFF;
    border-collapse: collapse;
    margin: 0px auto;
}

.partsMarginAll_2em{
text-align:-webkit-center;
}
/*END 2016/10/11 Add Xu*/
/*Start 2016/10/12 Add Xu*/
.cmnCmnList01_1 a {
    background-image: url("/images/ico_bullet_arrow01_r.gif");
    background-position: 15px 0.7em;
    background-repeat: no-repeat;
    padding-left: 25px;
}
/*End 2016/10/12 Add Xu*/

/*start 2016/10/28 Add Xu*/
.environment .locMain2Blank20 .leftBox1 {
    float: left;
    padding-left: 20px;
}
/*End 2016/10/28 Add Xu*/