@charset "utf-8";

/*
*	Unique Styles
*	Last Update: 2007-10-25
*
*	3-1.	Main Index
*	3-1-1.	Top Level Category
*	3-1-2.	Site Information
*	3-2.	Category Top Page
*	3-3.	Item Page
*	3-4.	Item Detail Page
*	3-5.	Products Page
*	3-5-1.	Brand Navigation
*	3-5-2.	Item List
*	3-6.	Arriva Page
*	3-7.	Kitchen Dryer Page
*	3-7-1.	Item Detail Tab
*	3-7-2.	Item Condition
*	3-8.	Floor Heater Page
*	3-8-1.	Item Detail Tab
*	3-8-2.	Item Effect
*	3-8-3.	Item Lineup
*	3-9.	Ewh Unit Page
*	3-*.	YUGA Page
*	3-10.	Water Heater Index
*	3-11.	Eco Explain Page
*	3-11-1.	Item Detail
*	3-12.	Size Explain Page
*	3-12-1.	Item Tab
*	3-13.	Water Heater Page
*	3-13-1.	Item Tab
*	3-13-2.	Item List
*	3-13-3.	Item type
*	3-13-4.	Item Lineup
*	3-13-5.	Item Set Plan
*	3-14.	Remocon Page
*	3-15.	Wh System Page
*	3-16.	Cycle Page
*	3-17.	Life Index
*	3-17-1.	Site Information
*	3-18.	Life Page
*	3-18-1.	Item Detail
*	3-19.	Life Detail Page
*	3-19-1.	Navigation List
*	3-19-2.	Item Detail
*	3-20.	Service Page
*	3-21.	Hw Roomheater Page
*	3-22.	Inquiry Page
*	3-23.	FAQ Page
*	3-23-1.	Item List
*	3-23-2.	FAQ List
*	3-24.	Catalog Page
*	3-24-1.	Item Page
*	3-25.	Catalog Order Page
*	3-26.	Search Page
*	3-27.	Site Policy Page
*	3-27-1.	Site Contents
*	3-28.	Sitemap
*	3-28-1.	Site Contents
*	3-29.	Clear Fix
*/

/* ------------------------------------------------------------------

	3-1.	Main Index

------------------------------------------------------------------ */

body.mainIndex p#keyVisual,
body.mainIndex object#keyVisual {
	margin-top: 10px !important;
}

body#mainIndex p.heading {
	display: none;
}

/* ------------------------------------------------------------------
	3-1-1.	Top Level Category
------------------------------------------------------------------ */

body#mainIndex div#topLevelCategory {
	padding: 15px 0 0;
	width: 700px;

	/* Clear Fix */
}

body#mainIndex div#topLevelCategory div.section {
	display: inline;
	margin-right: 15px;
	padding-bottom: 15px;
	width: 327px;
}

body#mainIndex div#topLevelCategory div.section p.thumb {
	margin-right: 15px;
	float: left;
}

body#mainIndex div#topLevelCategory div.section ul {
	float: left;
	list-style: none;
	width: 223px;
}

body#mainIndex div#topLevelCategory div.section ul li {
	padding: 5px 0;
	padding-left: 17px;
	background-image: url("../img/mark/tlc_arrow.gif");
	background-repeat: no-repeat;
	background-position: 0 0.3em;
}

body#mainIndex div#topLevelCategory div#tlcDetail,
body#mainIndex div#topLevelCategory div#tlcQuestion,
body#mainIndex div#topLevelCategory div#tlcMaterial {
	float: left;
}

body#mainIndex div#topLevelCategory div#tlcLife,
body#mainIndex div#topLevelCategory div#tlcProduct,
body#mainIndex div#topLevelCategory div#tlcStore,
body#mainIndex div#topLevelCategory div#tlsEffarts {
	float: right;
}

body#mainIndex div#topLevelCategory a,
body#mainIndex div#topLevelCategory a:link,
body#mainIndex div#topLevelCategory a:visited {
	color: #333;
	text-decoration: none;
}

body#mainIndex div#topLevelCategory a:hover,
body#mainIndex div#topLevelCategory a:active {
	color: #d6000f;
	text-decoration: underline;
}

/* ------------------------------------------------------------------
	3-1-2.	Site Information
------------------------------------------------------------------ */

body#mainIndex div#siteInformation,
body#products div#siteInformation {
	margin-right: 15px;
	padding: 16px 0 0;
	width: 685px;
	background-image: url("../img/others/dot_1x2.gif");
	background-repeat: repeat-x;

	/* Clear Fix */
}

body#mainIndex div#siteInformation div.section,
body#products div#siteInformation div.section {
	width: 685px;
}

body#mainIndex div#siteInformation div.section dl dt,
body#products div#siteInformation div.section dl dt {
	margin-bottom: 0;
}

body#mainIndex div#siteInformation div.section dl dd,
body#products div#siteInformation div.section dl dd {
	margin-left: 25px;
}

/* ------------------------------------------------------------------

	3-2.	Category Top Page

------------------------------------------------------------------ */

body.categoryTopPage p.heading {
	margin: 15px 0 20px;
}

/* ------------------------------------------------------------------

	3-3.	Item Page

------------------------------------------------------------------ */

body.itemPage p.heading {
	margin: 15px 0 20px;
}

/* ------------------------------------------------------------------

	3-4.	Item Detail Page

------------------------------------------------------------------ */

body.itemDetailPage p.heading {
	display: none;
}

body.itemDetailPage div#itemDetail,
body.itemDetailPage div#itemCaution {
	padding-bottom: 10px;
}

body.itemDetailPage div#itemDetail div.section,
body.itemDetailPage div#itemDetail div.sectionWide,
body.itemDetailPage div#itemCaution div.floatSection {
	margin-bottom: 15px !important;
}

body.itemDetailPage div#itemDetail div.section h2,
body.itemDetailPage div#itemCaution div.floatSection h2 {
	width: 387px;
}

/* div.ldryer_point */
body.itemDetailPage div.ldryer_point div.section h2 {
	background-image: url("../../products/sanitary/laundry_dryer/img/title/h2.gif") !important;
	background-position: 0 0;
	background-repeat: no-repeat !important;
	background-color: #ffffff !important;
	text-indent: -9999px;
	font-size: 0;
	width: 685px !important;
	height: 34px;
	margin: 0;
	padding: 0 !important;
}

body.itemDetailPage div.ldryer_point div.section div.textBody {
	background-image: none !important;
	width: 655px !important;
	margin: 0 15px;
	_margin: 0 7px;
	padding: 12px 0 0 !important;
}

body.itemDetailPage div.ldryer_point div.section div.textBody ul {
	list-style-type: none;
	margin-top: 0;
	margin-left: -0.5em;
}

body.itemDetailPage div.ldryer_point div.section div.textBody ul li {
	list-style-position: inside;
	text-indent: -0.5em;
	margin-left: 0.5em;
	*text-indent: -1.7em;
	*margin-left: 1.7em;
}

body.itemDetailPage div.ldryer_point div.imgRight div.textBody  {
	float: left !important;
	width: 300px !important;
}

body.itemDetailPage div.ldryer_point div.imgRight div.artwork {
	float: right;
	margin-top: 15px;
	padding-right: 15px;
}

body.itemDetailPage div.ldryer_point div.imgRight div.artwork p {
	margin-bottom: 10px;
}

/* #main.ldryer_qa -add 2013/06/24 */

#main.ldryer_qa ol li{
	margin-top: 20px;
}

#main.ldryer_qa ol li.q1 dt{
	background: url(/products/sanitary/laundry_dryer/img/icon_question_1.gif) 0 0 no-repeat ;
	border-bottom: 1px solid #51D11D;
	color: #000000;
	font-size: 150%;
	font-weight: bold;
	height: 27px;
	padding: 5px 0 3px 90px;
}

#main.ldryer_qa ol li.q2 dt{
	background: url(/products/sanitary/laundry_dryer/img/icon_question_2.gif) 0 0 no-repeat ;
	border-bottom: 1px solid #51D11D;
	color: #000000;
	font-size: 150%;
	font-weight: bold;
	height: 27px;
	padding: 5px 0 3px 90px;
}

#main.ldryer_qa ol li.q3 dt{
	background: url(/products/sanitary/laundry_dryer/img/icon_question_3.gif) 0 0 no-repeat ;
	border-bottom: 1px solid #51D11D;
	color: #000000;
	font-size: 150%;
	font-weight: bold;
	height: 27px;
	padding: 5px 0 3px 90px;
}

#main.ldryer_qa ol li.q4 dt{
	background: url(/products/sanitary/laundry_dryer/img/icon_question_4.gif) 0 0 no-repeat ;
	border-bottom: 1px solid #51D11D;
	color: #000000;
	font-size: 150%;
	font-weight: bold;
	height: 27px;
	padding: 5px 0 3px 90px;
}

#main.ldryer_qa ol li dd{
	background: url(/products/sanitary/laundry_dryer/img/answer.gif) 0 0 no-repeat;
	clear: both;
	margin: 10px 0 0 0 ;
	padding: 5px 0 0 50px;
}

#main.ldryer_qa ol li dd .answer_title{
	color: #51D11D;
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 10px;
}

#main.ldryer_qa ol li dd .answer_text{
	color: #000000;
}

#main.ldryer_qa ol li dd img{
	float: right;
	margin: 0 0 10px 5px;
}

#main.ldryer_qa img{
	margin-top: 20px;
}

.kanta_point h2.point_h2 {
	background: none;
	border: 0;
	padding: 0;
}
div#content .kanta_point h3 {
	background: none !important;
	border: 0 !important;
	padding: 0 !important;
	margin-top: 30px;
}
div#content .kanta_point h4 {
	background: none !important;
	border: 0 !important;
	padding: 0 !important;
	margin-top: 30px;
}
div#content .kanta_point p.imgPoint{
	margin-top: 30px;
}

div#content .kanta_point p.fontSmall{
	color: #777;
}

/* #main.ldryer -add 2013/06/26 */

#main.ldyer .bold {
	font-weight: bold;
}
#main.ldyer .nowrap {
	white-space: nowrap;
}

#main.ldyer div.layout3col {
	margin-right: -10px;
}
#main.ldyer div.layout3col div.section {
	width: 223px;
	margin-right: 10px;
}

#main.ldyer div.optionBox_ldryer div.section {
	width: 320px;
}
#main.ldyer div.optionBox_ldryer div.composition {
	border: 1px solid #ccc;
	padding: 10px;
}
#main.ldyer hr.dashed {
	border-top: none;
	height: 0;
}

/*  */

body.itemDetailPage div#itemDetail div.section h2 a,
body.itemDetailPage div#itemCaution div.floatSection h2 a {
	font-weight: bold;
}

body.itemDetailPage div#itemDetail div.section p.thumb,
body.itemDetailPage div#itemCaution div.floatSection p.thumb {
	width: 261px;
}

body.itemDetailPage div#itemDetail div.section p.thumb .caution,
body.itemDetailPage div#itemDetail div.section p.caution,
body.itemDetailPage div#itemDetail div.sectionWide p.caution {
	font-size: 85%;
}

body.itemDetailPage div#itemDetail div.section div.textBody,
body.itemDetailPage div#itemCaution div.floatSection div.textBody {
	width: 385px;
	padding-bottom: 0;
}

body.itemDetailPage div#itemDetail div.sectionWide div.textBody {
	width: 685px;
	padding-bottom: 25px;
	clear: both;
}

body.itemDetailPage div#itemDetail div.sectionWide div.textBody ul {
	list-style-type: none;
	margin-left: 16px;
	margin-right: 16px;
	margin-bottom: 1em;
}

body.itemDetailPage div#itemDetail div.sectionWide div.textBody ul li {
	text-indent: -1em;
	margin-left: 1em;
}

body.itemDetailPage div#itemDetail div.sectionWide div.textBody ul.note li {
	text-indent: -1.9em;
	margin-left: 1.9em;
}

body.itemDetailPage div#itemDetail div.sectionWide p {
	padding-left: 16px;
	padding-right: 16px;
}

body.itemDetailPage div#itemDetail div.sectionWide p.thumb {
	position: relative;
	clear: both;
	padding-left: 0 !important;
	padding-right: 0 !important;
	_padding-bottom: 10px !important;
}

body.itemDetailPage div#itemDetail div.sectionWide p.thumb+p {
	margin-top: 10px !important;
}

body.itemDetailPage div#itemDetail div.sectionWide p.thumbFloatL {
	position: relative;
	float: left;
	padding-left: 0 !important;
	padding-right: 10px !important;
}

body.itemDetailPage div#itemDetail div.illustlation {
	position: static;
}

body.itemDetailPage div#itemDetail div.illustration h2,
body.itemDetailPage div#itemDetail div.illustration p.thumb,
body.itemDetailPage div#itemDetail div.illustration div.textBody {
	float: none;
	width: auto;
}

body.itemDetailPage div#itemDetail div.illustration div.textBody {
	padding-bottom: 0;
}

body.itemDetailPage div#itemDetail div.illustration div.thumbnail {
	padding-right: 0;
	padding-left: 0;
}

body.itemDetailPage div#itemDetail div.illustration div.textBody p em {
	font-weight: bold;
}

body.itemDetailPage div#itemLineup div.tabelBody {
	margin-top: 8px;
	padding-top: 12px;
	width: 700px;
	background-image: url("../img/others/dot_2x2.gif");
	background-repeat: repeat-x;
}

body.itemDetailPage div#itemLineup div.tabelBody table {
	margin-bottom: 20px;
	border-collapse: collapse;
	text-align: center;
}

body.itemDetailPage div#itemLineup div.tabelBody table tr th,
body.itemDetailPage div#itemLineup div.tabelBody table tr td {
	padding: 7px 5px;
	border: 1px solid #cbcbca;
	color: #333;
	font-size: 92%;
}

body.itemDetailPage div#itemLineup div.tabelBody table tr th {
	background-color: #e9e9e9;
	font-weight: bold;
}

body.itemDetailPage div#itemLineup div.tabelBody table tr td {
	overflow: hidden;
}

body.itemDetailPage div#itemLineup div.tabelBody table tr td span img {
	margin-left: 5px;
	vertical-align: middle;
}

body.itemDetailPage p.disclaimer {
	color: #bb010e;
	font-weight: bold;
	margin-bottom: 12px;
	margin-right: 15px;
}

body.itemDetailPage p.disclaimer a {
	font-weight: bold;
}

body.itemDetailPage div#itemDetail dl.tabIndexBox {
	margin-top: 30px;
}


/* ------------------------------------------------------------------

	3-5.	Products Page

------------------------------------------------------------------ */

body#products p.heading {
	display: none;
}

/* ------------------------------------------------------------------
	3-5-1.	Brand Navigation
------------------------------------------------------------------ */

body#products ul#brandNav {
	margin-bottom: 15px;
}

/* ------------------------------------------------------------------
	3-5-2.	Item List
------------------------------------------------------------------ */

body#products div#itemList {
	width: 704px;
	margin-right: -4px;
}

body#products div#itemList div.section {
	margin: 0 14px 12px 0;
	padding: 1px;
	border: 1px solid #d4d3d2;
	border-top: 2px solid #b0aeac;
	display: inline;
	float: left;
	width: 215px;
	height: auto;
}

body#products div#itemList div.section h2 {
	padding: 5px 6px 7px 26px;
	background-color: #f3f3f2;
	background-image: url("../img/mark/tlc_arrow.gif");
	background-repeat: no-repeat;
	background-position: 6px 50%;
	color: #333;
	font-weight: bold;
}

body#products div#itemList div.section h2 span {
	color: #333;
	font-weight: normal;
}

body#products div#itemList div.section p.thumb {
	margin: 0;
	padding: 11px 0 0 0;
	float: none;
	background-image: url("../img/others/dot_1x3.gif");
	background-repeat: repeat-x;
}

body#products div#itemList div.section p.thumb img {
	margin: 0 auto;
	display: block;
	text-align: center;
}

body#products div#itemList div.section ul {
	margin-top: 1px;
	padding: 11px 10px 10px 10px;
	background: none;
	list-style: none;
}

body#products div#itemList div.section ul li {
	margin-left: 8px;
	padding-left: 12px;
	background-image: url("../img/mark/site_arrow_red.gif");
	background-repeat: no-repeat;
	background-position: 0 0.28em;
}

*+html body#products div#siteInformation {
	margin: 14px 0 0 0;
}

* html body#products div#siteInformation {
	margin: 14px 0 0 0;
}

/* ------------------------------------------------------------------

	3-6.	Arriva Page

------------------------------------------------------------------ */

div#main p#brandVisual {
	margin: 21px 0 24px;
}

div#main div.arriva h2 {
	color: white;
	background-color: #482f2a;
	background-image: url("/products/living/arriva/img/thumb/h2_arriva_bg.gif");
	background-repeat: repeat-x;
}

/* ------------------------------------------------------------------

	3-7.	Kitchen Dryer Page

------------------------------------------------------------------ */

/* ------------------------------------------------------------------
	3-7-1.	Item Detail Tab
------------------------------------------------------------------ */

body.kitchenDryerPage div#main ul#itemDetailTab li a {
}

/* ------------------------------------------------------------------
	3-7-2.	Item Condition
------------------------------------------------------------------ */

body.kitchenDryerPage div#itemCondition {
	padding-bottom: 45px;
	width: 685px;
}

body.kitchenDryerPage div#itemCondition div.section {
	margin-bottom: 20px;
}

body.kitchenDryerPage div#itemCondition div.section h2 {
	margin: 0 0 12px 0;
	padding: 0.5em 15px;
	background-color: #f2f2f1;
	background-image: url("../img/others/dot_1x3.gif");
	background-repeat: repeat-x;
	background-position: 0 100%;
	color: #333;
	font-weight: bold;
}

body.kitchenDryerPage div#itemCondition div.section div.textBody {
	margin-top: 1px;
	padding: 12px 16px 0;
}

body.kitchenDryerPage div#itemCondition div.section div.textBody p {
	margin-bottom: 1em;
}

body.kitchenDryerPage div#itemCondition div.section div.textBody p em {
	font-weight: bold;
}

body.kitchenDryerPage div#itemCondition div.section p.thumb {
	text-align: center;
}

/* ------------------------------------------------------------------

	3-8.	Floor Heater Page

------------------------------------------------------------------ */
#flh_Body {
	width: 669px;
	margin-top: 1px;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 16px;
	background-image: url(../img/others/dot_1x3.gif);
	background-repeat: repeat-x;
	background-position: top;
}
#flh_Body #flh_left {
	float: left;
	position: relative;
	width: 315px;
}
#flh_Body #flh_right {
	float: right;
	position: relative;
	width: 315px;
	margin-right: 16px;
}
.flh_clear  {
	clear: both;
	font-size: 1px;
	line-height: 1em;
}
.flh_img_btsp5 {
	margin-bottom: 5px;
}
.flh_img_tpsp7 {
	margin-top: 7px;
}
.flh_swf01 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: left;
}
.flh_caution {
	background-color: #CCCCCC;
	text-align: center;
	font-size: small;
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 15px;
	margin-top: 0px;
}
.arrow {
}
a.arrow:link {
	color: #CC0000;
	background-image: url("/products/living/floor_heater/img/mark/arrow.gif");
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	padding-left: 8px;
	text-decoration: none;
}
a.arrow:visited {
	color: #CC0000;
	background-image: url("/products/living/floor_heater/img/mark/arrow.gif");
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	padding-left: 8px;
	text-decoration: none;
}
a.arrow:hover {
	color: #FF0000;
	background-image: url("/products/living/floor_heater/img/mark/arrow.gif");
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	padding-left: 8px;
	text-decoration: underline;
}
a.arrow:active {
	color: #990000;
	text-decoration: underline;
	background-image: url("/products/living/floor_heater/img/mark/arrow.gif");
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	padding-left: 8px;
}
#flh_Body #flh_conleft {
	float: left;
	position: relative;
	width: 300px;
}
#flh_Body #flh_conright {
	float: right;
	position: relative;
	width: 330px;
	margin-right: 16px;
}
.flh_li_red_box{
	float: left;
	width: 336px;
	height: 216px;
	background-image: url("/products/living/floor_heater/img/bg/lineup01.jpg");
	border:1px solid #ff3300;
}
.flh_li_orenge_box{
	float: left;
	margin: 0 0 0 8px;
	width: 336px;
	height: 216px;
	background-image: url("/products/living/floor_heater/img/bg/lineup02.jpg");
	border:1px solid #FF9933;
}
p.flh_li_green{
	margin: 5px 0 5px 10px;
	font-size: 120%;
	font-weight: bold;
	color: #006600;
}
p.flh_li_orenge{
	margin: 5px 0 5px 10px;
	font-size: 120%;
	font-weight: bold;
	color: #FF3300;
}
p.flh_li_text{
	margin: 0 10px;
	line-height:1.2em;
}
.flh_li_flooring_left{
	float: left;
	margin: 10px 0 0 0;
	display:block;
}
.flh_li_flooring_right{
	float: left;
	margin: 10px 0 0 0;
		width: 370px;
}
.flh_li_float{
	float: left;
}
.flh_li_float280{
	float: left;
	margin: 0 0 0 5px;
	width: 280px;
	display:block;
	line-height:1.2em;
}
.flh_li_ptn{
	float: left;
	margin:10px 0 0 0;
	padding: 5px 0;
	width: 100%;
	height: 288px;
	background-color:#F2F2F1;
}
.flh_li_vari{
	margin:0 0 10px 15px;
	font-weight: bold;
}
.flh_li_ptn_inner{
	float: left;
	margin:5px 5px 5px 15px;
	padding:0;
	width: 160px;
	display:inline;
}
.flh_li_ptn_inner p{
	line-height:1em;
}
.flh_li_bold{
	font-weight: bold;
}
.flh_li_smal{
	font-size: 70%;
}
.flh_li_ster{
	float: left;
	margin:10px 0 0 15px;
	padding:0;
	width: 340px;
	display:inline;
}
.flh_li_ster_left{
	float: left;
	margin:0 5px 0 0;
}
.flh_li_ster_right{
	float: left;
	display:block;
	font-size: 90%;
	line-height:1.2em;
}
.flh_li_photo{
	width: 685px;
}
.flh_li_photo_inner{
	float: left;
	margin: 15px 7px 0 16px;
	width: 310px;
}
.flh_li_photo_left{
	float: left;
	margin:0 5px 0 0;
}
.flh_li_photo_right{
	float: left;
	width: 155px;
	line-height:1.2em;
}
.flh_li_table{
	border-top-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-color: #666666;
	border-left-color: #666666;
}
.flh_li_table td{
	text-align:center;	
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #666666;
	border-bottom-color: #666666;
}
td.flh_li_table_black{
	background-color:#555555;
	color:#FFFFFF;
}
td.flh_li_table_blue{
	background-color:#D5FFFA;
}
a.flh_external_a:link {
	color: #CC0000;
	text-decoration: none;
}

a.flh_external_a:visited {
	color: #CC0000;
	text-decoration: none;
}

a.flh_external_a:hover {
	color: #FF0000;
	text-decoration: underline;
}

a.flh_external_a:active {
	color: #990000;
	text-decoration: underline;
}

.flh_li_table_a {
}
a.flh_li_table_a:link {
	color: #CC0000;
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	padding-left: 8px;
	text-decoration: none;
}
a.flh_li_table_a:visited {
	color: #CC0000;
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	padding-left: 8px;
	text-decoration: none;
}
a.flh_li_table_a:hover {
	color: #FF0000;
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	padding-left: 8px;
	text-decoration: underline;
}
a.flh_li_table_a:active {
	color: #990000;
	text-decoration: underline;
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	padding-left: 8px;
}
h3.flh_ec_orenge{
	padding: 0;
	margin: 20px 0 0 0;
	width:653px;
	font-weight: bold;
	font-size: 120%;
	color:#FA4F17;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: FA4F17;
	line-height:0em;
}
.flh_ec_sec1_left{
	float: left;
	margin:10px 0 0 0;
	width:350px;
	height:250px;
	background-color:#999999;
}
.flh_ec_sec1_right{
	float: left;
	width:290px;
	margin:10px 0 0 10px;
}
.flh_ec_sec2_left{
	float: left;
	margin:10px 0 0 0;
	width:320px;
	line-height:1.4em;
}
.flh_ec_sec2_right{
	float: right;
	width:320px;
	margin: 0;
	line-height:1.4em;
}
.flh_ec_sec3_left{
	float: left;
	margin:10px 0 0 0;
	width:370px;
	line-height:1.4em;
}
.flh_ec_sec3_right{
	float: right;
	width:270px;
	margin: 0;
}
.flh_ec_green{
	margin: 0;
	padding: 5px 0 10px 0;
	font-size: 120%;
	font-weight: bold;
	color: #006600;
	line-height:1em;
	display:block;
}
p.flh_ec_margin{
	margin: 0;
	padding: 0;
}
.flh_ec_eco{
	margin: 0;
	padding: 0;
}
#flh_Body #flh_sppo_left {
	text-align: left;
	width: 315px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999999;
	border-left-color: #999999;
	float: left;
}
#flh_Body  #flh_sppo_right  {
	text-align: left;
	float: right;
	width: 315px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999999;
	border-left-color: #999999;
	margin-right: 16px;
}
.flh_question {
	font-weight: bold;
	color: #CC0000;
	font-size: 95%;
	line-height: 1.5em;
}
#flh_qlist #flh_qlist_l {
	float: left;
	width: 325px;
	position: relative;
}
#flh_qlist {
	margin-bottom: 40px;
}
#flh_qlist #flh_qlist_r {
	float: right;
	width: 320px;
	position: relative;
}
.flh_qkomoku {
	text-align: left;
	margin-left: 5px;
	font-size: 90%;
	line-height: 1.5em;
}
a.flh_qkomoku:link {
	color: #CC0000;
	text-decoration: none;
}
a.flh_qkomoku:visited {
	color: #CC0000;
	text-decoration: none;
}
a.flh_qkomoku:hover {
	color: #FF0000;
	text-decoration: underline;
}
a.flh_qkomoku:active {
	color: #660000;
	text-decoration: underline;
}
.flh_qmds {
	background-color: #D8D8D8;
	text-align: left;
	display: block;
	padding-top: 5px;
	padding-left: 5px;
	line-height: 1em;
	padding-bottom: 5px;
	margin: 0px;
}
#flh_ans {
	padding-left: 15px;
	margin-bottom: 10px;
	display: block;
	margin-top: 5px;
}
.flh_up {
	font-size: 80%;
	text-align: right;
	line-height: 1em;
	margin-bottom: 20px;
}
#flh_swmain {
	padding: 0px;
	width: 685px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
.flh_swtitle {
	text-align: left;
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #999999;
}
#flh_ansspace {
	padding-left: 15px;
	margin-bottom: 30px;
	display: block;
	margin-top: 5px;
}

/* ------------------------------------------------------------------
	3-8-1.	Item Detail Tab
------------------------------------------------------------------ */

body.floorHeaterPage div#main ul#itemDetailTab li a {
	width: 180px!important;
}

/* ------------------------------------------------------------------
	3-8-2.	Item Effect
------------------------------------------------------------------ */

body.floorHeaterPage div#itemEffect {
	padding-bottom: 45px;
	width: 685px;
}

body.floorHeaterPage div#itemEffect div.section {
	margin-bottom: 20px;
}

body.floorHeaterPage div#itemEffect div.section h2 {
	padding: 0.5em 15px;
	background-color: #f2f2f1;
	color: #333;
	font-weight: bold;
}

body.floorHeaterPage div#itemEffect div.section div.textBody {
	margin-top: 1px;
	padding: 12px 16px 0;
	background-image: url("../img/others/dot_1x3.gif");
	background-repeat: repeat-x;
}

body.floorHeaterPage div#itemEffect div.section div.textBody p {
	margin-bottom: 1em;
}

body.floorHeaterPage div#itemEffect div.section div.textBody p em {
	font-weight: bold;
}

body.floorHeaterPage div#itemEffect div.section p.thumb {
	text-align: center;
}

/* ------------------------------------------------------------------
	3-8-3.	Item Lineup
------------------------------------------------------------------ */

body.floorHeaterPage div#itemLineup div.section h2 {
	padding: 5px 6px 5px 26px;	
	background-color: #f2f2f1;
	background-position: 5px 50%;
	color: #333;
}

body.floorHeaterPage div#itemLineup div.section div.textBody {
	padding: 12px 15px 0 12px;
	background-image: url("../img/others/dot_1x3.gif");
	background-repeat: repeat-x;
}

body.floorHeaterPage div#itemLineup div.section div.textBody p {
	padding: 0 15px 0 0;
}

body.floorHeaterPage div#itemLineup div.section div.textBody p#button {
	margin: 20px 0 0;
	padding: 0;
	text-align: right;
}

body.floorHeaterPage div#itemLineup div.section div.textBody p#button img {
	vertical-align: bottom;
}

body.floorHeaterPage div#itemLineup ul {
	margin: 12px 0;
	padding: 10px 10px 10px 25px;
	border: 1px solid #cbcbca;
	width: auto;
	height: auto;
	background: #f5f5f5 none;
}

body.floorHeaterPage div#itemLineup ul li {
	margin: 0;
	padding: 0;
	border: none;
	float: none;
	width: auto;
	height: auto;
	list-style: disc;
	background: none;
}

body.floorHeaterPage div#itemLineup table {
	margin: 12px 0 0 0;
	width: 685px;
	height: auto;
	border: 1px solid #cbcbca;
	border-top: 5px solid #cbcbca;
	border-collapse: collapse;
}

body.floorHeaterPage div#itemLineup table tr th,
body.floorHeaterPage div#itemLineup table tr td {
	padding: 7px 5px;
	border: 1px solid #cbcbca;
	font-size: 92%;
}

body.floorHeaterPage div#itemLineup table thead tr th {
	background-color: #e9e9e9;
	font-weight: bold;
	text-align: center;
}

body.floorHeaterPage div#itemLineup table tbody tr th {
	padding: 7px 0;
	width: 231px;
	height:auto;
	text-align: center;
	vertical-align: center;
}

body.floorHeaterPage {
	background-image: none !important;
}

/* ------------------------------------------------------------------
	3-8-4.	Item Tab
------------------------------------------------------------------ */

body.floorHeaterPage div#main ul#itemTab li.yukaHotE {
	width: 178px;
}

body.floorHeaterPage div#main ul#itemTab li.yukaHotE a {
	width: 177px;
}

/* ------------------------------------------------------------------
	3-8-5.	Heading Level 3
------------------------------------------------------------------ */

body.floorHeaterPage div.section h3 {
	background: none;
	padding-left: 0;
}
	

/* ------------------------------------------------------------------

	3-9.	Ewh Unit Page

------------------------------------------------------------------ */

body.ewhUnitPage div#itemDetail div.basicSection div.textBody table {
	margin: 0 auto;
	border: 1px solid #cbcbca;
	border-top: 4px solid #cbcbca;
	border-collapse: collapse;
	width: 100%;
	height: auto;
	text-align: center;
}

body.ewhUnitPage div#itemDetail div.basicSection div.textBody table tr th,
body.ewhUnitPage div#itemDetail div.basicSection div.textBody table tr td {
	padding: 7px 5px;
	border: 1px solid #cbcbca;
	color: #333;
	font-size: 92%;
}

body.ewhUnitPage div#itemDetail div.basicSection div.textBody table tr th {
	background-color: #e9e9e9;
	font-weight: bold;
}

body.ewhUnitPage div#itemDetail div.basicSection div.textBody table tr td {
	overflow: hidden;
}

body.ewhUnitPage div#itemDetail div.basicSection div.textBody table tr.size td {
	text-align: center;
	vertical-align: middle;
	background-color: #f5f5f5;
}

body.ewhUnitPage div#itemDetail div.basicSection p.thumb {
	text-align: center;
}

/* ------------------------------------------------------------------

	3-*.	YUGA Page

------------------------------------------------------------------ */

body.yugaPage p#keyVisual {
	position: relative;
	_height: 1px;
	min-height: 1px;
}

body.yugaPage p#keyVisual a#flashMovie {
	display: block;
	position: absolute;
	bottom: 50px;
	left: 23px;
}

body.yugaPage p#keyVisual a#allabout {
	display: block;
	position: absolute;
	bottom: 6px;
	left: 23px;
}

/* ------------------------------------------------------------------

	3-10.	Water Heater Index

------------------------------------------------------------------ */

body#waterHeaterIndex p.heading {
	display: none;
}

/* ------------------------------------------------------------------

	3-11.	Eco Explain Page

------------------------------------------------------------------ */

body#ecoExplainPage p.heading {
	margin-bottom: 15px;
}

body#ecoExplainPage p.description {
	padding: 0 12px 20px;
	font-weight: bold;
}

/* ------------------------------------------------------------------
	3-11-1.	Item Detail
------------------------------------------------------------------ */

body#ecoExplainPage div#itemDetail {
	width: 685px;
}

body#ecoExplainPage div#itemDetail div.section {
	margin-bottom: 22px;
	position: static;
}

body#ecoExplainPage div#itemDetail div.section h2,
body#ecoExplainPage div#itemDetail div.section h3 {
	margin-bottom: 12px;
	padding: 0.25em 15px 0.3em;
	float: none;
	width: auto;
	background-image: url("../img/bg/h2.gif");
	background-repeat: repeat-x;
	background-position: 0 100%;
	color: #333;
	font-weight: bold;
}

body#ecoExplainPage div#itemDetail div.section p,
body#ecoExplainPage div#itemDetail div.section ul {
	padding: 0 18px 20px;
}

body#ecoExplainPage div#itemDetail div.section p.illust {
	padding: 0 0 20px;
}

body#ecoExplainPage div#itemDetail div.section div.section {
	margin-bottom: 0;
	width: 685px;

	/* Clear Fix */
}

body#ecoExplainPage div#itemDetail div.section div.section h3 {
	float: right;
	width: 315px;
}

body#ecoExplainPage div#itemDetail div.section div.section p,
body#ecoExplainPage div#itemDetail div.section div.section ul {
	float: right;
	width: 309px;
}

body#ecoExplainPage div#itemDetail div.section div.section p.illust {
	float: left;
	width: 333px;
}

body#ecoExplainPage div#itemDetail div.section em {
	font-weight: bold;
}

/* ------------------------------------------------------------------

	3-12.	Size Explain Page

------------------------------------------------------------------ */

body#sizeExplainPage p.heading {
	display: none;
}

body#sizeExplainPage p.description {
	padding: 25px 12px 30px;
}

/* ------------------------------------------------------------------
	3-12-1.	Item Tab
------------------------------------------------------------------ */

body#sizeExplainPage div#itemIntro {
	width: 685px;
}

body#sizeExplainPage div#itemIntro h2 {
	margin-bottom: 12px;
	padding: 0.25em 15px 0.3em;
	background-image: url("../img/bg/h2.gif");
	background-repeat: repeat-x;
	background-position: 0 100%;
	color: #333;
	font-weight: bold;
}

body#sizeExplainPage div#itemIntro p {
	padding: 0 12px 25px;
	_height: 76px;
	min-height: 76px;
}

body#sizeExplainPage div#itemIntro p img {
	margin: 0 16px;
	float: right;
}

body#sizeExplainPage div#itemIntro div.section h3 {
	padding: 0 10px;
	vertical-align: bottom;
}

body#sizeExplainPage div#itemIntro div.section h3 img,
body#sizeExplainPage div#itemIntro div.section p img {
	vertical-align: bottom;
}

body#sizeExplainPage div#itemIntro div.section p {
	padding: 0 10px 35px;
	_height: auto;
	min-height: 0;
}

body#sizeExplainPage div#itemIntro div.section p img {
	margin: 0;
	float: none;
}

/* ------------------------------------------------------------------

	3-13.	Water Heater Page

------------------------------------------------------------------ */

body.waterHeaterPage div#main p.description {
	width: 661px;
	padding: 0 12px 20px;
}

body.waterHeaterPage div#main div.download p.description {
	padding: 0;
	width: auto;
}

/* ------------------------------------------------------------------
	3-13-1.	Item Tab
------------------------------------------------------------------ */

body.waterHeaterPage div#main ul#itemTab {
	background-image: url("../img/bg/itemtab_bar_green.gif");
	width: 700px;
}

body.waterHeaterPage div#main ul#itemDetailTab {
	background-image: url("../img/bg/itemtab_green.gif");
}

/* ------------------------------------------------------------------
	3-13-2.	Item List
------------------------------------------------------------------ */

body.waterHeaterPage div#itemList {
	margin: 0;
	width: 700px;
}

body.waterHeaterPage div#itemList div.section {
	margin: 0 -4px 15px 0;
	padding: 0;
	border: none;
	display: block;
	position: static;
	float: none;
	width: 704px;
	height: auto;
	min-height: 0;

	/* Clear Fix */
}

body.waterHeaterPage div#itemList div.section h2 {
	padding: 0;
	background: none;
}

body.waterHeaterPage div#itemList div.section div.section {
	padding: 1px;
	border: 1px solid #d4d3d2;
	border-top: 2px solid #b0aeac;
	display: inline;
	float: left;
}

body.waterHeaterPage div#itemList div.eco div.section {
	margin: 15px 19px 0 0;
	width: 329px;
}

body.waterHeaterPage div#itemList div.basic div.section,
body.waterHeaterPage div#itemList div.remocon div.section {
	margin: 15px 14px 0 0;
	width: 215px;
}

body.waterHeaterPage div#itemList div.section div.section h3 {
	padding: 5px 6px 7px 26px;
	background-color: #f3f3f2;
	background-image: url("../img/mark/tlc_arrow.gif");
	background-repeat: no-repeat;
	background-position: 6px 50%;
	color: #333;
	font-weight: bold;
}

body.waterHeaterPage div#itemList div.section div.section h3 a,
body.waterHeaterPage div#itemList div.section div.section h3 a:link,
body.waterHeaterPage div#itemList div.section div.section h3 a:visited {
	color: #333;
	text-decoration: none;
}

body.waterHeaterPage div#itemList div.section div.section h3 a:hover,
body.waterHeaterPage div#itemList div.section div.section h3 a:active {
	color: #d6000f;
	text-decoration: underline;
}

body.waterHeaterPage div#itemList div.section div.section p {
	margin: 6px auto;
}

body.waterHeaterPage div#itemList div.section div.section p a img {
	vertical-align: middle;
}

body.waterHeaterPage div#itemList div.section div.section p.thumb {
	text-align: center;
	float: none;
}

body.waterHeaterPage div#itemList div.eco div.section p.thumb {
	width: 319px;
}

body.waterHeaterPage div#itemList div.section div.section p.description {
	margin: 6px;
	padding: 0;
	width: auto;
}

/* ------------------------------------------------------------------
	3-13-3.	Item type
------------------------------------------------------------------ */

body.waterHeaterPage div#itemType {
	padding-bottom: 45px;
	width: 685px;
}

body.waterHeaterPage div#itemType div.section {
	margin-bottom: 20px;
}

body.waterHeaterPage div#itemType div.section h2 {
	padding: 0.5em 15px;
	background-color: #f2f2f1;
	color: #333;
	font-weight: bold;
}

body.waterHeaterPage div#itemType div.section div.textBody {
	margin-top: 1px;
	padding: 12px 16px 0;
	background-image: url("../img/others/dot_1x3.gif");
	background-repeat: repeat-x;
}

body.waterHeaterPage div#itemType div.section div.textBody p {
	margin-bottom: 1em;
}

body.waterHeaterPage div#itemType div.section div.textBody p em {
	font-weight: bold;
}

body.waterHeaterPage div#itemType div.section p.thumb {
	text-align: center;
}

/* ------------------------------------------------------------------
	3-13-4.	Item Lineup
------------------------------------------------------------------ */

body.waterHeaterPage div#itemLineup {
	padding-bottom: 45px;
}

body.waterHeaterPage div#itemLineup h2 {
	padding: 4px 5px 15px 0;
	background-image: url("../img/others/dot_2x2.gif");
	background-repeat: repeat-x;
	background-position: left bottom;
}

body.waterHeaterPage div#itemLineup h2 span {
	padding: 5px 0 5px 20px;
	background-image: url("../img/mark/tlc_arrow.gif");
	background-repeat: no-repeat;
	background-position: 0 50%;
	font-size: 114%;
	font-weight: bold;
}

body.waterHeaterPage div#itemLineup div.item {
	margin-top: 12px;
	margin-bottom: 20px;
	border: 1px solid #cbcbca;
	border-top-width: 4px;
	width: 683px;

	/* Crearfix */
}

body.waterHeaterPage div#itemLineup div.item div.image {
	float: left;
	width: 225px;
}

body.waterHeaterPage div#itemLineup div.item div.image p.thumb {
	margin: 10px 10px 0;
	text-align: center;
}

body.waterHeaterPage div#itemLineup div.item div.image p.type {
	margin: 10px 10px 10px;
	padding: 0.2em 7px;
	background-color: #f5f5f5;
	font-size: 85%;
}

body.waterHeaterPage div#itemLineup div.item div.image p.note {
	font-size: 85%;
	margin: 10px 17px 0;
}

body.waterHeaterPage div#itemLineup div.item div.image p.group {
	font-size: 85%;
	font-weight: bold;
	text-align: center;
}

body.waterHeaterPage div#itemLineup div.item table {
	float: left;
	width: 458px;
	height: 100%;
	table-layout: fixed;
}

body.waterHeaterPage div#itemLineup div.item table tr th,
body.waterHeaterPage div#itemLineup div.item table tr td {
	padding: 7px 5px;
	border-top: 1px solid #cbcbca;
	border-left: 1px solid #cbcbca;
	color: #333;
	font-size: 92%;
}

body.waterHeaterPage div#itemLineup div.item table tr th {
	width: 79px;
	background-color: #e9e9e9;
	font-weight: bold;
}

body.waterHeaterPage div#itemLineup div.item table tr td {
	overflow: hidden;
}

body.waterHeaterPage div#itemLineup div.item table tr.size td {
	text-align: center;
	vertical-align: middle;
	background-color: #f5f5f5;
}

/* ------------------------------------------------------------------
	3-13-5.	Item Set Plan
------------------------------------------------------------------ */

body.waterHeaterPage div#itemSetPlan {
	padding-bottom: 45px;
}

body.waterHeaterPage div#itemSetPlan div.section {
	margin-top: 20px;
	width: 685px;
}

body.waterHeaterPage div#itemSetPlan div.section h2,
body.waterHeaterPage div#itemSetPlan div.section h3 {
	padding: 0.5em 15px;
	background-image: url("../img/bg/h2.gif");
	background-repeat: repeat-x;
	background-position: 0 100%;
	color: #333;
	font-weight: bold;
}

body.waterHeaterPage div#itemSetPlan div.section h3 {
	padding: 0.5em 7px;
}

body.waterHeaterPage div#itemSetPlan div.detail {
	padding: 10px;
	_height: 1px;
	min-height: 1px;

	/* Crearfix */
}

body.waterHeaterPage div#itemSetPlan div.detail p {
	float: left;
	text-align: center;
}

body.waterHeaterPage div#itemSetPlan div.detail p.item {
	margin-right: 27px;
	padding-right: 73px;
	width: 153px;
	background-image: url("../img/mark/plus.gif");
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

body.waterHeaterPage div#itemSetPlan div.section div.textBody {
	padding: 10px;
	border: 1px solid #cbcbca;
	border-top-width: 4px;
	clear: both;
	width: 663px;

	/* Crearfix */
}

body.waterHeaterPage div#itemSetPlan div.section div.section {
	float: left;
	width: 326px;
}

body.waterHeaterPage div#itemSetPlan div.section div.section p {
	margin-top: 5px;
	padding: 10px;
	background-color: #f6f6f6;
}

body.waterHeaterPage div#itemSetPlan div.section div.mainOption {
	margin-right: 11px;
}

body.waterHeaterPage div#itemSetPlan div.section div.mainOption img {
	margin: 0 0.5em 0.5em 0;
	float: left;
	vertical-align: text-top;
}

/* ------------------------------------------------------------------

	3-14.	Remocon Page

------------------------------------------------------------------ */

/* ------------------------------------------------------------------
	3-14-1.	Item Detail Tab
------------------------------------------------------------------ */

body.remoconPage div#main ul#itemDetailTab li a {
	width: 180px!important;
}

/* ------------------------------------------------------------------

	Wh System Page

------------------------------------------------------------------ */

body.whSystemPage div#main p.description {
	width: 661px;
	padding: 0 12px 20px;
}

/* ------------------------------------------------------------------
	Item Tab
------------------------------------------------------------------ */

body.whSystemPage div#main ul#itemTab li#iTabProUsecase3 a {
	width: 227px;
}

body.whSystemPage div#main ul#itemTab li#iTabProUsecase3 a {
	width: 226px;
}

body.whSystemPage div#main ul#itemTab li#iTabWhSystemAbout {
	width: 155px;
}

body.whSystemPage div#main ul#itemTab li#iTabWhSystemAbout a {
	width: 154px;
}

body.whSystemPage div#main ul#itemTab li#iTabWhSystemNotes {
	width: 217px;
}

body.whSystemPage div#main ul#itemTab li#iTabWhSystemNotes a {
	width: 216px;
}

/* ------------------------------------------------------------------
	Item Detail Tab
------------------------------------------------------------------ */

body.whSystemPage div#main ul#itemDetailTab li a {
	width: 200px!important;
}

/* ------------------------------------------------------------------
	3-15-2.	Item Details
------------------------------------------------------------------ */

body.whSystemPage div#itemDetail div.section div.textBody,
body.whSystemPage div#itemDetail div.sectionWide div.textBody {
	padding-bottom: 2em;
}

body.whSystemPage div#itemDetail div.section div.textBody p.thumb,
body.whSystemPage div#itemDetail div.sectionWide div.textBody p.thumb {
	padding: 0;
}

body.whSystemPage div#itemDetail p.moreInfo {
	margin: 15px 0;
	text-align: right;
}

body.whSystemPage div#itemDetail p.moreInfo a {
	padding: 0.4em 8px 0.4em 23px;
	background-color: #d6000f;
	background-image: url("../img/mark/site_arrow_white.gif");
	background-repeat: no-repeat;
	background-position: 12px 50%;
	color: white;
}

body.whSystemPage div#itemDetail div.illustlation {
	position: static;
}

body.whSystemPage div#itemDetail div.illustration h2,
body.whSystemPage div#itemDetail div.illustration p.thumb,
body.whSystemPage div#itemDetail div.illustration div.textBody {
	float: none;
	width: auto;
}

body.whSystemPage div#itemDetail div.illustration div.textBody {
	padding-bottom: 0;
}

body.whSystemPage div#itemDetail div.illustration div.textBody p em {
	font-weight: bold;
}

body.whSystemPage div#itemDetail div.illustration div.imgBody {
	margin-top: 1px;
	padding: 12px 0;
	background-image: url("../img/others/dot_1x3.gif");
	background-repeat: repeat-x;
}

body.whSystemPage div#itemDetail div.caseImg p {
	margin: 15px 0;
}

/* ------------------------------------------------------------------
	3-15-3.	Item Lineup
------------------------------------------------------------------ */

body.whSystemPage div#itemLineup {
	padding-bottom: 45px;
}

body.whSystemPage div#itemLineup div.item {
	margin-top: 12px;
	margin-bottom: 20px;
	border: 1px solid #cbcbca;
	border-top-width: 4px;
	width: 683px;

	/* Crearfix */
}

body.whSystemPage div#itemLineup div.item div.image {
	float: left;
	width: 225px;
}

body.whSystemPage div#itemLineup div.item div.image p.thumb {
	margin: 10px 10px 0;
	text-align: center;
}

body.whSystemPage div#itemLineup div.item div.image p.type {
	margin: 10px 10px 10px;
	padding: 0.2em 7px;
	background-color: #f5f5f5;
	font-size: 85%;
}

body.whSystemPage div#itemLineup div.item div.image p.type span.caution {
	color: #bb010e;
	font-weight: bold;
}

body.whSystemPage div#itemLineup div.item table {
	float: left;
	width: 458px;
	height: 100%;
	table-layout: fixed;
}

body.whSystemPage div#itemLineup div.item table tr th,
body.whSystemPage div#itemLineup div.item table tr td {
	padding: 7px 5px;
	border-top: 1px solid #cbcbca;
	border-left: 1px solid #cbcbca;
	color: #333;
	font-size: 92%;
}

body.whSystemPage div#itemLineup div.item table tr th {
	width: 67px;
	background-color: #e9e9e9;
	font-weight: bold;
}

body.whSystemPage div#itemLineup div.item table tr td {
	overflow: hidden;
}

body.whSystemPage div#itemLineup div.item table tr.size td {
	text-align: center;
	vertical-align: middle;
	background-color: #f5f5f5;
}

body.whSystemPage div#itemLineup div.connected {
	margin-bottom: 20px;
}

body.whSystemPage div#itemLineup div.connected table {
	margin-top: 12px;
	border: 1px solid #cbcbca;
	border-top-width: 4px;
	width: 683px;
}

body.whSystemPage div#itemLineup div.connected table tr th,
body.whSystemPage div#itemLineup div.connected table tr td {
	padding: 7px 5px;
	border-top: 1px solid #cbcbca;
	border-left: 1px solid #cbcbca;
	color: #333;
	font-size: 92%;
}

body.whSystemPage div#itemLineup div.connected table tr th {
	width: 40%;
	background-color: #e9e9e9;
	font-weight: bold;
}

body.whSystemPage div#itemLineup div.connected table tr td {
	text-align: left;
	vertical-align: middle;
}

body.whSystemPage div#itemLineup div.connected p {
	margin: 5px 17px 0 17px;
	text-align: right;
}

/* ------------------------------------------------------------------

	Wh System About Page

------------------------------------------------------------------ */

body.whSystemAboutPage div#itemDetail div.section {
	margin-bottom: 25px;
}

body.whSystemAboutPage div#itemList {
	margin-bottom: 10px;
}

body.whSystemAboutPage div#itemList h2 {
	margin-bottom: 5px;
}

body.whSystemAboutPage div#itemDetail h2,
body.whSystemAboutPage div#itemList h2 {
	padding: 5px 5px 5px 20px;
	background-color: transparent !important;
	background-image: url("../img/mark/tlc_arrow.gif");
	background-repeat: no-repeat;
	background-position: 0 50%;
	font-size: 114%;
	font-weight: bold;
}

body.whSystemAboutPage div#itemDetail div.section div.textBody {
	background-image: none;
	padding-left: 0;
	padding-right: 0;
	padding-top: 5px;
}

body.whSystemAboutPage div#itemDetail div.section div.textBody div.section h3 {
	padding: 0.5em 15px;
	background-color: #f2f2f1;
	color: #333;
	font-weight: bold;
	float: right;
	width: 385px;
}

body.whSystemAboutPage div#itemDetail div.section div.textBody div.section p.thumb {
	position: relative;
	float: left;
	width: 261px;
}

body.whSystemAboutPage div#itemDetail div.section div.textBody div.section div.textBody {
	margin-top: 1px;
	padding: 12px 16px 2em;
	width: 382px;
	float: right;
	background-image: url("../img/others/dot_1x3.gif");
	background-repeat: repeat-x;
}

div#itemDetail div.section p.thumb {
}

body.whSystemAboutPage div#itemDetail div.section div.textBody div.illustration h3 {
	float: none;
	width: auto;
}

body.whSystemAboutPage div#itemDetail div.section div.textBody div.illustration p.thumb {
	margin-bottom: 0;
	margin-top: 1em;
	float: none;
	width: auto;
}

body.whSystemAboutPage div#itemDetail div.section div.textBody div.illustration div.textBody {
	background-image: url("../img/others/dot_1x3.gif");
	float: none;
	padding-bottom: 0;
	padding-left: 16px;
	padding-right: 16px;
	width: auto;
}

body.whSystemAboutPage div#itemDetail div.section div.textBody div.illustration div.textBody p.moreInfo {
	position: relative;
	_height: 1px;
}

body.whSystemAboutPage div#itemDetail div.section div.textBody div.illustration div.textBody p.moreInfo a {
	float: right;
}

body.whSystemAboutPage div#itemDetail div.section div.textBody div.illustration div.imgBody p.thumb {
	margin-top: 0;
}

body.whSystemAboutPage div#itemList h3 {
	background-color: #f3f3f2;
	font-weight: bold;
	padding: 5px 6px 7px;
	text-align: center;
}

body.whSystemAboutPage div#itemList p.lead {
	padding: 2px 5px;
	text-align: center;
}

body.whSystemAboutPage div#itemList div.section p.thumb {
	float: none;
	margin: 1em auto;
	width: 319px;
}

body.whSystemAboutPage div#itemList div.section p.description {
	padding-bottom: 1em;
	width: auto;
}

body.whSystemAboutPage div#itemDetail div#caseSystem div.imgBody {
	background: none;
}

/* ------------------------------------------------------------------

	3-16.	Cycle Page

------------------------------------------------------------------ */

/* ------------------------------------------------------------------
	3-16-1.	Item Details
------------------------------------------------------------------ */

body.cyclePage div#itemDetail div.textBody ul {
	margin-bottom: 1em;
	padding-left: 20px;
}

body.cyclePage div#itemDetail div.textBody ul li span.caution {
	color: #bb010e;
}

body.cyclePage div#itemDetail div.textBody ol {
	margin: 20px 0 1em 0;
	padding: 0 0 0 25px;
}

body.cyclePage div#itemDetail div.textBody ul ul,
body.cyclePage div#itemDetail div.textBody ul p {
	margin-bottom: 0;
}

body.cyclePage div#itemDetail ol em {
	font-weight: bold;
}

body.cyclePage div#itemDetail p.caption {
	margin: 20px 0 10px 0!important;
}

body.cyclePage div#itemDetail table {
	margin-bottom: 20px;
	border-collapse: collapse;
	text-align: center;
}

body.cyclePage div#itemDetail table tr th,
body.cyclePage div#itemDetail table tr td {
	padding: 7px 5px;
	border: 1px solid #cbcbca;
	color: #333;
	font-size: 92%;
}

body.cyclePage div#itemDetail table thead tr th {
	background-color: #e9e9e9;
	font-weight: bold;
}

body.cyclePage div#itemDetail table tbody tr th {
	width: 200px;
	height: auto;
}

body.cyclePage div#itemDetail table tr td {
	overflow: hidden;
}

body.cyclePage div#itemDetail table tr.size td {
	text-align: center;
	vertical-align: middle;
	background-color: #f5f5f5;
}

body.cyclePage div#itemDetail dl dt {
	margin: 0 0 5px 0;
}

body.cyclePage div#itemDetail div.textBody p.caution {
	margin: 0.5em 0;
	padding-left: 20px;
}

body.cyclePage div.section em span {
	color: #cc0000;
	font-weight: normal;
}

body.cyclePage div#itemDetail div.textBody ul li p.caution {
	padding-left: 0;
}

body.cyclePage div#itemDetail div.textBody ul li.inside p.caution {
	padding-left: 20px;
}

/* ------------------------------------------------------------------
	3-16-2.	Item Lineup
------------------------------------------------------------------ */

body.cyclePage div#itemLineup h2 {
	padding: 4px 5px 15px 0;
	background-image: url("../img/others/dot_2x2.gif");
	background-repeat: repeat-x;
	background-position: left bottom;
}

body.cyclePage div#itemLineup h2 span {
	padding: 5px 0 5px 20px;
	background-image: url("../img/mark/tlc_arrow.gif");
	background-repeat: no-repeat;
	background-position: 0 50%;
	font-size: 114%;
	font-weight: bold;
}

/* ------------------------------------------------------------------

	3-17.	Life Index

------------------------------------------------------------------ */



body#lifeIndex div#content {
	background-image: none !important;
}

body#lifeIndex div#content div#main {
	width: 900px;
	margin-top: 10px;
}

/* ------------------------------------------------------------------
	3-17-1.	Site Information
------------------------------------------------------------------ */

body#lifeIndex div#siteInformation {
	padding: 32px 0 0;
	width: 900px;
}

body#lifeIndex div#siteInformation div.section {
	width: 900px;
}

body#lifeIndex div#siteInformation div.section dl dt {
	float: left;
	width: 5em;
}

body#lifeIndex div#siteInformation div.section dl dd {
	margin-left: 7em;
}

/* ------------------------------------------------------------------

	3-18.	Life Page

------------------------------------------------------------------ */

body.lifePage h1 img {
	vertical-align: top;
}

body.lifePage p.longBanner {
	margin-top: 5px;
}

body.lifePage p.longBanner img {
	vertical-align: top;
}

body.lifePage ul#globalNav {
	z-index: 1 !important;
}

/* ------------------------------------------------------------------
	3-18-1.	Item Detail
------------------------------------------------------------------ */

body.lifePage div#main div#itemDetail {
	margin-top: 20px;
}

body.lifePage div#main div#itemDetail div.section h2 {
	width: 361px;
}

body.lifePage div#main div#itemDetail div.time h2 span {
	font-weight: bold;
	font-size: 93%;
}

body.lifePage div#main div#itemDetail div.section p.thumb {
	width: 287px;
}

body.lifePage div#main div#itemDetail div.section div.textBody {
	width: 359px;
}

body.lifePage div#main div#itemDetail div.section div.textBody p.moreInfo a {
	background-color: #786450;
}

/* div.innerSection */
body.lifePage div#main div#itemDetail div.innerSection {
	margin-top: -22px;
}

body.lifePage div#main div#itemDetail div.innerSection h2 {
	background-color: transparent;
	border-left: 5px solid #ccc;
	float: none;
	padding-left: 10px;
	width: auto;
}

body.lifePage div#main div#itemDetail div.innerSection div.textBody {
	float: none;
	width: auto;
}

/* ------------------------------------------------------------------

	3-16.	Life Detail Page

------------------------------------------------------------------ */

body.lifeDetailPage p.heading {
	margin: 15px 0 20px;
}

body.lifeDetailPage p.description {
	padding: 0 12px 12px;
	font-weight: bold;
}

body.lifeDetailPage p.thumb {
	margin-bottom: 12px;
}

/* ------------------------------------------------------------------
	3-19-1.	Item Detail
------------------------------------------------------------------ */

body.lifeDetailPage div#itemDetail div.section h2 {
	width: 361px;
}

body.lifeDetailPage div#itemDetail div.section p.thumb {
	width: 287px;
	margin-bottom: 0;
}

body.lifeDetailPage div#itemDetail div.section div.textBody {
	width: 391px;
	padding: 0;
}

body.lifeDetailPage div#itemDetail div.section div.textBody p.info,
body.lifeDetailPage div#itemDetail div.section div.textBody dl.info {
	padding: 12px 16px 0;
}

body.lifeDetailPage div#itemDetail div.section div.textBody dl.info dt {
	float: left;
	width: 5em;
}

body.lifeDetailPage div#itemDetail div.section div.textBody dl.info dd {
	margin-left: 6em;
}

body.lifeDetailPage div#itemDetail div.section div.textBody p.catchcopy {
	margin-top: 1px;
	padding: 12px 16px 2em;
	background-image: url(../img/others/dot_1x3.gif);
	background-repeat: repeat-x;
}

body.lifeDetailPage div#itemDetail div.section div.textBody dl.catchcopy dt {
	padding: 12px 16px 0;
	font-weight: bold;
}

body.lifeDetailPage div#itemDetail div.section div.textBody dl.catchcopy dd {
	margin-top: 1px;
	padding: 12px 16px 2em;
	background-image: url(../img/others/dot_1x3.gif);
	background-repeat: repeat-x;
}

body.lifeDetailPage div#itemDetail ol.point {
	margin-bottom: 20px;
	list-style: none;
}

body.lifeDetailPage div#itemDetail ol.point dt {
	padding: 0.5em 15px;
	background-color: #f2f2f1;
	color: #333;
	font-weight: bold;
}

body.lifeDetailPage div#itemDetail ol.point dt img {
	margin-right: 5px;
	vertical-align: text-bottom;
}

body.lifeDetailPage div#itemDetail ol.point dd {
	margin-top: 1px;
	padding: 12px 12px 20px;
	width: 661px;
	background-image: url(../img/others/dot_1x3.gif);
	background-repeat: repeat-x;

	/* Clearfix */
}

body.lifeDetailPage div#itemDetail ol.point dd p.thumb {
	float: right;
	width: 212px;
}

body.lifeDetailPage div#itemDetail ol.point dd div.textBody {
	float: left;
	width: 439px;
}

body.lifeDetailPage div#itemDetail ol.point dd div.textBody p {
	margin-bottom: 1em;
}

body.lifeDetailPage div#itemDetail ol.point dd div.textBody p em {
	font-weight: bold;
}

body.lifeDetailPage div#itemDetail ol.point dd div.textBody p.caution {
	color: #bb010e;
}

body.lifeDetailPage div#itemDetail div.link h2,
body.lifeDetailPage div#itemDetail div.howto h2 {
	float: none;
	width: 655px;
}

body.lifeDetailPage div#itemDetail div.link div.textBody,
body.lifeDetailPage div#itemDetail div.howto div.textBody {
	float: none;
	width: 653px;
	margin-top: 1px;
	padding: 12px 16px 2em;
	background-image: url(../img/others/dot_1x3.gif);
	background-repeat: repeat-x;
}

body.lifeDetailPage div#itemDetail div.link div.textBody ul li,
body.lifeDetailPage div#itemDetail div.howto div.textBody ol li {
	list-style-position: inside;
}

body.lifeDetailPage div#itemDetail ol.point dd.illustlation {
	padding-right: 0;
	padding-left: 0;
}

body.lifeDetailPage div#itemDetail ol.point dd.illustlation p.thumb {
	margin: 0;
	padding: 0;
	float: none;
	width: 685px;
}

body.lifeDetailPage div#itemDetail ol.point dd.illustlation div.textBody {
	float: none;
	width: 685px;
}

body.lifeDetailPage ul.selector {
	margin-bottom: 15px;
}

/* ------------------------------------------------------------------

	3-*.	Recipe Index Page

------------------------------------------------------------------ */

body#recipeIndex div#main div#itemDetail div.section p.thumb {
	width: 153px;
}

body#recipeIndex div#main div#itemDetail div.section h2 {
	width: 502px;
}

body#recipeIndex div#main div#itemDetail div.section div.textBody {
	width: 500px;
}

body#recipeIndex div#main div#itemList {
	margin: 15px 0 55px;
	padding: 14px 14px 10px 14px;
	width: 657px;
	background-color: #f2f2f1;
}

body#recipeIndex div#main div#itemList ul {
	padding: 0.2em 0 0.2em 8px;
	list-style: none;
	border-left: 4px solid #898682;
}

body#recipeIndex div#main div#itemList ul li {
	color: #898682;
}

body#recipeIndex div#main div#itemList ul li a,
body#recipeIndex div#main div#itemList ul li a:link,
body#recipeIndex div#main div#itemList ul li a:visited {
	color: #333;
	text-decoration: none;
}

body#recipeIndex div#main div#itemList ul li a:hover,
body#recipeIndex div#main div#itemList ul li a:active {
	color: #d6000f;
	text-decoration: underline;
}

/* ------------------------------------------------------------------

	3-*.	Recipe Page

------------------------------------------------------------------ */

body.recipePage div#main div#diary {
	margin-bottom: 20px;
	width: 685px;
}

body.recipePage div#main div#diary div.textBody {
	padding: 1em 15px 0;
	background-color: #f6fae3;
	_height: 1px;
	min-height: 1px;
}

body.recipePage div#main div#diary div.textBody ul {
	float: right;
	list-style-type: none;
}

body.recipePage div#main div#diary div.textBody ul li {
	margin-bottom: 1em;
}

body.recipePage div#main div#diary div.textBody ul img {
	vertical-align: top;
}

body.recipePage div#main div#diary div.textBody p {
	/*margin-right: 165px;*/
	font-size: 114%;
	line-height: 1.6;
	padding-bottom: 1em;
}

body.recipePage div#main div#itemDetail h2 {
	background-color: transparent;
	background-image: url("../img/bg/h2.gif");
	background-repeat: repeat-x;
	background-position: 0 100%;
}

body.recipePage div#main div#itemDetail div.textBody {
	padding: 1em 10px 0;
	border: 3px solid #e8edd3;
	width: 365px;
	background-image: url("../img/bg/recipe.gif");
	background-repeat: repeat;
}


body.recipePage div#main div#itemDetail div.dotline {
	display: block;
	clear: both;
	line-height: 1.2em;
	margin-top: 0.2em;
	overflow: hidden;
}
body.recipePage div#main div#itemDetail div.dotline span.left {
	float: left;
	margin-right: 2px;
	padding-left: 0.5em;
}
body.recipePage div#main div#itemDetail div.dotline span.right {
	float: right;
	margin-left: 7px;
	width: 6em;
}
body.recipePage div#main div#itemDetail div.dotline hr {
	background-image: url('../img/bg/dotline.gif');
	background-repeat: repeat-x;
	background-position: right center;
	border: none;
	border-style: none;
	display: block;
	height: 2px;
	margin-top: 0.5em;
	vertical-align: top;
	
	_background-image: none;
	_border-top: dashed 2px #A6A6A6;
	_color: transparent;
	_height: 1px;
	_margin-top: 0;
}
body.recipePage div#main div#itemDetail div.heading {
	font-weight: bold;
	margin: 0.3em 0 0.1em;
}	
/*
body.recipePage div#main div#itemDetail div.heading + div.heading {
	margin-top: 0.2em;
}
*/
body.recipePage div#main div#itemDetail div.space {
	font-size: 50%;
	line-height: 1em;
}	


body.recipePage div#main div#itemDetail div.textBody p {
	margin-bottom: 0;
	padding-bottom: 1em;
}

body.recipePage div#main div#itemDetail div.howto div.textBody {
	width: 659px;
}

body.recipePage div#main div#itemDetail div.howto div.textBody ol {
}
body.recipePage div#main div#itemDetail div.howto div.textBody ol li {
	list-style-position: outside;
	margin-bottom: 0.4em;
	margin-left: 20px;
}

body.recipePage div#main div#itemDetail div.illustration p.thumb {
	margin-top: 10px;
	display: inline;
	float: right;
	width: 212px;
}

body.recipePage div#main div#itemDetail div.illustration div.textBody {
	margin-top: 10px;
	display: inline;
	float: left;
	width: 439px;
}

body.recipePage div#main div#itemDetail div.recommend h2 {
	float: none;
	width: 655px;
	background-image: url("../img/bg/h2_recommend.gif");
}

body.recipePage div#main div#itemDetail div.recommend div.textBody {
	padding: 12px 16px 2em 17px;
	border: none;
	float: none;
	width: 652px;
	background: none;
}

body.recipePage div#main div#itemDetail div.recommendRecipe div.textBody ul {
	margin-right: -40px;
	width: 692px;
	_height: 1px;
	min-height: 1px;
	list-style: none;
}

body.recipePage div#main div#itemDetail div.recommendRecipe div.textBody ul li {
	margin: 0 40px 0 0;
	display: inline;
	float: left;
	width: 133px;
}

body.recipePage div#main div#itemDetail div.recommendProduct div.textBody ul {
	margin-right: -20px;
	width: 672px;
	_height: 1px;
	min-height: 1px;
	list-style: none;
}

body.recipePage div#main div#itemDetail div.recommendProduct div.textBody ul li {
	margin: 0 20px 0 0;
	display: inline;
	float: left;
	width: 316px;
}

body.recipePage div#main div#itemDetail div.recommendProduct div.textBody ul li dl dt {
	display: inline;
	float: left;
	width: 133px;
	height: 91px;
}

body.recipePage div#main div#itemDetail div.recommendProduct div.textBody ul li dl dd {
	margin-left: 150px;
	_height: 91px;
	min-height: 91px;
}

body.recipePage div#main div#itemList {
	padding-bottom: 2em;
	position: relative;
	width: 685px;
}

body.recipePage div#main p.heading {
	margin: 15px 0 20px;
}

body.recipePage div#main div#itemList ul {
	margin: 0;
	margin-bottom: 20px;
	list-style: none;
	overflow: hidden;
}

body.recipePage div#main div#itemList ul li {
	float: left;
	width: 133px;
	margin-right: 3px;
	margin-bottom: 2px;
	padding-top: 2px;
	padding-left: 1px;
	position: relative;
}
	body.recipePage div#main div#itemList ul.delicious li {
		width: 110px;
	}

body.recipePage div#main div#itemList ul li img.thumb {
	display: block;
	width: 133px;
	height: 91px;
}
	body.recipePage div#main div#itemList ul.delicious li img.thumb {
		width: 110px;
		height: 160px;
	}

body.recipePage div#main div#itemList ul li span.number {
	background: #FFF;
	border: 1px solid #CCC;
	font-size: 77%;
	font-family: monospace;
	padding: 0 2px;
	position: absolute;
		top: 0;
		left: 0;
	text-decoration: none;
}

body.recipePage div#main div#itemList ul li span.Rname {
	display: block;
	height: 36px;
	overflow: hidden;
	padding: 3px 4px 0;
}

body.recipePage div#main div#itemList p.moreInfo {
	position: absolute;
	right: 0;
	bottom: 0;
}

body.recipePage div#main div#itemList p.moreInfo a {
	padding: 0.4em 8px 0.4em 23px;
	display: block;
	background-color: #786450;
	background-image: url("../img/mark/site_arrow_white.gif");
	background-position: 12px 50%;
	background-repeat: no-repeat;
	color: white;
}

/* ------------------------------------------------------------------

	3-20.	Service Page

------------------------------------------------------------------ */

body.servicePage div#main {
	width: 690px !important;
	float: left !important;
	padding-bottom: 20px;
}

/* /service/ */

body.servicePage div.template01 div.layout4col {
}
body.servicePage div.template01 div.layout4col div.section {
	margin-right: 22px;
	width: 150px;
}

body.servicePage div.template01 div.indent div.layout4col {
	padding: 0;
}
body.servicePage div.template01 div.indent div.layout4col div.section {
	margin-right: 13px;
}

body.servicePage .border {
	border: 1px solid #E3E3E3;
	padding: 15px;
}

body.servicePage h4.border_bottom {
	border-bottom: 1px solid #E3E3E3;
	line-height: 1;
	margin-bottom: 8px;
	padding-bottom: 3px;
}

body.servicePage .contactBox {
	background: #F8F8F8;
	padding: 15px;
}
	body.servicePage div.template01 .contactBox div.composition {
		margin-top: 0;
	}
	body.servicePage div.template01 .contactBox div.composition div.artwork {
		margin-right: 15px;
	}
	body.servicePage .contactBox .free {
	}
	body.servicePage .contactBox .navi {
		background: #FFF;
		padding: 11px 10px 5px;
	}

body.servicePage div.layout3col {
}
	body.servicePage div.template01 div.indent div.layout3col div.section {
		line-height: 1;
		margin-right: 19px;
		width: 200px;
	}

body.servicePage .recipe {
	margin-left: 25px;
}


/* ------------------------------------------------------------------

	3-21.	Hw Roomheater Page

------------------------------------------------------------------ */
body.hwRoomheaterPage div.section div.textBody p#caution {
	font-size: 70%;
}


/* ------------------------------------------------------------------

	3-22.	Inquiry Page

------------------------------------------------------------------ */

body.inquiryPage p.heading {
	margin: 15px 0 20px;
}

body.inquiryPage p.description {
	padding: 0 12px 20px;
}

body.inquiryPage p.description a {
	color: #195bbe;
}

body.inquiryPage p.message {
	margin: 20px 0;
	padding: 12px;
	border: 1px solid #e9e9e9;
	width: 659px;
	background-color: #f5f5f5;
	text-align: center;
}

body.inquiryPage p.moreInfo {
	text-align: center;
}

body.inquiryPage ul#formNav {
	margin: 0 29px 0 50px;
	width: 606px;
	list-style: none;

	/* Clearfix */
}

body.inquiryPage ul#formNav li {
	margin-right: 15px;
	padding: 30px 50px;
	border: 1px solid #cbcbca;
	background-color: #f5f5f5;
	display: inline;
	float: left;
	width: 184px;
}

body.inquiryPage span.attention {
	color: #bb010e;
}

/* ------------------------------------------------------------------

	3-23.	FAQ Page

------------------------------------------------------------------ */

body.faqPage div#main {
}

body.faqPage p.heading {
	margin: 15px 0 20px;
}

body.faqPage ul#faqCategoryNav {
	list-style-type: none;
	overflow: hidden;
	*zoom: 100%;
}

body.faqPage ul#faqCategoryNav li {
	margin-left: 10px;
	padding-left: 12px;
	background-image: url("../img/mark/site_arrow_red.gif");
	background-repeat: no-repeat;
	background-position: 0 0.4em;
	display: inline;
	float: left;
	width: 148px;
}

body.faqPage div#questionTopics {
	margin: 15px 0 25px;
}

/* ------------------------------------------------------------------
	3-23-1.	Item List
------------------------------------------------------------------ */

body.faqPage div#itemList {
	width: 704px;
	margin-right: -4px;
}

body.faqPage div#itemList div.section {
	margin: 0 14px 12px 0;
	padding: 1px;
	border: 1px solid #d4d3d2;
	border-top: 2px solid #b0aeac;
	display: inline;
	float: left;
	width: 215px;
	height: auto;
}

body.faqPage div#itemList div.section h2 {
	padding: 5px 6px 7px 26px;
	background-color: #f3f3f2;
	background-image: url("../img/mark/tlc_arrow.gif");
	background-repeat: no-repeat;
	background-position: 6px 50%;
	color: #333;
	font-weight: bold;
}

body.faqPage div#itemList div.section p.thumb {
	margin: 0;
	padding: 11px 0 0 0;
	float: none;
	background-image: url("../img/others/dot_1x3.gif");
	background-repeat: repeat-x;
}

body.faqPage div#itemList div.section p.thumb img {
	margin: 0 auto;
	display: block;
	text-align: center;
}

body.faqPage div#itemList div.section ul {
	margin-top: 1px;
	padding: 11px 10px 10px 10px;
	background: none;
	list-style: none;
}

body.faqPage div#itemList div.section ul li {
	margin-left: 8px;
	padding-left: 12px;
	background-image: url("../img/mark/site_arrow_red.gif");
	background-repeat: no-repeat;
	background-position: 0 0.28em;
}

/* ------------------------------------------------------------------
	3-23-2.	FAQ List
------------------------------------------------------------------ */

body.faqPage div#faqList {
	margin-bottom: 20px;
	width: 699px;
}

body.faqPage div#faqList div.section h2 {
	margin: 20px 0;
	padding: 0.25em 15px 0.3em;
	background-image: url("../img/bg/h2.gif");
	background-repeat: repeat-x;
	background-position: 0 100%;
	color: #333;
}

body.faqPage div#faqList div.section div.section {
	margin-bottom: 5px;
	padding-bottom: 1px;
	border-top: 4px solid #3c8bc7;
	background-image: url("../img/others/dot_2x2.gif");
	background-repeat: repeat-x;
	background-position: 0 100%;
}

body.faqPage div#faqList div.section div.section h3 {
	padding: 6px 10px 6px 40px;
	background-image: url("../img/mark/q.gif");
	background-repeat: no-repeat;
	background-position: 10px 0.55em;
	font-size: 114%;
	font-weight: bold;
}

body.faqPage div#faqList div.section div.section h3 a,
body.faqPage div#faqList div.section div.section h3 a:link,
body.faqPage div#faqList div.section div.section h3 a:visited {
	color: #333;
	text-decoration: none;
}

body.faqPage div#faqList div.section div.section h3 a:hover,
body.faqPage div#faqList div.section div.section h3 a:active {
	color: #d6000f;
	text-decoration: underline;
}

body.faqPage div#faqList div.section div.section div.textBody {
	padding-top: 1px;
	background-image: url("../img/others/dot_2x2.gif");
	background-repeat: repeat-x;
}

body.faqPage div#faqList div.section div.section div.answer {
	margin: 7px 10px 0 50px;
	padding: 15px 15px 15px 50px;
	background-color: #e1edf1;
	background-image: url("../img/mark/a.gif");
	background-repeat: no-repeat;
	background-position: 16px 18px;
}

body.faqPage div#faqList div.section div.section div.answer p {
	margin: 0 0 1em; 
}

body.faqPage div#faqList div.section div.section div.answer p a,
body.faqPage div#faqList div.section div.section div.answer p a:link,
body.faqPage div#faqList div.section div.section div.answer p a:visited {
	color: #333;
	text-decoration: none;
}

body.faqPage div#faqList div.section div.section div.answer p a:hover,
body.faqPage div#faqList div.section div.section div.answer p a:active {
	color: #0000ff;
	text-decoration: underline;
}

body.faqPage div#faqList div.section div.section form {
	margin: 5px 10px 20px 50px;
	padding: 15px 15px 15px 50px;
	position: relative;
	_height: 22px;
	min-height: 22px;
	background-color: #f3f1e7;
}

body.faqPage div#faqList div.section div.section form input.submit {
	position: absolute;
	right: 15px;
	bottom: 15px;
	border: none;
}

/* ------------------------------------------------------------------
	3-23-3.	FAQ Banner List
------------------------------------------------------------------ */

body.faqPage ul.listBanner {
	list-style: none;
	margin-top: 50px;
}

body.faqPage ul.listBanner li {
	float: left;
	margin-right: 10px;
}

/* ------------------------------------------------------------------

	3-24.	Catalog Page

------------------------------------------------------------------ */

body.catalogPage p.heading {
	margin: 15px 0 20px;
}


/* p.gotop -temporary add 130214 */
body.catalogPage p.gotop {
	clear: both;
	float: none !important;
	text-align: right;
	margin-top: 10px;
	margin-right: 20px;
}

body.catalogPage p.gotop a {
	background-image: url("/products/template01/img/icon/gotop_gray.gif");
	background-position: 0 0.4em;
	background-repeat: no-repeat;
	padding-left: 16px;
}

/* body.catalogPage div.template01.single div.layout4col */
body.catalogPage div.template01.single div.layout4col {
}

body.catalogPage div.template01.single div.layout4col div.section {
	border: 1px solid #DDD;
	padding-top: 12px;
}

body.catalogPage div.template01.single div.layout4col p.text {
	margin-left: 25px;
}

body.catalogPage div.template01.single div.layout4col div.artwork a {
	display: block;
	width: 150px;
	margin: 12px auto;
}
body.catalogPage div.template01.single div.layout4col div.artwork img {
	width: 150px;
	height: 212px;
}

body.catalogPage div.template01.single div.layout4col ul.button {
	margin: 12px auto 5px;
	width: 150px;
}
body.catalogPage div.template01.single div.layout4col ul.button li {
	list-style-type: none;
	height: 35px;
}
body.catalogPage div.template01.single div.layout4col ul.button li img {
	width: 150px;
	height: 24px;
}

/* ------------------------------------------------------------------
	3-24-1.	Item Page
------------------------------------------------------------------ */

body.catalogPage div#itemList {
	padding-bottom: 20px;
	background-image: none;
}

body.catalogPage div#itemList div.section {
	position: relative;
	/* height: auto;
	_height: 1px;
	min-height: 1px; */
	/* Clearfix */
}

body.catalogPage div#itemList p {
	float: left;
}

body.catalogPage div#itemList p.annotation {
	font-size: 85%;
	padding: 0 0 39px 0;
}

body.catalogPage div#itemList p.thumb {
	margin: 0;
	padding: 10px 10px 34px 10px;
	width: 100px;
	height: 145px;
}

body.catalogPage div#itemList p.thumb img {
	vertical-align: bottom;
	width: 100px;
	/* height: 142px; //140～142のずれが生じる */
}

body.catalogPage div#itemList p.description {
	padding: 10px 10px 39px 0;
	width: 199px;
}

body.catalogPage div#itemList div.section ul.button {
	position: absolute;
	left: 10px;
	bottom: 10px;
	list-style: none;
	background-image: none !important;
	width: 320px;
	clear: both;
	margin: 0 -10px 0 0 !important;
	padding: 0 !important;
}

body.catalogPage div#itemList div.section ul.button li {
	background-image: none !important;
	width: 150px;
	float: left;
	margin: 0 10px 0 0 !important;
	padding: 0 !important;
}

body.catalogPage div#itemList div.section ul.button li img {
	vertical-align: bottom;
	width: 150px;
	height: 24px;
}

body.catalogPage div#itemList div.section ul.button:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}

body.catalogPage p.moreInfo {
	padding-left: 12px;
	background-image: url("../img/mark/site_arrow_red.gif");
	background-repeat: no-repeat;
	background-position: 0 0.28em;
}

body.catalogPage p.pageLink {
	padding-bottom: 12px;
}

body.catalogPage p.pageLink span a {
	color: #5893db;
	text-decoration: underline;
}

body.catalogPage div#siteContents p.title {
	color: #888;
	font-weight: bold;
}

body.catalogPage div#siteContents p.pageLink {
	padding-bottom: 0;
}

body.catalogPage div#siteContents p.moreInfo {
	margin-left: 12px;
	padding-top: 0;
}

body.catalogPage div#siteContents div#topic dl {
	margin: 12px 12px 0;
}

body.catalogPage div#siteContents div#topic dl dt {
	padding-left: 25px;
	_height: 13px;
	min-height: 13px;
	background-image: url("../img/mark/site_icon_gray.gif");
	background-repeat: no-repeat;
	background-position: 0 50%;
}

body.catalogPage div#siteContents div#topic dl dd {
	margin-left: 25px;
	margin-bottom: 0.5em;
}

body.catalogPage div#itemList div.category {
	margin-top: 10px;
	_height: 1px;
	min-height: 1px;

	/* Clearfix */
}

body.catalogPage div#itemList div.category p.title {
	background-image: url("/shared/img/others/dot_2x2.gif");
	background-position: 0 100%;
	background-repeat: repeat-x;
	float: none;
	font-size: 100%;
	margin-bottom: 10px;
	padding: 0;
	width: 685px;
}

body.catalogPage div#itemList div.category p.title span {
	display: block;
	padding: 5px 5px 5px 20px;
	background-image: url("/shared/img/mark/tlc_arrow.gif");
	background-repeat: no-repeat;
	background-position: 0 50%;
	font-size: 114%;
	font-weight: bold;
}

body.catalogPage div.legend {
	width: 685px;
}

body.catalogPage div.legend p {
	background-color: #f2f2f1;
	background-image: url("/shared/img/others/dot_2x2.gif");
	background-position: 0 100%;
	background-repeat: repeat-x;
	padding: 0.5em 15px;
	color: #333;
	font-weight: bold;
}

body.catalogPage div.legend ul {
	border-left: 1px solid #d4d3d2;
	border-top: 1px solid #d4d3d2;
	list-style: none;
	margin-top: 3px;
	_height: 1px;
	min-height: 1px;

	/* Clearfix */
}

body.catalogPage div.legend ul li {
	border-bottom: 1px solid #d4d3d2;
	border-right: 1px solid #d4d3d2;
	float: left;
	width: 170px;
}

body.catalogPage div.legend ul li a {
	background-image: url("/shared/img/mark/site_arrow_gray.gif");
	background-position: 10px 50%;
	background-repeat: no-repeat;
	border: 1px solid #fff;
	display: block;
	padding: 5px 10px 5px 20px;
}

body.catalogPage div.legend ul li a:hover {
	background-image: url("/shared/img/mark/site_arrow_red.gif");
}

/* ------------------------------------------------------------------

	3-25.	Catalog Order Page

------------------------------------------------------------------ */

body.catalogOrderPage p.heading {
	margin: 15px 0 20px;
}

body.catalogOrderPage span.attention {
	color: #bb010e;
}

body.catalogOrderPage div#siteContents div.section div.section {
	margin: 0;
	padding: 20px 0 0;
	border: none;
	_height: 1px;
	min-height: 1px;
	/* Clearfix */
}

body.catalogOrderPage div#siteContents div.section div.section h3 {
	margin-bottom: 20px;
	padding: 0.5em 5px;
	background-image: url("../img/others/dot_2x2.gif");
	background-repeat: repeat-x;
	background-position: 0 100%;
}

body.catalogOrderPage div#siteContents div.section div.section h3 span.title {
	font-weight: bold;
}

body.catalogOrderPage div#siteContents div.section div.section h3 span.subtitle {
	font-size: 85%;
}

body.catalogOrderPage div#siteContents form.inquiry ul.submit li input {
	border: none;
}

/* ------------------------------------------------------------------
	3-25-1.	Category List
------------------------------------------------------------------ */

body.catalogOrderPage div#siteContents div.section div.textBody {
	border: 1px solid #cbcbca;
	_height: 1px;
	min-height: 1px;
	background-color: #f5f5f5;

	/* Clearfix */
}

body.catalogOrderPage div#siteContents div.section div.textBody dl {
	padding: 10px;
	display: inline;
	float: left;
	width: 320px;
}

body.catalogOrderPage div#siteContents div.section div.textBody dl dt {
	margin-left: 8px;
	padding-left: 12px;
	background-image: url("../img/mark/site_arrow_gray.gif");
	background-repeat: no-repeat;
	background-position: 0 50%;
}

body.catalogOrderPage div#siteContents div.section div.textBody dl dd {
	padding-left: 20px;
}

/* ------------------------------------------------------------------

	3-26.	Search Page

------------------------------------------------------------------ */

body.searchPage {
	background-image: none !important;
}

body.searchPage div#content {
	background-image: none;
}

body.searchPage div#content p.heading {
	margin: 10px 0 20px;
}

body.searchPage div#main {
	width: 900px;
}

body.searchPage div#main form {
	padding: 0.5em 12px;
	background-color: #ececec;
}

body.searchPage div#main form p,
body.searchPage div#main form ul {
	float: left;
}

body.searchPage div#main form ul {
	margin-left: 10px;
	height: 22px;
	list-style: none;
	vertical-align: text-bottom;
}

body.searchPage div#main form p input {
	width: 15em;
}

body.searchPage div#siteContents div.section div.section {
	margin: 0 0 20px;
	padding: 0;
	border: none;
}

body.searchPage div#siteContents div.section ul {
	padding: 0;
}

body.searchPage div#siteContents div.section dl {
	margin-top: 1em;
}

body.searchPage div#siteContents div.section dl a {
	color: #0010e5;
}

body.searchPage div#siteContents div.section dl dt {
	padding: 0 26px 0.5em;
	position: relative;
	background-image: url("/shared/img/others/dot_2x2.gif");
	background-repeat: repeat-x;
	background-position: 0 100%;
}

body.searchPage div#siteContents div.section dl dt span.navi {
	position: absolute;
	top: 0;
	right: 12px;
}

body.searchPage div#siteContents div.section dl dd {
	padding: 1em 26px 0;
}

body.searchPage div#siteContents div.section dl dd ul {
	list-style-position: inside;
}

body.searchPage div#siteContents div.section div.section p {
	margin-left: 2em;
	padding: 0;
}

body.searchPage div#siteContents div.section div.section p.url {
	margin-top: 1em;
	color: #538d09;
}

body.searchPage div#siteContents div.section div.section span.keyword {
	color: #ff884e;
}

/* ------------------------------------------------------------------

	3-27.	Site Policy Page

------------------------------------------------------------------ */

body.policyPage p.heading {
	margin: 15px 0 20px;
}

body.policyPage div#content {
	background-image: none;
}

body.policyPage div#main {
	width: 900px;
}

body.policyPage p.description {
	padding: 0 12px;
}

/* ------------------------------------------------------------------
	3-27-1.	Site Contents
------------------------------------------------------------------ */

body.policyPage div#siteContents div.section a {
	margin: 0 4px;
	padding-left: 8px;
	background-image: url("../img/mark/site_arrow_red.gif");
	background-repeat: no-repeat;
	background-position: 0 50%;
}

body.policyPage div#siteContents div.section ul p {
	padding: 0;
}

body.policyPage div#siteContents div.section ul li dl {
	margin-top: 12px;
}

body.policyPage div#siteContents div.section ul li dl dt {
	margin-top: 0.8em;
}

body.policyPage div#siteContents div.section ul li dl dt a {
	margin: 0;
	padding: 0;
	background: none;
}

body.policyPage div#siteContents div.section ul li dl dt a img {
	vertical-align: bottom;
}

/* ------------------------------------------------------------------

	3-28.	Sitemap

------------------------------------------------------------------ */

body.sitemapPage p.heading {
	margin: 15px 0 20px;
}

/* ------------------------------------------------------------------
	3-28-1.	Site Contents
------------------------------------------------------------------ */

body.sitemapPage div#siteContents {
	_height: 1px;
	min-height: 1px;

	/* Clearfix */
}

body.sitemapPage div#siteContents div.section {
	margin-top: 0;
	margin-right: 15px;
	display: inline;
	float: right;
	width: 335px;
}

body.sitemapPage div#siteContents div.section h2 a {
	font-weight: bold;
}

body.sitemapPage div#siteContents div.section h2 a,
body.sitemapPage div#siteContents div.section h2 a:link,
body.sitemapPage div#siteContents div.section h2 a:visited {
	color: #333;
	text-decoration: none;
}

body.sitemapPage div#siteContents div.section h2 a:hover,
body.sitemapPage div#siteContents div.section h2 a:active {
	color: #d6000f;
	text-decoration: underline;
}

body.sitemapPage div#siteContents div#products {
	float: left;
}

body.sitemapPage div#siteContents div.section dl {
	padding: 0 10px 10px;
}

body.sitemapPage div#siteContents div.section dl dt {
	margin: 10px 0;
}

body.sitemapPage div#siteContents div.section dl dt a {
	font-weight: bold;
}

body.sitemapPage div#siteContents div.section dl dt a,
body.sitemapPage div#siteContents div.section dl dt a:link,
body.sitemapPage div#siteContents div.section dl dt a:visited {
	color: #333;
	text-decoration: none;
}

body.sitemapPage div#siteContents div.section dl dt a:hover,
body.sitemapPage div#siteContents div.section dl dt a:active {
	color: #d6000f;
	text-decoration: underline;
}

body.sitemapPage div#siteContents div.section dl dd {
	padding: 0 16px;
}

body.sitemapPage div#siteContents div.section ul {
	padding: 10px;
	list-style: none;
}

body.sitemapPage div#siteContents div.section ul li {
	padding: 0 16px;
}

/* ------------------------------------------------------------------

	3-2*.	Hook Page

------------------------------------------------------------------ */

body.hookPage p.heading {
	margin: 15px 0pt 20px;
}

body.hookPage div#itemDetail div.section p.thumb {
	float: right;
	width: 239px;
}

body.hookPage div#itemDetail div.section h2,
body.hookPage div#itemDetail div.section div.textBody {
	float: left;
	width: 390px;
	background: none;
}

body.hookPage dl.detail dt {
	padding: 0.5em 15px;
	background-color: #F2F2F1;
	color: #333333;
	font-weight: bold;
}

body.hookPage dl.detail dd {
	margin-top: 1px;
	padding: 12px 12px 20px;
	width: 661px;
	background-image: url(../img/others/dot_1x3.gif);
	background-repeat: repeat-x;
}

body.hookPage dl.detail dd ul {
	margin-bottom: 1em;
	_height: 1px;
	min-height: 1px;
	list-style: none;
}

body.hookPage dl.detail dd ul li {
	float: left;
	width: 220px;
}

body.hookPage dl.detail dd ul li p.thumb {
	text-align: center;
}

body.hookPage p.moreInfo {
	margin-bottom: 20px;
	text-align: center;
}

/* ------------------------------------------------------------------

	3-2*.	Maintenance Page

------------------------------------------------------------------ */

body.maintenancePage p.heading {
	margin: 15px 0pt 20px;
}

body.maintenancePage div.message p {
	margin-bottom: 1em;
}

body.maintenancePage div.message ul {
	margin: 2em 0 2em 30px;
}

body.maintenancePage div.message p a {
	color: #00f;
}


/* ------------------------------------------------------------------

	3-29.	Clear Fix

------------------------------------------------------------------ */

body.catalogPage div#itemList div.section ul.button,
.clearFix {
	min-height: 1px;
	_height: 1px;
	/* Only Mac IE \*//*/
	height: auto;
	overflow: hidden;
	/**/
}

body#mainIndex div#main div.section:after,
body#mainIndex div#topLevelCategory:after,
body#mainIndex div#siteInformation:after,
body#ecoExplainPage div#itemDetail div.section div.section:after,
body#products div#itemList div.section:after,
body#products div#siteInformation:after,
body.waterHeaterPage div#itemList div.section:after,
body.waterHeaterPage div#itemLineup div.item:after,
body.waterHeaterPage div#itemSetPlan div.detail:after,
body.waterHeaterPage div#itemSetPlan div.section div.textBody:after,
body.waterHeaterPage div#itemLineup div.item:after,
body.whSystemPage div#itemLineup div.item:after,
body.servicePage div.section ul:after,
body.inquiryPage ul#formNav:after,
body.lifeDetailPage div#itemDetail ol.point dd:after,
body.naviResultPage div#content div.result dl dd:after,
body.catalogPage div#itemList div.section:after,
body.catalogOrderPage div#siteContents div.section div.textBody:after,
body.sitemapPage div#siteContents:after,
body.hookPage dl.detail dd ul:after,
body.recipePage div#main div#itemDetail div.recommend div.textBody ul:after,
body.whSystemAboutPage div#itemDetail div.section div.textBody div.section div.textBody p.moreInfo:after,
body.recipePage div#main div#diary div.textBody:after,
body.catalogPage div#itemList div.category:after,
body.faqPage ul.listBanner:after,
body.catalogPage div.legend ul:after,
body.catalogPage div#itemList div.section ul.button:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/* ------------------------------------------------------------------

	11-14.	PDF download

------------------------------------------------------------------ */
body.catalogPage div#itemList div.section p.pdf {
	position: absolute;
	bottom: 40px;
	right: 10px;
}

body.catalogPage div#itemList div.section p.pdf span {
	padding: 0 0 0 5px;
}

body.catalogPage div#itemList div.irregular {
	height: 245px;
}

body.catalogPage div#itemList div.section p.irregular {
	padding: 10px 10px 20px 0;
}
