@charset "shift_jis";
 @import url("../../css/contents.css");
 @import url("days.css");
/*
/*
-------------------------------------------------------------------
◎製品情報個別ページスタイルシート
製作者：株式会社アルゴ
制作日：2009年2月12日
最終更新日：2009年2月17日
-------------------------------------------------------------------
[目次]

・左メニュー開閉設定
・カテゴリーラベル
・シリーズラベル
・特長
　1.FAQブロック
・ラインナップラベル
・製品トップ（省エネ/特長）
　1.ページ切替タブ
　2.注釈テーブル

-------------------------------------------------------------------
*/
/* 左メニュー開閉設定 */
#box07 {
	display: block;
}
#menu07 {
	display: none;
}
/* カテゴリーラベル */
div#main-container h3.index {
	height: 25px;
	margin-bottom: 10px;
	text-indent: -9999em;
	background: url(../images/bg_h3-index.gif) no-repeat;
}
/* シリーズラベル */
div#main-container h4.hih {
	background: url(../images/bg_h4-index01.jpg) no-repeat;
}
/* 特長 */
div#main-container div.border-box {
	width: 648px;
	border: 1px solid #CCC;
}
div#main-container div.border-box h3, div#main-container div.border-box h4 {
	display: block;
	width: 648px;
}
div#main-container div.border-box h5 {
	display: block;
	width: 543px;
	height: 28px;
	margin-bottom: 10px;
}
div#main-container h3.naiyo1 {
	height: 200px;
	text-indent: -9999em;
	background: url(../images/bg_h3-naiyo1.jpg) no-repeat;
}
div#main-container h3.naiyo2 {
	height: 200px;
	text-indent: -9999em;
	background: url(../images/bg_h3-naiyo2.jpg) no-repeat;
}


/* 製品ヘッダメニュー */

div.series .contentsmenu {
	position:absolute;
	width:170px;
	top:5px;
	right:5px;
	margin:0;
	padding:0;
}
div.series .contentsmenu li {
	position:relative;
	margin:0;
	padding:0;
	float:left;
	list-style:none;
}
div.series .contentsmenu a {
	display:block;
	margin:0 5px 0 0;
	float:left;
}
* html div.series .contentsmenu a {
	display:inline;
}
div.series .contentsmenu .detail-s a {
	width: 65px;
	height: 22px;
	background: url(../images/btn_detail.gif) no-repeat;
	text-indent:-9999px;
}
div.series .contentsmenu .detail-s a:hover {
	background: url(../images/btn_detail_on.gif) no-repeat;
}
div.series .contentsmenu .lineup-s a {
	width: 94px;
	height: 22px;
	background: url(../images/btn_lineup.gif) no-repeat;
	text-indent:-9999px;
}
div.series .contentsmenu .lineup-s a:hover {
	background: url(../images/btn_lineup_on.gif) no-repeat;
}

div.series p {/* 製品表示 */
	float: left;
	width: 650px;
	margin-top:10px;
	padding-top: 0;
	text-align: center;
	border:none;
	border-top:#666 1px solid;
}
div.series p img {
	margin: 0;
}
/* 特長1-2 */
div.toku1 {
	background-image: url(../images/img_toku02.gif);
	background-repeat: no-repeat;
	background-position: 18px 25px;
	height: 546px;
	padding-right: 380px;
	margin-left: 22px;
	font-size: 85%;
	margin-bottom: 20px;
}
div.toku2 {
	margin-left: 22px;
	font-size: 85%;
	margin-bottom: 20px;
}

/* 1.ページ切替タブ */
div#main-container p.detail-tab {
	position:relative;
	width: 650px;
	height:24px;
	background:url(../images/bg_tab-submenu.jpg) repeat-x #EBEBEB;
}
p.detail-tab a {
	display: block;
	float: left;
	width: 144px;
	height: 24px;
}
p.detail-tab a.detail {
	background: url(../images/tab_detail.gif) no-repeat;
}
p.detail-tab a:hover.detail {
	background: url(../images/tab_detail-on.gif) no-repeat;
}
p.detail-tab a.detail-on {
	background: url(../images/tab_detail-on.gif) no-repeat;
}
p.detail-tab a.lineup {
	background: url(../images/tab_lineup.jpg) no-repeat;
}
p.detail-tab a:hover.lineup {
	background: url(../images/tab_lineup_on.jpg) no-repeat;
}
/* 2.注釈テーブル */
div#main-container table.eco-cost {
	width: 650px;
	margin-top: 5px;
}
div#main-container table.eco-cost th, div#main-container table.eco-cost td {
	font-size: 65%;
}
div#main-container table.eco-cost th {
	text-align: left;
	font-weight: normal;
	white-space: nowrap;
}
div#main-container table.eco-cost td {
	padding-right: 10px;
}
#contents #main-container .border-box .answer01 table {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #18499D;
	padding-bottom: 5px;
}
#contents #main-container .border-box .answer01 strong {
	font-size: 110%;
	display: block;
	margin-bottom: 5px;
}
.e-detaillist {
	margin:0 0 10px 0;
}
.e-detaillist dt {
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #006CB7;
}
.e-detaillist dd {
	margin:0 0 20px 0;
	font-size: 85%;
}
body#lineup div#main-container div.e-detail-kyousei {
	margin:0 0 20px 0;
	padding:10px;
	background:#daecd0;
	border:2px solid #9AC846;
}
body#lineup div#main-container div.e-detail-kyousei p {
	line-height:1.25;
}
body#lineup div#main-container h4.hihcopy {
	height: 45px;
	background:url(../images/img_toku08.gif) no-repeat;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}
#contents #main-container .border-box .naiyo h4 {
	width:auto;
	height:auto;
	text-indent:0;
	display:block;
	clear:both;
	margin:0 0 20px;
}
#contents #main-container .border-box .naiyo {
	width: 600px;
	margin:0 0 0 22px;
	font-size: 85%;
}
#contents #main-container .border-box .naiyo .naiyoleft10 {
	margin-left: 15px;
}
#contents #main-container .border-box .naiyo .naiyoleft20 {
	margin-left: 20px;
	padding-bottom: 20px;

}

/* バナー　ロールオーバー */

#item #main-container h3{
	text-indent: -9999em;
}

#item #main-container #itemSelect h3{
	width:315px;
	height:210px;
	display:block;
	margin:0 0 20px;
}
#item #main-container #itemSelect li{
	float:left;
}
#item #main-container #itemSelect li.right{
	float:right;
}

#item #main-container #itemSelect h3 a{
	width:315px;
	height:210px;
	display: block;
	background-repeat: no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	outline:none;
}

#item #main-container  h3#ssb a{
	background:url(../images/s_link01.jpg) 0 0 no-repeat;
}
#item #main-container  h3#rs a{
	background:url(../images/s_link02.jpg) 0 0 no-repeat;
}
#item #main-container  h3#fnc a{
	background:url(../images/s_link03.jpg) 0 0 no-repeat;
}
#item #main-container  h3#hfj a{
	background:url(../images/s_link04.jpg) 0 0 no-repeat;
}
#item #main-container  h3#hkd a{
	background:url(../images/s_link05.jpg) 0 0 no-repeat;
}
#item #main-container  h3#dondon a{
	background:url(../images/s_link06.jpg) 0 0 no-repeat;
}




#item #main-container #itemSelect h3 a:hover{
	background:transparent;
	clear:both;
	text-indent:0;
}
#item #main-container #itemSelect h3 img{
	width:100%;
	visibility:visible;
	margin:0;
	padding:0;
	font-size:0;
	line-height:0;
}