@charset "utf-8";
/*------------------------------------------------------------------------------
Date: 2010-11-16

1= Zbg
2= {ݒ
3= wb_[
4= O[oirQ[V
5= Rec
6= tb^[
7= ėpclass
8= \iΉj
9= Ή

------------------------------------------------------------------------------*/

/* 1= Zbg
----------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

address, caption, code, em, strong {
	font-style: normal;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
	font-weight: normal;
}
img {
	vertical-align: top;
	border: 0;
}
ol, ul {
	list-style-type: none;
}
table {
	border-collapse: collapse;
}
/* 2= {ݒ
----------------------------------------------------*/

body {
	/*font-family: "宋体", Verdana, arial, sans-serif;*/
	color: #2E2E2E;
	text-align: center;
}
/* N */

a:link {
	text-decoration: none;
	color: #225bc6;
}
a:visited {
	text-decoration: none;
	color: #225bc6;
}
a:hover {
	text-decoration: underline;
	color: #06c;
	;
}
a:active {
	text-decoration: underline;
	color: #06c;
}
/* tHg */

p, dl, ul, ol, table {
	font-size: 81.25%;
	line-height: 1.4;
}
dl p, dl dl, dl ul, dl ol dl table, ul p, ul dl, ul ul, ul ol, ol p, ol dl, ol ul, ol ol, table p, table dl, table ul, table ol, table table {
	font-size: 100%;
}
strong {
	font-weight: bold;
}
/* tH[ */

select option {
	padding:0 5px;
}
/* g */

div#headerContainer, div#gNavContainer, div#footerContainer {
	width: 100%;
}
div#header, div#gNav, div#content, div#footer {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
/* XN[o[펞\ */

html {
	margin-bottom:1px;
	height:100%;
}
/* 3= wb_[
----------------------------------------------------*/

div#headerContainer {
	background: #5555c7 url(../img/bg_header.gif) repeat-x center bottom;
	height: 56px;
	margin-bottom: 20px;
}
/*3-2-1.wb_GA*/
div#header h1.logo, div#header p.logo {
	position: absolute;
	top: 18px;
}
#header h1.logo a, #header p.logo a {
	display: block;
	width: 122px;
	height: 19px;
}
#header dl#hNavi ul {
	position: absolute;
	left: 572px;
	top: 8px;
 /top: 6px;
}
#header dl#hNavi ul li {
	position: absolute;
	left: 15px;
}
#header dl#hNavi ul li.inquiry {
	left: 103px;
	top:-3px;
}
#header dl#hNavi ul li a.lang {
	display: block;
	width:60px;
	color:#fff;
	font-size:12px;
	padding-left:20px;
	box-sizing: border-box;
	background: url(../img/china.png) no-repeat left center;
}
#header dl#hNavi ul li.sitemap {
	left: 191px;
	top:-3px;
}
#header dl#hNavi ul li.english {
	left: 279px;
	top:-3px;
}
#header dl#hNavi ul li.headerdown {
	top: 26px;
	left: 260px;
}
#header dl#hNavi ul li.headerdown a {
	display: block;
	width:150px;
	color:#585858;
	font-size:12px;
	padding-left:15px;
	box-sizing: border-box;
	background: url(../img/lang.png) no-repeat left center;
}
#header dl#hNavi ul li.wx {
	top: 26px;
	left: 190px;
	position:relative;
	padding-left:15px;
	box-sizing: border-box;
background: url(../img/lang.png) no-repeat left center;}

#header dl#hNavi ul li.tel {
	top: 26px;
	left: -25px;
	width:200px;
	font-size:12px;
	padding-left:20px;
}
#header dl#sitesearch {
	position: absolute;
	top: 31px;
	right: 0px;
	width: 340px;
}
#header dl#sitesearch dt, #header dl#sitesearch dd {
	display: inline;
	vertical-align: middle;
}
#header dl#sitesearch dt {
	width: 64px;
	height: 22px;
	font-size: 1px;
}
#header dl#sitesearch dt img, #header dl#sitesearch dd img, #header dl#sitesearch dd input.searchtxt, #header dl#sitesearch dd input.searchbtn {
	position: absolute;
}
#header dl#sitesearch dd input.searchtxt {
	width: 213px;
	height: 20px;
	border-top: 1px solid #a2b5c6;
	border-right: 1px solid #7e9db9;
	border-bottom: 1px solid #a8bbcc;
	border-left: 1px solid #7e9db9;
	vertical-align: middle;
	left: 70px;
	top:0px;
}
#header dl#sitesearch dd input.searchbtn {
	left: 300px;
	top:0px;
}
/* 4= O[oirQ[V
----------------------------------------------------*/


div#gNavContainer {
	background: #E5E5E5 url(../img/bg_gnav.gif) repeat-x left bottom;
	border-top: 1px solid #868686;
	padding-bottom: 4px;
	margin-bottom: 10px;
}
div#gNav {
	border-left: 1px solid #656565;
}
div#gNav ul {
}
div#gNav ul {
}
div#gNav ul li {
	float: left;
	width: 10em;
	border-bottom: 1px solid #9F9F9F;
	border-right: 1px solid #656565;
}
div#gNav ul li a {
	text-decoration: none;
	background: #F6F6F6 url(../img/gnav.gif) repeat-x left top;
	_width: 10em;
	display: block;
	padding: 3px 0px;
	text-align: center;
	border-left: 1px solid #F7F7F7;
}
/* ݂̃y[W𔻒 */

body#home div#gNav ul li.image a, body#image div#gNav ul li.image a, body#list div#gNav ul li.list a, div#gNav ul li a:hover {
	color: #FFFFFF;
	font-weight: bold;
	background: #7DD0F8 url(../img/gnav_on.gif) repeat-x left top;
}
/* 5= Rec
----------------------------------------------------*/

div#content {
	min-height: 400px;/*background: #fff;*/
}
/* p */
div#path {
	margin-bottom: 10px;
	width: 100%;
	overflow: hidden;
}
div#path ul {
}
div#path ul li {
	float: left;
	display: inline;
}
div#path ul li a {
	padding-right: 14px;
	margin-right: 7px;
	background: url(../img/ico_path.gif) no-repeat right center;
}
/* o */

div#content h1 {
	padding: 15px;
	background: url(../img/bg_h1.jpg) no-repeat left top;
	border-bottom: 1px solid #C9D9E9;
	margin-bottom: 20px;
}
/* -----CGA----- */

div#mainArea {
	float: right;
	width: 720px;
}
/* iwb_[ */

div#pHeader {
	position: relative;
	width: 100%;
}
div#pHeader div.leftBox {
	width: 210px;
}
div#pHeader div.rightBox {
	width: 280px;
	margin: 15px 210px 0px 0px;
}
div#pHeader p.feature {
	font-weight: bold;
}
div#pHeader ul.catalog {
	position: absolute;
	top: 20px;
	right: 0px;
}
div#pHeader ul.catalog li {
	margin-bottom: 5px;
}
div#pHeader p.technical {
	position: absolute;
	right: 0px;
	bottom: -33px;
}
body.f03 div#pHeader p.technical {
	bottom: 0px;
	padding-bottom: 0;
}
/* ^u */

div#pTab {
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 20px;
	padding-bottom: 0;
}
div#pTab li {
	float: left;
	margin-right: 2px;
	white-space: nowrap;
	position: relative;
	top: 1px;
}
div#pTab li a {
	color: #000000;
	border: 1px solid #CBE0F4;
	border-bottom: 1px solid #CCCCCC;
	background: url(../img/bg_ptab.gif) repeat-x left top;
	padding: 5px 32px;
	border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	behavior: url(../js/PIE.htc);
	display: inline-block;
}

div#pTab li a span {
	padding-right: 10px;
	background: url(../img/ico_link.gif) no-repeat right center; 
}
div#pTab.type02 li a {
	padding: 5px 10px;
}
/* ^u ݃y[W */

body.index div#pTab li.index a, body.spec div#pTab li.spec a, body.message div#pTab li.message a, body.system div#pTab li.system a, body.sample div#pTab li.sample a, body.lineup div#pTab li.lineup a, body.compo div#pTab li.compo a, body.admission div#pTab li.admission a, body.seino01 div#pTab li.seino01 a, body.seino02 div#pTab li.seino02 a, body.seino03 div#pTab li.seino03 a, body.seino04 div#pTab li.seino04 a, body.youto01 div#pTab li.youto01 a, body.youto02 div#pTab li.youto02 a, body.youto03 div#pTab li.youto03 a, body.youto04 div#pTab li.youto04 a, body.cost01 div#pTab li.cost01 a {
	border-color: #DFDFDF;
	border-bottom: 1px solid #FFFFFF;
	background: #FFFFFF none;
	font-weight: bold;
}

body.index div#pTab li.index a span, body.spec div#pTab li.spec a span, body.message div#pTab li.message a span, body.system div#pTab li.system a span, body.sample div#pTab li.sample a span, body.lineup div#pTab li.lineup a span, body.compo div#pTab li.compo a span, body.admission div#pTab li.admission a span, body.seino01 div#pTab li.seino01 a span, body.seino02 div#pTab li.seino02 a span, body.seino03 div#pTab li.seino03 a span, body.seino04 div#pTab li.seino04 a span, body.youto01 div#pTab li.youto01 a span, body.youto02 div#pTab li.youto02 a span, body.youto03 div#pTab li.youto03 a span, body.youto04 div#pTab li.youto04 a span, body.cost01 div#pTab li.cost01 a span {
	padding-right: 12px;
	background-image: url(../img/ico_link_on.gif)
}
/* ^u */

div.article p, div.article table, div.article ul {
	margin: 0px 10px 1em;
}
div#mainArea div.section {
	padding-bottom: 10px;
	/* [disabled]border-bottom:#CCC 1px solid;
*/
	/* [disabled]border-left:#CCC 1px solid;
*/
	/* [disabled]border-right:#CCC 1px solid;
*/
	padding-top: 15px;
	/* [disabled]height:105px;
*/
}
div.article table th, div.article table td {
	padding: 3px 10px;
	border: 1px solid #ccc;
}
div.article table th {
	background: #e9e9e9;
	font-weight: bold;
	text-align: center;
}
div.article table td {
	background: #fff;
}
/* [h */

div#mainArea div.article p.lead {
	margin-bottom: 1.5em;
}
/* o */

div#mainArea h2 {
	font-size: 87.5%;
	padding: 10px;
	background: #F3F3F3 url(../img/bg_h2.gif) no-repeat center top;
	border: 1px solid #D7D7D7;
	margin-bottom: 0px;
}
div#mainArea h3 {
	margin: 0px 0px 10px 0px;
	font-size: 16px;
	color: #fff;
	text-indent: 0.5em;
	background: #0000ff;
	padding: 5px;
}
div#mainArea p {
	font-size: 14px;
}
div#mainArea .product h3{
	background: none;
	padding: 0;
}
div#mainArea .product p{
	font-size: 13px;
}
div#mainArea .section h3, div#mainArea .article h3{
	background: none;
	padding: 0;
	color: #000;
}
div#mainArea h4 {
	font-size: 81.25%;
	margin: 0px 0px 5px 10px;
}
/* Q&A */

div#mainArea div.qA div.qBox {
	background: url(../img/bg_q_line.gif) no-repeat left bottom;
}
div#mainArea div.qA h2 {
	padding: 10px 10px 10px 30px;
	background: url(../img/bg_q.gif) no-repeat left 9px;
	border: none;
}
div#mainArea div.qA div.aBox {
	padding-left: 20px;
	background: url(../img/bg_a.gif) no-repeat left 2px;
	zoom: 1;
}
/* XybN\ */

div.article table th, div.article table td, div.article table caption {
	padding: 3px 10px;
	border: 1px solid #ccc;
}
div.article table th {
	background: #e9e9e9;
	text-align: center;
}
div.article table caption {
	background: #e9e9e9;
	text-align: center;
	font-weight: bold;
	border-bottom: none;
}
div.article table td {
	background: #fff;
}
div.article table.type01 {
	width: 550px;
}
div.article table.type02 {
	width: 640px;
}
div.article table.type03 th, div.article table.type03 td {
	padding-bottom: 10px;
}
div.article table.type03, div.article table.type03 th, div.article table.type03 td {
	border: none;
	background: none;
	text-align: left;
}
div.article table.th20 th {
	width: 20%;
}
div.article table.th30 th {
	width: 30%;
}
div.article tr.sub td {
	background: #f7f8f9;
}
div.article table.sample {
	position: relative;
	top: -1.1em;
}
div.article table.sample td {
	text-align: center;
	padding-bottom: 10px;
}
div.article p.sample {
	position: relative;
	top: -2.1em;
}
/* ֘A */
div#relatedBox {
	background: url(../img/bg_relatedbox.gif) no-repeat left bottom;
	border: 1px solid #D3D3D3;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width:700px;
	margin-left: 10px;
	overflow: hidden;
	behavior: url(../js/PIE.htc);
}
div#relatedBox h3 {
	background: none;
	margin: 0;
	padding: 0;
	border: 1px solid #FFFFFF;
	float: left;
	width: 160px;
	text-align: center;
	border-radius: 2px 0 0 2px;
	-webkit-border-radius: 2px 0 0 2px;
	-moz-border-radius: 2px 0 0 2px;
	border-bottom: none;
	border-right: none;
	behavior: url(../js/PIE.htc);
}
div#relatedBox h3 img {
	margin: 13px 0px;
}
div#relatedBox ul {
	float: left;
	margin: 12px 0px 12px 10px;
}
div#relatedBox ul li {
	background: url(../img/ico_list.gif) no-repeat left center;
	padding-left: 10px;
}
/* TChGA */
div#sideArea {
	float: left;
	width: 165px;
}
div#inquiryBox {
	background: url(../img/snav_inqboxbg.gif) no-repeat left top;
	padding: 5px;
	margin-bottom: 10px;
}
div#sNav ul li {
	margin-bottom: 5px;
}
/* 6= tb^[
----------------------------------------------------*/

div#fNav {
	margin-top: 40px;
	background: url(../img/line_dotted.gif) repeat-x left top;
	padding-top: 10px;
}
body#home div#fNav {
	margin-top: 10px;
}
div#fNav ul li {
	float: left;
	margin-right: 10px;
}
div#fNav ul li.lastChild {
	margin-right: 0px;
}
div#footerContainer {
	background: url(../img/bg_footer.gif) repeat-x left top;
	height: 56px;
}
#footer {
	padding-top: 20px;
}
#footer #flink {
	float: right;
	width: 300px;
	text-align: right;
}
#footer #flink ul li {
	display: inline;
	font-size: 100%;
}
#footer #flink ul li a {
	padding-left: 15px;
	background: url(../img/ico_fnav.gif) no-repeat 5px center;
}
#footer p.imagica {
	width: 290px;
	height: 12px;
	margin-bottom: 10px;
}
#footer p#copyright {
	color: #676767;
	font-size: 68.75%;
}
/* 7= ėpclass
----------------------------------------------------*/
.leftBox {
	float: left;
	display: inline;
}
.rightBox {
	float: right;
	display: inline;
}
.section .leftBox {
	float: left;
	position:relative;
	height: 100px;
}
.section .leftBox .logo {
	float: left;
	position:absolute;
	top: 0px;
	left: 160px;
	background-image:url(../img/a.jpg);
	background-repeat:no-repeat;
	padding-left:25px
}
.section .leftBox .feature {
	float: left;
	position:absolute;
	top: 30px;
	left: 160px;
	width:350px
}
.section .leftBox .ico {
	float: left;
	position:absolute;
	top: 65px;
	left: 160px;
	white-space:nowrap;
	width:350px
}
.section .leftBox .ico li {
	float: left;
	margin-right:5px
}
.section .rightBox {
	float: right;
	display: inline;
	background-color: #E7F1FA;
	width:170px;
	text-align:left;
	padding:5px 10px 5px 10px;
	margin-right:15px;
	font-size:15px
}
.group {
	margin-bottom:15px
}
/* RJ */

.column3 li {
	float: left;
	display: inline;
	width: 170px;
	margin-right: 10px;
	text-align: center;
}
.column3 li span img {
	margin-top: 10px;
}
/* SJ */

.column4 li {
	float: left;
	display: inline;
	width: 160px;
	margin-right: 10px;
	text-align: center;
}
.column4 li span img {
	margin-top: 10px;
}
/* TJ */

.column5 li {
	float: left;
	display: inline;
	width: 100px;
	margin-right: 10px;
	text-align: center;
}
.column5 li span img {
	margin-top: 10px;
}
/* }[J[tNXg */

ul.linkList li {
	padding-left: 12px;
	background: url(../../../../company/common/img/ico_link.gif) no-repeat left 5px;
}
/* Xg}[N */

.square {
	list-style: square;
}
.square li {
	margin-left: 20px;
}
/* Xg̑ */

ul.resolution li {
	clear: both;
}
ul.resolution li span {
	display: block;
	clear: both;
	float:left;
	width: 8em;
	padding-left: 12px;
	background: url(../img/ico_list.gif) no-repeat left center;
}
img.ico {
	vertical-align: middle;
	margin-left: 3px;
}
.centerTxt {
	text-align: center;
}
.rightTxt {
	text-align: right;
}
.small {
	font-size: 70% !important;
}
.mb0 {
	margin-bottom: 0 !important;
}
em {
	color: #2e2e2e;
}
.bold {
	font-weight: bold;
}
.clear {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*for safari2*/
html[xmlns*=""] body:last-child .clearfix:after {
 line-height: 0;
 font-size: 1px;
}
.clearfix {
	zoom: 1;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
/* End hide from IE-mac */




/* 8= \iΉECSSΉj
----------------------------------------------------*/

hr.separator, div.clear hr {
	visibility: hidden;
	display: none;
}
#hNavi dt, .screenNone {
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
	left: 75px;
	top: 1px;
}

/* 9= Ή
----------------------------------------------------*/

@media print {
#headerContainer, #gNavContainer, #path, #sideArea, #fNav, #flink {
	display: none!important;
}
#content, #footer {
	width: 100%!important;
}
body { /* IE6 */
	_zoom: 67%!important;
}
div#mainArea {
	float:none!important;
}
 html > body div#mainArea@div.section {  /* IE6O */
 height: auto!important;
 overflow: hidden;
 width: 100%;
}
}
/* 10= Ή
----------------------------------------------------*/

.leftside {
	width:165px;
	float:left
}
.leftside ul {
	margin:0;
	padding:0
}
.leftside ul li {
	margin-bottom:15px
}
.main_content {
	width:720px;
	float:left;
	margin-left: 10px;
}
.main_b {
	margin-bottom:0px; padding:20px
}
.main_d {
	width:210px;
	float:left;
}
.main_d p {
	text-indent:2em
}
.text_n {
	height:190px; margin-top:5px;text-align:justify;text-justify:inter-ideograph;
}
#faq {
	margin-bottom:30px
}
#faq ul {
	margin-left:40px
}
#faq ul li {
	line-height:26px
}
#faq .q {
	color:#F00;
	font-weight:bold;
	margin-right:10px;
	width:100px
}
#faq h3 {
	font-size: 87.5%;
	padding: 10px;
	border: 0px solid #D7D7D7;
	margin-bottom: 0px;
	background-color: #F3F3F3;
	background-image: url(../img/bg_h4.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#faq table td {
	font-size: 14px;
}
#faq table th {
	font-size: 14px;
	color: #0C0
}
#faq a {
	color:#2E2E2E
}
#faq ul li ul {
	margin-left:40px;
}
#faq .an {
	background-image:url(../img/bg_h4_2.jpg)
}
.group .section {
	border-bottom:#CCC solid 1px;
	height:105px;
	border-left:#CCC solid 1px;
	border-right:#CCC solid 1px;
}
#d_headerContainer {
	text-align:center;
	/*margin-bottom:20px;*/
}
#d_header {
	width:735px;
	height:26px;
	background-image:url(../img/d_header_bg.jpg);
	margin:0 auto;
}
#d_header span {
	float:right;
	margin-right:5px
}
#d_main {
	width:760px;
	margin:0 0;
	font-size:14px
}
#d_zi {
	text-align:left;
	padding:0 10px 10px 10px;box-sizing: border-box;
}
#d_select {
	padding:15px 0px 10px 0px;
	border-top: 2px #9E9E9F dotted;box-sizing: border-box;
}
#d_s {
	padding:7px 0 5px 0;
	background-color:#9998dc;
	border:1px solid #ffc579;
	margin-bottom:10px;
	border-top: 2px solid #5454c6;
}
#d_xun input, label {
	vertical-align:middle
}
#d_xun td {
	text-align:left;
	padding:8px
}
#d_xx {
	background-color:#eaeaea;
	border:1px solid #CCC;
	margin-bottom:10px;
	text-align:left;
	text-align: center;
	margin-top:20px; height:40px; line-height:40px
}
#d_ziliao {
	width:100%;
	margin:0 auto;
	text-align:left;
	font-size:14px
}
#d_ziliao p {
	font-size:14px;
	color:#f46c35;
}
.font20{font-size:20px;}
.down_p{
	font-size:14px;
	color:#f46c35;
	margin-top:15px;
}
#d_ziliao tr {border-bottom: 1px #9E9E9F dotted;}
#d_ziliao tr.bbn {border-bottom: none;}
#d_ziliao th {background: #f6f7f9;width: 30%;font-size:14px;padding:8px;}
#d_ziliao td {width: 70%;font-size:14px;padding:8px 8px 8px 27px;box-sizing: border-box;} 
#d_ziliao td input {width:100%;height: 21px;background: #eeeef0;border: 1px solid #e1e1e1;}
#d_ziliao td textarea {width: 98.5%;height: 98px;box-sizing: border-box;background: #eeeef0;border: 1px solid #e1e1e1;}
#d_footer {
	width:760px;
	margin:0 auto;
	margin-top:30px;
	padding-top:15px
}
#d_footer #flink {
	float:right;
	font-size:14px
}
#d_footer .imagica {
	float:left;
	font-size:14px
}
.about_section .about_h2 {
	padding:0px;
	margin:0px;
	height:102px;
	width:720px
}
.about_section td {
	height:30px
}
.about_section table {
	border:0px; margin:0; padding:0;
}
.news_section li {
	background-image:url(../../../../common/images/ico.jpg);
	background-repeat:no-repeat;
	padding-left:20px;
	padding-top:3px
}

#d_list li{ font-size:13px; width:200px; padding:2px; float:left; text-align:left; background-color:#f8f9fa; padding-left:20px; margin-right:10px; margin-bottom:5px}
#d_dd td{ font-size:13px; line-height:26px; text-align:left; padding-left:20px}
.flash{ margin-bottom:20px;}
#news{ margin-bottom:20px}
#news h1{
	background-image:url(news_h1.jpg)
}
#news li{ line-height:30px; border-bottom:#CCC 1px dotted
}
#tel{
	float:left;
	list-style-type: none;
}
#tel li{
	list-style-type: none; font-size:13px
}

.handin {width:263px;height:40px;line-height:40px;color:#fff;background:url(../img/d_bt1.png) no-repeat center;border:none;font-size:18px;cursor:pointer;}

.wx .fixed_wx {cursor: pointer; font-size: 12px;}
.fix_wx_code {display: none;position: fixed;top: 0;left: 0;width:100%;height:100%;background: rgba(0,0,0,0.5);z-index: 9999;}
.fix_wx_code p {position: absolute;top: 30%;left: 50%;margin-left: -160px;padding-top: 44px;width: 320px;height: 325px;background: #fff;text-align: center;box-sizing: border-box;}
.fix_wx_code p span {cursor: pointer;position: relative;display: block;width: 255px;height: 41px;line-height: 41px;background: #5454c6;color: #fff;font-size: 14px;margin: 47px auto 0 auto;border-radius: 5px;box-sizing: border-box;}