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

#content02, #content03 {
	display: none;
}
#main .mainCaps {
	width: 660px;
}
#main .mainCaps .capsLeft {
	float: left;
}
#main .mainCaps .capsRight {
	float: right;
}
/* ==

　設置空間照度シミュレーション

=============================================================================== */

.technologyBox div .simuHead {
	margin: 10px 0;
}
.simuColBlock {
	width: 660px;
	padding: 3px 0;
	border-bottom: 1px solid #c3c0bf;
}
.simuColBlock div {
	float: left;
}
.simuColBlock .simuColBlock01 {
	widht: 34px;
	margin-right: 10px;
}
.simuColBlock .simuColBlock02 {
	widht: 82px;
	margin-right: 10px;
	padding: 20px 0 0 0;
	font-size: 12px;
}
#main .simuColBlock .simuColBlock02 p {
	margin-bottom: 0.3em;
}
.simuColBlock .simuColBlock03 {
	widht: 166px;
	margin-right: 12px;
}
.simuColBlock .simuColBlock04 {
	widht: 153px;
	margin-right: 6px;
}
.simuColBlock .simuColBlock05 {
	widht: 182px;
}
/* ==

　利用シーン別照度シミュレーション

=============================================================================== */

#content03 .col2Block .colL {
	width: 150px;
	float: left;
	margin-right: 20px;
}
#content03 .col2Block .colR {
	width: 490px;
	float: left;
}
#main .variationTable {
	width: 660px;
	font-size: 92%;
	text-align: center;
}
#main table td {
	padding: 10px;
	vertical-align: top;
	text-align: left;
}
#main table th {
	font-weight: normal;
	text-align: center;
}
#main table th.colTH {
	background-color: #efece5 !important;
	color: #000;
	font-weight: normal;
}
#main table td.colTD {
	background-color: #ffffe9 !important;
	color: #000;
	font-weight: normal;
}
#main .btmFit {
	position: relative;
	width: 310px;
	height: 100px;
}
#main .btmFit p {
	position: absolute;
	bottom: 0;
	left: 0;
}
#main .featureCaps {
	color: #275e72;
	font-size: 18px;
}
#main .tdInner ul {
	margin: 0 auto;
	text-align: left;
	width: 150px;
}
/* ==

　lightbox

=============================================================================== */
#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: 595px;
	height: 475px;
	background: url(../../../images_global/n_bg_lightbox01.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	padding-top: 5px;
}
#lightboxInner {
	background: url(../../../images_global/n_bg_lightbox02.png) no-repeat left bottom;
	padding: 15px 20px 20px 20px;
	width: 555px;
}
#lightboxTitle {
	color: #275e72;
	font-size: 107.6923%;
	background: url(../../../images_global/n_bg_title_02.gif) no-repeat left top;
	border-bottom: 1px dotted #b7bec2;
	padding: 0 0 6px 10px;
	margin: 0 0 10px;
}
#lightboxNextBtn {
	position: absolute;
	top: 230px;
	right: -60px;
	cursor: pointer;
}
#lightboxPrevBtn {
	position: absolute;
	top: 230px;
	left: -60px;
	cursor: pointer;
}
#lightboxBackBtn {
	position: absolute;
	top: -16px;
	right: -16px;
	cursor: pointer;
}
.lightboxTxt {
	padding: 10px 0;
}
.lightboxRelation {
	width: 270px;
	padding: 10px 0;
	border-top: #b9bec2 dotted 1px;
	font-weight: bold;
}
.lightboxLink a {
	padding: 0 0 3px 22px;
	background: url(../../../../../common/img/global/icon_arrow.gif) no-repeat left 0.2em;
}
#main ul.list03 li {
	font-size: 92%;
	margin: 0;
}