@charset "utf-8";
/* CSS Document */

body#products div#contents {
	width:904px;
	clear:both;
	position:relative;
	display:block;
	color:#4d4948;
}


/*ヘッダーバナーエリア*/

body#products div#contents div#products_header {
	width:904px;
	margin-bottom:5px;
	padding:0;
	overflow:hidden;
}

body#products div#products_header div#products_h_left{
	width:677px;
	float:left;
	margin-right:5px;
}

body#products div#products_header div#main_img{
	clear:both;
}

body#products div#products_header div#products_h_right {
	width:217px;
	height:173px;
	float:left;
	text-align:right;
}

body#products div#products_header div#products_h_right img {
	margin:-1px 0 0 0;
}

*html body#products div#products_header div#products_h_right img {
	margin:-1px 0 0 0;
}


body#products ul#bnr {
	margin-bottom:5px;
	list-style-type:none;
	float: left;
	margin-left: 30px;
	width: 500px;
}

body#products ul#bnr li {
	margin-right:8px;
	float:left;
}

body#products ul#bnr2 {
	margin-bottom:5px;
	list-style-type:none;
	float: left;
	width: 605px;
	margin-top: 5px;
}

body#products ul#bnr2 li {
	margin-right:8px;
	float:left;
}

/*ヘッダーバナーエリアend*/



body#products p.page_top02 {
	background:url(../../common/img/btn_page_top.gif) no-repeat top left;
	padding-left:18px;
	font-size:10px;
	height:15px;
	clear:both;
	margin-left:825px;
	margin-bottom:10px;
}


body#products div#f_page_menu p.page_top03 {
	background:url(../../common/img/btn_page_top.gif) no-repeat top left;
	padding-left:18px;
	font-size:10px;
	height:15px;
	position:absolute;
	top:2px;
	left:565px;
}


body#products div#siryou {
	position:absolute;
	left:-248px;
	bottom:25px;
}

body#products h2 {
	margin-bottom:10px;
	clear:both;
}

body#products h3 {
	margin-bottom:10px;
	position:relative;
	clear:both;
}

body#products h3 p.itiran {
	position:absolute;
	top:11px;
	right:10px;
}

body#products p.txt {
	font-size:12px;
	line-height:1.5;
	padding-left:3px;
	margin-bottom:5px;
}


body#products p.vector a{
	background:url(../img/icon_shohin_vector.gif) no-repeat top left;
	padding:3px 3px 3px 20px;
	font-size:12px;
	height:21px;
	margin-left:3px;
	width:190px;
	float:left;
}	

body#products p.vector a:hover {
	background:url(../img/icon_shohin_vector_on.gif) no-repeat top left;
	padding-left:20px;
	font-size:12px;
	margin-left:3px;
	width:190px;
	float:left;
}

body#products div.box {
	margin-bottom:10px;
	overflow:hidden;

}

body#products div.box div.siryou{
	float:right;
	width:187px;
}

body#products table.info td {
	padding:5px;
	border-bottom:1px dotted #9CB1D6;
	font-size:12px;
}

body#products table.info td.date {
	padding:5px;
	color:#008085;
	font-size:12px;
}
body#products div#interior_su2 {

	width:156px;
	position:absolute;
	left:-166px;
	bottom:169px;
}
body#products div#schedule2 {

	width:156px;
	position:absolute;
	left:-166px;
	bottom:115px;
}

body#products div#exterior3d2 {

	width:156px;
	position:absolute;
	left:-166px;
	bottom:221px;
}

body#products div#schedule {

	width:156px;
	position:absolute;
	left:-166px;
	bottom:85px;
}

body#products div#interior_su {

	width:156px;
	position:absolute;
	left:-166px;
	bottom:140px;
}
body#products div#exterior3d {

	width:156px;
	position:absolute;
	left:-166px;
	bottom:194px;
}



body#products div#twofamily {
	width:156px;
	position:absolute;
	left:-166px;
	bottom:130px;
}

body#products div#wingmodern {
	width:156px;
	position:absolute;
	left:-166px;
	bottom:75px;
}

body#products div#exterior {
	width:156px;
	position:absolute;
	left:-166px;
	bottom:18px;
}


body#products div#siryou {
	width:156px;
	position:absolute;
	left:-160px;
	bottom:10px;
}


body#products div#siryou p {
	width:156px;
	font-size:10px;
	line-height:1.3;
}

/**********************************************

左すまい21コンテンツ

**********************************************/


body#products div#sumai21_contents {
	width:435px;
	margin-right:31px;
	clear:both;
	float:left;
}

body#products div#sumai21_contents div.img_box {
	margin-bottom:10px;
}





/**********************************************

右wingmodernコンテンツ

**********************************************/


body#products div#wingmodern_contents {
	width:435px;
	float:left;
	position:relative;
}

body#products div#wingmodern_contents div.img_box {
	margin-bottom:10px;
}



/**************************************************************************************

Sumai21

*/


body#products ul#products_h_left_menu {
	width:677px;
	float:left;
	margin-top:2px;
}

body#products ul#products_h_left_menu li{
	float:left;
	list-style:none;
}

body#products div#midasi {
	clear:both;
	width:904px;
	padding:14px 2px 0px 2px;
	overflow:hidden;
	margin-bottom:10px;
}

body#products div#midasi div#midasi_left {
	width:93px;
	float:left;
}

body#products div#midasi div#midasi_right {
	width:800px;
	float:left;
}

body#products div#midasi div#midasi_right p {
	font-size:12px;
	line-height:1.2;
	margin-top:6px;
}

body#products div#main_contents {
	width:904px;
	clear:both;
	overflow:hidden;
	margin-bottom:10px;
}

body#products div#l_menu_contents {
	width:156px;
	clear:both;
	float:left;
} 


body#products div#produts_main_contents {
	width:733px;
	margin-left:10px;
	position:relative;
	float:left;
}
*html body#products div#produts_main_contents_bath {
	width:733px;
	margin-left:2px;
	position:relative;
	float:left;
}
body#products div#produts_main_contents div.products_h_box {
	overflow:hidden;
	clear:both;
}

*html body#products div#produts_main_contents div.products_h_box {
	border:1px solid #FFffff;
}

body#products div#produts_main_contents h3 {
	margin-left:7px;
	font-weight:normal;
	float:left;
	margin-bottom:0;
}

body#products div#produts_main_contents p.sub_txt{
	font-size:12px;
	line-height:1.3;
	padding-left:10px;
	float:left;
	width:500px;
	padding-top:10px;
	margin-bottom:0;
}




body#products div#produts_main_contents_inner{
	border:1px solid #666666;
	padding:1px;
	clear:both;
	vertical-align:top;
}

body#products ul.products_l_menu {
	width:156px;
	margin-bottom:10px;
	padding-bottom:10px;
}

body#products ul.products_l_menu02 {
	width:156px;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #333333;
}

body#products ul.products_l_menu li a,
body#products ul.products_l_menu02 li a{
	font-size:12px;
	background:url(../img/icon_vector.jpg) no-repeat top left;
	padding-left:15px;
	list-style:none;
	margin-left:25px;
	line-height:1.5;
}

body#products ul.products_l_menu li a:hover,
body#products ul.products_l_menu02 li a:hover{
	font-size:12px;
	background:url(../img/icon_vector_on.jpg) no-repeat top left;
	padding-left:15px;
	list-style:none;
	margin-left:25px;
	line-height:1.5;
}


body#products ul.products_img_box {
	widows:738px;
	overflow:hidden;
	margin-bottom:15px;
}

body#products ul.products_img_box li{
	float:left;
	width:236px;
}
body#products ul.products_img_box li.center{
	float:left;
	width:236px;
	margin:0 10px;
}

body#products ul.products_img_box li p,
body#products ul.products_img_box li.center p{
	font-size:12px;
	line-height:1.3;
	text-align:left;

}

body#products div.item {
	text-align: center;
	margin: 14px 0 8px 0;
}


/*  設備
------------------------------------------------------------------------*/

img.nopx { 
	vertical-align:top;
	border: none;
	line-height: 0; 
}

body#products p.subFinding
{
	border-left:solid 5px #324B81;
	border-bottom:solid 1px #324B81;
	padding:2px 0 2px 10px;
	font-size:12px;
	font-weight:bold;
	color:#324B81;
	margin-bottom:5px;
	line-height:1.4;
}



body#products img.left {
	float: left;
	margin-right: 10px;
}

body#products img.top {
	margin-top: 10px;
}

body#products img.bottom {
	margin-bottom: 10px;
}


body#products ul#fac
{
	margin:0;
}
body#products ul#fac li
{
	float: left;
	display: inline;
	margin-left:8px;
	margin-top:10px;
	padding-bottom:10px;
}

body#products ul#fac li.end
{
	float: left;
	display: inline;
	width: 350px;
	margin:10px 0;
}

*body#products ul#fac li.end
{
	padding-bottom:10px;
}

body#products ul#fac li p.sani{
	font-size:10px;
	line-height:1.3;
	width:170px;
	float:left;
}

body#products ul#fac li p.sani2{
	font-size:10px;
	line-height:1.3;
}


body#products .sp10 {
	margin-bottom:10px;
}


body#products p.sub_bath {
	padding:2px 0 2px 0;
	font-size:12px;
	font-weight:bold;
	color:#324B81;
	margin-bottom:5px;
}

body#products p.sub_bath2 {
	padding:0;
	font-size:12px;
	font-weight:bold;
	color:#324B81;
	text-align:center;
	margin-bottom:10px;
}

body#products .arrow {
	background: url(../img/icon_vector_on.jpg) no-repeat 0 4px;
	padding:4px 0 0 16px;
	font-size:12px;
	font-weight:bold;
	color:#666;
	margin-bottom:5px;
}

body#products .arrow2 {
	background: url(../img/icon_vector_on.jpg) no-repeat 10px 4px;
	padding:4px 0 0 26px;
	font-size:12px;
	font-weight:bold;
	color:#666;
	margin-bottom:5px;
}

body#products ul#fac li p.bath {
	font-size:10px;
	line-height:1.3;
	width:130px;
	float:left;
}

body#products ul#fac li p.bath2 {
	font-size:10px;
	line-height:1.3;
	margin-bottom:6px;
}

/*  インテリア
------------------------------------------------------------------------*/

body#products ul#inte
{
	width: 720px;
	margin:0;
	padding:0 4px;
}
body#products ul#inte li
{
	display: inline;
	margin-right:10px;
	margin-left:10px;
	margin-top:10px;
	padding:10px
}

body#products ul#inte p.subFinding {
	border-left:solid 5px #324B81;
	border-bottom:solid 1px #324B81;
	padding:2px 10px 2px 10px;
	font-size:12px;
	font-weight:bold;
	color:#324B81;
	margin:0 16px 5px 4px;
	line-height:1.4;
}

body#products ul#inte p.arrow {
	background: url(../img/icon_vector_on.jpg) no-repeat 8px 4px;
	padding:4px 0 0 24px;
	font-size:12px;
	font-weight:bold;
	color:#666;
	margin-bottom:5px;
}

body#products ul#inte li p.bath2 {
	font-size:10px;
	line-height:1.3;
	margin-bottom:6px;
}


body#products p.int_txt {
	font-size:12px;
	color:#4d4948;
	font-weight:bold;
	ine-height:1.5;
	padding:5px;
}

body#products p.fs14{
	font-size:14px;
	line-height:1.4;
	color:#3962ad;
	font-weight:bold;
	padding:5px;
}

#ssisBox
{
	padding: 5px;
	width: 720px;
	background: url(../sumai21/interior/img/ssisBoxImg01.jpg) no-repeat right bottom;
}

body#products #ssisBox p {
	font-size:10px;
	line-height:1.3;
	color:#4d4948;
	width: 690px;
}

body#products #ssisBox p.sp5 {
	margin-bottom:5px;
}


body#products ul#inte2
{
	width: 730px;
	margin:0;
}
body#products ul#inte2 li
{
	float: left;
	display: inline;
	width: 320px;
	margin-right:10px;
	margin-left:8px;
	margin-top:10px;
}

body#products ul#inte2 li.end
{
	float: left;
	display: inline;
	width: 370px;
	margin:10px 0;
}

*body#products ul#inte2 li.end
{
	padding-bottom:10px;
}

body#products ul#inte2 li p.sani{
	font-size:10px;
	line-height:1.3;
	width:140px;
	float:left;
}

body#products ul#inte2 li p.sani2{
	font-size:10px;
	line-height:1.3;
	width:120px;
	float:left;
}

/*  キッチンオプション
------------------------------------------------------------------------*/

#option_01 li, #option_02 li, #option_03 li, #option_04 li {
	list-style-type:none;
}


#option_01
{
	width: 720px;
	margin:6px 6px 30px;
}
#option_01 li.op01
{
	float: left;
	display: inline;
	width: 260px;
	margin-right: 14px;
}

#option_01 li.op01 p.k_txt,
#option_01 li.op02 p.k_txt,
#option_01 li.op03 p.k_txt {
	font-size:14px;
	font-weight:bold;
}
#option_01 li.op02
{
	float: left;
	display: inline;
	width: 157px;
	margin-right: 14px;
}
#option_01 li.op03
{
	float: left;
	display: inline;
	width: 255px;
}


#option_02
{
	float: left;
	width: 415px;
	margin: 0px;
}
#option_02 li
{
	float: left;
	margin-left: 30px;
	margin-top: 30px;
}
*html #option_02 li
{
	float: left;
	margin-left: 20px;
	margin-top: 30px;
}

#option_03{
	width: 254px;
	float: left;
	margin: 30px 15px 30px 35px;
}
#option_03 li.op01
{
	float: left;
	display: block;
	width: 220px;
	margin-right: 14px;
	height: 260px;
	background: url(../sumai21/facility/img/optionImg06.jpg) no-repeat left bottom;
}
#option_03 li.op02
{
	float: left;
	display: block;
	width: 220px;
	margin-right: 14px;
	height: 260px;
	background: url(../sumai21/facility/img/optionImg07.jpg) no-repeat left bottom;
}
#option_03 li.op03
{
	float: left;
	display: block;
	width: 220px;
	height: 260px;
	background: url(../sumai21/facility/img/optionImg08.jpg) no-repeat left bottom;
}


#option_04
{
	width: 720px;
	margin:6px;
}
#option_04 li.op01
{
	float: left;
	display: block;
	width: 200px;
	margin-right: 24px;
}
#option_04 li.op02
{
	float: left;
	display: block;
	width: 220px;
	margin-right: 24px;
}
#option_04 li.op03
{
	float: left;
	display: block;
	width: 220px;
}

#option_04 img.bottom30
{
	margin-bottom: 10px;
	margin-left: 24px;
}

ul#option_03 p.strongTex12 {
	font-size:12px;
	font-weight:bold;
	color:#324B81;
	margin-bottom: 5px;
}

ul#option_01 p, ul#option_02 p, ul#option_03 p, ul#option_04, p {
	font-size:10px;
	line-height:1.3;
	color:#4d4948;
}

p.mg6 {
	font-size:12px;
	margin:6px;
	line-height:1.3;
	color:#4d4948;
}

body#products p.subFinding2 {
	border-left:solid 5px #324B81;
	border-bottom:solid 1px #324B81;
	padding:2px 0 2px 10px;
	font-size:12px;
	font-weight:bold;
	color:#324B81;
	margin-bottom:5px;
	margin-left:6px;
	margin-right:6px;
	line-height:1.4;
}

.subFinding_grey
{
	border-left:7px solid #324B81;
	padding:3px 0 3px 10px;
	font-size:12px;
	font-weight:bold;
	color:#333;
	margin:10px 6px;
	background: #DDD;
}

body#products div#contents p.mgn_l{
	margin-left:30px;
}




/*  clearfix
------------------------------------------------------------------------*/

.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix{display: inline-table;  overflow:hidden; zoom:1;/*for IE 5.5-7*/}


/* Hides from IE-mac \*/
.clearfix{display: block;}
/* End hide from IE-mac */

.clear{
	clear:both;
}

body#products p.txt2 {

	font-size:12px;
	line-height:1.3;
	padding-left:3px;
	margin-bottom:5px;
}
