/* ----------------------------------------------
	full css info for only contents.html
	- layout
	- #lnavi
	- #contents
	- parts bg
------------------------------------------------- */

/* ==============================================
	layoyt
================================================= */

.layout{
	float: left;
	padding: 0 34px 20px;
	width: 218px;
}
	/* ie67 ------------- */
	._ieDevider{ font-size: 0; line-height: 0; clear:both;}
	* html .layout{ width: 287px;}
	*:first-child+html .layout{ }
	/* ------------------ */

/* ==============================================
	#lnavi
================================================= */

#lnavi{
	text-align: center;
}
#lnavi .btn{
	font-size: 80%;
	width: 100px;
	display: inline-block;
	padding: 20px 0;
}
	/* ie67 ------------- */
	* html #lnavi .btn{ display: inline;}
	*:first-child+html  #lnavi .btn{ display: inline;}
	/* ------------------ */

/* ==============================================
	#contents
================================================= */

#contents h2{
	font: 100%/1 serif;
	background: url(../images/hn_line_red.png) no-repeat 0 bottom;
	padding-bottom: 5px;
}
#contents h3{
	font-size: 90%;
	background: url(../images/hn_mk_blue.png) no-repeat 0 center;
	padding-left: 20px;
	border-bottom: dotted 1px #363;
}
#contents ul{
	font-size: 80%;
	margin: 0.7em 0;
	padding: 0 0 0 20px;
}
#contents p{
	font-size: 80%;
	line-height: 1.5;
}

/* ==============================================
	parts bg
================================================= */

.layout{
	background-position: 180px 50px;
	background-repeat: no-repeat;
}
#structure{
	background-image: url(../../images/cont_structure1.gif);
}
#design{
	background-image: url(../../images/cont_design1.gif);
}
#coordinate{
	background-image: url(../../images/cont_coordinate1.gif);
}
#material{
	background-image: url(../../images/cont_material1.gif);
}
#others{
	background-image: url(../../images/cont_others1.jpg);
}
#shop{
	background-image: url(../../images/cont_shop1.gif);
}