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

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

-------------------------------------------------------------------
*/

/* 全共通 コンテンツ部左右2分割 */
#main-container .leftcontents {	
	width:198px;
	height: 324px;
	background: url(../images/img_toku03.gif) no-repeat;
	float:left;	
	margin:0;	
	padding:258px 33px 0 84px;
	}
#main-container .rightcontents {	
	width:198px;
	height: 324px;
	background: url(../images/img_toku04.gif) no-repeat;
	float:right;
	margin:0;	
	padding:258px 55px 0 60px;
	}
#main-container .rightcontents2 {
	float:right;
	width:325px;
	margin:0;	
}
#main-container .leftcontents2 {
	float:left;	
	width:325px;
	margin:0;	
}
/* B.製品詳細ボタン */
div.leftcontents2 p a.detail {
	display: block;
	width: 102px;
	height: 21px;
	background: url(../images/btn_siyo.gif) no-repeat;
	text-indent: -9999em;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 180px;
}
div.rightcontents2 p a.detail {
	display: block;
	width: 102px;
	height: 21px;
	background: url(../images/btn_siyo.gif) no-repeat;
	text-indent: -9999em;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 90px;
}
div.leftcontents2 p a:hover.detail, div.rightcontents2 p a:hover.detail {
	background: url(../images/btn_siyo_on.gif) no-repeat;
}

.detaillist {
	margin:0 0 10px 0;
}
.detaillist dt {
	margin:0 0 10px 0;
	padding:5px 0;
	border-bottom:1px #105EAD solid;
	clear:both;

}
.detaillist dd {
	margin:0 0 10px 0;
	font-size: 85%;
}

.rightcontents2 .detaillist dt {
	margin:0;
}
.rightcontents2 .detaillist dd {
	margin:0 0 10px 0;
}




/* シリーズタイトル */
div#main-container div.title {
	position:relative;
	width: 650px;
	height:108px;
}

div.title ul {
	margin:0;
	padding:0;
}
div.title li {
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
	list-style:none;
}
div.title a {
	display: block;
	float: left;
	height: 108px;
}
div.title a.naiyo1 {
	background: url(../images/bnr_naiyo1.jpg) no-repeat;
	width: 324px;
	text-indent: -9999em;
}
div.title a:hover.naiyo1 {
	background: url(../images/bnr_naiyo1-on.jpg) no-repeat;
	width: 324px;
}
div.title a.naiyo2 {
	background: url(../images/bnr_naiyo2.jpg) no-repeat;
	width: 325px;
	text-indent: -9999em;
}
div.title a:hover.naiyo2 {
	background: url(../images/bnr_naiyo2-on.jpg) no-repeat;
	width: 325px;
}

/* ラインナップ */

/* 1.製品一覧テーブル */
table.lineup-list tbody td {
	width:162px;
}

/* 特長 */
div#main-container h3.detail02 {
	height: 220px;
	background: url(../images/bg_h3-detail02.jpg) no-repeat;
}
div#main-container h4.detail03 {
	height: 25px;
	margin-bottom: 10px;
	background: url(../images/bg_h4-detail03.gif) no-repeat center;
}
div#main-container h4.detail04 {
	height: 25px;
	margin-bottom: 10px;
	background: url(../images/bg_h4-detail04.gif) no-repeat center;
}

/* JWEシリーズ ドアタイブ 共通 */
div#main-container h4.hbc2 {
	background-image: url(../images/bg_h4-products.gif);
	background-repeat: no-repeat;
}

/* JWEシリーズ ドアタイブ 省エネ */
#lineup div#main-container h4.hbccopy {
	height: 20px;
	background:url(../images/tokucopy.gif) no-repeat;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}



/* 左メニュー開閉設定 */
#box07 {
	display: block;
}
#menu07 {
	display: none;
}
/* カテゴリーラベル */
div#main-container h3.index {
	height: 27px;
	margin-bottom: 0px;
	text-indent: -9999em;
	background: url(../images/bg_h3-index.gif) no-repeat;
}
/* シリーズラベル */
div#main-container h4.sdl {
	background: url(../images/bg_h4-index01.jpg) no-repeat;
}
div#main-container h4.sdl2 {
	background-image: url(../images/bg_h4-products.gif);
	background-repeat: no-repeat;
	}
#lineup div#main-container h4.sdlcopy {
	height: 45px;
	background:url(../images/img_toku01.gif) no-repeat;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	}

/* 特長 */
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;
	margin-bottom: 30px;
}
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:70px;
	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.eco {
	background: url(../images/tab_eco.gif) no-repeat;
}
p.detail-tab a:hover.eco {
	background: url(../images/tab_eco-on.gif) no-repeat;
}
p.detail-tab a.eco-on {
	background: url(../images/tab_eco-on.gif) no-repeat;
}
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;
}
.e-detaillist dd {
	margin:0 0 20px 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 h5 {
	width:auto;
	height:auto;
	text-indent:0;
	display:block;
	clear:both;
	margin:20px 0 10px;
}
#contents #main-container .border-box .naiyo {
	width: 600px;
	font-size: 85%;
	background-image: url(../images/img_naiyo1-7.gif);
	background-repeat: no-repeat;
	background-position: 0px 280px;
	margin-left: 22px;
}
#contents #main-container .border-box .naiyo2 {
	width: 600px;
	font-size: 85%;
	margin-left: 22px;
}
/* メインH3　レイアウト調整　ARGO追記0618*/
div#main-container h3 {
    margin-bottom: 20px;
    text-indent: 18px;
    width: 650px;
    height: 31px;
    font-size: 100%;
    line-height: 1.9;
    color: rgb(255, 255, 255);
    background: url("../../../common/images/tit_h3_bg.gif") no-repeat scroll 0px 0px transparent;
	font-size:120%;
}