@charset "UTF-8";

/* ------------------------------
コーディングルール
------------------------------ */
/* プロパティ順序:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 */
 
 
/* ------------------------------
全体設定
------------------------------ */
#base {
	position:relative;
	top:0;
	left:0;
	width:100%;
	min-height:100%;
	height:auto;
	max-height:100%;
}

#container {
	width: 875px;
	margin:0 auto;
	padding: 0;
	background-color: #fff;
	text-align: left;
}

/* ------------------------------
共通ナビ設定
------------------------------ */
#kuramoku_navi {
	width: 875px;
	background:#fff url(../../img/bg_common_navi.gif) no-repeat 0 0;
	text-align: left;
}

#kuramoku_navi div.left {
	float:left;
	width:185px;
	padding:24px 0 0 20px;
}

#kuramoku_navi div.right {
	float:right;
	width:618px;
	margin:30px 7px 18px 0;
}

#kuramoku_navi div.left ul {
	height: 41px;
	margin:0 0 0 0;
	padding:0;
}

#kuramoku_navi div.left li {
	list-style-type:none;
	display:inline;
}
	
#kuramoku_navi div.left a, #kuramoku_navi div.left strong {
	float:left;
	text-indent: -9999px;
	text-decoration:none;
}
	
#header_logo a, #header_logo strong {
	width:184px;
	height:41px;
	background:transparent url(../../../images/logo.gif) no-repeat;
	padding:0;
	margin:0;
}

#header_logo a:hover {
	width:184px;
	height:41px;
	background:transparent url(../../../images/logo.gif) no-repeat;
	padding:0;
	margin:0;
}

#header_menu li {
	list-style-type:none;
	display:inline;
}
	
#header_menu a, #header_menu strong {
	float:left;
	text-indent: -9999px;
	text-decoration:none;
}
	
#m01 a {
	width:75px;
	height:36px;
	background:transparent url(../../../images/b01.gif) no-repeat;
}

#m01 a:hover, #m01 strong{
	width:75px;
	height:36px;
	background:transparent url(../../../images/b01_over.gif) no-repeat;

}
#m02 a {
	width:96px;
	height:36px;
	background:transparent url(../../../images/b02.gif) no-repeat;
}

#m02 a:hover, #m02 strong {
	width:96px;
	height:36px;
	background:transparent url(../../../images/b02_over.gif) no-repeat;
}
	
#m03 a {
	width:118px;
	height:36px;
	background:transparent url(../../../images/b03.gif) no-repeat;
}

#m03 a:hover, #m03 strong {
	width:118px;
	height:36px;
	background:transparent url(../../../images/b03_over.gif) no-repeat;
}
	
#m04 a {
	width:106px;
	height:36px;
	background:transparent url(../../../images/b04.gif) no-repeat;
}

#m04 a:hover, #m04 strong {
	width:106px;
	height:36px;
	background:transparent url(../../../images/b04_over.gif) no-repeat;
}
	
#m05 a {
	width:111px;
	height:36px;
	background:transparent url(../../../images/b05.gif) no-repeat;
}

#m05 a:hover, #m05 strong  {
	width:111px;
	height:36px;
	background:transparent url(../../../images/b05_over.gif) no-repeat;
}
	
#m06 a {
	width:111px;
	height:36px;
	background:transparent url(../../../images/b06.gif) no-repeat;
}

#m06 a:hover, #m06 strong {
	width:111px;
	height:36px;
	background:transparent url(../../../images/b06_over.gif) no-repeat;
}

/* ------------------------------
コンテンツ設定
------------------------------ */
#contents_box {
	clear:both;
	width:875px;
}

/*ヘッダー設定*/
#slideshow_box {
	position:relative;
	width:875px;
	height:435px;
	background-color:#290700;
}

#slideshow_box #image_container{
	width:875px;
	height:435px;
	overflow:hidden;
}

#slideshow_box #image_container img{
	display:none;
	position:absolute;
	width:875px;
	height:425px;
	padding:5px 0;
}

#logo_box {
	position:absolute;
	top:20px;
	left:0;
	width:240px;
	z-index:100;
}

#logo_box h2 {
	width:240px;
	height:105px;
	background:transparent url(../../img/bg_logo_kurashilabo.png) no-repeat 0 0;
	text-indent:-9999px;
}


#shopinfo_box {
	width:240px;
	height:280px;
	background:transparent url(../../img/bg_shopinfo_background.png) repeat-y 0 0;
}

#shopinfo_box h3 {
	width:210px;
	height:75px;
	margin:0 10px;
	padding:10px 5px 0;
	color:#fff;
	font-size:11px;
	font-weight:normal;
	line-height:150%;
	border-bottom:1px solid #fff;
}

#shopinfo_box h3 div.left {
	float:left;
	margin-right:10px;
}

#shopinfo_box h3 div.right {
	float:left;
}

#shopinfo_box p {
	text-indent:-9999px;
}

#shopinfo_box p.time {
	float:left;
	clear:both;
	width:240px;
	height:75px;
	background:transparent url(../../img/bg_shopinfo_time.png) no-repeat 0 0;
}

#shopinfo_box p.holiday {
	float:left;
	clear:both;
	width:240px;
	height:35px;
	background:transparent url(../../img/bg_shopinfo_holiday.png) no-repeat 0 0;
}

#shopinfo_box p.telmail {
	position:relative;
	float:left;
	clear:both;
	width:200px;
	height:45px;
	padding:5px 0 0 40px;
	background:transparent url(../../img/bg_shopinfo_telmail.png) no-repeat 0 0;
	text-indent:0;
}

#shopinfo_box p.telmail span.e12 {
	color:#fff;
	line-height:160%;
}

#shopinfo_box p.telmail a {
	color:#fff;
	text-decoration:none;
}

#shopinfo_box p.address {
	float:left;
	clear:both;
	width:220px;
	height:30px;
	padding:5px 0 0 15px;
	text-indent:0;
	font-weight:bold;
}

#shopinfo_box p.address a {
	color:#fff;
	text-decoration:none;
}

#logo_box p.tab {
	float:left;
	clear:both;
	width:80px;
	height:15px;
	text-indent:-9999px;
}

#logo_box p.tab a {
	display:block;
	width:80px;
	height:15px;
	margin:10px 0 0 15px;
	background:transparent url(../../img/btn_accessmap_default.png) no-repeat 0 0;
	cursor:point;
}

#navi_box {
	position:absolute;
	width:205px;
	margin:20px 0 0 670px;
	z-index:10;
}

#navi_box ul {
	list-style-type:none;
}

#navi_box li {
	float:left;
	width:205px;
	height:65px;
	text-indent:-9999px;
}

#navi_box li a {
	display:block;
	width:205px;
	height:55px;
	cursor:point;
}

#navi_box li a.table_default {
	background:transparent url(../../img/btn_table_default.png) no-repeat 0 0;
}

#navi_box li a.chair_default {
	background:transparent url(../../img/btn_chair_default.png) no-repeat 0 0;
}

#navi_box li a.lighting_default {
	background:transparent url(../../img/btn_lighting_default.png) no-repeat 0 0;
}

#navi_box li a.plank_default {
	background:transparent url(../../img/btn_plank_default.png) no-repeat 0 0;
}

#navi_box li a.flooring_default {
	background:transparent url(../../img/btn_flooring_default.png) no-repeat 0 0;
}

#navi_box li a.children_default {
	background:transparent url(../../img/btn_children_default.png) no-repeat 0 0;
}

/*本文設定*/
#sentence_box {
	clear:both;
	width:875px;
	padding:15px 0 10px;
	background:#fff url(../../img/bg_common_sentence.gif) no-repeat 670px 15px;
}

#sentence_box h3 {
	display:inline;
	width:650px;
	margin:0 0 0 15px;
	color:#cc3300;
}

#sentence_box p {
	display:left;
	clear:both;
	width:650px;
	margin:0 0 0 15px;
}

/*ラインナップ設定*/
#lineup_box {
	clear:both;
	width:875px;
	background-color:#fff;
}

#category_table,#category_chair,#category_lighting,#category_plank,#category_flooring,#category_children {
	clear:both;
	margin-top:10px;
	background:#fff url(../../img/bg_common_lineup.gif) repeat-y 0 0;
}

#lineup_box div.left {
	float:left;
	width:205px;
	height:155px;
	background-color:#f2f2f2;
}
	
#lineup_box div#category_table div.left {
	background:#f2f2f2 url(../../img/bg_category_table.gif) no-repeat 0 0;
	text-indent:-9999px;
}

#lineup_box div#category_chair div.left {
	background:#f2f2f2 url(../../img/bg_category_chair.gif) no-repeat 0 0;
	text-indent:-9999px;
}

#lineup_box div#category_lighting div.left {
	background:#f2f2f2 url(../../img/bg_category_lighting.gif) no-repeat 0 0;
	text-indent:-9999px;
}

#lineup_box div#category_plank div.left {
	background:#f2f2f2 url(../../img/bg_category_plank.gif) no-repeat 0 0;
	text-indent:-9999px;
}

#lineup_box div#category_flooring div.left {
	background:#f2f2f2 url(../../img/bg_category_flooring.gif) no-repeat 0 0;
	text-indent:-9999px;
}

#lineup_box div#category_children div.left {
	background:#f2f2f2 url(../../img/bg_category_children.gif) no-repeat 0 0;
	text-indent:-9999px;
}

#lineup_box div#category_flooring p.notes {
	position:abolute;
	margin:100px 0 0 10px;
	background:#f2f2f2 url(../../img/bg_common_link.gif) no-repeat 0 2px;
	text-indent:10px;
}

#lineup_box div.right {
	display:inline;
	float:left;
	width:655px;
	margin:0 0 0 5px;
	background-color:#fff;
}

#lineup_box div.right ul {
	list-style-type:none;
}

#lineup_box div.right li {
	display:inline;
	float:left;
	width:155px;
	height:155px;
	margin:0 0 5px 8px;
	background:#fff url(../../img/bg_lineup_photoframe.gif) no-repeat 0 0;
}

#lineup_box div.right li a {
	display:block;
	width:155px;
	height:155px;
	color:#666;
}

#lineup_box div.right li a.hidden {
	display:inline;
	width:1px;
	height:1px;
}

#lineup_box div.right li img {
	display:inline;
	width:140x;
	height:110px;
	margin:7px 0 3px 7px;
}

#lineup_box div.right li p {
	width:130x;
	margin:0 7px;
}

/* フッター設定 */
#footer_box {
	clear:both;
	width:875px;
	height:45px;
	background:#fff url(../../img/bg_common_footer.gif) repeat-x 0 0;
}

#footer_box div.left {
	display:inline;
	float:left;
	width:390px;
	height:20px;
	margin:15px 0 0 15px;
	background:transparent url(../../img/prt_common_copyright.png) no-repeat 0 0;
	text-indent:-9999px;
}

#footer_box div.right {
	display:inline;
	float:right;
	width:40px;
	height:45px;
	margin:0 15px 0 0;
	background:transparent url(../../img/prt_common_pagetop.gif) no-repeat 0 0;
	text-indent:-9999px;
}

#footer_box div.right a {
	display:block;
	width:40px;
	height:45px;
}