@charset "utf-8";

/*//////////////////////  SP  ////////////////////// */

@media print, screen and (max-width: 640px) {

/* =======================================

 Main style

======================================= */


@charset "utf-8";

/*//////////////////////  PC  ////////////////////// */


/* =======================================

 Main style

======================================= */


/* Common
--------------------------------------- */
body {
 font-size: 14px;
 margin-left: auto;
 margin-right: auto;
}
.wrapper {
 clear: both;
 height: 1120px;
 width: 100%;
 margin-right: auto;
 margin-left: auto;
 page-break-after: always;
 background: url(../images/print_bg.png) no-repeat top left;
 overflow: hidden;
}
.wrapper.twp {
 height: auto;
}

.container {
 margin: 0 auto;
 padding-top: 70px;
 width: 96%;
}
.twp .container {

}

article,
section {
	clear: both;
}
section.sec {
	margin-top: 45px;
}
section.sec:nth-last-of-type(1) {
	margin-bottom: 45px;
}

td,
th {
	font-weight: normal;
	font-size: 1em;
	padding: 11px 8px;
}
th {

}
dl.dft dt {
	background: #f5f5f5;
	padding: 10px 10px 8px 10px;
	font-size: 14px;
}
dl.dft dd {
	padding: 8px 10px 12px 10px;
	font-size: 14px;
}

sup,
.sup {
	font-size: 75.5%;
	vertical-align: top;
	position: relative;
	top: 0;
	margin-left: 2px;
	color: inherit;
}
.wrapper p {
 font-size: 14px;
 line-height: 1.6;
}
/*
.txt p {
	font-size: 1.6em;
	line-height: 2;
}
.txt.m p,
p.txt {
	font-size: 1em;
	line-height: 1.6;
} */
.txt.m li {
	font-size: 1.2em;
} 
.txt14 {
	font-size: 1.4em;
}
.txt12 {
	font-size: 1.2em;
}
.txt11 {
	font-size: 1.1em;
}
p .txt11 {
	font-size: 0.8em;
}
p.txts {
	font-size: 1.4em;
}

.imglft {
	float: left;
	margin-top: 5px;
	margin-bottom: 20px;
	margin-right: 25px;
}

.imgctr img {
 width: 100%;
 height: auto;
 margin-bottom: 10px;
}


/* Sub titles */
h1 {
	background: #000;
	color: #fff;
	font-size: 1.6em;
 font-weight: normal;
	letter-spacing: 2px;
	padding: 5px 0;
	text-align: center;
 margin: 6px 0 15px 0;
}
h1.ind {
 font-size: 2em;
	padding: 8px;
 margin: 20px 0 30px 0;
}
#mainimg #h1sub {
	background-color: rgba(0,0,0,1);
	color: #fff;
	font-size: 1.8em;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 0;
	text-align: center;
	line-height: 44px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 107px;
}
#mainimg h1#in {
	background-color: rgba(237,237,237,0.9);
	color: #000;
	font-size: 2.4em;
	letter-spacing: 0;
	line-height: 107px;
	text-align: center;
	padding: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: auto;
	bottom: 0;
}

h2 {
	text-align: center;
	font-size: 2em;
	border-bottom: solid 3px #19a5de;
	padding: 3px 0;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	letter-spacing: 1px;
}
h2.bl {
	border: none;
	width: auto;
	color: #038fc6;
	font-size: 1.6em;
	letter-spacing: 0;
	margin-bottom: 10px;
 text-align: left;
}
h2.bgbl {
	border: none;
	width: auto;
	background: #048dc5;
	color: #fff;
	padding: 0 0 0 10px;
	line-height: 44px;
	text-align: left;
	margin-bottom: 30px;
}
h2.rst {
	border: none;
	width: auto;
	background: none;
	text-align: left;
}

h3.bglbl {
	font-size: 1.65em;
	background: #e6f2ff;
	color: #333;
	padding: 0 0 0 10px;
	line-height: 40px;
	margin: 0 auto 25px auto;
}
h3.ogline {
	font-size: 1.6em;
	color: #ff6600;
	padding: 0 0 5px ;
	margin: 25px auto 20px auto;
	border-bottom: solid 2px #ccc;
}
dd h3.ogline {
 font-size: 1.2em;
}
h3.ccl {
	border: none;
	width: auto;
	color: #555;
	font-size: 1.2em;
	margin-bottom: 15px;
	border-bottom: dotted 1px #ccc;
	padding-bottom: 5px;
}
h3.ccl:before {
	content: "●";
	color: #038fc6;
	position: relative;
	top: -1px;
}

h4.bl {
	border: none;
	width: auto;
	color: #038fc6;
	font-size: 1.1em;
	margin-bottom: 15px;
}

/* Intro */
section.intro,
div.intro {
	margin-top: 45px;
}
section.intro.p,
div.intro.p {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
section.intro p,
div.intro p {
	padding-bottom: 1em;
}
section.intro .txt p,
div.intro .txt p,
div.intro .txt li {
 font-size: 1.2em;
	line-height: 1.8;
	/*font-size: 1.1em;
	line-height: 1.3;*/
}

/* Lead */
.lead,
p.lead {
	font-weight: bold;
	font-size: 1.4em;
	padding-bottom: 0.8em;
}

.bllead,
p.bllead {
	font-size: 1.6em;
	line-height: 1.2;
	color: #048dc5;
 padding-bottom: 10px;
}
.bllead_m {
	font-size: 2.2em;
	line-height: 1.2;
	color: #048dc5;
	padding-bottom: 0.5em;
}
.bllead_s {
	font-size: 1.5em;
	line-height: 1.2;
	color: #048dc5;
	padding-bottom: 10px;
}
dd .bllead_s {
 padding-top: 0.5em;
 padding-bottom: 0;
 margin-bottom: -20px;
}
.bllead_ss {
	font-size: 1.6em;
	line-height: 1.2;
	color: #048dc5;
	padding-bottom: 0.5em;
}

/* Main image */
.mainimg img {
 width: 100%;
	height: auto;
 margin: 0 0 20px 0;
}

.sec_about #mainimg {
	background: url(../images/main_abt.jpg) repeat-x top center;
}
.sec_news #mainimg {
	background: url(../images/main_nws.jpg) repeat-x top center;
}
.sec_products #mainimg {
	background: url(../images/main_pdt.jpg) repeat-x top center;
}
.sec_proposals #mainimg {
	background: url(../images/main_prp.jpg) repeat-x top center;
}
.sec_why #mainimg {
	background: url(../images/main_why.jpg) repeat-x top center;
}
.sec_contact #mainimg {
	background: url(../images/main_cnt.jpg) repeat-x top center;
}
.sec_sitemap #mainimg {
	background: url(../images/main_stm.jpg) repeat-x top center;
}
.sec_faq #mainimg {
	background: url(../images/main_faq.jpg) repeat-x top center;
}
.sec_policy #mainimg {
	background: url(../images/main_pcy.jpg) repeat-x top center;
}

/* Background  */
.bgbl {
	padding-top: 40px;
	padding-bottom: 40px;
}
.bggy {
	padding-top: 40px;
	padding-bottom: 40px;
}
.bgwt {
	padding-top: 40px;
	padding-bottom: 30px;
}

/* Box  */
.boxp {
	width: 960px;
	margin: 0 auto 35px auto;
}

/*  */
.linkbtn {
	display: block;
	margin: 40px auto 0 auto;
	text-align: center;
}
.linkbtn.lft {
	text-align: left;
}
.linkbtn a {
	display: inline-block;
	color: #111;
	background: url(../images/arw_gy.png) no-repeat right 20px center #fff;
	padding: 10px 60px 8px 30px;
	font-size: 1.2em;
	border: solid 3px #959595;
}
.linkbtn a:hover {
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/*  */
ul.tp {
	margin: 40px 0 35px 0;
	overflow: hidden;
}
ul.tp li {
	float: left;
	margin-bottom: 20px;
 width: 32%;
}
ul.tp li:nth-last-of-type(1),
ul.tp li:nth-last-of-type(2),
ul.tp li:nth-last-of-type(3) {
	margin-bottom: 0;
}
ul.tp li img {
	position: relative;
 width: 100%;
 height: auto;
}
ul.tp .tit {
	background-color: rgba(0,0,0, 0.6);
	position: relative;
	margin-top: -40px;
	line-height: 40px;
	z-index: 10;
	text-align: center;
	font-size: 1.3em;
	font-weight: 600;
	color: #fff;
}
ul.tp .cap {
	padding-top: 8px;
}
ul.tp .cap .rd {
	font-weight: bold;
}

/* */
.cnr2 {
	border: solid 1px #ccc;
	margin: 40px auto 38px auto;
	padding: 8px 0;
	position: relative;
	overflow: hidden;
}

.cnr2 ul {
	float: left;
	position: relative;
	left: 50%;
}
.cnr2 li {
	float: left;
	position: relative;
	left: -50%;
	border-right: dotted 1px #999;
}
.cnr2 li:last-child {
	border-right: 0;
}

.cnr2 li a {
	display: block;
	padding: 0 24px;
	line-height: 34px;
	font-size: 1.2em;
}
.cnr2 li.o a {
	color: #0b63db;
}

/*  */
ul.link {
	margin: 25px 0
}
h2.bgbl + ul.link {
 margin-top: -10px;
}
.link li {
	margin-bottom: 11px;
	background-image: url(../images/arw_bl.png);
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 9px 18px;
}
.link li:hover {
	text-decoration: none;
	background-color: #f5f5f5;
}

.link li a {
	display: block;
	border: solid 1px #aaa;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 1em;
	line-height: 1.3;
	padding: 10px 30px 10px 10px;
}
.link li a:hover {
 text-decoration: none;
}
.link li.o {
 background: #f5f5f5;
} 

/* Banner */
.bnrfull {
	width: 960px;
	margin: 50px auto 65px auto;
	position: relative;
}
.bnrfull:after {
	content: url(../images/arw_wt.png);
	position: absolute;
	left: 910px;
	top: 28%;
	z-index: 5;
}
.bnrfull a {
	display: block;
	padding-top: 40px;
	padding-bottom: 37px;
	background-color: #038fc6;
	font-size: 1.7em;
	font-weight: bold;
	color: #fff;
}
.bnrfull a:hover {
	text-decoration: none;
}
.pctbnr li.mail a {
	background-position: 18px center;
}
.pctbnr li.tel a {
	background-position: 25px center;
}
.pctbnr li.fax a,
.pctbnr li.fax span.a {
	background-position: 20px center;
}

.sec_about .bnrfull a {
	background-image: url(../images/pct_pat.png);
	background-repeat: no-repeat;
	background-position: 50px center;
	padding-left: 170px;
}

/* Pict Banner */
.pctbnr {
	width: 845px;
	position: relative;
	left: 50%;
	margin-top: 25px;
}
.pctbnr li {
	float: left;
	width: 400px;
	position: relative;
	left: -50%;
	margin-bottom: 22px;
}
.pctbnr li:nth-child(2n) {
	float: right;
}
.pctbnr li a,
.pctbnr li span.a {
	font-size: 1.6em;
	text-align: center;
	padding-top: 18px;
	padding-bottom: 16px;
}

/*  */
.listimgtwo li {
	float: left;
	display: block;
	width: 48%;
	position: relative;
	margin-bottom: 38px;
}
.listimgtwo li:nth-of-type(2n) {
	float: right;
}
.listimgtwo li:nth-of-type(2n-1) {
	clear: both;
}
.listimgtwo li .tit {
	background: #eee;
	color: #333;
	font-size: 1.4em;
	font-weight: bold;
	text-indent: 15px;
	padding: 6px 0;
}
.listimgtwo li .tit.ctr {
	text-indent: 0;
	text-align: center;
}
.listimgtwo li .img {
	padding: 10px 0;
}
.listimgtwo li .img img {
 width: 100%;
 height: auto;
}
.listimgtwo li .txt {
}
.listimgtwo li .imgs {
	float: right;
	padding: 6px 0 0 10px;
}
.listimgtwo li .txtbox {
	overflow: hidden;
}


/*  */
.setbox {
	clear: both;
	overflow: hidden;
	margin-bottom: 40px;
}
.setbox .img {
	float: left;
	padding-top: 8px;
	width: 330px;
}
.setbox .img img {
	display: block;
	margin-bottom: 8px;
	width: 330px;
}
.setbox .img img:nth-of-type(n+2) {
	margin-top: 20px;
}
.setbox .txtset {
	float: right;
	width: 600px;
	font-size: 1.2em;
	line-height: 1.8;
}

/* Contact Us */
.contactus {
	width: 960px;
	padding-top: 35px;
	padding-bottom: 35px;
	border: solid 3px #d9d9d9;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 70px;
 margin-top: 50px;
	overflow: hidden;
}
.contactus .txt {
	margin: 0 80px;
}
.contactus .pctbnr li.mail:nth-of-type(1) a {
	padding-left: 18px;
}


/* Proposal
--------------------------------------- */
.sec_proposals article {
	padding-bottom: 60px;
}
.sec_proposals article.p30,
.sec_proposals.p0101 article {
	padding-bottom: 30px;
} 

.sec_proposals .bllead strong {
	color: inherit;
}

.sec_proposals p.img {
	float: left;
	padding: 6px 40px 25px 0;
}

.sec_proposals .relclr:nth-of-type(1) .prptopbt {
	margin-top: 25px;
}
.sec_proposals .relclr:nth-of-type(2) .prptopbt {
	margin-top: 30px;
}
.prptopbt a {
	color: #32a2d0;
	font-size: 2em;
	line-height: 1.3;
	font-weight: bold;
	padding: 8px 0 12px 20px;
	text-align: left;
}
.prptopbt a span {
	color: #666;
	font-size: 0.8em;
}

#prpimg0201 {
	position: absolute;
	right: 0px;
	top: -55px;
}
#prpimg0101 {
	position: absolute;
	right: 10px;
	top: -15px;
}
#prpimg0102 {
	position: absolute;
	right: 30px;
	top: -5px;
}

.sec_proposals .link {
	margin: 15px 0 50px 0;
}

.sec_proposals #prppov {
	margin-top: 10px;
	margin-bottom: 40px;
	width: 100%;
}
.sec_proposals #prppov li a {
	font-size: 1.3em;
 background: #f5f5f5;
	display: block;
	clear: both;
	line-height: 1.3;
	padding: 10px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin-bottom: 10px;
	overflow: hidden;
}
.sec_proposals #prppov li a span.hd {
	width: 15%;
	display: table-cell;
	background: #3f8ce4;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	font-size: 1.8em;
	font-weight: bold;
}
.sec_proposals #prppov li a span.hd:before {
	content: "Point ";
	font-size: 0.6em;
	font-weight: normal;
}
.sec_proposals #prppov li a span.txt {
	overflow: hidden;
	display: table-cell;
	padding-left: 15px;
}
.sec_proposals#prppov li:nth-of-type(4) a span.txt {
	padding-top: 3px;
}
.sec_proposals #prppov li a:hover {
	text-decoration: none;
	background: #ededed;
}

#merit02img {
	position: absolute;
	right: 30px;
}
.sec_proposals.p0101 article {
	margin: 40px 0 20px 0;
	border: solid 3px #ccc;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 20px 20px 30px 20px;
	overflow: hidden;
	background: #ebf9fd;
}
.sec_proposals.p0101 article strong {
	color: inherit;
}
.sec_proposals.p0101 article h3 {
 font-size: 2.2em;
	line-height: 2.4;
	margin: 12px 0 25px 0;
}
.sec_proposals.p0101 article .img {
 float: left;
	width: 440px;
	margin: 5px 30px 0 0;
}
.sec_proposals.p0101 article p.txt {
 font-size: 1.2em;
	line-height: 1.6;
	padding-bottom: 8px;
}

.sec_proposals.p0101 article dt,
.sec_proposals.p0101 article dd {

}
.sec_proposals.p0101 article dt {
	background: #fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	line-height: 1.2;
	margin-bottom: 15px;
	color: #666;
	font-weight: bold;
	font-size: 1.6em;
}
.sec_proposals.p0101 article dt p {
	display: table-cell;
	color: inherit;
	padding: 10px 0 10px 15px;
	vertical-align: middle;
}
.sec_proposals.p0101 article dt span {
	display: table-cell;
	background: #999;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 0 12px;
	color: #fff;
	font-size: 1.4em;
	vertical-align: middle;
	text-align: center;
	width: 100px;
}
.sec_proposals.p0101 article dt span:before {
	content: "Point ";
	font-size: 0.6em;
	font-weight: normal;
}
.sec_proposals.p0101 article dd {
	font-size: 1.2em;
	line-height: 1.6;
	margin-bottom: 35px;
}
.sec_proposals.p0101 article dd .lstbl {
	margin-left: 20px;
	margin-right: 20px;
}
.sec_proposals.p0101 article dd .lstbl li {
	font-size: 1.05em;
}
.sec_proposals.p0101 article .bllead_m .ftl {
	color: #048dc5;
	font-size: 1.4em;
}
.sec_proposals.p0101 article .mbox {
	background: #fff;
	border: dotted 2px #ccc;
	padding: 12px;
	display: inline-block;
	margin-top: 30px;
	font-size: 1.1em;
	line-height: 1.6;
	font-weight: bold;
	color: #666;
}
.sec_proposals.p0101 article .mbox p {
	color: inherit;
}
.sec_proposals.p0101 article:nth-last-of-type(2) .mbox {
	width: 440px;
}
.sec_proposals.p0101 article:nth-last-of-type(2) ul.check li {
	display: inline;
}


/* Products
--------------------------------------- */
.pdtset {
	clear: both;
	padding: 0 0 50px 0;
	overflow: hidden;
}
.pdtset ul {
	margin-top: 15px;
}
.pdtset li {
	display: block;
	float: left;
	margin-right: 13px;
	margin-bottom: 20px;
	border: solid 3px #ccc;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	color: #094393;
	font-size: 1.6em;
	font-weight: bold;
	text-align: center;
}
.pdtset li:nth-child(4n) {
	margin-right: 0;
}
.pdtset li span.s {
	font-size: 0.9em;
	color: inherit;
}

.pdtset li a,
.pdtset li a:hover {
	color: #094393;
	text-decoration: none;
}
.pdtset li:hover {
	opacity: 0.5;
}

#pdtshape {
 margin-top: 40px;
}

/* Shape */
.shapebox.rbox {
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding-bottom: 12px;
}
.shapebox h2 {
	padding-left: 246px;
	font-size: 2.8em;
	height: 160px;
	display: table-cell;
	vertical-align: middle;
	letter-spacing: 0;
}
.shapebox h2 span {
	font-size: 0.5em;
	line-height: 1.2;
	display: block;
	padding-top: 5px;
	color: inherit;
}

#pdtbh {
	background-image: url(../images/pdt/pdt_img_bh.png);
	background-repeat: no-repeat;
	background-position: left 25px top 20px;
	margin-top: 20px;
}
#pdtbh2 {
	background-image: url(../images/pdt/pdt_img_bh2.png);
	background-repeat: no-repeat;
	background-position: left 35px top 20px;
	margin-top: 30px;
}
#pdtct {
	background-image: url(../images/pdt/pdt_img_ct.png);
	background-repeat: no-repeat;
	background-position: left 35px top 20px;
	margin-top: 30px;
}
#pdtfd {
	background-image: url(../images/pdt/pdt_img_fd.png);
	background-repeat: no-repeat;
	background-position: left 35px top 20px;
	margin-top: 30px;
}
#pdthk {
	background-image: url(../images/pdt/pdt_img_hk.png);
	background-repeat: no-repeat;
	background-position: left 35px top 20px;
	margin-top: 30px;
}
#pdtst {
	background-image: url(../images/pdt/pdt_img_st.png);
	background-repeat: no-repeat;
	background-position: left 65px top 20px;
	margin-top: 30px;
}
#pdtop {
	background-image: url(../images/pdt/pdt_img_op.png);
	background-repeat: no-repeat;
	background-position: left 45px top 20px;
	margin-top: 30px;
}

.shapebox .pdtlst {
	margin: 0 32px 12px 32px;
}
.pdtlst li {
	background-color: #fff !important;
	margin-bottom: 18px;
}
.pdtlst li a {
	text-decoration: none;
	display: table-cell;
	font-size: 1.4em;
	font-weight: 550;
	vertical-align: middle;
	padding: 1.1em;
	padding-left: 214px;
	width: 960px;
	height: 120px;
}
.pdtlst li a span {
	display: block;
	padding-top: 10px;
	font-size: 0.8em;
	font-weight: normal;
}

.shapebox .pdtlstnoimg {
	margin: 0 32px 22px 32px;
}
.pdtlstnoimg li {
	background-color: #fff !important;
	margin-bottom: 8px;
}
.pdtlstnoimg li a {
	text-decoration: none;
	display: block;
	font-size: 1.3em;
	font-weight: 550;
	vertical-align: middle;
	padding: 0.8em;
	padding-left: 40px;
	background: url(../images/arw_gy.png) no-repeat 15px center;
}
.pdtlstnoimg li a span {
	padding-left: 10px;
	font-size: 0.9em;
	font-weight: normal;
}

#tnbhd01 {
	background: url(../images/pdt/tb_bh01.jpg) no-repeat left 10px center;
}
#tnbhd02 {
	background: url(../images/pdt/tb_bh02.jpg) no-repeat left 10px center;
}
#tnbh01 {
	background: url(../images/pdt/tb_bh201.jpg) no-repeat left 10px center;
}
#tnbh02 {
	background: url(../images/pdt/tb_bh202.jpg) no-repeat left 10px center;
}
#tnbh03 {
	background: url(../images/pdt/tb_bh203.jpg) no-repeat left 10px center;
}
#tnbh04 {
	background: url(../images/pdt/tb_bh204.jpg) no-repeat left 10px center;
}
#tnbh05 {
	background: url(../images/pdt/tb_bh205.jpg) no-repeat left 10px center;
}
#tnbh06 {
	background: url(../images/pdt/tb_bh206.jpg) no-repeat left 10px center;
}
#tnct01 {
	background: url(../images/pdt/tb_ct01.jpg) no-repeat left 10px center;
}
#tnct02 {
	background: url(../images/pdt/tb_ct02.jpg) no-repeat left 10px center;
}
#tnfd01 {
	background: url(../images/pdt/tb_fd01.jpg) no-repeat left 10px center;
}
#tnfd02 {
	background: url(../images/pdt/tb_fd02.jpg) no-repeat left 10px center;
}
#tnfd03 {
	background: url(../images/pdt/tb_fd03.jpg) no-repeat left 10px center;
}
#tnfd04 {
	background: url(../images/pdt/tb_fd04.jpg) no-repeat left 10px center;
}
#tnhkvk01 {
	background: url(../images/pdt/tb_hk01.jpg) no-repeat left 10px center;
}
#tnhkvk02 {
	background: url(../images/pdt/tb_hk02.jpg) no-repeat left 10px center;
}
#tnhkvk03 {
	background: url(../images/pdt/tb_hk03.jpg) no-repeat left 10px center;
}
#tnhkvk04 {
	background: url(../images/pdt/tb_hk04.jpg) no-repeat left 10px center;
}
#tnhkvk05 {
	background: url(../images/pdt/tb_hk05.jpg) no-repeat left 10px center;
}
#tnhkvk06 {
	background: url(../images/pdt/tb_hk06.jpg) no-repeat left 10px center;
}

#tnst01 {
	background: url(../images/pdt/tb_st01.jpg) no-repeat left 10px center;
}

/* Model */
#pdtmodel h2 {
	padding-left: 10px;
	line-height: 40px;
}
#pdtmodel h2 span {
	color: inherit;
	font-weight: normal;
	font-size: 0.8em;
}

#pdtmodel a:hover {
	display: block;
	text-decoration: none;
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}
#pdtmodel dl {
	margin-top: 15px;
	border: solid 1px #a0a0a0;
	padding: 10px;
	display: table;
	width: 100%;
}
#pdtmodel dt,
#pdtmodel dd {
	position: relative;
}
#pdtmodel dt span {
	display: table-cell;
	vertical-align: middle;
	background: #f5f5f5;
	font-size: 1.1em;
	padding: 8px;
}
#pdtmodel dt span.num {
	width: 200px;
	text-align: center;
	border-right: solid 3px #fff;
	font-size: 1.6em;
	font-weight: bold;
}
#pdtmodel .idx2op dt span.num {
	width: 962px;
	border-right: none;
	text-align: left;
	font-size: 1.5em;
}
#pdtmodel dt span.exp {
	width: 760px;
	font-size: 1.3em;
}
#pdtmodel dd p {
	padding-top: 10px;
	margin-bottom: 5px;
	margin-right: 80px;
	font-size: 1.1em;
}
#pdtmodel dd:after {
	content: url(../images/arw_gy_l.png);
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 5;
}

/* Needs */
#pdtneeds .boxp {
	min-height: 260px;
}
.boxp p {
	margin-left: 220px;
	font-size: 1.1em;
}
.boxp .reclist {
	position: relative;
	margin-left: 220px;
	margin-top: 35px;
	border: solid 1px #ccc;
	padding: 25px 20px 10px 20px;
}
.boxp .reclist:before {
	content: "Recommended model";
	display: inline-block;
	background: #f5f5f5;
	font-size: 1em;
	font-weight: bold;
	padding: 3px 10px 2px 10px;
	position: absolute;
	top: -10px;
	left: 10px;
	z-index: 10;
}
.boxp .reclist a {
	display: inline-block;
	padding: 0 50px 7px 0;
}
.boxp .reclist a:before {
	margin-right: 3px;
	content: url(../images/arw_bl_s.png);
	position: relative;
	top: 2px;
}

#fd01 {
	background: url(../images/pdt/fd01.png) no-repeat left 10px bottom 0;
}
#fd02 {
	background: url(../images/pdt/fd02.png) no-repeat left 10px bottom 0;
}
#fd03 {
	background: url(../images/pdt/fd03.png) no-repeat left 20px bottom 0;
}
#fd04 {
	background: url(../images/pdt/fd04.png) no-repeat left 10px bottom -10px;
}
#dy01 {
	background: url(../images/pdt/dy01.png) no-repeat left 20px bottom 0;
}
#dy02 {
	background: url(../images/pdt/dy02.png) no-repeat left 20px bottom -10px;
}
#dy03 {
	background: url(../images/pdt/dy03.png) no-repeat left 20px bottom 0;
}
#dy04 {
	background: url(../images/pdt/dy04.png) no-repeat left 20px bottom -10px;
}
#dy05 {
	background: url(../images/pdt/dy05.png) no-repeat left 20px bottom -10px;
}
#dy06 {
	background: url(../images/pdt/dy06.png) no-repeat left 20px bottom -5px;
}
#dy07 {
	background: url(../images/pdt/dy07.png) no-repeat left 10px bottom -5px;
}
#dk01 {
	background: url(../images/pdt/dk01.png) no-repeat left 20px bottom 0;
}
#dk02 {
	background: url(../images/pdt/dk02.png) no-repeat left 20px bottom -10px;
}
#pt01 {
	background: url(../images/pdt/pt01.png) no-repeat left 20px bottom -10px;
}
#wp01 {
	background: url(../images/pdt/wp01.png) no-repeat left 20px bottom -10px;
}
#wp02 {
	background: url(../images/pdt/wp02.png) no-repeat left 20px bottom -10px;
}

/*  */
.listbox {
	float: left;
	width: 150px;
	height: 200px;
	margin-top: 10px;
	margin-right: 17px;
	border: solid 3px #ccc;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.listbox:hover {
	opacity: 0.7;
}
.listbox:nth-last-of-type(1) {
	margin-right: 0;
}
.listbox:nth-last-of-type(4) {
	width: 153px;
}

.listbox span {
	display: block;
	text-indent: -8px;
	background-color: #048dc5;
	background-image: url(../images/arw_wt.png);
	background-repeat: no-repeat;
	background-position: right 5px center;
	background-size: 10px 19px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	color: #fff;
	font-size: 1.9em;
	text-align: center;
	margin: 4px;
}

.listbox:hover * {
	text-decoration: none !important;
}

.listbox ul {
	margin: 10px 0 15px 12px;
}
#pdttype ul {
	margin-left: 0;
	margin-bottom: 1em;
}
#pdttype .listbox {
 width: 155px;
}
.listbox li {
	font-size: 1.35em;
	padding-left: 1em;
	text-indent: -0.5em;
}
.listbox li:before {
	content: "●";
	color: #094393;
}

#pdttype {
 overflow: hidden;
 padding-bottom: 70px;
}
#pdttype .listbox {
	height: 215px;
}
#pdttype .listbox li {
	font-size: 1em;
	padding-bottom: 8px;
}
#pdttype span {
	font-size: 1.2em;
	padding-top: 10px;
	padding-bottom: 8px;
}

/*  */
.listtwo li {
	float: left;
	display: block;
	width: 485px;
	border: solid 3px #ccc;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	margin-bottom: 30px;
}
.listtwo li:nth-of-type(2n) {
	float: right;
}
.listtwo span {
	display: block;
	text-indent: -8px;
	background-color: #048dc5;
	background-image: url(../images/arw_wt.png);
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size: 10px 19px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	color: #fff;
	font-size: 2em;
	line-height: 54px;
	letter-spacing: 2px;
	text-align: center;
	margin: 4px;
	width: 477px;
}
.listtwo li:hover {
	opacity: 0.7;
}
.listtwo:hover * {
	text-decoration: none !important;
}
.listtwo li p.txt {
	display: block;
	margin: 12px 10px 18px 100px;
}
.listtwo li p.img {
	display: block;
	margin: 0 4px 15px 4px;
}

/* Detailes */
#pdttit h1#in {
	font-size: 3em;
	padding: 20px 0 0 0;
	line-height: 1;
}
#pdttit h1#in span {
	display: block;
	text-align: center;
	font-size: 0.5em;
	font-weight: normal;
	line-height: 1;
	padding: 5px 0 20px 0;
}
#pdttit.l #h1sub {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 137px;
}
#pdttit.l h1#in span {
	line-height: 1.2;
}
#pdtdetail h2 {
	border-bottom: none;
	text-align: left;
	width: auto;
	padding-bottom: 15px;
	letter-spacing: 0;
}
#pdtdetail h3 {
	font-size: 1.5em;
	color: #666;
	margin-top: 40px;
	margin-bottom: 15px;
}
#pdtdetail .spec h3 {
	clear: both;
}
#pdtdetail h2 + h3 {
	margin-top: -5px;
}

#pdtdetail.wrapper {
	margin-top: 1px;
	padding-top: 38px;
}
#pdtdetail.bhb {
	border-top: solid 11px #026202;
}
#pdtdetail.bhb .outline li:before,
#pdtdetail.bhb .options li:before {
	color: #026202;
}
#pdtdetail.bh {
	border-top: solid 11px #009800;
}
#pdtdetail.bh .outline li:before,
#pdtdetail.bh .options li:before {
	color: #009800;
}
#pdtdetail.ct {
	border-top: solid 11px #339999;
}
#pdtdetail.ct .outline li:before,
#pdtdetail.ct .options li:before {
	color: #339999;
}
#pdtdetail.fd {
	border-top: solid 11px #993399;
}
#pdtdetail.fd .outline li:before,
#pdtdetail.fd .options li:before {
	color: #993399;
}
#pdtdetail.hk {
	border-top: solid 11px #000066;
}
#pdtdetail.hk .outline li:before,
#pdtdetail.hk .options li:before {
	color: #000066;
}
#pdtdetail.st {
	border-top: solid 11px #2f69e0;
}
#pdtdetail.st .outline li:before,
#pdtdetail.st .options li:before {
	color: #2f69e0;
}
#pdtdetail.op {
	border-top: solid 11px #306fef;
}
#pdtdetail.op .outline li:before,
#pdtdetail.op .options li:before {
	color: #306fef;
}

#pdtdetail.lead {
	font-size: 2.4em;
}

#pdtdetail section {
	clear: none;
	margin-bottom: 40px;
	overflow: hidden;
}
#pdtdetail section:nth-last-of-type(1) {
	margin-bottom: 50px;
}

#pdtdetail #pdtimage {
	border: solid 3px #ccc;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding: 13px 0 11px 13px;
}
#pdtdetail #pdtimage.ctr {
	padding-left: 0;
	text-align: center;
}
#pdtdetail #pdtimage.hlf {
	padding: 10px 0 8px 0;
	text-align: center;
	margin-bottom: 40px;
	float: left;
	width: 490px;
}

#pdtdetail #pdtimgrgt {
	float: right;
	width: 480px;
}

#pdtdetail .outline {
	margin: 30px 0 65px 0;
}
#pdtdetail .lead + .outline {
	margin-top: 10px;
}
#pdtdetail .outline + p.bl {
	margin-top: -25px;
	margin-bottom: 45px;
}
#pdtdetail .outline li {
	font-size: 1.8em;
	margin-bottom: 5px;
	text-indent: -0.8em;
	padding-left: 0.8em;
}
#pdtdetail .outline.s li {
	font-size: 1.6em;
}
#pdtdetail .outline li:before {
	content: "\025a0";
	position: relative;
	top: -4px;
	margin-right: 5px;
}

#pdtdetail .flft {
	float: left;
	width: 332px;
	margin-bottom: 10px;
}
#pdtdetail .flft section:nth-of-type(1) {
	margin-bottom: 25px;
}

.samplepdt {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	border: solid 1px #ccc;
	width: 332px;
	min-height: 192px;
	padding-bottom: 15px;
}
.samplepdt p:nth-last-of-type(1) {
	text-align: left;
	padding-left: 15px;
	padding-right: 10px;
}
.samplepdt .img img {
	margin: 5px 0 15px 0;
}
.samplepdt .tit {
	font-size: 1.24em;
	padding: 15px 15px 10px 15px;
	text-align: left;
}
.options {
	margin-top: -12px;
	margin-left: 5px;
}
.options li {
	font-size: 1.2em;
	margin-bottom: 0;
	text-indent: -1.15em;
	padding-left: 1.1em;
	height: auto;
	line-height: 1.3;
}
.options li:before {
	content: "\025cf";
	position: relative;
	top: 2px;
	margin-right: 2px;
	font-size: 1.8em;
	line-height: 1;
}
#pdtdetail .pdtfeatures {
	float: right;
	width: 635px;
}
#pdtdetail .pdtfeatures p {
	font-size: 1.2em;
	line-height: 1.5;
	padding-bottom: 1em;
}
#pdtdetail .pdtfeatures th,
#pdtdetail .pdtfeatures td {
	font-size: 1.2em;
	line-height: 1.5;
}
#pdtdetail .pdtfeatures .options li {
	line-height: 1.5;
}
#pdtdetail .pdtfeatures strong {
	color: #cc0000;
}
#pdtdetail .pdtfeatures p.astr.note {
	line-height: 1.4;
	font-size: 1em;
}

#pdtdetail section.spec {
	clear: both;
}
#pdtdetail section.spec .tit {
	color: #003399;
	font-size: 1.3em;
	padding-bottom: 15px;
}
#pdtdetail section.spec .ptxt {
	font-size: 1.2em;
	line-height: 1.5;
	padding-bottom: 1em;
}
.astr.note.nttop {
	margin-top: -25px;
	margin-bottom: 38px;
	margin-left: 20px;
	font-size: 1em;
}
.specbox {
	clear: both;
	border: solid 1px #ccc;
	border-bottom: none;
	overflow: hidden;
	font-size: 1.2em;
	padding-right: 25px;
}
.specbox:nth-last-of-type(1),
.specbox.last,
.specbox.bdr {
	border-bottom: solid 1px #ccc;
}
.specbox.last {
	margin-bottom: 30px;
	padding-right: 0;
}
.specbox.full {
	padding-left: 25px;
}
.specbox h4 {
	margin: 30px 0 20px 0;
	font-size: 1.16em;
	font-weight: normal;
	background: #f1f1f1;
	padding: 0.3em;
}
.specbox.bdr h4 {
	margin-top: 18px;
}
.specbox .img {
	float: left;
	padding: 20px 40px 5px 40px;
}
.specbox .img.ctr {
	float: none;
	padding: 20px 0 15px 0;
}
.specbox .txt {
	overflow: hidden;
	padding-bottom: 25px;
}
.specbox.full p {
	padding-left: 30px;
	padding-right: 30px;
}
.specbox .txthalf {
	float: left;
	text-align: center;
	width: 50%;
	padding-bottom: 10px;
}
.specbox .txthalf:nth-of-type(1) {
	border-right: dotted 1px #ccc;
}
.specbox .txthalf h4 {
	margin-top: 18px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.specbox .txthalf p.img,
.specbox .txthalf p.img:nth-last-of-type(1) {
	display: block;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}
.specbox .txthalf ul,
.specbox .txthalf p:nth-last-of-type(1) {
	margin: 15px 40px 15px 45px;
	text-align: left;
}
.specbox .txthalf + .astr {
	padding: 15px 0 15px 15px;
}
.specbox .txt ul.notit {
	margin-top: 25px;
}
.specbox li {
	font-size: 1em;
	margin-bottom: 0.3em;
}
.astr.note {
	margin-top: 20px;
	text-indent: -0.7em;
	padding-left: 1em;
	font-size: 0.9em;
	line-height: 1.5;
}
.astr.note:nth-of-type(2) {
	margin-top: 0;
}
.specbox li.note {
	font-size: 0.83em;
	padding-top: 10px;
}

.spec .spctbl {
	margin-bottom: 10px;
}
.spec .spctbl th {
	width: 25%;
	vertical-align: middle;
}
.spec .spctbl#bhtbl th {
	width: 28%;
}
.spec .spctbl#bhtbl th:nth-of-type(1) {
	width: 16%;
}
.spec .spctbl.optbl th {
	width: 35%;
}
.spec .spctbl td {
	line-height: 1.4;
}
.spec .spctbl .lstbl li {
	margin-bottom: 0;
	line-height: 1.1;
}
.spec .spctbl td .note {
	font-size: 0.7em;
}

#sg01 {
	margin-bottom: 74px;
}


/* Why TOTANI
--------------------------------------- */
.sec_why ul.link {
	margin-top: -10px;
	margin-bottom: 50px;
}
.sec_why dd ul.link {
	margin-top: 20px;
	margin-bottom: 30px;
}
.sec_why dd ul.link li a {
	font-size: inherit;
}
.sec_why ul.link li a {
	text-indent: 0;
	padding-right: 30px;
	padding-left: 15px;
}
.sec_why .boxyw {
	margin-top: 18px;
	font-weight: bold;
	color: #555;
	line-height: 1.6;
}
.sec_why dl.dft {
	margin-bottom: 40px;
}
.sec_why dl.dft dt {
 padding-top: 10px;
 padding-bottom: 10px;
}
.sec_why dl.dft dd {
	padding-right: 25px;
	padding-left: 25px;
}
.sec_why dd .box {
	background: #f8f8f8;
}
.sec_why dd .box h4.bl {
	padding-top: 20px;
}
.sec_why dd p {
	line-height: 1.5;
	padding-bottom: 0.9em;
}
.sec_why dd p.lnk a {
	text-decoration: underline;
}
.sec_why .listimgtwo .tit {
 font-size: 1.4em;
}
#dev02box {
 margin: 40px 0 50px 0;
 padding: 25px;
}


/* News
--------------------------------------- */
.exbtable {
	margin-top: 45px;
}
.exbtable:nth-last-of-type(1) {
	margin-bottom: 60px;
}
.exbtable h2,
.exbtable p.txt {
	margin-bottom: 30px;
}
.exbtable table {
	margin-bottom: 35px;
}
.exbtable table th {
	vertical-align: middle;
	text-align: left;
}
.exbtable table tr:nth-of-type(2) th {
	width: 22%;
}
.exbtable th.bl,
.exbtable th.gn {
	font-size: 1.6em;
	text-align: left;
	padding-top: 13px;
	padding-bottom: 12px;
}
.exbtable th.bl.s,
.exbtable th.gn.s {
	font-size: 1.4em;
}
.exbtable th.bl .ven,
.exbtable th.gn .ven {
	font-size: 0.75em;
	padding-left: 15px;
}
.exbtable th.bl {
	background: #dfeef9;
}
.exbtable th.gn {
	background: #ebf9d7;
}
.exbtable th.fn:before {
	content: "Finished";
	display: block;
	float: left;
	width: 90px;
	background: #cc0000;
	font-size: 0.75em;
	font-weight: bold;
	line-height: 28px;
	text-align: center;
	color: #fff;
	margin-right: 15px;
}

#movtable th a {
	display: block;
	font-size: 0.9em;
}
#movtable td:nth-of-type(1) {
	width: 200px;
}
#movtable td:nth-of-type(2) {
	vertical-align: top;
}
#movtable td:nth-of-type(2) p {
	padding-bottom: 1em;
}


/* About Us
--------------------------------------- */
.sec_about ul.tp {
	margin: 30px 0 5px 0;
	}
.sec_about .tp li:nth-child(3n-1) {
	margin-right: 2%;
	margin-left: 2%;
}
.sec_about .tp li .cap {
	width: 100%;
}

#abttable {
	margin: 10px 0 0 0;
}
#abttable.dft th {
	width: 30%;
	text-align: left;
	background: #e4f3ff;
}
#abttable.dft th,
#abttable.dft td {
	vertical-align: middle;
}
#abttable.dft td th {
	background: none;
	width: 35%;
}

#abtprin {
}
#abtprin p {
	padding-bottom: 0.6em;
}
#abtprin p.bllead {
 padding-bottom: 0.5em;
}

#slstable {
 margin-bottom: 5px;
}
#slstable th {
	width: 27%;
	vertical-align: middle;
}
.g02 {
	float: left;
	width: 50%;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	font-size: 1em;
 margin-bottom: 5px;
}
.g02:nth-of-type(2) {
	border-right: solid 1px #ccc;
}
.g02 li {
	border-bottom: solid 1px #ccc;
	text-align: right;
	line-height: 38px;
	padding-right: 8px;
	font-size: 1.2em;
}
.g02 li.yr {
	float: left;
	border-right: solid 1px #ccc;
	text-align: center;
	width: 45%;
	background: #f5f5f5;
	font-size: 1em;
}

#strimg {
 text-align: center;
}
#strimg img {
	margin: 20px 0 30px 0;
 width: 85%;
 height: auto;
}

/* Location map */
#locationmap {
	margin: 25px 0 15px 0;
 text-align: center;
}
#locationmap.imgctr img {
 width: 88%;
 height: auto;
}
#lctmap {
	margin-bottom: 20px;
}
#lctmap .listimgtwo li .tit {
	font-size: 1.3em;
	font-weight: normal;
}
#lctmap .listimgtwo li .tit .area {
	display: block;
	position: absolute;
	right: 10px;
	top: 11px;
	background: #076c93;
		border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	color: #fff;
	font-size: 0.7em;
	text-align: center;
	width: 80px;
	text-indent: 0;
}
#lctmap .listimgtwo li li {
 width: 100%;
}
#lctmap .listimgtwo li .add {
	margin-top: 8px;
	padding-bottom: 10px;
	font-size: 1em;
	line-height: 1.6;
}
#lctmap .listimgtwo li .add.snd {
 margin-top: 12px;
	padding-bottom: 14px;
}
#lctmap .listimgtwo li .addmrk li {
	padding-left: 60px;
	font-size: 1.2em;
	margin-bottom: 6px;
	padding-bottom: 9px;
	border-bottom: dotted 1px #ccc;
}
#lctmap .listimgtwo li .addmrk li:nth-of-type(1) {
	border-top: dotted 1px #ccc;
	padding-top: 8px;
	background: url(../images/pict_tel2.png) no-repeat 12px 7px;
	background-size: 26px auto;
}
#lctmap .listimgtwo li .addmrk .tel {
	background: url(../images/pict_tel2.png) no-repeat 12px 0;
	background-size: 26px auto;
}
#lctmap .listimgtwo li .addmrk .fax {
	background: url(../images/pict_fax2.png) no-repeat 12px 0;
	background-size: 26px auto;
}
#lctmap .listimgtwo li .addmrk .mail {
	background: url(../images/pict_mail2.png) no-repeat 12px 0;
	background-size: 26px auto;
}

/* Patent */
#patent .boxyw {
 font-size: 1.2em;
 margin-bottom: 30px;
}
#patent .leadrd {
 font-size: 2em;
 color: #cc0000;
 padding-bottom: 8px;
}
#patent .lead {
 font-weight: normal;
}
#patent .box {
 margin-top: 15px;
 position: relative;
}
#patent .expbox {
 border: solid 3px #ccc;
 font-size: 1.2em;
 padding: 15px;
}
#patent .expbox h4 {
 color: #ff6600;
 font-size: 1.2em;
 padding: 0 0 15px 0;
}
#patent .box h3 {
 font-weight: normal;
 font-size: 2em !important;
 line-height: 1 !important;
 padding: 50px 30px 0 0 !important;
 margin: 0 !important;
 text-align: right;
 background: none;
 color: #048dc5;
}

#patent .pat {
 margin-top: 30px;
 font-size: 1.2em;
 line-height: 1.5;
}
#patent .pat h5 {
  font-size: 1.3em;
  padding-bottom: 10px;
}
#patent .link {
 margin-bottom: 70px;
}

#pat0101 {
 position: absolute;
 top: 490px;
 left: 30px;
 width: 450px;
}
#pat0102 {
 position: absolute;
 bottom: 170px;
 left: 30px;
 width: 450px;
}
#pat0103 {
 margin: 40px 20px 20px 20px;
}

#patent .patarw {
 margin: 15px 0 15px 125px;
}
#pat0201 {
 position: absolute;
 top: 500px;
 right: 80px;
 width: 550px;
}


/* Faq
--------------------------------------- */
.qalst {
 margin: 40px 0 25px 0;
 font-size: 1.2em;
 line-height: 1.8;
}
.qalst:nth-of-type(1) {
 margin-top: 60px;
}
.qalst dt {
 font-size: 1.1em;
 line-height: 1.6;
 background: #e4f3ff;
 padding: 10px 10px 0 5px;
 font-weight: bold;
 margin-bottom: 10px;
 overflow: hidden;
}
.qalst dt:before {
 content: "Q";
 background: #0494d2;
 color: #fff;
 font-size: 1.4em;
 display: block;
 width: 40px;
 line-height: 40px;
 text-align: center;
 margin-right: 15px;
 float: left;
 position: relative;
 top: -5px;
}
.qalst dd {
 padding-left: 60px;
}
.qalst dd:before {
 content: "A";
 background: #d20448;
 color: #fff;
 font-size: 1.4em;
 font-weight: bold;
 display: block;
 width: 40px;
 line-height: 40px;
 text-align: center;
 margin-right: -45px;
 float: left;
 position: relative;
 top: 5px;
 left: -55px;
}


/* Contact Us
--------------------------------------- */
.sec_contact ul.link:nth-last-of-type(1) {
 margin-bottom: 60px;
}
.sec_contact .intro.clmbox {
 padding: 30px;
}

.pcytable {
	margin: 25px 0;
}
.pcytable.dft th {
	text-align: left;
	background: #e4f3ff;
 padding: 10px;
}
.pcytable.dft th,
.pcytable.dft td {
	vertical-align: middle;
}
.pcytable.dft th span {
 display: table-cell;
 padding-left: 15px;
 vertical-align: middle;
}
.pcytable.dft th span.cs {
 padding: 8px;
 font-size: 1em;
 color: #fff;
 text-align: center;
 background: #093a9f;
}


/* Sitemap
--------------------------------------- */
.sec_sitemap .wrapper.p {
 width: 900px;
}


/* Privacy Policy
--------------------------------------- */
.sec_policy .boxline2 {
 width: 100%;
 font-size: 1em;
 line-height: 1.5;
 padding: 15px;
}
#ppolicy {
 margin: 15px 0;
}
#ppolicy dd {
 padding-top: 2px
}


/* Top page
--------------------------------------- */
#toppdt {
	background: url(../images/top_bg_rgt.png) no-repeat right center #fff;
	padding: 20px 0 30px 0;
}
#toppdt p.img {
	position: relative;
}
#toppdt .lead {
	position: relative;
	z-index: 100;
	text-align: right;
	font-size: 2.2em;
	font-weight: bold;
	line-height: 1.1;
	margin-top: -45px;
	margin-bottom: 10px;
}
#toppdt p.txt {
	display: block;
	width: 900px;
	margin-left: auto;
	text-align: right;
	font-size: 1.1em;
}

/*  */
#toppanel {
	background: url(../images/top_bg_pnl.jpg) repeat-x center;
	height: 311px;
	padding-top: 47px;
}
#toppanel .tp {
	width: 1024px;
	margin: 0 auto;
	overflow: hidden;
}
#toppanel .tp li:nth-child(3n-1) {
	margin-right: 29px;
	margin-left: 28px;
}

/*  */
#topexb {
	background-image: url(../images/top_bg_lft.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#topexb ul {
	width: 1024px;
	margin: 40px auto 20px auto;
	overflow: hidden;
}
#topexb li {
	float: left;
	border: solid 3px #959595;
	background: #fff;
	width: 320px;
	margin-bottom: 20px;
	padding-bottom: 15px;
}
#topexb li:nth-child(3n-1) {
	margin-left: 32px;
	margin-right: 32px;
}
#topexb li a {
	display: block;
}
#topexb li a:hover {
	text-decoration: none;
}
#topexb li .date {
	display: block;
	position: relative;
	background: #d9f4fe;
	line-height: 37px;
	padding-left: 8px;
	margin: 2px 2px 12px 2px;
	font-size: 1.1em;
}
#topexb li.next .date,
#topexb li.new .date {
	padding-left: 60px;
}
#topexb li.f .date:after {
	display: block;
	content: "Finished";
	color: #ff0000;
	background: #fff;
	font-size: 0.8em;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	position: absolute;
	right: 8px;
	top: 7px;
	z-index: 5;
	padding: 0 8px;
	line-height: 22px;
}
#topexb li.next .date:before {
	display: block;
	content: "Next";
	color: #fff;
	background: #468d01;
	font-size: 0.8em;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	position: absolute;
	left: 8px;
	top: 7px;
	z-index: 5;
	padding: 0 8px;
	line-height: 22px;
}
#topexb li.new .date:before {
	display: block;
	content: "New";
	color: #fff;
	background: #cc0000;
	font-size: 0.8em;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	position: absolute;
	left: 8px;
	top: 7px;
	z-index: 5;
	padding: 0 8px;
	line-height: 22px;
}
#topexb li .tit {
	font-weight: bold;
	font-size: 1.2em;
	padding-left: 8px;
	padding-right: 7px;
	line-height: 1.4;
}
#topexb li .lct {
	padding-left: 8px;
}

/*  */
#topvideo {
	background: #fff;
}
#topvideo .tp li {
	margin-right: 22px;
}
#topvideo .tp li:nth-last-of-type(1) {
	margin-right: 0;
}

/*  */
#topnews ul {
	width: 970px;
	margin: 30px auto 10px auto;
	overflow: hidden;
}
#topnews li {
	border-bottom: dotted 1px #ccc;
	padding: 15px;
	font-size: 1.1em;
}
#topnews li span.date {
	float: left;
 width: 270px;
}
#topnews li span.date:after {
	display: inline-block;
	content: "Exhibition";
	background: #dee3f5;
	margin-left: 30px;
	width: 106px;
	line-height: 22px;
	font-size: 0.9em;
	text-align: center;
}
#topnews li.abt span.date:after {
	content: "Company";
	background: #fbe6be;
}
#topnews li.new span.date:after {
	content: "New";
	background: #fad4d4;
}

#bnrpolicy {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
 border: solid 1px #bbb;
 width: 50%;
 margin: -12px auto 70px auto;
}
#bnrpolicy a {
 display: block;
 padding: 12px;
 font-size: 1.4em;
 text-align: center;
 color: #048dc5;
 font-weight: bold;
 background: url(../images/arw_gy.png) no-repeat right 20px center;
}
#bnrpolicy a:hover {
 text-decoration: none;
 background: url(../images/arw_gy.png) no-repeat right 20px center #f5f5f5;
} 


/* Jobs form
--------------------------------------- */
#jform table.dft {
	margin: 35px 0 20px 0;
}

#jform table.cnf td {
	font-size: 1.6em;
}

#jform table.dft th {
	width: 28%;
}

#jform input[type="text"],
#jform input[type="tel"],
#jform input[type="url"],
#jform input[type="email"],
#jform select,
#jform textarea {
	border: solid 1px #aaa;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 16px;
	margin: 7px 0;
	padding: 5px;
}

#jform .txtbx,
#jform textarea {
	width: 600px;
}

#jform textarea {
 vertical-align: top;
}

#jform .s1 {
	width: 70px;
}
#jform .s2 {
	width: 50px;
}
#jform .s3 {
	width: 40px;
}
#jform .s4 {
	width: 100px;
}
#jform .m1 {
	width: 400px;
}

#jform input.mlt {
	margin-left: 0.85em;
}

.formbtn {
	text-align: center;
 padding-bottom: 50px;
}
.formbtn input {
	border: solid 1px #999;
		border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 8px;
	margin: 35px 15px 30px 15px;
	width: 200px;
 font-size: 1.2em;
	background-image: -moz-linear-gradient(top, #fff, #ddd);
	background-image: -ms-linear-gradient(top, #fff, #ddd);
	background-image: -o-linear-gradient(top, #fff, #ddd);
	background-image: -webkit-linear-gradient(top, #fff, #ddd);
	background-image: linear-gradient(top, #fff, #ddd);
}

.inqflow {
	overflow: hidden;
	margin: 30px auto 40px auto;
}

.inqflow li {
	float: left;
	width: 341px;
	background: url(../images/inq_arw.png) no-repeat right 28px center;
}
.inqflow li:nth-last-child(1) {
	width: 278px;
}


/* Products Spec */
.wrapper.twp h1 {
 font-size: 1.1em;
 padding: 5px 0;
 line-height: 1.3;
} 
.wrapper.twp .dft#pdttbl {
 width: 100%;
 margin-bottom: 15px;
}
.wrapper.twp .dft#pdttbl th {
 text-align: left;
}
.wrapper.twp .dft#pdttbl th span {
 display: inline-block;
 padding-left: 1.1em;
}
.wrapper.twp .dft#pdttbl th,
.wrapper.twp .dft#pdttbl td {
 word-break : break-word;
 display: block;
 padding: 8px;
}

footer.twp {
 margin-top: 20px;
 width: 100%;
 background: url(../images/table_ft_bg.png) no-repeat center #f5f5f5 !important;
 height: 41px;
}


/* Contact Us */
.contactus {
	width: 96%;
	padding-top: 25px;
	padding-bottom: 25px;
	border: solid 3px #d9d9d9;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	overflow: hidden;
	font-size: 0.75em;
}
.contactus h2 {
	text-align: center;
	font-size: 2em;
}
.contactus .txt {
	margin: 0 8px;
	font-size: 1.2em;
	line-height: 1.3;
}
.contactus .pctbnr li.mail:nth-of-type(1) a {
	padding-left: 22px;
}
/* Pict Banner */
.pctbnr {
	width: 96%;
	position: relative;
	left: 50%;
	margin-top: 25px;
}
.pctbnr li {
	float: left;
	width: 100%;
	position: relative;
	left: -50%;
	margin-bottom: 15px;
}
.pctbnr li a,
.pctbnr li span.a {
	font-size: 1.5em;
	text-align: center;
	padding-top: 18px;
	padding-bottom: 16px;
	background-size: 13% auto;
}
.pctbnr li.mail a {
	background-position: 10px center;
}
.pctbnr li.tel a {
	background-position: 13px center;
}
.pctbnr li.fax a,
.pctbnr li.fax span.a {
	background-position: 12px center;
}

}
