@charset "utf-8";
/* CSS Document */

.pro_area {
	width:560px;
	overflow:hidden; /* do not erase!! */
	margin-top:20px;
	background-image:url(../products/common/images/pro_back.gif);
}

.pro_area ul {
	list-style-type:disc;
	margin-left:8px;
}

.pro_area li {
	margin-left:8px;
	margin-bottom:8px;
}

.pro_box {
	width:260px;
	padding:0px;
	float:left;
	margin-right:20px;
	overflow:hidden;
}

.pro_bottom {
	width:560px;
	clear:both;
}

.title_area {
	margin:0px;
	padding:0px;
	height:36px;
}

.pro_table {
	width:260px;
	height:155px;
	margin:5px 0px;
	padding:0px;
}

.pro_table tr {
	margin:0px;
	padding:0px;
}

.pro_table img {
	margin:0px;
	padding:0px;
}

.pro_img_td {
	margin:0px;
	padding:0px;
	text-align:left;
	vertical-align:top;
}

.pro_logo {
	text-align:right;
	vertical-align:top;
}

.pro_detail {
	margin:0px;
	padding:0px 0px 3px;
	text-align:right;
	vertical-align:bottom;
	font-size:8pt;
	line-height:1.2em;
}

.pro_detail p {
	margin:10px 0px 0px;
	padding:0px;
}

.pro_white {
	width:560px;
	background-image:url(../products/common/images/pro_white.gif);
	height:15px;
	float:left;
}

.after_pro {
	width:550px;
	margin:0px;
	padding:0px;
	float:left;
}

.spec1 td {
	vertical-align:top;
}


/* tools */
.title_tools {
	border-left:5px solid #0c835b;
	color: #0c835b;
	background-color:#ebf6f0;
	font-weight:bold;
	margin:0px;
	padding:3px 7px 3px;
	line-height:1.1em;
}
.title_tools a:link { color: #0c835b; }
/*.title_tools a:visited { color: #0c835b; }*/
.title_tools a:hover { color: #0c835b; }
.title_tools a:active { color: #0c835b; }

/* kos */
.title_kos {
	border-left:5px solid #7dc35a;
	color:#7dc35a;
	background-color:#f1f6ea;
	font-weight:bold;
	margin:0px;
	padding:3px 7px 3px;
	line-height:1.1em;
}
.title_kos a:link { color: #7dc35a; }
/*.title_kos a:visited { color: #7dc35a; }*/
.title_kos a:hover { color: #7dc35a; }
.title_kos a:active { color: #7dc35a; }

/* sei */
.title_sei {
	border-left:5px solid #7dc35a;
	color:#7dc35a;
	background-color:#f1f6ea;
	font-weight:bold;
	margin:0px;
	padding:3px 7px 3px;
	line-height:1.1em;
}
.title_sei a:link { color: #7dc35a; }
/*.title_sei a:visited { color: #7dc35a; }*/
.title_sei a:hover { color: #7dc35a; }
.title_sei a:active { color: #7dc35a; }

/* rob */
.title_rob {
	border-left:5px solid #f38503;
	color:#f38503;
	background-color:#fff3e5;
	font-weight:bold;
	margin:0px;
	padding:3px 7px 3px;
	line-height:1.1em;
}
.title_rob a:link { color: #f38503; }
.title_rob a:visited { color: #f38503; } /* 2016/3/8 comment cut */
.title_rob a:hover { color: #f38503; }
.title_rob a:active { color: #f38503; }

/* jik */
.title_jik {
	border-left:5px solid #336699;
	color:#336699;
	background-color:#e1ebf5;
	font-weight:bold;
	margin:0px;
	padding:3px 7px 3px;
	line-height:1.1em;
}
.title_jik a:link { color: #336699; }
/*.title_jik a:visited { color: #336699; }*/
.title_jik a:hover { color: #336699; }
.title_jik a:active { color: #336699; }

/* yua */
.title_yua {
	border-left:5px solid #66b7d5;
	color:#66b7d5;
	background-color:#e5f2f7;
	font-weight:bold;
	margin:0px;
	padding:3px 7px 3px;
	line-height:1.1em;
}
.title_yua a:link { color: #66b7d5; }
/*.title_yua a:visited { color: #66b7d5; }*/
.title_yua a:hover { color: #66b7d5; }
.title_yua a:active { color: #66b7d5; }

/* kou */
.title_kou {
	border-left:5px solid #993333;
	color:#993333;
	background-color:#fce9e5;
	font-weight:bold;
	margin:0px;
	padding:3px 7px 3px;
	line-height:1.1em;
}
.title_kou a:link { color: #993333; }
/*.title_kou a:visited { color: #993333; }*/
.title_kou a:hover { color: #993333; }
.title_kou a:active { color: #993333; }

/* sgs */
.title_sgs {
	border-left:5px solid #993333;
	color:#993333;
	background-color:#fce9e5;
	font-weight:bold;
	margin:0px;
	padding:3px 7px 3px;
	line-height:1.1em;
}
.title_sgs a:link { color: #993333; }
/*.title_sgs a:visited { color: #993333; }*/
.title_sgs a:hover { color: #993333; }
.title_sgs a:active { color: #993333; }

/* coa */
.title_coa {
	border-left:5px solid #993333;
	color:#993333;
	background-color:#fce9e5;
	font-weight:bold;
	margin:0px;
	padding:3px 7px 3px;
	line-height:1.1em;
}
.title_coa a:link { color: #993333; }
/*.title_coa a:visited { color: #993333; }*/
.title_coa a:hover { color: #993333; }
.title_coa a:active { color: #993333; }

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

/* easy products page (ex: iph series) */

.epro_box {
	margin:10px 0px 10px;
	padding-bottom:10px;
	border-bottom:1px dotted #cccccc;
}

.epro_box2 {
	margin:10px 0px 20px;
	padding-bottom:10px;
	border-bottom:1px dotted #cccccc;
}

.fis_yua_divtitle {
	width: 558px;
	margin: 2px 0 10px 0;
	padding-bottom: 2px;
	color: #66b7d5;
	font-weight: bold;
	border-bottom: 1px #66b7d5 solid;
	font-size:11pt;
}

.fis_yua_txttitle {
	color:#66b7d5;
	font-weight:bold;
	font-size:10pt;
	margin-bottom:3px;
	padding-top:10px;
}

.fis_yua_mdidashi {
	color:#66b7d5;
	font-weight:bold;
	font-size:10pt;
	margin-bottom:3px;
	padding-top:10px;
}

/* -------------------------------------------------------- */
/* Division Banner Universal Setting                        */
/* Note: local banner-image setting in xxx/common/style.css */
/* -------------------------------------------------------- */

/* caution same class in /common/pro_top.css and /products/common/style.css */
/* pro_top.css = jik */
/* products/common/style.css = others */

#prod_universal_banners {
	width: 140px;
	margin: 20px auto;
	padding: 0px;
}

#prod_universal_banners ul.banner {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	background-color: #efefed;
}

#prod_universal_banners li {
	margin:10px 0px;
	padding:0px;
}

#prod_universal_banners ul.banner a {
	width: 140px;
	height: 54px;
	margin: 0;
	padding: 0;
	display:block;
	overflow:hidden;
	text-indent: -3000px;
}

#prod_universal_banners ul.banner li a:link,
#prod_universal_banners ul.banner li a:visited {
	background-position:0px 0px;
}

#prod_universal_banners ul.banner li a:hover,
#prod_universal_banners ul.banner li a:active {
	background-position:0px 54px
}