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

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

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

/* 全共通 コンテンツ部左右2分割 */
#main-container .leftcontents {
	width:285px;
	margin:0 0 10px 0;
	float:left;
}
#main-container .rightcontents {
	width:285px;
	margin:0 0 20px 0;
	float:right;
}
#main-container .rightcontents2 {
	float:right;
	width:325px;
	margin:0 0 20px 0;
}
#main-container .leftcontents2 {
	float:left;	
	width:325px;
	margin:0 0 20px 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: 155px;
}
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: 102px;
}
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;
}

.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.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;
	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:100px;
	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 {
	text-indent: -9999em;
	width: 650px;
	height: 27px;
	margin: 0px;
	padding: 0px;
	font-size: 15px;
	line-height: 27px;
	background-image: none;
	overflow:hidden;
}

/* ダウンロード /p/dl/download.html,/p/dl/download2.html */
.txt_download {font-size:14px;}
div#main-container h4 {
	text-indent:0;
	margin-bottom: 20px;
}
div#main-container ul.tab_download {
	background:url(../images/download/bar_tab.png) no-repeat bottom;
	height:50px;
	list-style:none;
	margin:10px 0 20px 0;
}
div#main-container ul.tab_download li {
	margin:0;
	padding:0 10px 0 0;
	float:left;
}
div.download-block {
	display:block;
	position:relative;
	overflow:hidden;
	zoom:1;
	width: 650px;
	background:#FFF;
	box-shadow: 1px 1px 5px #999; /*CSS3*/
	-moz-box-shadow: 1px 1px 5px #999; /* Firefox�p*/
	-webkit-box-shadow: 1px 1px 5px #999; /* Google Chrome, Safari�p*/
	border-top:1px solid #C8C8C8;
	border-bottom:1px solid #C8C8C8;
	border-right:1px solid #C8C8C8;
}
div.download-block ul {
	list-style:none;
	padding:0;
	margin:0;
	border-left:1px solid #C8C8C8;
	float: left;
	width:129px;
	height: 225px;
	position:relative;
	overflow:hidden;
	zoom:1;
}
div.download-block ul li.thumb{
	margin:7px auto;
	width:110px;
}
div.download-block ul li.zoomup{
	position:absolute;
	top:172px;
	left:18px;
}
div.download-block ul li.preview{
	position:absolute;
	top:172px;
	right:18px;
}
div.download-block ul li.button{
	position:absolute;
	top:197px;
	left:19px;
}
div.download-block ul a:hover img {
	position: relative;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
p.acrobat {
	clear: both;
	position: relative;
	width: 487px;
	padding: 30px 163px 30px 0px;
	text-align: right;
	font-size: 75%;
	line-height: 1.3em;
}
p.acrobat a.get-acrobat {
	position: absolute;
	top: 25px;
	left: 492px;
}
div.pop-setting {
	position:relative;
	overflow:hidden;
	zoom:1;
}
p.acrobat2 {
	float:right;
	position:relative;
	width: 300px;
	margin-top:30px;
	padding: 30px 165px 0 0px;
	text-align: right;
	font-size: 75%;
	line-height: 1.3em;
}
p.acrobat2 a.get-acrobat {
	position: absolute;
	top: 25px;
	right: 0px;
}
div.pop-setting .left-box {
	float: left;
	width: 305px;
	padding-right: 35px;
}
div.pop-setting .right-box {
	float: right;
	width: 270px;
	padding: 10px 20px 15px 20px;
	background: #F0EBD2;
}
div.pop-setting .right-box p {
	padding-left: 30px;
	margin-bottom: 10px;
}
div#main-container h5.download {
	text-indent:0;
	font-size:16px;
	font-weight:bolder;	
	background:url(../images/download/bg_h5.png) no-repeat;
	height:20px;
	padding:5px 0 5px 15px;
	margin:30px 0 20px 0;
}
div#main-container ul.ph_download {
	list-style:none;
	margin:20px 0 20px 0;
	position:relative;
	overflow:hidden;
	zoom:1;
}div#main-container ul.center{
	margin:20px auto !important;
	width:210px !important;
}
div#main-container ul.ph_download li {
	background:#FAFAFA;
	box-shadow: 1px 1px 5px #999; /*CSS3*/
	-moz-box-shadow: 1px 1px 5px #999; /* Firefox�p*/
	-webkit-box-shadow: 1px 1px 5px #999; /* Google Chrome, Safari�p*/
	border:1px solid #C8C8C8;
	width:200px;
	height:170px;
	float:left;
	margin:0 20px 20px 0;
	position:relative;
}
div#main-container ul.ph_download li.end {
	margin:0 0 15px 0;
}
div#main-container ul.ph_download p.thumb {
	margin:7px auto;
	width:180px;
}
div#main-container ul.ph_download p.check {
	position:absolute;
	top:145px;
	left:10px;
	font-size:13px;
}
div#main-container input.radiobox {
}
div#main-container label {
	display: inline;
	padding:5px 10px 5px 0;
}
div#main-container ul.ph_download p.zoomup{
	position:absolute;
	top:142px;
	left:100px;
}
div#main-container ul.ph_download p.preview{
	position:absolute;
	top:142px;
	left:135px;
}
div#main-container div.typebox {
	position:relative;
	overflow:hidden;
	zoom:0;
}
div#main-container div.typebox-line {
	border-bottom:1px dashed #ccc;
	
}
div#main-container div.typebox img {
	width:210px;
	margin:10px 20px 10px 0;
	float:left;
}
div#main-container div.typebox p {
	width:400px;
	padding:70px 0 0 0;
	float:left;
}
div#main-container p.transmit {
	background:#F2EED9;
	margin:20px 0 20px 0;
	padding:10px 0 5px 0;
	text-align:center;
}
div#main-container p.pdf-download {
	margin:20px 0 0 0;
	padding:0;
	text-align:center;
}
div#main-container p.goback {
	border-top: 6px solid #EC8226;
	margin:30px 0 0 0;
	padding:20px 0 0 0;
}
div#main-container input:hover,
div#main-container ul.ph_download a:hover img,
div#main-container p a:hover img {
	position: relative;
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}