@charset "utf-8";

/*
------------------------------------------------
Clearfix
------------------------------------------------*/
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix { display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*
------------------------------------------------
BASE LAYOUT / TOP
------------------------------------------------*/
#sidetitlearea p {
	background: url(../../../../common/img/sidenav_title_interior_th.gif) no-repeat -2px -10px;
	width: 194px; height:29px; text-indent: -9999px;
}

#box01 { margin-bottom: 20px; }

#box01 h1 {
	background-image: url(../img/main.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 326px;
	width: 780px;
	margin-bottom:15px;
}

#txt01 {
	background-image: url(../img/main_text.gif);
	background-repeat: no-repeat;
	height: 70px;
	width: 780px;
	text-indent: -9999px;
}

.plan_btn_back {
	width:770px;
	height:40px;
	background:url(../img/plan_btn_back.gif) no-repeat 0 5px;
	margin-bottom: 20px;
	
}
.plan_btn_back a {
	background:url(../img/plan_btn.gif) no-repeat top left;
	width: 192px;
	height: 39px;
	overflow:hidden;
	display: block;
	text-indent: -9999px;
	float:right;
}

ul.room_pic {
	width: 762px;
	margin: 0 auto 15px auto;
}
ul.room_pic li {
	display: table;
	float: left;
	vertical-align: top;
	zoom: 1;
	line-height: 0;
	font-size: 1%;
}

.panel_back {
	width:760px;
	background:#eeeeee;
	margin:0 auto 50px auto;
	padding:10px 0;
}
.panel_back:after,
ul.room_pic:after {	content:"."; display: block; clear: both; visibility: hidden; font-size: 0.1em; line-height: 0px; }

#layout01 { width:740px;height:284px; margin:0 auto; background:url(../img/layout.jpg) no-repeat top left; }

a.basic { display: block; width:110px; height: 34px; text-indent:-99999px; overflow: hidden; }

.family_space { position:relative; top:25px; left:10px; width:110px; height:34px; display: block;}
.living_room { position:relative; top:-25px; left:245px; width:110px; height:34px; display: block;}
.dining_room { position:relative; top:160px; left:10px; width:110px; height:34px; display: block;}
.powder_room { position:relative; top:135px; left:245px; width:110px; height:34px; display: block;}
.private_room { position:relative; top:-110px; left:385px; width:115px; height:38px; display: block; }
.passage_room { position:relative; top:60px; left:620px; width:91px; height:37px; display: block;  }

h2 {
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 26px;
	width: 780px;
	margin-bottom:15px;
}

h2#planning { background-image: url(../img/title01.gif); }
h2#variation { background-image: url(../img/title02.gif); }
h2#door { background-image: url(../img/title03.gif); margin-top: 20px; }
h2#shelf_type { background-image: url(../img/title04.gif); margin-top: 20px; }
h2#counter_type { background-image: url(../img/title05.gif); }
h2#plan { background-image: url(../img/title06.gif); margin-top: 20px; }

p.text { margin: 10px; }
p.text em { font-style: normal;	color: #c34a53; }
.feature_intro p.text em { font-size: 120%; display: block; padding-right:20px; line-height: 120%; }
p.text2 { margin: 20px; }

ol.planning_box { width:760px; margin:0 auto; padding-bottom: 20px; }
ol.planning_box li.box01 { background:url(../img/planning_box01.gif) no-repeat top left;height:326px; text-align: center; } 
ol.planning_box li.box01 p { padding-top:70px;  }
ol.planning_box li ul { width: 693px;	margin: 0 auto; }
ol.planning_box li ul:after {
	content:"."; display: block; clear: both; visibility: hidden; font-size: 0.1em; line-height: 0px;
}
ol.planning_box li ul li {
	display: table;
	float: left;
	vertical-align: top;
	zoom: 1;
	line-height: 0;
	font-size: 1%;
}
ol.planning_box li ul li.fright { float: right; }
ol.planning_box li.box01 ul li a { height: 47px; display: block; overflow:hidden; text-indent: -9999px; }
ol.planning_box li.box01 ul li.fleft a { background: url(../img/basicunit_btn01.gif) no-repeat top left;	width:340px; }
ol.planning_box li.box01 ul li.fright a { background: url(../img/basicunit_btn02.gif) no-repeat top left;	width:342px; }

ol.planning_box li.box02 { background:url(../img/planning_box02.gif) no-repeat top left;height:261px; text-align: center; } 
ol.planning_box li.box02 p { padding-top:85px;  }

ol.planning_box li.box03 { background:url(../img/planning_box03.gif) no-repeat top left;height:273px; text-align: center; } 
ol.planning_box li.box03 p { padding-top:60px;  }
ol.planning_box li.box03 ul li a { height: 47px; display: block; overflow:hidden; text-indent: -9999px; }
ol.planning_box li.box03 ul li.fleft a { background: url(../img/setting_btn01.gif) no-repeat top left; width:340px; }
ol.planning_box li.box03 ul li.fright a { background: url(../img/setting_btn02.gif) no-repeat top left; width:342px; }

ol.planning_box li.box04 { background:url(../img/planning_box04.gif) no-repeat top left;height:273px; text-align: center; } 
ol.planning_box li.box04 p { padding-top:60px; }

h3.parts01,h3.parts02,h3.parts03 {
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 19px;
	width: 740px;
	margin:20px auto 15px auto;
}

h3.parts01 { background-image: url(../img/variation_title01.gif); }
h3.parts02 { background-image: url(../img/variation_title02.gif); }
h3.parts03 { background-image: url(../img/variation_title03.gif); }

.door_btn_back,.shelf_btn_back,.counter_btn_back {
	width:722px;
	height:40px;
	margin: 0 auto 20px auto;
}
.door_btn_back { background:url(../img/door_btn_back.gif) no-repeat 0 0; }
.shelf_btn_back { background:url(../img/shelf_btn_back.gif) no-repeat 0 0; }
.counter_btn_back {	background:url(../img/counter_btn_back.gif) no-repeat 0 0; }

.door_btn_back a,.shelf_btn_back a,.counter_btn_back a {
	height: 34px;
	overflow:hidden;
	display: block;
	text-indent: -9999px;
	float:right;
}
.door_btn_back a { background:url(../img/door_btn.gif) no-repeat top left;	width: 240px; }
.shelf_btn_back a { background:url(../img/shelf_btn.gif) no-repeat top left; width: 190px; }
.counter_btn_back a { background:url(../img/counter_btn.gif) no-repeat top left; width: 200px; }

.variation_box { width:725px; margin:0 auto; padding-bottom:20px; }
.variation_box ul:after { content:"."; display: block; clear: both; visibility: hidden; font-size: 0.1em; line-height: 0px; }
.variation_box ul li { 
	display: table;
	float: left;
	vertical-align: top;
	zoom: 1;
	width: 130px;
	margin-right: 20px;
}
.variation_box ul li p { width: 130px; font-size: 90%; padding: 5px 0; }
.variation_box table { margin:0 auto 20px auto; }
.variation_box table p { font-size: 90%; padding: 10px 20px 10px 5px; }
.variation_box table p.side { padding: 10px 5px 10px 5px; }
.variation_box table p.img { padding: 0; }

/*
------------------------------------------------
LOWER
------------------------------------------------*/
h1 {
	background-image: url(../img/sub.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 126px;
	width: 780px;
	margin-bottom:15px;
}

ul.submenu:after { content:"."; display: block; clear: both; visibility: hidden; font-size: 0.1em; line-height: 0px; }
ul.submenu li {
	display: table;
	float: left;
	vertical-align: top;
	zoom: 1;
	line-height: 0;
	font-size: 1%;  margin-right:3px;
}
ul.submenu li.plan_btn { margin-right:0; }
ul.submenu li a { height: 44px; display: block; overflow:hidden; text-indent: -9999px; }
ul.submenu li.top_btn a { background: url(../img/submenu01.gif) no-repeat top left;	width:193px; }
ul.submenu li.door_btn a { background: url(../img/submenu02.gif) no-repeat top left; width:193px; }
ul.submenu li.shelf_btn a {	background: url(../img/submenu03.gif) no-repeat top left; width:191px; }
ul.submenu li.plan_btn a { background: url(../img/submenu04.gif) no-repeat top left; width:191px; }

.feature_intro {
	width: 740px;
	margin: 0 auto 20px auto;
	padding: 15px 0;
}
.feature_intro table { margin:0 auto; }

.feature_intro table p.text3 {
	text-align :left;
	font-size: 90%;
	line-height: 120%;
	color: #666;
	margin: 5px 0; padding:0 30px 10px 5px;
}
.feature_intro table p.text4 {
	width: 122px;
	text-align: left;
	font-size: 120%;
	line-height: 130%;
	color: #666; padding:0 0 0 5px;
}
.feature_intro table p.text5 {
	width: 163px;
	text-align: left;
	font-size: 90%;
	line-height: 130%;
	color: #666; display:block;
}
.feature_intro table p.text6 {
	width: 205px;
	text-align: left;
	font-size: 90%;
	line-height: 130%;
	color: #666; padding:0 0 0 5px;
}
.feature_intro table p.text7 {
	width: 412px;
	text-align: left;
	font-size: 90%;
	line-height: 130%;
	color: #666;
}
ul.feature01_02 { width: 264px; }
ul.feature01_02 li { width: 122px; }
ul.feature01_02 li.left,ul.feature03_01 li.left { float: left; }
ul.feature01_02 li.right,ul.feature03_01 li.right {	float: right; }

ul.feature03_01 {
	width: 412px;
	font-size: 120%;
	line-height: 130%;
	padding: 5px 0;
}
ul.feature03_01 li { padding: 0 5px; }
ul.feature03_01 li.left { float: left; width: 270px; }
ul.feature03_01 li.right { float: right; width: 120px; color: #44658e; text-align:center; }

.feature03_box01 {
	width: 470px;
	background: url(../img/box01.gif) no-repeat top left;
	padding-top: 5px;
	margin-bottom: 15px; margin-top: 10px;
}
.feature03_box02 {
	background: url(../img/box02.gif) repeat-y top left;
}
.feature03_box03 {
	background: url(../img/box03.gif) no-repeat bottom left;
	padding: 10px 0;
	text-align: center;	
}
.feature03_box03 p {
	font-size: 90%;
	line-height: 130%;
	text-align: left;
	margin:0 10px 10px 10px;
}

ul.plan_menu { width: 770px; margin: 0 0 20px 10px; }
ul.plan_menu:after { content:"."; display: block; clear: both; visibility: hidden; font-size: 0.1em; line-height: 0px; }
ul.plan_menu li {
	display: table;
	float: left;
	vertical-align: top;
	zoom: 1;
	line-height: 0;
	font-size: 1%;  margin: 0 0px 0 0;
}
ul.plan_menu li.plan_btn { margin-right:0; }
ul.plan_menu li a {  height: 180px; display: block; overflow:hidden; text-indent: -9999px; }
ul.plan_menu li.living_btn a { background: url(../img/plan_menu01.jpg) no-repeat top left;width:245px; }
ul.plan_menu li.dining_btn a { background: url(../img/plan_menu02.jpg) no-repeat top left;width:259px; }
ul.plan_menu li.private_btn a { background: url(../img/plan_menu03.jpg) no-repeat top left;width:259px; }

h3#living_room,h3#dining_room,h3#private_room {
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 55px;
	width: 760px;
	margin:15px auto;
}

h3#living_room { background-image: url(../img/plan_title01.gif); }
h3#dining_room { background-image: url(../img/plan_title02.gif); }
h3#private_room { background-image: url(../img/plan_title03.gif); }

.plan_type { width:760px;background:#efefef;margin:0 auto 20px auto;padding-bottom:15px; clear:both; }
.plan_type dl { width: 745px; margin: 0 auto; background: #fff; }
.plan_type dt { width: 745px; }
.plan_type ul { width: 745px; margin: 0 auto; }
.plan_type ul:after { content:"."; display: block; clear: both; visibility: hidden; font-size: 0.1em; line-height: 0px; }
.plan_type li {
	display: table;
	float: left;
	vertical-align: top;
	zoom: 1;
	line-height: 0;
	font-size: 1%;  margin: 0 7px 0 0;
}
.plan_type li.none { margin-right: 0; }

.plan_type ul.dining li { margin: 0 0 0 0; }
.plan_type ul.dining li.right { float:right; }

.plan_type ul.private { padding-top:10px; }

.mb10 {	margin-bottom: 10px; }