@charset "utf-8";

/* list style
---------------------------- */

.item {
	text-align: left;
	height: auto;
	width: 580px;
	margin:0px auto 0px auto;
	padding-top:70px;
}

.urethanMerit, .washiMerits, .woodMerits, .sashMerits, {
	padding-top: 20px;
}

.bathroom{
	margin-top: 15px;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 1px #c0c0c0 solid;
	border-bottom: 1px #c0c0c0 solid;
}

.toilet{
	padding-top: 15px;
	border-top: 1px #c0c0c0 solid;
}

.dressingtable{
	padding-bottom:15px;
}


.listSubhead{
	color:#b96666;
	font-weight:bold;
}


.listDetail{

	padding-bottom:10px;
}

.designer{
	width:580px;
	height:auto;
	margin:30px auto 0px auto;
	color:#777777;
	line-height:2em;
	letter-spacing:1px;
}


#how, #what{
	width:290px;
	height:auto;
	float:left;
}


.pointBox{
	width:270px;
	height:320px;
	text-align:left;
	margin:0px auto 0px auto;
	border:1px #c0c0c0 solid;
	text-align:center;

}

.pointIntro{
	padding:5px 15px 15px 15px;
	text-align:left;
}

.name{
	font-weight:bold;
	color:#b96666;
	padding-bottom:2px;
}

.remark{
	padding:0px 0px 15px 20px;
	color:#000000;
}

.nar{
	color:#555555;
	padding-top:20px;
	padding-bottom:20px;
}


.prof{
	padding-top:10px;
	clear:both;
}

.port{
	width:150px;
	height:auto;
	float:left;
}


.designersComment{
	width:350px;
	height:auto;
	float:right;
	text-align:left;
}

.comme{
	height: auto;
	margin:0px auto 0px auto;
	padding-top:20px;
	border-top:1px #554320 dashed;
}



.sonoieDistinction{
	width:135px;
	height:115px;
	float:left;
	text-align:center;
}

.sonoieDistinctionList{
	margin:30px auto 10px auto;
	width:540px;
	height:115px;

}




/* table style
----------------------------- */

.cond{
	text-align:center;
	font-weight:bold;
	padding:5px;
	border-right:1px #ffffff solid;
	border-bottom:1px #ffffff solid;
	background-color:#8fc31f;
	color:#ffffff;
	
}

.foruplan{
	width:200px;
	text-align:center;
	padding:5px;
	border-right:1px #ffffff solid;
	border-bottom:1px #ffffff solid;
	background-color:#8fc31f;
	color:#ffffff;
	font-weight:bold;
}

.freeplan{
	width:200px;
	text-align:center;
	padding:5px;
	border-right:1px #8fc31f solid;
	border-bottom:1px #ffffff solid;
	background-color:#8fc31f;
	color:#ffffff;
	font-weight:bold;
}



#conparison{
	margin:5px auto 0px auto;

}

.para{
	border-right:1px #8fc31f solid;
	border-bottom:1px #8fc31f solid;
	padding:5px;
	text-align:center;
	color:#777777;
}

.eoc {
	border-right:1px #ffffff solid;
	border-bottom:1px #8fc31f solid;
	padding:5px;
	background-color:#8fc31f;
	color:#ffffff;
	text-align:center;
	font-weight:bold;
}



/* rollover
----------------------------- */

.forulinkBtn{
	width:300px;
	height:30px;
	margin:0px auto 30px auto;
	
}


a.linkBtn {
	background:#ffffff url(/image/freedesign/forubtnBr.jpg) no-repeat scroll 0px 0px;
	text-decoration:none;
	display:block;
	overflow:hidden;
	position:relative;
	width:300px;
	height:30px;
}

a.linkBtn:hover {
  background-color: #eeeeee;
}

a.linkBtn img {
background-color: #ffffff;
}

a.linkBtn:hover img {
position: relative;
top: -30px;
}


a.linkBtn2 {
	background:#ffffff url(/image/freedesign/forubtn2Br.jpg) no-repeat scroll 0px 0px;
	text-decoration:none;
	display:block;
	overflow:hidden;
	position:relative;
	width:300px;
	height:30px;
}

a.linkBtn2:hover {
  background-color: #eeeeee;
}

a.linkBtn2 img {
background-color: #ffffff;
}

a.linkBtn2:hover img {
position: relative;
top: -30px;
}


a.sonoie1 {
	background:#ffffff url(/image/freedesign/sonoie1Br.jpg) no-repeat scroll 0px 0px;
	text-decoration:none;
	display:block;
	overflow:hidden;
	position:relative;
	width:115px;
	height:115px;
	margin:0px auto 0px auto;
}

a.sonoie1:hover {
  background-color: #eeeeee;
}

a.sonoie1 img {
background-color: #ffffff;
}

a.sonoie1:hover img {
position: relative;
top: -115px;
}


a.sonoie2 {
	background:#ffffff url(/image/freedesign/sonoie2Br.jpg) no-repeat scroll 0px 0px;
	text-decoration:none;
	overflow:hidden;
	position:relative;
	display:block;
	width:115px;
	height:115px;
	margin:0px auto 0px auto;
}

a.sonoie2:hover {
  background-color: #eeeeee;
}

a.sonoie2 img {
background-color: #ffffff;
}

a.sonoie2:hover img {
position: relative;
top: -115px;
}

a.sonoie3 {
	background:#ffffff url(/image/freedesign/sonoie3Br.jpg) no-repeat scroll 0px 0px;
	text-decoration:none;
	overflow:hidden;
	position:relative;
	display:block;
	width:115px;
	height:115px;
	margin:0px auto 0px auto;
}

a.sonoie3:hover {
  background-color: #eeeeee;
}

a.sonoie3 img {
background-color: #ffffff;
}

a.sonoie3:hover img {
position: relative;
top: -115px;
}


a.sonoie4 {
	background:#ffffff url(/image/freedesign/sonoie4Br.jpg) no-repeat scroll 0px 0px;
	text-decoration:none;
	overflow:hidden;
	position:relative;
	display:block;
	width:115px;
	height:115px;
	margin:0px auto 0px auto;
}

a.sonoie4:hover {
  background-color: #eeeeee;
}

a.sonoie4 img {
background-color: #ffffff;
}

a.sonoie4:hover img {
position: relative;
top: -115px;
}













/* link style
----------------------------- */

a.square {
	display:block;
	color: #4a3011;
	text-decoration: none;
	line-height:3em;
}

a.square:hover {
	background-color: #8b6f4e;
	color:#ffffff;
}

.numberbox{
	border:1px #4a3011 solid;
	margin-right:5px;
	display:block;
	float:left;
	width:3em;
	height:3em;
	text-align:center;
}

.selectedbox{
	border:1px #4a3011 solid;
	margin-right:5px;
	display:block;
	float:left;
	color: #ffffff;
	text-decoration: none;
	width:3em;
	height:3em;
	line-height:3em;
	text-align:center;
	background-color:#8b6f4e;
}

.numberboxLink{
	margin-top:20px;
}


/* サブトピックス
----------------------------- */

.subLine1{
	height:auto;
	padding-left:50px;
	margin-bottom:10px;
	background:#ffffff url(/image/freedesign/num1.gif) no-repeat scroll left top;
	line-height:1em;
}


.subLine2{
	height:auto;
	padding-left:50px;
	margin-bottom:10px;
	background:#ffffff url(/image/freedesign/num2.gif) no-repeat scroll left top;
}

.subLine3{
	height:auto;
	padding-left:50px;
	margin-bottom:10px;
	background:#ffffff url(/image/freedesign/num3.gif) no-repeat scroll left top;
}

.subLine4{
	height:auto;
	padding-left:50px;
	margin-bottom:10px;
	background:#ffffff url(/image/freedesign/num4.gif) no-repeat scroll left top;
}



.subtopic{
	color:#4a3011;
	font-size:200%;
}


.subTopicCap{
	color:#4a3011;
}

.introLow{
	padding-top:20px;
	padding-bottom:20px;
}

.subTable{
	margin:30px auto 10px auto;
	width:540px;
}

.attentionList{
	margin-top: 20px;
	color: #777777;
	margin-left:20px;
}

.attentionDetail{
	list-style-image:url(/image/asta.gif);
	list-style-position:outside;
	margin-bottom:5px;
}

.smallContents{
	width:540px;
	margin:0px auto 0px auto;
	padding-top:50px;
}


.subSideTxt {
	float: left;
	width: 310px;
	height: auto;	
}


.specTxt{
	padding-top:10px;
	padding-bottom:20px;
}
.smallContentsImg{
	padding-top:7px;
	padding-bottom:20px;
}

.legendTable{
	padding-top:15px;
	padding-bottom:25px;
	text-align:center;
}


.sonoieDetail{
	width: 115px;
	height:115px;
}


.detailEquip{
	padding-top:15px;
	padding-bottom:25px;
}

.equipCau{
	font-size:10px;
	width:100%;
	text-align:right;
	color:#777777;
	padding-top:5px;
}





/* flow */


.flowList {
	width : 500px;
	margin : 20px auto;
	background : url(/image/freedesign/flowbg.gif) repeat-y scroll center top;
}
.flowList dt {
	clear : both;
	padding : 20px 0;
	clear:both;
}


/*  ::::::::::::::: for consumers */


.consumers {
	width : 240px;
	height : auto;
	float: left;
}
.consumers div {
	background : url(/image/freedesign/flowsidecon.gif) repeat-y scroll top center;
}
/*  ::::::::::::::: for company */


.co {
	width : 240px;
	height : auto;
	float: right;
}
.co div {
	background : url(/image/freedesign/flowsideco.gif) repeat-y scroll top center;
}
.co div p {
	background : url(/image/freedesign/shapeheisei.gif) no-repeat scroll bottom right;
}

/*  ::::::::::::::: common elements for flow list */


.action {
	width : 200px;
	padding : 10px 0;
	margin : 0 auto;
	color : #555555;
	text-align : left;
}





/* アフターサポート */

.disclaimer {
	margin-top : 20px;
	font-size : 12px;
	font-weight : bold;
	color : #6493da;
	background-color : #ffffff;
}
.disclaimer p {
	font-size : 11px;
	font-weight : normal;
	color : #000000;
}




/*  /////////////////////////////// indemnity */

/*  ::::::::::::::: indemnity list */

.indemnity {
	margin-top:20px;
}
.indemnity dt {
	color : #276498;
	font-weight : bold;
	font-size: 14px;
	border-top : 3px #c0c0c0 double;
	padding-top : 15px;
}
.indemnity dd {
	margin-bottom : 15px;
}
.indemnity dd img {
	margin : 15px 0;
}
/*  ::::::::::::::: data table */

.kashitanpo {
	width:500px;
	height:auto;
	border-top:1px #276498 solid;
	border-left:1px #276498 solid;
	border-collapse:collapse;
	empty-cells:show;
}
.kashitanpo th {
	background-color: #d3e7f8;
	border-right:1px #276498 solid;
	border-bottom:1px #276498 solid;
	text-align:center;
	padding : 5px;
}
.kashitanpo td {
	border-right:1px #276498 solid;
	border-bottom:1px #276498 solid;
	text-align:center;
	padding : 5px;
	vertical-align:middle;
}
.kashitanpoCond {
	width : 100px;
}
.kashitanpo p {
	text-align: left;
}

.aftersupport {
	margin-top : 30px;
	text-align:left;
}
.aftersupport dt {
	color : #276498;
	font-weight : bold;
	font-size: 14px;
}
.aftersupport dd {
	margin-bottom : 30px;
}

.aftersupport ul {
	padding : 0 0 20px 20px;
}

.aftersupport h1 {
	font-size : 12px;
	font-weight : bold;
	color : #6493da;
	margin : 20px 0 5px 0;
}


.supportsystem{
	width : 560px;
	margin : 0 auto;
}

.supportDetail{
	width : 500px;
	margin : 0 auto;
}

.supportDetail img{
	padding : 10px 0;
}


.supportsystem *{
	line-height : 1.6em;
}

.secondTopic{
	margin : 50px 0 10px 0;
}















/*ここから印刷用CSS*/

.mainColumn32{
	width : 100%;
}

.printFrame{
	width : 800px;
	margin : 0 auto;
	background-color:#f0e9dd;
}

.meetingFrame32{
	width : 750px;
	margin : 10px auto;
}