@charset "UTF-8";
/* CSS Document */

body {
	background:url(../images/bg_body.gif) repeat-x;
	padding:0;
	margin:0;
	letter-spacing:0.1em;
}

body , td , p {
	font-family:"ヒラギノ角ゴ Pro W3" ,"ＭＳ Ｐゴシック", Osaka;
	color:#3b342b;
	font-size:12px;
	line-height:19px;
	margin:0;
	padding:0;
}

ul , li , dl , dt , dd {
	margin:0;
	padding:0;
	list-style:none;
}
/*===================================================
リンク
*/
a {
	color:#f57f20;
	text-decoration:none;
	overflow:hidden;
	outline:none;
}
a:hover {
	text-decoration:underline;
}
a img{
	border:none;
}
a.linkbtn:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}

/*===================================================
見出し
*/
h2.pagetitle{
	width:741px;
	height:64px;
	text-indent:-9999px;
	padding:0 0 19px 0;
	margin:0;
}

h3.copy {
	text-indent:-9999px;
	margin:0 0 19px 0;
}

h3.subtitle {
	text-indent:-9999px;
	height:21px;
	padding:0;
	margin:0 0 19px 0;
}

h4 {
	color:#3b342b;
	font-size:14px;
	line-height:1em;
	margin:0 0 12px 0;
	padding:0;
}

/*===================================================
テーブル
*/
table.tableFormat {
	margin-top:-9px;
	margin-bottom:19px;
}
table.tableFormat th , table.tableFormat td{
	border-bottom:solid 1px #CCCCCC;
	padding:9px 0;
}
table.tableFormat th{
	text-align:left;
	color:#644724;
	padding:5px 0 6px 0;
}
table.tableFormat td{
	padding:5px 0 6px 0;
}
/*===================================================
レイアウト
*/
#wrapper {
	width:931px;
	margin:0 auto;
	margin-bottom:95px;
	min-height:1em;
	height: auto !important;
	height:1em;
}
#wrapper:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*
=========================================================================================
header 
=========================================================================================
*/
#header {
	height:79px;
}
#header h1.description {
	font-size:10px;
	font-weight:normal;
	color:#a78966;
	margin:0;
	padding:12px 0 0 0;
	vertical-align:bottom;
	line-height:1em;
	width:551px;
	height:10px;
	float:left;
	overflow:hidden;
}

/*heaer naviここから------------------------------------------------------------*/

#header ul.navi {
	float:right;
	height:22px;
}

#header ul.navi li{
	float:left;
	text-indent:-9999px;
	font-size:22px;
	line-height:1em;
	height:22px;
}

#header ul.navi li a{
	display:block;
}
#header ul.navi li.home { background:url(../images/header_navi_home_ov.gif) no-repeat;}
#header ul.navi li.home a{ width:92px; background:url(../images/header_navi_home.gif) no-repeat;}

#header ul.navi li.showroom { background:url(../images/header_navi_showroom_ov.gif) no-repeat;}
#header ul.navi li.showroom a{ width:167px; background:url(../images/header_navi_showroom.gif) no-repeat;}

#header ul.navi li.company  { background:url(../images/header_navi_company_ov.gif) no-repeat;}
#header ul.navi li.company a{ width:102px; background:url(../images/header_navi_company.gif) no-repeat;}

#header ul.navi li a:hover{	background:none;}

/*heaer naviここまで------------------------------------------------------------*/
#header h2.siteName {
	margin:0;
	padding:0;
	text-indent:-9999px;
	clear:both;
	float:left;
}

#header h2.siteName a{
	width:225px;
	height:52px;
	background:url(../images/logo.gif) no-repeat;
	display:block;
}
#header h2.siteName a:hover{
	background:url(../images/logo_ov.gif) no-repeat;
}
#header p.tel {
	width:370px;
	height:45px;
	margin:0 0 0 144px;
	padding:0;
	background:url(../images/header_tel.gif) no-repeat;
	float:left;
	text-indent:-9999px;
}
/*文字サイズ変更ここから------------------------------------------------------------*/

#header ul.textSize {
	width:171px;
	height:28px;
	background:url(../images/header_textsize_bg.gif) no-repeat;
	float:right;
	margin-top:12px;
}

#header ul.textSize li{
	float:left;
	width:20px;
	height:20px;
	margin:4px 3px 0 3px;
	position:relative;
	left:91px;
}

#header ul.textSize li a{
	text-indent:-9999px;
	width:20px;
	height:20px;
	display:block;
}

#header ul.textSize li.small a{
	background:url(../images/header_textsize_small.gif) no-repeat;
}
#header ul.textSize li.medium a{
	background:url(../images/header_textsize_medium_cr.gif) no-repeat;
}
#header ul.textSize li.large a{
	background:url(../images/header_textsize_large.gif) no-repeat;
}

/*文字サイズ変更ここまで------------------------------------------------------------*/

/*
=========================================================================================
メインナビゲーション	
=========================================================================================
*/
#mainNavi {
	clear:both;
}

#mainNavi li {
	float:left;
}
#mainNavi li a{
	height:45px;
	text-indent:-9999px;
	display:block;
}

#mainNavi li.lifestyle a { width:181px;	background:url(../images/mainnavi_lifestyle.gif) no-repeat; }
#mainNavi li.lifestyle { background:url(../images/mainnavi_lifestyle_ov.gif) no-repeat; }

#mainNavi li.flow a { width:190px; background:url(../images/mainnavi_flow.gif) no-repeat; }
#mainNavi li.flow { background:url(../images/mainnavi_flow_ov.gif) no-repeat; }

#mainNavi li.maintenance a { width:190px; background:url(../images/mainnavi_maintenance.gif) no-repeat; }
#mainNavi li.maintenance { background:url(../images/mainnavi_maintenance_ov.gif) no-repeat; }

#mainNavi li.faq a { width:190px; background:url(../images/mainnavi_faq.gif) no-repeat; }
#mainNavi li.faq { background:url(../images/mainnavi_faq_ov.gif) no-repeat; }

#mainNavi li.contact a { width:180px; background:url(../images/mainnavi_contact.gif) no-repeat; }
#mainNavi li.contact { background:url(../images/mainnavi_contact_ov.gif) no-repeat; }

#mainNavi li a:hover { background:none; }


/*パンくず------------------------------------------------------------*/
#topicPath {
	clear:both;
	overflow:hidden;
	color:#FFFFFF;
	font-size:10px;
	line-height:2em;
	height:19px;
}
#topicPath a{
	color:#FFFFFF;
}
/*
=========================================================================================
メインコンテナ	
=========================================================================================
*/
#mainContainer {
	width:741px;
	float:right;
	margin-top:19px;
}

#mainContainer .contentsBlock {
	clear:both;
	min-height:1em;
	height:auto !important;
	height:1em;
	margin-bottom:38px;
}
#mainContainer .contentsBlock:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

#mainContainer .contentsBlock p{
	margin-bottom:19px;
}

#mainContainer p.caption {
	font-size:10px;
	color:#666666;
	line-height:14px;
	margin-top:6px;
}

p.description {
	margin-bottom:38px;
}


/*
=========================================================================================
薪ストーブに関するご質問は
=========================================================================================
*/
#contactInformation {
	padding-top:19px;
	clear:both;
}
#contactInformation h3.subtitle {
	background:url(../images/contactinfo_subtitle.gif) no-repeat;
}

#contactInformation dl {
	width:357px;
	height:134px;
	border:solid 1px #c1b7ab;
	padding:1px;
}
#contactInformation dl dt {
	width:357px;
	height:26px;
	background:#a78966;
	text-indent:-9999px;
}
#contactInformation dl dd {
	height:108px;
}

#contactInformation dl.contactTel {
	float:left;
}
#contactInformation dl.contactTel dt {
	background:url(../images/contactinfo_tel_head.gif) no-repeat;
}
#contactInformation dl.contactTel dd {
	text-indent:-9999px;
	line-height:0;
	background:url(../images/contactinfo_tel_bg.gif) no-repeat;
}
#contactInformation dl.contactTel dd img{
	position:relative;
	left:193px;
	top:66px;
}
#contactInformation dl.contactWeb {
	float:right;
}
#contactInformation dl.contactWeb dt{
	background:url(../images/contactinfo_web_head.gif) no-repeat;
}
#contactInformation dl.contactWeb dd {
	text-align:center;
	background:url(../images/contactinfo_web_bg.gif) no-repeat;
}
#contactInformation dl.contactWeb dd img{
	margin-top:34px;
}
/*
=========================================================================================
左カラム	
=========================================================================================
*/
#leftColumn {
	width:171px;
	margin-top:19px;
	float:left;
}

#leftColumn dl {
	background:#ded8d1;
	padding:3px;
}


#leftColumn dt {
	width:165px;
	height:31px;
	text-indent:-9999px;
}

#leftColumn dt.items { background:url(../images/left_navi_head_items.gif); }
#leftColumn dt.showroom { background:url(../images/left_navi_head_showroom.gif); }

/*商品メニュー------------------------------------------------------------*/
#leftColumn dl #commodities{
	padding:0;
	margin-bottom:19px;
}
#leftColumn dl #commodities dt{
	width:165px;
	height:29px;
}
#leftColumn dl #commodities dt.stove{ background:url(../images/left_navi_subhead_stove.gif) no-repeat; }
#leftColumn dl #commodities dt.accessory{ background:url(../images/left_navi_subhead_accessory.gif) no-repeat; }

#leftColumn ul {
	border:solid 1px #c1b7ab;
	background:#FFFFFF;
}

#leftColumn dd ul li a{
	background:url(../images/left_navi_list_bg.gif) no-repeat;
	font-family:"ＭＳ Ｐゴシック", Osaka ;
	font-size:11px;
	letter-spacing:0.05em;
	color:#85817b;
	line-height:28px;
	text-indent:26px;
	text-decoration:none;
	margin:1px;
	width:161px;
	height:28px;
	display:block;
}
#leftColumn dd ul li a:hover{ color:#f57f20; }

/*ショールームのご案内の説明文------------------------------------------------------------*/
#leftColumn dd.showroomDescription {
	border:solid 1px #c1b7ab;
	border-top:none;
	padding:9px;
	background:#FFFFFF;
}

#leftColumn dd.showroomDescription p{
	font-size:9px;
	line-height:12px;
	margin:9px 0;
	padding:0;
}

/*バナーリスト------------------------------------------------------------*/
#leftColumn ul.banners {
	margin-top:19px;
	border:none;
	background:none;
}
#leftColumn ul.banners li{
	margin:0 0 9px 0;
	width:171px;
	height:76px;
	float:left;
}

#leftColumn ul.banners a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}

/*
=========================================================================================
フッター	
=========================================================================================
*/
#footer {
	clear:both;
	width:100%;
	height:112px;
	background:url(../images/bg_footer.gif) repeat-x #d8d6d5;
}
#footerContainer {
	margin:0 auto;
	width:931px;
}

#footerContainer ul.textNavi {
	height:33px;
	float:left;
}
#footerContainer ul.textNavi li {
	float:left;
	height:10px;
	color:#999999;
	font-size:10px;
	line-height:1em;
	padding-right:2px;
	margin-top:13px;
	margin-right:5px;
	border-right:solid 1px;
}
*:first-child+html #footerContainer ul.textNavi li {
	float:left;
	height:10px;
	color:#999999;
	font-size:10px;
	line-height:1em;
	padding-right:10px;
	margin-top:13px;
	margin-right:8px;
	border-right:solid 1px;
}
#footerContainer ul.textNavi li a{
	color:#666666;
	text-decoration:none;
}
#footerContainer ul.textNavi li a:hover{
	text-decoration:underline;
}

#footerContainer .anchor {
	float:right;
}

#footerContainer .clear {
	clear:both;
	color:#d8d6d5;
	height:1px;
	line-height:0;
}
#footerContainer ul.footNavi {
	margin-top:12px;
}
#footerContainer ul.footNavi li {
	float:left;
	font-size:10px;
	padding-right:19px;
	padding-bottom:7px;
}
#footerContainer ul.footNavi li a{
	color:#85817b;
	text-decoration:none;
}
#footerContainer ul.footNavi li a:hover{
	text-decoration:underline;
}
#footerContainer .copyright {
	background:url(../images/footer_copyright.gif) no-repeat;
	width:270px;
	height:11px;
	text-indent:-9999px;
	clear:left;
}
#footerContainer .companyProfile {
	background:url(../images/footer_company_profile.gif) no-repeat;
	width:302px;
	height:36px;
	text-indent:-9999px;
	float:right;
	margin-top:15px;
}
#footerContainer .anchor a {
	display:block;
	text-indent:-9999px;
	background:url(../images/footer_anchor.gif) no-repeat;
	width:171px;
	height:33px;
}

#footerContainer .anchor a:hover {
	background:url(../images/footer_anchor_ov.gif) no-repeat;
}

/*
=========================================================================================
IE6対策用ハック	
=========================================================================================
*/
*html #footerContainer ul.footNavi {
	margin-top:7px;
}
*html #footerContainer ul.footNavi li {
	padding-bottom:1px;
}
/*
*html #header ul.textSize {
	position:relative;
	top:-3px;
}
*html #header p.tel {
	position:relative;
	top:-4px;
}
*/


/*
=========================================================================================
クリア
=========================================================================================
*/

/*clearfix----------------*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
		font-size:.01em;
		height:1px;
		overflow:hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}