@charset "utf-8";

/* CSS Document */


h2 {
	clear:both;
	color:#333333;
	font-size:28px;
	font-weight:normal;
	border-bottom:1px solid #CCCCCC;
	padding:0.75em 0;
	margin:0 0 0.5em 0;
}

h2 span {
	color:#CC3333;
	font-size:18px;
	font-weight:bold;
	padding:0 1em;
	margin:0;
}

h3 {
	color:#666666;
	font-size:131%;
	border-bottom:3px solid #CCCCCC;
	padding:1em 0 0.7em 0;
	margin:0 0 1em 0;
}

h4{
	color:#666666;
	font-size:116%;
	margin:0 0 0.5em 0;
	color:#669933;
}

/* PDF */

.pdf {
	background-position:left center;
	padding-left:2em;
}

/* Two - Third */

.two-third {
	margin-bottom:1em;
}

.two-third .one {
	float:left;
	width:200px;
}

.two-third .two {
	float:right;
	width:380px;
}

.three-fourth {
	margin-bottom:1em;
}

.three-fourth .one {
	float:left;
	width:140px;
}

.three-fourth .three {
	float:right;
	width:440px;
}

.two-third .two ul,
.three-fourth .three ul {
	margin-top:0.2em;
	margin-bottom:0.2em;
}

/* Product List */

.product {
	display:block;
	clear:both;
	padding:0 0 0.5em 0;
	margin:0 0 1em 0;
}

.product dt {
	display:block;
	float:left;
	width:150px;
}

.product dt img {
	display:block;
}

.product dd {
	display:block;
	float:right;
	width:410px;
	padding:0;
	margin:0;
}

.product dd.line {
	display:block;
	clear:both;
	float:none;
	width:auto;
}

.product dd p {
	margin-bottom:0.4em;
}

.product dd ul {
	padding:0.5em 0;
	margin:0;
}

.product dd ul li {
	display:block;
	float:left;
	list-style:none;
	margin-right:1em;
}

.product dd ul li img {
	vertical-align:top;
}

/*  */

.attention {
	background-color:#FFFFFF;
	border:1px dotted #999999;
	padding:1px;
	margin:0;
}

.attention dt {
	float:left;
	width:204px;
	padding:0;
	margin:0;
}

.attention dt img {
	display:block;
}

.attention dd {
	float:right;
	width:376px;
	padding:0;
	margin:0;
}

.attention dd ul {
	margin-top:0.5em;
	margin-right:0;
	margin-bottom:0.2em;
}

.attention dd li {
	line-height:1.5em;
}

/* Text&Image Layout */

/* LEFT */
.txt-img-left {
	clear:both;
	line-height:1.6em;
	padding:0;
	margin:0;
}

.txt-img-left div {
	float:left;
	padding:0.25em 2em 0.5em 0;
}

.txt-img-left div p {
	padding:0.25em 0;
	margin:0;
}

/* RIGHT */
.txt-img-right {
	clear:both;
	line-height:1.6em;
	padding:0;
	margin:0;
}

.txt-img-right div {
	float:right;
	padding:0.25em 0 0.5em 2em;
}

.txt-img-right div p {
	padding:0.25em 0;
	margin:0;
}

table.ecotable thead th {
	background: #CEE2BA;
	border-color:#999999;
}

table.ecotable tbody th {
	background: #ECE8B0;
	border-color:#999999;	
}

table.ecotable tbody td {
	text-align: center;
	vertical-align: middle;
	border-color:#999999;
}


/* product_area Layout */

.ctnav {
	width:590px;
	margin:0 0 10px;
	padding:0 0 10px;
	background:url(../images/ctnav_bg.gif) no-repeat left bottom;
}

.ctnav li {
	list-style-type:none;
	line-height:0;
	font-size:1px;
	float:left;
	margin:0;
	padding:0 0 0 9px;
}

.pareaBox .secT {
	width:590px;
	margin:0 0 20px;
	text-align:center;
}

.pareaBox p.txt{
	}

.pareaBox .secT h3{
	padding:0;
	margin:0 0 15px;
	border:none;
}

.pareaBox .flow{
	width:580px;
	position:relative;
	text-align:left;
	border-bottom:dashed 1px #999;
	padding:0 0 10px;
	margin:0 0 10px 10px;
	}

.pareaBox .flowlast{
	width:580px;
	position:relative;
	text-align:left;
	padding:0 0 10px;
	margin:0 0 40px 10px;
	}

.pareaBox .flowlast .imgLeft{
	float:left;
	margin:0 10px 10px 0;
}

.pareaBox .flow p.click1{
	width:266px;
	float:left;
	margin:0 5px 0 0;
}

.pareaBox .flow p.click2{
	width:299px;
	float:left;
}

.pareaBox .flowlast p.cLeft{
	width:429px;
	float:left;
}

.pareaBox .flowlast p.cRight{
	width:145px;
	float:right;
}

.pareaBox .flow p img,
.pareaBox .flowlast p img{
	margin:0 0 5px;
}

.cap{
	margin:0 0 10px;
	padding:0;
	line-height:1.4;
}

.cap li{
	list-style:none;
	text-align:left;
}

.pareaBox .divTable {
	width:590px;
	margin:0 auto;
	border-bottom:3px solid #999;
}

.pareaBox .divTable th,
.pareaBox .divTable td {
	color:#000;
	padding:.3em;
	line-height:1.4;
	background:none;
	border:none;
	border-bottom:solid 1px #999;
	padding:8px 0;
}

.pareaBox .divTable td.divArea{
	text-align:center;
}
.pareaBox .divTable th {
	color:#FFF;
	border-right:#DEDEDE solid 1px;
	text-align:center;
}

.pareaBox .section {
	text-align:center;
	margin:0 0 30px;
}

.pareaBox .section p.tit{
	margin:0 0 15px;
}

.pareaBox .section table {
	clear:both;
	margin:0 auto 5px;
	width: 542px;
	border:medium none;
	border-collapse:collapse;
	border-color:#505050;
	border-spacing:0pt;
}

.pareaBox .section th,
.pareaBox .section td {
	padding: .3em;
	font-weight: normal;
	border-color:#505050;
}

.pareaBox table thead th {
	background: #CCCCCC;
}

.pareaBox table tbody th {
	background: none;
}

.pareaBox #area1 table,
.pareaBox #area2 table,
.pareaBox table .tArea1 {
	background-color:#EAE0FE;
}

.pareaBox #area1 table,
.pareaBox #area2 table,
.pareaBox table .tArea2 {
	background-color:#CCE4F2;
}

.pareaBox #area3 table,
.pareaBox table .tArea3 {
	background-color:#C4DDC8;
}

.pareaBox #area4 table,
.pareaBox #area5 table,
.pareaBox table .tArea4 {
	background-color:#FCF8CA;
}

.pareaBox #area4 table,
.pareaBox #area5 table,
.pareaBox table .tArea5 {
	background-color:#F7CB8C;
}

.pareaBox #area6 table,
.pareaBox table .tArea6 {
	background-color:#FAE9D1;
}

.pareaBox .underNav {
	width:550px;
	margin:0 auto;
	text-align:center;
}

.pareaBox .underNav li {
	text-align:left;
	list-style-type:none;
	float:left;
	margin:0 5px 0 0;
}