@charset "utf-8";
/* CSS Document */

/* all
---------------------------------------- */

body {
	color:#333333;
	background:#fff;
}

/* set
---------------------------------------- */

#contents {
	clear:both;
	width:950px;
	margin:0 auto;
}

#inner {
	width:870px;
	padding:0 39px;
	border-right:#aaa 1px solid;
	border-bottom:#aaa 1px solid;
	border-left:#aaa 1px solid;
}

/* lp
---------------------------------------- */
/* top */

#title {
	position:relative;
	top:0px;
	left:0px;
	width:950px;
}

#contactlink {
	position:absolute;
	top:0px;
	left:660px;
}

#telnumber {
	position:absolute;
	top:45px;;
	left:660px;
}

/* firstcontents */

#firstcontents {
	display:inline;
	float:left;
	width:870px;
	margin-bottom:40px;
}

#firstcontents .floatleft {
	width:394px;
	padding-right:40px;
	border-right:#aaa 1px dashed;
}

#firstcontents .floatright {
	width:395px;
	padding-left:40px;
}

/* circum */

h2 {
	clear:both;
	margin-bottom:30px;
}

h3 {
	clear:both;
	margin-bottom:16px;
}

.circumcontents {
	display:inline;
	float:left;
	width:870px;
	margin-bottom:35px;
}

.circumcontents img {
	display:block;
}

.borderbottomdashed {
	border-bottom:#aaa 1px dashed;
}

.circumcontents .floatleft {
	width:270px;
	margin-right:30px;
}

.circumcontents .floatright {
	width:270px;
}

.circumcontents .floatleft p,
.circumcontents .floatright p {
	line-height:22px;
	padding-left:15px;
	background:url(../images/icon_arrow.gif) no-repeat 2px 6px;
}

/* contactbaneer */

#contactbanner {
	clear:both;
	margin-bottom:50px;
}

/* space */

#spaceinline {
	display:inline;
	float:left;
	width:870px;
	margin-bottom:20px;
}

#spaceinline .floatleft {
	width:471px;
	padding-top:28px;
}

#seven {
	display:inline;
	float:left;
	width:870px;
	margin-bottom:40px;
}

#sevenbottom {
	display:inline;
	float:left;
	width:870px;
	padding-top:20px;
	border-top:#aaa 1px dashed;
}

#seven01 {
	float:left;
	width:414px;
	height:250px;
	margin-bottom:20px;
	padding:0 20px 20px 0;
	border-right:#aaa 1px dashed;
}

#seven02 {
	float:left;
	width:187px;
	height:250px;
	margin-bottom:20px;
	padding:0 20px 20px;
	border-right:#aaa 1px dashed;
}

#seven03 {
	float:left;
	width:187px;
	height:250px;
	margin-bottom:20px;
	padding:0 0 20px 20px;
}

#seven04 {
	display:inline;
	float:left;
	width:186px;
	height:250px;
	padding-right:20px;
	border-right:#aaa 1px dashed;
}

#seven05 {
	display:inline;
	float:left;
	width:187px;
	height:250px;
	padding:0 20px;
	border-right:#aaa 1px dashed;
}

#seven06 {
	float:left;
	width:187px;
	height:250px;
	padding:0 20px;
	border-right:#aaa 1px dashed;
}

#seven07 {
	float:left;
	width:187px;
	height:250px;
	padding-left:20px;
}

h4 {
	margin-bottom:12px;
}

#seven04 .floatleft,
#seven05 .floatleft {
	width:110px;
}

/* article */

#articletext {
	margin-bottom:20px;
	padding-left:55px;
	background:url(../images/icon_house.gif) no-repeat left top;
}

#articleinline {
	display:inline;
	float:left;
	width:870px;
	margin-bottom:40px;
}

#articleinline .floatleft {
	width:340px;
}

#articleinline ul li {
	float:left;
	padding-right:20px;
	margin-bottom:10px;
}

#articleinline .floatright {
	width:500px;
	height:294px;
}

/* contactform */

#contactform {
	margin-bottom:20px;
}

#contactform th {
	padding:5px 0;
}

#contactform td {
	padding:5px 0 20px;
}

#submit {
	margin-bottom:50px;
}

.marginright20 {
	margin-right:20px;
}

/* send */

#sendinner {
	width:870px;
	padding:40px 39px 0;
	border-right:#aaa 1px solid;
	border-bottom:#aaa 1px solid;
	border-left:#aaa 1px solid;
}

.formtitle {
	color:#000;
	font-size:14px;
	font-weight:bold;
	line-height:16px;
	margin-bottom:15px;
	padding-left:15px;
	background:url(../images/icon_arrow.gif) no-repeat left center;
}

.sendtable {
	width:400px;
	margin-bottom:30px;
}

.sendtable th{
	color:#009;
	padding:10px 0;
	vertical-align:top;
}

.sendtable td {
	padding:10px 0;
	vertical-align:top;
}

#sendsentence{
	color:#009;
	font-size:14px;
	font-weight:bold;
	margin-bottom:15px;
}

.deconone a {
	text-decoration:none;
}

/*---------------------
LP2
---------------------*/

#titlebg {
	color:#fff;
	line-height:33px;
	padding-left:15px;
	background:#81bd00;
}

#titlebg img {
	vertical-align:middle;
}


/* 特徴 */

#charatop {
	width:870px;
	height:280px;
	margin-bottom:24px;
	background:url(../images/lp2/img_chara.jpg) no-repeat right top;
}

#characontents {
	display:inline;
	float:left;
	width:870px;
}

.inlinebox {
	display:inline;
	float:left;
	width:870px;
}

h5 {
	clear:both;
}

/* kitchen */

.oteire {
	float:left;
	width:750px;
	line-height:18px;
	margin-left:10px;
}

.oteire span {
	color:#58a300;
	font-size:14px;
	font-weight:bold;
}

.function {
	float:left;
	line-height:18px;
	margin-left:10px;
}

.width130 {
	width:130px;
	margin-right:20px;
}

.width230 {
	width:230px;
}

.width390 {
	width:390px;
}

/* bath */

#bathtitle {
	width:870px;
	height:350px;
	margin-bottom:30px;
	background:url(../images/lp2/img_bath.jpg) no-repeat left top;
}

#bathtitleinner {
	margin-left:400px;
}

.bathtext {
	float:left;
	width:340px;
	line-height:18px;
	margin-right:18px;
}

#swirl {
	float:left;
	width:300px;
	height:14px;
	line-height:14px;
	margin-left:10px;
	padding-top:76px;
}

/* other */

#other {
	display:inline;
	float:left;
	width:870px;
	height:250px;
	margin-bottom:30px;
	background:url(../images/lp2/tex_grayarea.gif) no-repeat left bottom;
}

#otherleft {
	float:left;
	width:200px;
	margin-right:10px;
	padding:15px;
}

#otherright {
	float:left;
	width:600px;
	padding:15px;
	background:url(../images/lp2/img_drymachine.jpg) no-repeat 450px 13px;
}

#otherright dl {
	float:left;
	width:600px;
}

#otherright dt {
	float:left;
	width:125px;
	line-height:20px;
	font-weight:bold;
}

#otherright dd {
	float:left;
	width:475px;
	line-height:20px;
}

/* sanitary */

#mirrorcopy {
	float:left;
	width:450px;
	height:36px;
	line-height:18px;
	margin-left:10px;
	padding-top:174px;
}

.mirrorfloat {
	float:left;
	width:150px;
}

.marginright30 {
	margin-right:30px;
}

.mirrorfloat img {
	display:block;
}

.mirrorfloat p {
	line-height:18px;
	padding-top:7px;
	margin-bottom:7px;
}

/* bukkengaiyou */

#familyboost {
	clear:both;
	font-size:20px;
	font-weight:bold;
	line-height:22px;
	text-align:center;
	margin-bottom:10px;
}

#familyboost img {
	padding-top:10px;
}

#familybanner,
#olethbanner {
	margin-bottom:30px;
}

#olethbanner a {
	width:870px;
	height:140px;
	display:block;
	background:url(../images/oleth_banner_over.jpg) no-repeat left bottom;
}

#familybanner a {
	display:block;
	width:870px;
	height:140px;
	background:url(../images/lp2/baneer_family_over.jpg) no-repeat left bottom;
}

#familybanner a:hover,
#olethbanner a:hover { border: none; }
#familybanner a:hover img,
#olethbanner a:hover img { visibility:hidden;}


#iconList {
	width:870px;
	display:inline;
	float:left;
}

#iconList li {
	float:left;
	padding-right:10px;
	border-right:#aaa 1px solid;
	margin-right:10px;
	line-height:25px;
	margin-bottom:10px;
}

#infoTable {
	width:100%;
	margin-bottom:30px;
	border:#aaa 1px solid;
}

#infoTable th,
#infoTable td {
	line-height:40px;
	border:#aaa 1px solid;
}

#infoTable th {
	text-align:center;
	background-color:#f1f2c9;
}

#infoTable .lpadding {
	padding-left:10px;
}

#infoTable .lpadding img {
	padding-right:10px;
}