@charset "utf-8";
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 *
 *	file name : product.css
 *
 * :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#main .titleBlockText {
	width: 660px;
	float: left;
}
#main .pageTitleInfoBox {
	float: right;
	margin-top: 15px;
}
#main .pageTitleInfoBox .btn li {
	float: left;
	margin: 0 5px 0 0;
	display: inline;
}
#main .productType02 .prodNameCase,
#main .productType03 .prodNameCase {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px !important;
}
/* 
　アイコン
=============================================================================== */
#main .prodIconBox {
	width: 390px;
	padding: 5px;
	margin-bottom: 10px;
	background-color: #f4f4f4;
}
#main .prodIconBox li {
	float: left;
	margin-right: 4px;
}
#main .prodIconBox02 {
	width: 350px;
	padding: 5px;
	margin: 5px 0 10px;
	background-color: #f4f4f4;
}
#main .prodIconBox02 li {
	float: left;
	margin-right: 4px;
}
#main .dispIcon {
	display: inline;
}
#main .dispIcon a {
	padding: 0 0 3px 22px;
	background: url(../../../../../common/img/global/icon_arrow.gif) no-repeat left 0.2em;
}
/* 
　概略図
=============================================================================== */
#main .summaryImage {
	text-align: center;
}
/* 
　設置例
=============================================================================== */
#main .installation {
	margin-bottom: 30px;
}
#main .installation .colL {
	width: 290px;
	float: left;
}
#main .installation .colL span {
	font-size: 108%;
	font-weight: bold;
}
#main .installation .colR {
	width: 360px;
	float: right;
}
#main .installation span {
	font-weight: bold;
}
#main .installationTable {
	border: 1px solid #999;
}
#main .installationTable th {
	width: 230px;
}
#main .installationTable td {
	font-weight: bold;
}
#main .installationTableUnder {
	margin: 15px 0 0 0;
	border: 1px solid #999;
	font-size: 108%;
}
#main .installationTableUnder td {
	padding: 8px;
}
/* 
　概略仕様
=============================================================================== */
#main .specTable th, #main .specTable2 th, #main .installationTable th {
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color: #efece5;
	width: 150px;
	font-weight: 100;
	padding: 10px;
}
#main .specTable th, #main .specTable2 th {
	width: 100px;
}
#main .specTable, #main .specTable2 {
	border: 1px solid #999;
	width: 660px;
}
#main .specTable tr, #main .specTable2 tr, #main .installationTable tr {
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	padding: 8px;
}
#main .specTable td, #main .specTable2 td, #main .installationTable td {
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 8px;
}
#main .specTable2 tr:first-child {
	background-color: #333333;
	color: #ffffff;
}
#main .specTable3 th {
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color: #efece5;
	font-weight: 100;
	padding: 10px;
}
#main .specTable3 {
	border: 1px solid #999;
	width: 660px;
}
#main .specTable3 tr {
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	padding: 8px;
}
#main .specTable3 td {
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 8px;
}
#main .specTable3 td.bg_g {
	background-color: #f4f4f4;
}
#main .colGreen {
	color: #49a329;
	font-weight: bold;
}
#main .colBlue {
	color: #0066cc;
	font-weight: bold;
}
#main .bgCol666 {
	background-color: #666666;
	color: #fff;
}
#main .lineupTab4 .colR {
	background: url(../images/tab4_right_off.gif) left bottom no-repeat;
	width: 170px;
	height: 52px;
	float: left;
	cursor: pointer;
}
/* 
　メイン部分
=============================================================================== */
#main .prodMainCol2Block .colL {
	width: 400px;
	float: left;
}
#main .prodMainCol2Block .colR {
	float: right;
	width: 245px;
}
#main .prodMainCol2Block .colR .productType01 {
	width: 230px;
	color: #fff;
	background: url(../images/bg_type.gif) no-repeat 0 0;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
}
#main .prodMainCol2Block .colR .productType02,
#main .prodMainCol2Block .colR .productType03,
#main .prodMainCol2Block .colR .productType04 {
	margin-bottom: 10px;
	font-size: 13px;
}
#main .prodMainCol2Block .colR .productType02 ul,
#main .prodMainCol2Block .colR .productType03 ul,
#main .prodMainCol2Block .colR .productType04 ul {
	width: 245px;
}
#main .prodMainCol2Block .colR .productType02 ul li {
	width: 122px;
	background: url(../images/bg_type03_02.gif) no-repeat 0 bottom;
	float: left;
	margin-right: 1px;
	padding-bottom: 8px;
}
#main .prodMainCol2Block .colR .productType02 ul li.end {
	margin-right: 0px;
}
#main .prodMainCol2Block .colR .productType02 ul li p {
	width: 116px;
	background: url(../images/bg_type03_01.gif) no-repeat 0 0;
	color: #fff;
	text-align: center;
	font-weight: bold;
	padding: 8px 3px 0 3px;
	margin-bottom: 0;
}
#main .prodMainCol2Block .colR .productType03 ul li {
	width: 81px;
	background: url(../images/bg_type02_02.gif) no-repeat 0 bottom;
	float: left;
	margin-right: 1px;
	padding-bottom: 8px;
}
#main .prodMainCol2Block .colR .productType03 ul li.end {
	margin-right: 0px;
}
#main .prodMainCol2Block .colR .productType03 ul li p {
	width: 75px;
	background: url(../images/bg_type02_01.gif) no-repeat 0 0;
	color: #fff;
	text-align: center;
	font-weight: bold;
	padding: 8px 3px 0 3px;
	margin-bottom: 0;
}
#main .prodMainCol2Block .colR .productType04 ul li {
	width: 81px;
	background: url(../images/bg_type02_02.gif) no-repeat 0 bottom;
	float: left;
	margin-right: 1px;
	padding-bottom: 8px;
}

#main .prodMainCol2Block .colR .productType04 ul li.end {
	width: 162px;
	background: url(../images/bg_type04_02.gif) no-repeat 0 bottom;
	float: right;
	padding-bottom: 8px;
}
#main .prodMainCol2Block .colR .productType04 ul li p {
	background: url(../images/bg_type02_01.gif) no-repeat 0 0;
	color: #fff;
	text-align: center;
	font-weight: bold;
	padding: 8px 3px 0 3px;
	margin-bottom: 0;
}
#main .prodMainCol2Block .colR .productType04 ul li.end p {
	background: url(../images/bg_type04_01.gif) no-repeat 0 0;
	color: #fff;
	text-align: center;
	font-weight: bold;
	padding: 8px 3px 0 3px;
	margin-bottom: 0;
}

#main .prodMainCol2Block .colR .prodType {
	width: 230px;
	color: #fff;
	background: url(../images/bg_type.gif) no-repeat 0 0;
	padding: 10px;
	text-align: center;
	font-weight: bold;
}
#main .prodMainCol2Block .colR .prodPriceTit {
	background-color: #e4e4e4;
	padding: 5px;
	margin-bottom: 5px;
	font-weight: bold;
}
#main .prodMainCol2Block .colR .prodSetPrice {
	padding: 5px 0;
	margin-bottom: 5px;
	border-bottom: #999 dotted 1px;
}
#main .prodMainCol2Block .colR .prodPrice {
	margin-bottom: 0;
	font-weight: bold;
	font-size: 123.1%;
}
#main .prodMainCol2Block .colR .prodPrice02 {
	margin-bottom: 0;
	font-size: 100%;
}
#main .moduleSpec .titStyle02 {
	margin-bottom: 10px;
}
#main .moduleSpec .titStyleBlue {
	border: none;
	margin-bottom: 0px;
}
/* 
　詳細ダウンロードボタン
=============================================================================== */
#main .downloadArea {
	padding-left: 10px;
	background-color: #f4f4f4;
	margin-bottom: 10px;
}
#main .allBtnContainer {
	padding: 15px 0;
	border-bottom: 1px dotted #999;
	width: 640px;
}
#main .dlBtnContainer {
	padding: 15px 0;
	position: relative;
}
#main .dlBtnContainer .dlList {
	width: 640px;
}
#main .dlBtnContainer .dlList .dlListBtn {
	float: left;
	margin: 0 10px 10px 0;
	height: 55px;
	overflow: hidden;
}
#main .dlBtnContainer .dlList .dlListBtn p {
	margin-bottom: 0px;
}
#main .dlBtnContainer .dlList .dlListBtn.last {
	margin-right: 0px;
}
#main .dlBtnContainer .dlList .dlListBtn.list {
	float: left;
}
#main .dlBtnContainer .dlList .dlListBtn.list.last {
	margin-right: 0px;
}
#main .allBtnContainer .dlListInner,
#main .dlBtnContainer .dlList .dlListBtn .dlListInner,
#main .dlBtnContainer .dlList .dlListBtn.list .dlListInner {
	position: absolute;
	background-color: #ffffe9;
	display: none;
	z-index: 10;
}
#main .allBtnContainer .dlListInner li,
#main .dlBtnContainer .dlList .dlListBtn .dlListInner li,
#main .dlBtnContainer .dlList .dlListBtn.list .dlListInner li {
	min-width: 152px;
	padding: 5px 20px 5px 5px;
	margin-bottom: 0px;
	border-bottom: 1px solid #d1d1be;
	font-size: 12px;
}
#main .allBtnContainer img,
#main .dlBtnContainer .dlList .dlListBtn img,
#main .dlBtnContainer .dlList .dlListBtn.list img {
	float: none;
}
#main .allBtnContainer .dlListInner li {
	background: url(../images/icon_dlList_arrow.gif) no-repeat 96% 50%;
}
#main .dlBtnContainer .dlList .dlListBtn .dlListInner li,
#main .dlBtnContainer .dlList .dlListBtn.list .dlListInner li {
	background: url(../images/icon_dlList_arrow.gif) no-repeat 96% 50%;
}
#main .allBtn {
	width: 258px;
}
#main .allBtn p {
	margin-bottom: 0;
}
#main .allBtn,
#main .dlBtnContainer .dlList .dlListBtn,
#main .dlBtnContainer .dlList .dlListBtn.list {
	cursor: pointer;
}
#main .allBtnContainer div {
	float: left;
	width: 258px;
	margin-right: 10px;
}
#main .allBtnContainer div.zip, #main .allBtnContainer div.zip {
	margin-top: 25px;
}
#main .dlBtnContainer .dlList .dlListBtn .note,
#main .dlBtnContainer .dlList .dlListBtn.list .note {
	text-align: right;
	margin: 3px 0 0;
	font-size: 10px;
}

#main .allBtnContainer .dlListInner {
	min-width: 258px;
}

/* 
　別売適合部品部分
=============================================================================== */
#main .categotyLinkBox {
	margin-bottom: 20px;
	padding: 20px 0 15px 20px;
	background-color: #ededed;
}
#main .optionalColBlock .colL {
	float: left;
	width: 150px;
}
#main .optionalColBlock .colR {
	float: right;
	width: 495px;
	margin-bottom: 10px;
}
#main .optionalName {
	font-weight: bold;
	font-size: 108%;
	margin-bottom: 5px !important;
}
#main .optionalInnerColBlock .colL {
	float: left;
	width: 170px;
}
#main .optionalInnerColBlock ul li {
	font-size: 92%;
	margin: 0 !important;
}
#main .optionalInnerColBlock .colR {
	float: right;
	width: 315px;
}
#main .optionalDataColBlock {
	margin: 10px 0;
}
#main .optionalDataColBlock .colL {
	float: left;
	width: 60px;
	margin-bottom: 0px;
}
#main .optionalDataColBlock .colR {
	float: right;
	width: 415px;
	margin-bottom: 0px;
}
#main .optionalDataColBlock .colR p {
	float: left;
	font-size: 12px;
	margin: 0 10px 0.2em 0 !important;
}
/* 
　調光器用カラム
=============================================================================== */
#categoryMainVisual .colL {
	width: 320px;
	float: left;
}
#categoryMainVisual .colR {
	width: 320px;
	float: right;
}
#categoryMainVisual .colR .categoryMainCaption {
	font-size: 138.5%;
	color: #275e72;
	font-weight: bold;
}
#categoryMainVisual .colR .miniTitleBlock {
	padding: 5px;
	background-color: #e4e4e4;
	font-weight: bold;
}
#categoryMainVisual .colR .miniTitleBlock span {
	letter-spacing: -0.1em;
}
#main .prodName {
	font-weight: bold;
	margin-bottom: 5px;
}
#main .titStyleBlue, #main .titStyle02 {
	margin-bottom: 15px;
}
#main .prodBox {
	margin-bottom: 20px;
}
#main .iconJpg a {
	background: url(../images/icon_jpg.gif) no-repeat left top;
	padding: 0 0 2px 20px;
	line-height: 1.6em;
}
#main .iconPdf a {
	background: url(../images/icon_pdf.gif) no-repeat left top;
	padding: 0 0 2px 20px;
	line-height: 1.6em;
}
#main .iconDfx a {
	background: url(../images/icon_dfx.gif) no-repeat left top;
	padding: 0 0 2px 20px;
	line-height: 1.6em;
}
/* 
　アイコン　ライトボックス
=============================================================================== */
#lightboxOverlay {
	background-color: #000;
	opacity: 0.8;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
#lightboxContainer {
	position: absolute;
	top: 0;
	left: 0;
	text-align: left;
}
#lightboxContent {
	width: 950px;
	height: 537px;
	background: url(../images/bg_iconLightbox.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	padding-top: 5px;
}
#lightboxInner {
	padding: 15px 20px 20px 20px;
	width: 950px;
}
#lightboxBackBtn {
	position: absolute;
	top: -16px;
	right: -16px;
	cursor: pointer;
	z-index:999;
}
* html #lightboxBackBtn  { right: 20px; }

#lightboxContainer .iconTit01 {
	background: url(../images/bg_iconLightbox_title.jpg) no-repeat left top;
	padding: 10px 21px;
	margin: 0 0 20px 0;
	font-weight: bold;
	font-size: 107.6923%;
}
#lightboxContainer .iconTit02 {
	background: url(../../../images_global/n_bg_title_02.gif) no-repeat left top;
	border-bottom: 1px dotted #b9bec2;
	padding: 0 0 6px 10px;
	margin: 0 0 10px;
	color: #154252;
	font-weight: bold;
}
.iconBlock01 {
	width: 890px;
	margin-left: 10px;
}
.iconBlock01 .colL {
	float: left;
	margin-right: 10px;
}
.iconBlock01 .colL.end {
	margin-right: 0;
}
.iconBox01 {
	width: 290px;
	margin-bottom: 30px;
}
.iconBox02 {
	width: 890px;
	margin-bottom: 30px;
	margin-left: 10px;
}
.iconBox02 .colTxt {
	float: left;
	width: 220px;
}
.iconBox01 .colIcon, .iconBox02 .colIcon {
	float: left;
	width: 45px;
	margin-right: 4px;
}
.iconBlock01 .colL2 {
	float: left;
	width: 590px;
}
.colorBox {
	float: left;
	width: 135px;
	height: 20px;
	margin: 0 0 5px 10px;
}
.colorBox div {
	float: left;
	margin-right: 5px;
}
#main .w220 {
	width: 220px !important;
}
#main .w590 {
	width: 590px !important;
}
#main .optionalSet {
	background-color: #e4e4e4;
	padding: 5px;
}
#main .prodCaps {
	padding: 5px;
	background-color: #ededed;
}

/* 
　防犯灯RBSSアイコン
=============================================================================== */
#main p.titIconRBSS {
	float:left;
	width:85px;
	padding-top:8px;
}

#main h1.titFl {
	float:left;
}

#main div.boxSlRBSS {
	background:#e4e4e4;
	border:1px solid #e4e4e4;
}

#main div.boxSlRBSS p.prodPriceTit {
	margin-bottom:2px !important;
}
#main .colR .prodPriceTit span {
	font-style: normal;
	font-size: 12px;
}
#main div.boxSlRBSS p.prodNameRBSS {
	float:left;
	padding-right:5px;
	margin-top:3px;
	margin-bottom:3px;
}