@charset "UTF-8";


/*----------------------------------------------------------
 商品一覧
----------------------------------------------------------*/
#products-title {
	background: url(../images/tefc_products_maintitle.gif) no-repeat 0 0;
	width: 998px;
	height: 58px;
	margin: 20px auto 0 auto;
	padding: 0;
	text-indent: -9999px;
}

#tefc-products {
	background: url(../images/tefc_products_bg.gif) no-repeat 818px 495px;
	width: 900px;
	margin: 0 auto 0 auto;
	padding: 0;
}

.maincatch {
	width: 930px;
	height: 242px;
	margin: 0 auto;
	padding: 0;
}
.maincatch h1 {
	float: left;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}
#product01 { background: url(../images/tefc_products_catch.jpg) no-repeat 0 0; }
#product02 { background: url(../images/tefc_products_catch2.jpg) no-repeat 0 0; }
#catch-menu {
	float: left;
	margin: 0;
	padding: 0 0 0 0;
}
#catch-menu li {
	float: left;
	margin: 0;
	padding: 0;
	height: 35px;
}


.chapter-block { margin: 30px 0 70px 105px; }
.chapter-block h2 { margin-bottom: 20px; }
.chapter-block h2 span { background: url(../images/tefc_products_headline_mark.gif) no-repeat 4px 8px; }

.img-block {
	float: right;
	width: 370px;
	margin: 0 0 0 20px;
	vertical-align: bottom;
}
.img-block-full {
	width: 690px;
	margin: 0;
	vertical-align: bottom;
}
.img-block img {
	margin: 0;
	vertical-align: bottom;
}
.txt-block {
	float: left;
	width: 300px;
	margin: 0;
}
.txt-block-full {
	width: 690px;
	margin: 0;
}
.txt-block p {
	float: left;
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 0.9em;
	overflow: hidden;
}
.txt-block li {
	float: left;
	margin: 0 0 10px 0;
	font-size: 0.9em;
	line-height: 165%;
	text-indent: 48px;
}
.txt-block li.headmark1 { background: url(../images/tefc_products_headmark1.gif) no-repeat 0 0; }
.txt-block li.headmark2 { background: url(../images/tefc_products_headmark2.gif) no-repeat 0 0; }
.txt-block li.headmark3 { background: url(../images/tefc_products_headmark3.gif) no-repeat 0 0; }
.txt-block li.headmark4 { background: url(../images/tefc_products_headmark4.gif) no-repeat 0 0; text-indent: 90px; }


#prd01 h3 {
	clear: both;
	background: url(../images/tefc_products_footlead01.gif) no-repeat 0 0;
	width: 690px;
	height: 60px;
	margin: 20px auto 0 auto;
	padding: 0;
	text-indent: -9999px;
}
#prd02 h3 {
	clear: both;
	background: url(../images/tefc_products_footlead02.gif) no-repeat 0 0;
	width: 690px;
	height: 40px;
	margin: 20px auto 0 auto;
	padding: 0;
	text-indent: -9999px;
}
#prd06 p { padding-top: 22px; }
#prd06 p img { margin: -36px 0 0 20px; }


#prdsystem {
	width: 688px;
	font-size: 0.8em;
	margin: 10px 0 0 1px;
}
#prdsystem sup {
	font-size: 0.6em;
}
#prdsystem th {
	background: #8C93C8;
	border: 1px solid #000;
	line-height: 130%;
	padding: 4px 5px;
}
#prdsystem td {
	background: #FFF;
	border: 1px solid #000;
	line-height: 130%;
	padding: 4px 5px;
}
#prdsystem .clm01 { text-align: center; }
#prdsystem .ta-c { text-align: center; }
#prdsystem tr.bg-g1 td { background: #D4ECEB; }
#prdsystem .bg-g2 { background: #66B5B7; }
#prdsystem .bg-b1 { background: #8C93C8; }
#prdsystem tr.bg-b2 td { background: #D3DEF1; }

#prd07 h3 {
	background: url(../images/tefc_products_headmark5.gif) no-repeat 0 0;
	margin: 0;
	padding: 0 0 0 88px;
	color: #008A7C;
}

#prd08 h3 {
	width: 690px;
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: bold;
}
#prd08 h3 span {
	margin: 0 4px 0 0;
	color: #0068B6;
}

#prd08 table {
	width: 690px;
	font-size: 0.8em;
	margin: 10px 0 0 0;
}
#prd08 table sup {
	font-size: 0.7em;
}
#prd08 table th {
	background: #8C93C8;
	border: 1px solid #000;
	line-height: 130%;
	padding: 5px 5px;
}
#prd08 table td {
	background: #FFF;
	border: 1px solid #000;
	line-height: 130%;
	padding: 5px 5px;
}
#prd08 table .clm01 { width: 6%; }
#prd08 table .clm02 { width: 15%; }
#prd08 table .clm03 { width: 15%; }
#prd08 table .clm04 { width: 5%; }
#prd08 table .clm05 { width: 9%; }
#prd08 table .clm06 { width: 9%; }
#prd08 table .clm07 { width: 13%; }
#prd08 table .clm08 { width: 6%; }
#prd08 table .clm09 { width: 18%; }
#prd08 table .clm10 { width: 4%; }

#prd08 table .ta-c { text-align: center; }
#prd08 table tr.bg-b1 td { background: #D3DEF1; }
#prd08 table .bg-w { background: #FFF !important; }
#prd08 li strong { color: #E60012; }

#prd08 ul {
	margin: 15px 0 0 0;
}
#prd08 li {
	width: 690px;
	margin: 0 0 5px 0;
	font-size: 0.8em;
	line-height: 125%;
}
#prd08 li.mgn2 {
	text-indent: -2em;
	padding-left: 2em;
}
#prd08 li.mgn3 {
	text-indent: -3em;
	padding-left: 3em;
}

#prd-green {
	margin: 30px 0 0 105px;
}

.prdtable-block {
	width: 690px;
	font-size: 0.8em;
	margin: 0 0 30px 105px;
}
.prdtable-block h3 {
	width: 690px;
	border-left: 6px solid #008A7C;
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
}
#targetproduct p {
	float: left;
	width: 100%;
	line-height: 135%;
	margin: 5px 0 0 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
}
#targetproduct td p {
	width: auto;
	line-height: 135%;
	margin: 0 0 5px 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
}

#targetproduct .tblgreen { width: 680px; }
#targetcolor .tblgreen { width: 335px; }

.tblgreen sup {
	font-size: 0.6em;
}
.tblgreen th {
	background: #8C93C8;
	border: 1px solid #000;
	line-height: 130%;
	padding: 4px 5px;
	color: #FFF;
}
.tblgreen td {
	background: #FFF;
	border: 1px solid #000;
	line-height: 130%;
	padding: 4px 5px;
}
.tblgreen .clm01 { text-align: center; }
.tblgreen .ta-c { text-align: center; }
.tblgreen tr.bg-g1 td { background: #D4ECEB; }
.tblgreen .bg-g1 { background: #D4ECEB; }
.tblgreen .bg-g2 { background: #66B5B7; }
.tblgreen .bg-b1 { background: #8C93C8; }
.tblgreen tr.bg-b2 td { background: #D3DEF1; }

.tblgreen .w20 { width: 20%; }
.tblgreen .w23 { width: 23%; }
.tblgreen .w25 { width: 25%; }
.tblgreen .w30 { width: 30%; }
.tblgreen .w60 { width: 60%; }

.mgn-r10 { margin-right: 10px }
.mgn-t10 { margin-top: 10px }

.brd-r0 { border-right: none !important; }
.brd-l0 { border-left: none !important; }
.brd-t0 { border-top: none !important; }
.brd-b0 { border-bottom: none !important; }
.brd-b-dash { border-bottom: 1px dashed #000 !important; }
.brd-t-dash { border-top: 1px dashed #000 !important; }
.brd-r-dash { border-right: 1px dashed #000 !important; }
.brd-l-dash { border-left: 1px dashed #000 !important; }


#prd-green .txt-block-full p {
	margin: 0 0 10px 0;
}
.list-block {
	background: #D4ECEB;
	width: 360px;
	margin: 0 0 30px 20px;
	padding: 8px 0 8px 0;
	border: solid 1px #66B5B7;
	overflow: hidden;
}
.list-block li {
	list-style: decimal;
	margin: 0 0 0 3em;
	padding: 0;
	font-size: 0.9em;
}
