@charset "utf-8";

@import "base.css";


/*
--------------------------------------------------------
toughstain.html
--------------------------------------------------------
*/
.toughstain h2 {
	background-image: url(../../series/image/toughstain/h2_bck_toughstain.png);
}

/*Content*/

.section {
	margin-bottom: 15px;
}

.section.text {
	position: relative;
}

.section h3 span {
	display: none;
}

.section h3 {
	width: 372px;
	height: 30px;
	padding: 0 0 5px 0;
	border-bottom: dotted 1px #aaa;
	background: no-repeat 0 0;
}

/*-----series/toughstain.html-----*/
.section.text h3#Point {
	background-image: url(../../series/image/toughstain/h3_bck_toughstain1.gif);
}

.section.text h3#Series {
	background-image: url(../../series/image/toughstain/h3_bck_toughstain2.gif);
}

.section.img h3#Color {
	background-image: url(../../series/image/toughstain/h3_bck_toughstain3.gif);
}

.section.text dl {
	width: 372px;
	margin: 0 13px 0 0;
	font-size: 12px;
}

.section.text dl dt {
	padding: 8px 0 3px 14px;
	background: url(../../series/image/ico_text_dt.gif) no-repeat 0 55%;
	color: #14439d;
	font-size: 14px;
	line-height: 160%;
}

.section.text dl dd {
	padding: 0 0 11px 0;
	border-bottom: dotted 1px #aaa;
		font-size: 12px;
	line-height: 160%;
}

.section.text dl dd.nb {
	border: none;
}

.section.text dl dd dl {
	width: 354px;
	margin: 15px 13px 0 0;
	padding: 7px 9px;
	border: solid 1px #999;
}

.section.text dl dd dl dt {
	padding: 0;
	background: none;
	color: #333;
	font-size: 14px;
	line-height: 160%;
}

.section.text dl dd dl dd {
	border: none;
	font-size: 12px;
	line-height: 160%;
}

.section.text p {
	position: absolute;
	left: 385px;
}

.section.text p#img1 {
	top: 20px;
}

.section.text p#img2 {
	top: 247px;
}

.section.text p#img3 {
	top: 504px;
}

.section.img ul {
	margin-top:10px;
}

.section.img ul li {
	float:left;
	width:114px;
	margin-bottom:18px;
	text-align:center;
}

.section.img ul li#Color1 {
	width:122px;
}

.section.img ul li#Color4 {
	width:110px;
}

.section.img ul li#Color5 {
	width:110px;
}

.section.img ul li dl dd {
	font-size:12px;
	line-height:1.2;
}

.section.img ul li dl dd span {
	font-size:10px;
}

.section.img p.arrow {
	display:block;
	clear:both;
	width:242px;
	height:41px;
	margin:18px 0 0 0;
}

.section.img p.arrow img,
.section.img p.arrow a img  {
	background:url(../../series/image/toughstain/arrow_product_btn_off.png) no-repeat 0 0;
}

.section.img p.arrow a:hover img {
	background-image:url(../../series/image/toughstain/arrow_product_btn_on.png);
}

.section.img p.arrow span {
	display:none;
}


/*-----download/toughstain.html-----*/

.section.dolo h3 {
	height: 41px;
	border: none;
}

.section.dolo h3#Pipe {
	background-image: url(../../download/image/toughstain/h3_bck_toughstain1.gif);
}

.section.dolo h3#Display {
	margin-top: 28px;
	background-image: url(../../download/image/toughstain/h3_bck_toughstain2.gif);
}

.section.dolo h3#TY {
	margin-top: 28px;
	background-image: url(../../download/image/toughstain/h3_bck_toughstain3.gif);
}

.section.dolo h3#Elbo {
	margin-top: 28px;
	background-image: url(../../download/image/toughstain/h3_bck_toughstain4.gif);
}

.section.dolo h3#Socket {
	margin-top: 28px;
	background-image: url(../../download/image/toughstain/h3_bck_toughstain5.gif);
}

.section.dolo h3#Other {
	margin-top: 28px;
	background-image: url(../../download/image/toughstain/h3_bck_toughstain6.gif);
}

.section.dolo .section {
	display: block;
	position: relative;
	width: 568px;
	border: solid 1px #ccc;
	background: #fff;
}

.section.dolo .section h4 {
	width: 550px;
	margin: 0 0 10px 8px;
	padding: 10px 0 0 0;
	border-bottom: dotted 1px #ccc;
	color: #14439d;
	font-size: 14px;
	font-weight: normal;
}

.section.dolo .section h4 span {
	color: #333333;
	font-size: 12px;
	font-weight: normal;
}

.section p.arrow {
	display: block;
	clear: both;
	width: 367px;
	height: 41px;
	margin: 15px 0 15px 105px;
}

.section.dolo .section p.arrow img,
.section.dolo .section p.arrow a img {
	background: url(../../download/image/toughstain/arrow_caddl_btn_off.png) no-repeat 0 0;
}

.section.dolo .section p.arrow a:hover img {
	background-image: url(../../download/image/toughstain/arrow_caddl_btn_on.png);
}

.section.dolo .section p.arrow span {
	display: none;
}

/*Side*/
.toughstain #Side #Contact {
	margin-left: 7px;
}

/*
--------------------------------------------------------
print
--------------------------------------------------------
*/
/*@media print {
* {
	display: none;
}
}*/