@charset "utf-8";
/* ****************************************************
Since : 2009-03-16
Last Modified: 2009-03-16
***************************************************** */
/* section */
.contents_border_none{
	border:none;
}


/* heading */
h2{
	padding:12px 0 0 5px;
}


/* col */
.col2,
.col3{
	clear:both;
}
.col2 .item,
.col2 .item2{
	float:left;
	width:294px;
	list-style:none;
}
.col2 .item p.col2-text,
.col2 .item2 p.col2-text{
	float:left;
	width:170px;
}
* html .col2 .item p.ml10,
* html .col2 .item2 p.ml10{
	margin-left:10px !important;
}
.col2 .item p.col2-img,
.col2 .item2 p.col2-img{
	float:left;
	width:80px;
}

.col2 .item p,
.col2 .item2 p{
	width:294px;
}
.col2 .item3{
	float:left;
	width:250px;
	list-style:none;
}
.col2 .item3 p{
	width:250px;
}
.col2 .item4{
	float:left;
	width:338px;
	list-style:none;
}
.col2 .item4 p{
	width:338px;
}
.col2 .item5{
	float:left;
	width:350px;
	list-style:none;
}
.col2 .item5 p{
	width:350px;
}
.col2 .item6{
	float:left;
	width:238px;
	list-style:none;
}
.col2 .item6 p{
	width:238px;
}
.col2 .item7{
	float:left;
	width:166px;
	list-style:none;
}
.col2 .item7 p{
	width:166px;
}
.col2 .item8{
	float:left;
	width:422px;
	list-style:none;
}
.col2 .item8 p{
	width:422px;
}
.col2 .item9{
	float:left;
	width:288px;
	list-style:none;
}
.col2 .item9 p{
	width:288px;
}
.col2 .item10{
	float:left;
	width:300px;
	list-style:none;
}
.col2 .item10 p{
	width:300px;
}
.col2 .item2,
.col2 .item4,
.col2 .item6,
.col2 .item8{
	margin-left:20px;
}

.col3 .item,
.col3 .item2{
	float:left;
	width:192px;
	list-style:none;
}
.col3 .item2{
	margin-left:15px;
}
* html .col3 .item2{
	margin-left:0;
}
* html .col3 li.item2{
	margin-left:15px;
}
.col3 .item p,
.col3 .item2 p{
	width:192px;
}
* html .col3 .item p.notes,
* html .col3 .item2 p.notes{
	padding:0;
	text-indent:0;
}

ul.col2,
ul.col3{
	margin-left:-25px;
}
* html ul.col2,
* html ul.col3{
	margin-left:15px;
}
*:first-child+html ul.col2,
*:first-child+html ul.col3{
	margin-left:15px;
}
* html div.col2{
	margin-left:-15px;
}
* html div.col2 .item{
	padding-left:15px;
}
* html div.col2 .item#single-type{
	padding-left:0 !important;
}
* html div.col2 .item2 .subtitle4,
* html div.col2 .item2 p,
* html div.col2 .item4 p,
* html div.col2 .item6 p,
* html div.col2 .item8 p{
	margin-left:0 !important;
}
* html div.col2 .item3 p,
* html div.col2 .item5 p,
* html div.col2 .item7 p{
	margin-left:30px !important;
}

.link-detail{
	width:294px;
	text-align:right;
}

/* gnavi(menu) */
ul.gnavi{
	clear:both;
	margin:0;
	padding:0;
	zoom:1;
}
ul.gnavi li{
	float:left;
	list-style:none;
	font-size:0;
}

/* tnavi(anchor) */
ul.tnavi{
	clear:both;
	margin:20px 30px 0 30px;
	padding:0;
	border-bottom:1px solid #C9B8A2;
	text-align:left;
}
ul.tnavi li{
	float:left;
	padding:0 0 12px 18px;
	margin:0 15px 0 0;
	list-style:none;
	background:url(../../howto/interior/light/images/com_ic001.gif) no-repeat 0 0.3em;
	white-space:nowrap;
}
/* anavi(local) */
ul.anavi{
	clear:both;
	margin:5px 0 20px 11px;
	padding:0;
}
ul.anavi li{
	float:left;
	margin:0 15px 0 0;
	list-style:none;
	font-size:0;
}
ul.anavi li a{
	margin:0;
	padding:1px 0 0 0;
}
/* bnavi(bottom) */
ul.bnavi{
	clear:both;
	margin:0 0 0 15px;
	padding:0;
}
ul.bnavi li{
	float:left;
	margin:0 3px 15px 0;
	list-style:none;
	font-size:0;
}
ul.bnavi li.last-child{
	margin-right:0;
}

/* title */
#main p.title{
	padding:0 11px;
	margin: 0px 25px 0 35px;
	height:27px;
	background:url(../../howto/interior/light/images/com_bg001.gif) repeat-x;
}
/* banner */
p.banner{
	text-align:center;
}
/* light-link */
p.light-link{
	margin:15px 15px 15px 0;
	text-align:right;
}
/* column */
div.column{
	border:5px solid #E3DCD2;
	margin:0 14px;
	padding:0;
}
div.column p.image{
	float:left;
	width:108px;
	padding:1px;
	margin:0;
	font-size:0;
}
div.column dl{
	width:485px;
	float:right;
	margin:8px;
	padding:0;
}
* html div.column dl{
	margin:8px 4px 0 8px;
}
div.column dt{
	margin:0;
	padding:0;
	background:#f4ede4;
}
div.column dd{
	margin:20px 0 0 20px;
}

/* general */
.pt0010{
	padding-top:0 !important;
}
* html .pt0010{
	padding-top:10px !important;
}
.pl330{
	padding-left:330px !important;
}
.mb10{
	margin-bottom:10px !important;
}
* html .pb15{
	padding-bottom:15px !important;
}
.ml00{
	margin-left:0 !important;
}
.ml20{
	margin-left:20px !important;
}
p.pagetop{
	text-align:right;
	font-size:90%;
}
p.notes{
	padding-left:1em;
	text-indent:-1em;
	font-size:90%;
}
span.caption{
	display:block !important;
	font-size:82% !important;
	line-height:135% !important;
	margin-top:3px !important;
}

/* ==================================
other
================================== */
/* \howto\interior\light\light.html */
ul.index-select{
	margin:35px 0 20px -25px;
}
* html ul.index-select{
	margin:35px 0 20px 20px;
}
*:first-child+html ul.index-select{
	margin:35px 0 20px 20px;
}
ul.index-select li{
	display:inline;
	margint:0 3px 0 0;
	list-style:none;
	font-size:0;
}
/* ==================================
Clear fix
================================== */
.contents_border:after,
.contents_border_none:after,
.col2:after,
.col3:after,
ul.gnavi:after,
ul.tnavi:after,
ul.anavi:after,
div.column:after{
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

.contents_border,
.contents_border_none,
.col2,
.col3,
ul.gnavi,
ul.tnavi,
ul.anavi,
div.column{
	min-height: 1px;
}

/* for IE6 */
* html .contents_border,
* html .contents_border_none,
* html .col2,
* html .col3,
* html ul.gnavi,
* html ul.tnavi,
* html ul.anavi,
* html div.column{
	height: 1px;
}

/* for IE7 */
*:first-child+html .contents_border,
*:first-child+html .contents_border_none,
*:first-child+html .col2,
*:first-child+html .col3,
*:first-child+html ul.gnavi,
*:first-child+html ul.tnavi,
*:first-child+html ul.anavi,
*:first-child+html div.column{
	zoom: 1;
}