@charset "utf-8";

@import "base.css";


/*
--------------------------------------------------------
nonband.html
--------------------------------------------------------
*/
.nonband h2 {
	background-image: url(../../series/image/nonband/h2_bck_nonband.jpg);
}

/*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;
}

.section h3#Series,
.section h3#Results,
.section h3#Color {
	width: 570px;
	height: 30px;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: dotted 1px #aaa;
	background: no-repeat 0 0;
}

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

.section.series h3#Series {
	background-image: url(../../series/image/nonband/h3_bck_nonband2.gif);
}

.section.results h3#Results {
	background-image: url(../../series/image/nonband/h3_bck_nonband3.gif);
}

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

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

.section.text ol li {
	padding: 8px 0 3px 14px;
	background: url(../../series/image/ico_text_dt.gif) no-repeat 0 13px;
	border-bottom: dotted 1px #aaa;
	vertical-align: top;
}

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

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

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

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

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

.section.series div.process-txt {
	font-size: 12px;
		line-height: 160%;
}

/*IE6*/* html .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/nonband/arrow_product_btn_off.jpg) no-repeat 0 0;
}

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

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


/*-----download/nonband.html-----*/


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

.section.dolo h3 {
	height: 41px;
	border: none;
	background-image: url(../../download/image/nonband/h3_bck_nonband.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 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/nonband/arrow_caddl_btn_off.jpg) no-repeat 0 0;
}

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

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

.section.dolo .section p.arrow2 img,
.section.dolo .section p.arrow2 a img {
	background: url(../../download/image/hanmaru/watch_tatetoi.jpg) no-repeat 0 0;
}

.section.dolo .section p.arrow2 a:hover img {
	background-image: url(../../download/image/hanmaru/watch_tatetoi_on.jpg);
}

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


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

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