@charset "utf-8";
body {
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.75em;
	line-height: 1.5em;
	background: #FFF;
	color: #111;
	background: url(../img/bg_branches.jpg) no-repeat center 130px;
}
a {
	color: #111;
}
a:hover {
	color: #333;
}
a:visited {
	color: #111;
}
a:active {
	color: #111;
}
.strong {
	font-weight: bold;
}
.left {
	float: left;
}
.right {
	float: right;
}
.center {
	text-align: center;
}
.hiddenBox {
	display: none;
}
.caution {
	color: #BF2000;
}
/*------HEADER------*/
header#mainHeader {
	width: 100%;
	height: 214px;
	padding-top: 30px;
	background: url(../img/bg_header.png) repeat-x left top;
	position: relative;
	z-index: 1010;
}
#mainHeader h1 {
	width: 310px;
	height: 165px;
	display: block;
	margin: -30px 0 0 -20px;
	float: left;
}
#mainHeader .mainWrapper {
	height: 210px;
}
#mainHeader #headerNav {
	float: right;
	margin-right: -20px;
}
#headerNav img {
	vertical-align: middle;
}
#headerNav li {
	float: left;
	height: 27px;
	line-height: 27px;
	margin-left: 30px;
}
#headerNav li:first-child {
	background: url(../img/ico_brown.png) no-repeat left center;
	padding-left: 25px;
	padding-top: 1px;
}
.sizeBtn {
	margin-left: 10px;
}
.sizeBtn img {
	cursor: pointer;
}
#mainHeader p {
	width: 367px;
	height: 44px;
	display: block;
	position: absolute;
	left: 340px;
	top: 65px;
}
#contactBlock {
	width: 228px;
	height: 54px;
	position: absolute;
	right: 20px;
	top: 55px;
}
#contactBlock img {
	padding-top: 10px;
	float: right;
}
#bgWrapper {
	z-index: -1 !important;
}
#bgL {
	width: 200px;
	height: 215px;
	background: url(../img/bg_left.png) no-repeat left top;
	position: absolute;
	left: -185px;
	top: 130px;
}
#bgR {
	width: 200px;
	height: 180px;
	background: url(../img/bg_right.png) no-repeat left top;
	position: absolute;
	right: -185px;
	top: 250px;
}

/*------ SIGNBOARD ------*/


#h1wrapper { 
	width: 310px;
	position: relative;
	-webkit-perspective:350px;
	perspective: 350px;
}
#h1wrapper h1{
	width: 310px;
	height: 165px;
	background: url(../img/bg_logo.png) no-repeat left bottom;
	position: absolute;
	left: 0;
	top: -350px;
	top: 0px\9;
	-webkit-transition: all 250ms ease;	
	transition: all 250ms ease;
	-webkit-transform-origin: top;
	transform-origin: top;
	-webkit-animation: balance 5s ease-in-out .3s 1 alternate; 
	animation: balance 5s ease-in-out .3s 1 alternate;	
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;	
}
@-webkit-keyframes balance { 
	0% { top:-350px} 
	9% { top:-350px} 	
	10% { top:0px; -webkit-transform: rotateX(-100deg); }
	20% { -webkit-transform: rotateX(60deg); }
	30% { -webkit-transform: rotateX(-50deg); }
	40% { -webkit-transform: rotateX(40deg); }
	50% { -webkit-transform: rotateX(-30deg); }
	60% { -webkit-transform: rotateX(20deg); }
	70% { -webkit-transform: rotateX(-15deg); }
	80% { -webkit-transform: rotateX(10deg); }
	90% { -webkit-transform: rotateX(-5deg); }
	100% { top:0px; -webkit-transform: rotateX(0deg);} 
}
@keyframes balance { 
	0% { top:-350px} 
	9% { top:-350px} 	
	10% { top:0px; transform: rotateX(-100deg); }
	20% { transform: rotateX(60deg); }
	30% { transform: rotateX(-50deg); }
	40% { transform: rotateX(40deg); }
	50% { transform: rotateX(-30deg); }
	60% { transform: rotateX(20deg); }
	70% { transform: rotateX(-15deg); }
	80% { transform: rotateX(10deg); }
	90% { transform: rotateX(-5deg); }
	100% { top:0px; transform: rotateX(0deg);} 
	
}


#signboard img{
	width: 100%;
	height: auto;
}
#signboard a{
	width: 171px;
	display: block;
	position: absolute;
	left: 22px;
	bottom: 5px;
}

/*------ GLOBAL NAVI ------*/
#globalNav {
	clear: both;
	position: absolute;
	bottom: 0;
}
#globalNav li {
	float: left;
	margin-left: 12px;
}
#globalNav li:first-child {
	margin-left: 0;
}
/*------ SIDEBAR ------*/

#sidebar {
	width: 204px;
	float: left;
	padding: 3px 3px 10px;
	background: #FFF;
	border-radius: 3px;
	hehavior: url('PIE.htc');
	position: absolute;
	left: 35px;
	top: 80px;
}
#sidebar ul {
	width: 178px;
	margin: 0 auto;
}
#sidebar ul li {
	background: url(../img/ico_green_arrow.jpg) no-repeat left 13px;
	padding-left: 10px;
	height: 35px;
	line-height: 35px;
	border-bottom: 2px dotted #CCC;
}
#sidebar ul li:last-child {
	border: none;
}
#sidebar .dropdown {
	padding: 15px 0 10px 0;
}
#sidebar .dropdown li {
	height: 25px;
	background: url(../img/ico_lightGreen_arrow.jpg) no-repeat left 4px;
	border: none;
	line-height: 17px;
}
#sidebar a {
	display: block;
	width: inherit;
	height: inherit;
}
/*------ BODY ------*/
.mainWrapper {
	width: 940px;
	margin: 0 auto;
	padding: 0 35px;
	position: relative;
}
#container {
	position: relative;
}
#contentWrapper {
	background: url(../img/bg_main.jpg) repeat-y top center;
	margin: -50px auto -50px;
	padding: 80px 35px 100px;
	min-height: 500px;
	z-index: -1 !important;
}
article {
	float: right;
	width: 700px;
	position: relative;
	min-height: 900px;
}
article h2 {
	background: url(../img/bg_h2.png) no-repeat right top;
	height: 55px;
	padding-top: 40px;
	padding-left: 20px;
	margin: 0px 0 20px;
	clear: both;
	color: #FFF;
	font-size: 2.083em;
}

article#toto h2{
	height:65px;
	padding-top:30px;
}


article h2 img {
	vertical-align: middle;
}
article h3 {
	color: #669B0D;
	font-size: 1.75em;
	clear: both;
	margin: 20px 0 15px;
}
article h4 {
	height: 20px;
	line-height: 21px;
	background: url(../img/ico_h4.jpg) no-repeat left top;
	font-size: 1.5em;
	color: #333;
	padding-left: 15px;
	margin: 20px 0 15px;
}
article#top {
	width: 940px;
	float: none;
	background: none;
}
#top #mainimgWrapper {
	width: 940px;
	height: 360px;
	position: relative;
	background: url(../img/img_top.png) no-repeat center top;
}
#top #mainimg {
	width: 350px;
	height: 255px;
	background: #FFF;
	position: absolute;
	left: 547px;
	top: 67px;
}
#top #mainimg a {
	display: block;
	width: inherit;
	height: inherit;
	position: absolute;
	left: 0;
	top: 0;
}
#top h2 {
	width: 920px;
	height: 45px;
	padding-top: 25px;
	background: url(../img/bg_h2_2.png) repeat-x top left;
	padding-left: 20px;
	margin: 50px 0 20px;
	clear: both;
}
#top h3 {
	margin: 0;
}
#topBlock {
	background: #FFF;
	padding-bottom: 30px;
	border-radius: 10px;
	behavior: url('PIE.htc');
	overflow: hidden;
}
.whiteBlock {
	background: #FFF;
	padding: 30px 20px 50px;
	background: url(../img/img_top5.jpg) #FFF no-repeat left top;
	position: relative;
	margin-bottom: 30px;
}
#warranty {
    background:#fff;
	margin: 20px 0 0;
    padding: 36px 0;
    text-align: center;
    width: 100%;
}
#totoSp {
    background:#fff;
    float: left;
    margin: 20px 0;
    padding: 36px 0 37px;
    text-align: center;
    width: 460px;
}
#waternet {
    background:#fff;
    float: left;
    margin: 20px 20px 20px 0;
    padding: 29px 0;
    text-align: center;
    width: 460px;
}
#tPoint {
	background: #fff;
    float: left;
    font-size: 1.167em;
    line-height: 1.5em;
    margin: 0 0 20px;
    padding: 18px 20px 8px;
    text-align: center;
    width: 420px;
}
#tPoint .left {
	margin-bottom:15px;
	/margin-bottom:0;
}
#tPoint .right {
    font-size: 1.5em;
    line-height: 1.2em;
    text-align: left;
    width: 345px;
}
#tPoint span {
	color: #90C545;
	font-weight: bold;
}
#tPoint h5{
	margin:10px 0 0 10px;
}
#tPoint p{
	clear:both;
	text-align:left;
}

#tPoint p.caption {
	color: #666;
	font-weight: normal;
	font-size: 0.8em;
	text-align: right;
}
.standBox {
	margin: 20px 0 20px 20px;
	padding: 20px;
	background: #FFF;
	text-align: center;
	font-size: 1.167em;
	line-height: 1.5em;
	width: 420px;
	float: left;
	min-height: 130px;
	position: relative;
}
.standBox:first-child {
	margin: 20px 0 20px 0px;
}
#top .standBox span.detail {
	background: url(../img/ico_green.png) no-repeat left center;
	height: 16px;
	line-height: 16px;
	padding-left: 25px;
	position: absolute;
	right: 15px;
	bottom: 15px;
	font-size: 1em;
}
#top .standBox span.detail a {
	color: #0E4599;
}
.standBox p {
	margin-top: 10px;
}
.standBox .left img {
	width: 100px;
	height: auto;
}
.standBox .right {
	width: 290px;
	text-align: left;
}
.standBox span.em {
	color: #90C545;
	font-size: 18px;
	font-weight: bold;
}
#top #topBlock div {
	min-height: 210px;
 *min-height:210px!important;
	margin: 10px 20px 0;
}
#top #topBlock {
 *margin-top:15px;
}
#top #topBlock div p {
	width: 270px;
	padding-top: 15px;
}
#top #topBlock .reason1 {
	background: url(../img/img_reason1.jpg) no-repeat center bottom;
}
#top #topBlock .reason2 {
	background: url(../img/img_reason2.jpg) no-repeat center bottom;
}
#top #topBlock .reason3 {
	background: url(../img/img_reason3.jpg) no-repeat center bottom;
}
#top #menuBlock {
	padding: 20px;
	background: url(../img/img_top5.jpg) #FFF no-repeat left top;
}
#top #menuBlock h3 {
	margin-bottom: 20px;
}
#top #menuBlock h4 {
	margin-bottom: 10px;
}
#top #menuBlock .menuBlock {
	width: 290px;
	height: 130px;
	float: left;
	margin: 0 5px 15px;
	position: relative;
}
#top .menuBlock .right {
	width: 150px;
	position: relative;
}
#top .menuBlock p {
	max-height: 80px;
	overflow: hidden;
}
#top .menuBlock span {
	background: url(../img/ico_green.png) no-repeat left center;
	height: 16px;
	line-height: 16px;
	padding-left: 25px;
	position: absolute;
	right: 0;
	bottom: 0;
}
#top .menuBlock span a, #top .optionBlock span a {
	color: #0E4599;
}
#top .optionBlock {
	width: 260px;
	height: 150px;
	padding: 15px 20px 20px;
	background: url(../img/img_top5.jpg) #FFF no-repeat left top;
	position: relative;
	float: left;
	margin: 20px 0 0 20px;
}
#top .optionBlock p {
	margin-top: 10px;
	max-height: 80px;
	overflow: hidden;
}
#top .optionBlock span {
	background: url(../img/ico_green.png) no-repeat left center;
	height: 16px;
	line-height: 16px;
	padding-left: 25px;
	position: absolute;
	right: 20px;
	bottom: 20px;
}
#top #newsBlock {
	padding: 20px;
	width: 900px;
	background: #FFF;
}
#top #newsBlock dt {
	display: block;
	text-align: center;
	width: 90px;
	height: 26px;
	line-height: 26px;
	background: #EAE49D;
	border-radius: 3px;
	behavior: url('PIE.htc');
}
#top #newsBlock dd {
	margin-top: -23px;
	padding: 0 0 20px 110px;
}
#news h3 {
	margin-top: 0;
}
#contact h3 {
	margin: 50px 0 20px;
}
.mailform {
	width: 100%;
	margin: 10px 0;
}
.mailform th {
	width: 30%;
	padding: 20px;
	background: #EFFCDA;
	vertical-align: top;
	border: 1px solid #BAE07A;
	border-right: none;
	color: #669B0D;
}
.mailform td {
	padding: 20px;
	border: 1px dotted #DDD;
	border-left: none;
	vertical-align: middle;
}
.mailform td li {
	width: 33%;
	float: left;
	margin: 0 0 5px 0;
}
input[type="radio"], input[type="checkbox"] {
	vertical-align: text-top;
}
input[value="〒から住所を自動入力"], input[value="メールを送信する"], input[value="リセット"] {
	background: #6FA412;
	border: none;
	padding: 10px 20px;
	color: #FFF;
	margin: 0 5px;
	border-radius: 3px;
	behavior: url('PIE.htc');
}
.mailform td[colspan="2"] {
	text-align: center;
	border-bottom: none;
}
news .whiteBlock {
	min-height: 358px;
}
#news .block {
	padding-top: 50px;
	min-height: 275px;
}
#news .entry-meta {
	position: absolute;
	right: 20px;
	bottom: 20px;
}
.by-author {
	display: none;
}
#part p {
	margin: 30px 0;
}
#part table {
	margin: 30px 0;
}
#part th {
	width: 218px;
	height: 133px;
	text-align: center;
	vertical-align: center;
	border: 1px solid #669B0D;
}
#part th a {
	display: block;
	width: 218px;
	height: 83px;
	padding-top: 50px;
}
#part th a img {
	vertical-align: middle;
}
#house .desc {
	width: 660px;
	height: 110px;
	padding-top: 20px;
	background: url(../img/img_house2.png) no-repeat left top;
	text-align: center;
	margin: 20px 0 0 0;
}
#house .left {
	width: 240px;
}
#house .right {
	width: 404px;
	height: 226px;
	background: url(../img/img_house3.png) no-repeat top right;
	position: relative;
}
#house .right a {
	position: absolute;
}
#house .right a[href^="tel:"] {
	right: 25px;
	top: 100px;
}
#house .right a[href^="../"] {
	right: 25px;
	top: 140px;
}
#renovation .merit {
	margin-bottom: 20px;
}
#renovation .merit h4 {
	border: none;
	height: auto;
	background: none;
	padding: 0;
}
#renovation .merit .desc {
	width: 450px;
}
#outdoor .desc {
	width: 620px;
	height: 120px;
	padding: 25px 20px 20px;
	background: url(../img/img_outdoor5.jpg) no-repeat left top;
	margin-top: 20px;
	text-align: center;
}
#outdoor .outdoor {
	margin-top: 20px;
}
#outdoor .outdoor h4 {
	margin-top: 0px;
}
#outdoor .outdoor .right {
	width: 440px;
}
#area h3 {
	margin: 0 0 30px 0;
}
.hyogo {
	width: 610px;
	padding: 5px 5px 0 55px;
	background: url(../img/bg_tree.png) no-repeat 20px bottom;
	margin-bottom: 30px;
	border: 3px #669b0d solid;
}
.hyogo table {
	width: 600px;
	margin: 0 20px;
}
.hyogo th {
	background: #EAF0F5;
	font-weight: normal;
	width: 120px;
	text-align: left;
	vertical-align: top;
}
.hyogo th, .hyogo td {
	padding: 5px 10px;
}
.hyogo th, .hyogo p {
	padding-left: 3px;
}
#areamap li {
	float: left;
	margin: 0 3px;
	white-space: nowrap;
}
.osaka {
	width: 660px;
	height: 90px;
	padding: 40px 0 0 30px;
	background: url(../img/img_area3.jpg) no-repeat left top;
}
#about table {
	width: 100%;
	margin: 10px 0 30px;
}
#about table th {
	width: 30%;
	padding: 20px;
	background: #EFFCDA;
	vertical-align: top;
	border: 1px solid #BAE07A;
	border-right: none;
	color: #669B0D;
}
#about table td {
	padding: 20px;
	border: 1px dotted #DDD;
	border-left: none;
	vertical-align: middle;
}
#about iframe {
	width: 660px;
	height: 407px;
}
#recruit table {
	width: 100%;
	margin: 10px 0 30px;
}
#recruit table th {
	width: 30%;
	padding: 20px;
	background: #EFFCDA;
	vertical-align: top;
	border: 1px solid #BAE07A;
	border-right: none;
	color: #669B0D;
}
#recruit table td {
	padding: 20px;
	border: 1px dotted #DDD;
	border-left: none;
	vertical-align: middle;
}
#exterior ul {
	width: 574px;
	margin: 0 auto;
}
#exterior li {
	width: 215px;
	height: 400px;
	float: left;
	margin: 0 0 20px 20px;
	padding: 20px 30px 30px;
	border: 1px solid #9FC62F;
}
#exterior li.margin {
	margin-left: 0;
}
#exterior li img {
	margin: 10px 0 20px;
}
#exterior li h4 {
	display: inline-block;
	margin: 10px 0;
}
#painting li {
	width: 188px;
	height: 370px;
	float: left;
	margin: 0 0 0px 15px;
	padding: 10px;
	border: 1px solid #9FC62F;
}
#painting li h4 {
	text-align: left;
	margin: 10px 0;
}
#painting li img {
	margin: 0px 0 10px;
}
#painting li:first-child {
	margin-left: 0;
}
#roof li {
	width: 188px;
	height: 400px;
	float: left;
	margin: 0 0 0px 15px;
	padding: 10px;
	border: 1px solid #9FC62F;
}
#roof li h4 {
	text-align: left;
	margin: 10px 0;
}
#roof li img {
	margin: 0px 0 10px;
}
#roof li:first-child {
	margin-left: 0;
}
#bathroom .right {
	width: 240px;
}
#bathroom .plan {
	border: 1px solid #679C0E;
	padding: 20px;
	margin: 0 0 20px;
}
#bathroom .plan .right {
	width: 360px;
}
#bathroom .recommend .right {
	width: 400px;
}
.recommend h4 {
	background: none;
	border-left: 1px dotted #ddd;
	float: left;
}
.recommend .title {
	margin-bottom: 10px;
}
.recommend .title img {
	border: 1px solid #ddd;
	padding: 5px;
	float: left;
	margin: 15px 15px 0 0;
}
.recommend dt {
	background: #333;
	padding: 5px;
	color: #FFF;
	width: 60px;
	text-align: center;
	border-radius: 3px;
	margin: 20px 0 0 0;
}
.recommend dd {
	padding: 10px 0 0;
}
.pricebox {
	border: 1px solid #ddd;
	padding: 10px;
	margin: 20px 0 0 0;
	background: url(../img/img_price.jpg) no-repeat 535px;
	position: relative;
}
.mb {
	float: left;
	font-size: 14px;
}
.mb span {
	padding: 5px;
	background: #333;
	margin: 0 10px 10px 0;
	color: #fff;
	border-radius: 3px;
	width: 60px;
	text-align: center;
	display: block;
}
.price {
	color: #8D7158;
	float: left;
	font-size: 4.5em;
	font-weight: bold;
	position: absolute;
	right: 130px;
	top: 15px;
 *top:0px;
}
.price img {
	margin: 0 10px -10px 0;
 *margin:0 10px 20px 0;
}
.price span {
	background: url("../img/img_off.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	bottom: 0;
	display: block;
	font-size: 30px;
	height: 31px;
	padding: 16px 0 0;
	position: absolute;
	right: 140px;
	width: 120px;
}
#kitchen .right {
	width: 240px;
}
#kitchen #equipmentItem {
}
#kitchen #equipmentItem div.left {
	margin-top: -10px;
	width: 240px;
}
#kitchen #equipmentItem div.left img {
	margin-top: 10px;
}
#kitchen .recommend .right {
	width: 400px;
}
#kitchen .style {
	border: 1px solid #679C0E;
	padding: 20px;
	margin: 0 0 20px;
}
#kitchen .style .right {
	width: 360px;
}
#kitchen #layout li {
	width: 188px;
	height: 400px;
	float: left;
	margin: 0 0 15px 15px;
	padding: 10px;
	border: 1px solid #9FC62F;
}
#kitchen #layout li h4 {
	text-align: left;
	margin: 10px 0;
}
#kitchen #layout li img {
	margin: 0px 0 10px;
}
#kitchen #layout li.margin {
	margin-left: 0;
}
#heater .right {
	width: 444px;
}
#heater .heaterType .right {
	width: 340px;
}
#heater h4 {
	margin-top: 20px;
}
#interior .right {
	width: 240px;
}
#interior .menu {
	border: 1px solid #679C0E;
	padding: 20px;
	margin: 0 0 20px;
}
#interior .menu .txt {
	width: 360px;
}
#enterance .right {
	width: 240px;
}
#enterance li {
	width: 188px;
	height: 318px;
	padding: 10px;
	border: 1px solid #679C0E;
	margin: 0 0 15px 15px;
	float: left;
}
#enterance li h4 {
	height: auto;
	line-height: normal;
	background: none;
	padding: 0;
}
#enterance li.margin {
	margin-left: 0;
}
#sitemap ul {
	float: left;
	margin-left: 140px;
}
#sitemap li {
	padding-left: 20px;
	margin-bottom: 15px;
	background: url(../img/ico_green.png) no-repeat left center;
}
.entryBlock {
	position: relative;
	padding: 30px 0;
	margin-top: 30px;
	border-top: 1px solid #DDD;
}
#news a {
	color: #669B0D;
}
.entryBlock:first-child {
	border: none;
	padding-top: 0px;
	margin-top: 0px;
}
#news .entryBlock .entry-meta {
	bottom: 0px;
}
#news .sep {
	display: none;
}
#seismic .block {
	border-bottom: 1px dotted #91402F;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
#seismic .block:last-child {
	border: none;
	padding: 0;
	margin: 0;
}
#seismic .block li {
	width: 45%;
	padding-left: 5%;
	float: left;
	background: url(../img/ico_green.png) no-repeat left center;
	margin-bottom: 10px;
	color: #222;
	font-size: 1.167em;
	font-weight: bold;
}
#system .right {
	width: 508px;
	height: 358px;
	background: url(../img/img_system2.jpg) no-repeat left top;
	padding: 0 12px;
	text-align: center;
}
#system .right h3 {
	color: #663D1D;
	font-weight: bold;
	font-size: 1.5em;
	margin: 20xp 0;
	line-height: 1.5em;
}
.summary {
	margin-bottom: 30px;
}
/*----- FOOTER -----*/
#bgRoot {
	width: 940px;
	height: 158px;
	padding: 0 35px;
	margin: 0 auto;
	background: url(../img/bg_root.png) no-repeat left bottom;
	z-index: -1 !important;
}
.bottomBlock {
	background: url(../img/img_contactBoard.png) no-repeat left bottom;
	height: 161px;
	position: relative;
	width: 940px;
	z-index: 1010 !important;
}
.bottomBlock div {
	margin-left: 250px;
}
.bottomBlock img {
	padding-top: 15px;
}
.bottomBlock span {
	margin-left: 20px;
}
.btnpagetop {
	position: absolute;
	right: 0;
	bottom: 0;
}
footer#mainFooter {
	position: relative;
	background: url(../img/bg_footerBtm.png) #A1C930 repeat-x left bottom;
	height: 271px;
	width: 100%;
	padding: 35px 0 0;
}
#mainFooter dl {
	margin: 20px 0 8px;
}
#mainFooter dt {
	display: block;
}
#mainFooter dd {
	margin-top: -18px;
	padding: 0 0 8px 120px;
}
#remoteNav {
	clear: both;
	padding: 10px 0;
}
#remoteNav li {
	float: left;
	margin-right: 20px;
	background: url(../img/ico_brown.png) no-repeat left center;
	padding-left: 20px;
}
.copyright {
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin-left: -150px;
}
.text p {
	margin: 0 0 10px 0;
}
/*==================================================

toilet
==================================================*/

#recommend li {
	width: auto !important;
	height: auto !important;
	float: none;
	border: 1px solid #CCCCCC;
	padding: 19px 19px 0;
	margin: 20px 0 0;
	zoom: 1;
}


#recommend li.set {
	/padding:19px;
}

#recommend li:after {
	clear: both;
	display: block;
	content: '';
}


#four_point_set li{
	float:left;
	border:none;
	padding:0;
	margin:0 0 0 4px;
}

#four_point_set li:first-child{
	margin:0;
}

.set_contents{
	font-size:1.3em;
	font-weight:bold;
	color:#669b0d;
	padding:25px 0 10px;
}

#recommend h4 {
	margin: 0 !important;
	padding: 0 !important;
	height: auto !important;
	background: none !important;
}
#recommend h4 img {
	max-height: 30px;
	margin-right: 10px;
	float: none;
}
#recommend li .recommend_detail img {
	display: inline;
	float: right;
	margin-top: 20px;
}
#recommend li .recommend_detail div.recommend_txt img {
	float: none;
	margin: 0;
}
#recommend li .recommend_detail div.recommend_txt {
	float: left;
	display: inline;
	width: 330px;
	margin: 20px 0 0;
}

#recommend li .recommend_detail div.recommend_img {
	float:right;
	width:270px;
}

.point{
	margin:20px 0 0;
}

#recommend table.recommend_table {
	border-collapse: separate;
	border-spacing: 0 10px;
	margin: 10px 0 0;
}
#recommend table th, #recommend table td {
	text-align: left;
	vertical-align: top;
}
#recommend table.recommend_table th {
	font-weight: bold;
	padding: 0 20px 0 0;
	border-right: 3px solid #CCCCCC;
	white-space: nowrap;
}
.recommend_table td {
	padding: 0 0 0 20px;
}
#recommend p {
	margin: 10px 0 0;
}
#recommend .price_banner {
	border: 1px solid #CCCCCC;
	margin: 20px -20px -1px;
	padding: 1px;
	width: 656px;
	color: #333333;
}
#recommend .price_banner h5 {
	display: inline-block;
	float: left;
	background: #999999;
	color: #FFFFFF;
	margin: 0;
	padding: 35px 20px;
	font-size: 100%;
}
#recommend .set_price .price_banner h5 {
	display: block;
	float: none;
	background: #999999;
	color: #FFFFFF;
	margin: 0;
	padding: 10px 20px;
	font-size: 100%;
}

#recommend .set_price .price_banner {
	border: 1px solid #CCCCCC;
	margin: 20px 0 20px;
	padding: 1px;
	width: 306px;
	float:left;
	color: #333333;
}

#recommend #four_point_set li p{
	margin:5px 0 0;
	text-align:center;
}


.trimming{
	height:105px;
	width:152px;
	overflow:hidden;
	display:block;
}


#recommend span.price_down, #recommend span.discount {
	margin: 5px 0 0 15px;
}

#recommend .set_price span.price_down, #recommend .set_price span.discount {
	margin: 5px 0 10px 45px;
	/margin:0;
	/padding:5px 0 10px 45px;
}


#recommend div.normal_price {
	float: left;
	display: inline-block;
	font-size: 100%;
	margin: 25px 0 0 20px;
}
#recommend div.normal_price h6 {
	font-weight: normal;
}
#recommend div.normal_price strong {
	font-size: 133%;
	font-weight: bold;
}
#recommend span.price_down {
	display: inline-block;
	float: left;
	background: url(../img/bg_recommend_arrow2.jpg) left top no-repeat;
	color: #FFF;
	width: 133px;
	height: 60px;
	font-size: 150%;
	font-weight: bold;
	padding: 20px 0 0 10px;
}

#recommend .price_banner_s {
	border: 1px solid #CCCCCC;
	margin: 20px 0 0;
	padding: 1px;
	color: #333333;
}
#recommend .price_banner_s h5 {
	display: inline-block;
	float: left;
	background: #999999;
	color: #FFFFFF;
	margin: 0;
	padding: 35px 20px;
	font-size: 100%;
}

#recommend .price_banner_s .normal_price {
	margin: 15px 0 0 25px;
}



.included_costs {
	font-size: 0.8em;
}
#recommend span.price_down strong {
	font-size: 180%;
	line-height: 120%;
}
#recommend span.discount {
	float: left;
	display: inline-block;
	font-size: 208%;
	font-weight: bold;
	position: relative;
}
#recommend .set_price span.discount {
	display:block;
}
#recommend span.discount strong {
	font-size: 240%;
	color: #FF6600;
	line-height: 120%;
}
#recommend span.discount span.tax {
	font-size: 52%;
	font-weight: normal;
	position: absolute;
	right: 0;
	top: 10px;
}
#recommend span.discount span.caption {
	font-size: 52%;
	font-weight: normal;
	position: absolute;
	right: 0;
	top: 60px;
}
.cautions dt {
	font-weight: bold;
	margin: 20px 0 0 0;
}
.cautions li {
	margin: 10px 0 0 0;
}
.spec th {
	width: 30%;
	padding: 10px;
	background: #EFFCDA;
	vertical-align: top;
	border: 1px solid #BAE07A;
	border-right: none;
	color: #669B0D;
}
.spec td {
	padding: 10px;
	border: 1px dotted #DDD;
	border-left: none;
	vertical-align: middle;
}
.spec .subtitle {
	background: #effcda;
	border-right: none;
}
.spec table {
	border-collapse: collapse;
	margin: 20px 0;
}


.type{
	font-size:1.5em;
	padding:0 0 15px 0;
}

/*==================================================

toilet
==================================================*/

#toilet .plan {
	border: 1px solid #679C0E;
	padding: 20px;
	margin: 0 0 20px;
}
#toilet .right {
	width: 240px;
}
#toilet .txt {
	width: 360px;
}
#toilet .txt_wide {
	width: 230px;
}
#toilet h4 {
	height: auto;
	background: none;
	padding: 0;
	margin: 30px 0 0;
}
#toilet h5 {
	height: 20px;
	line-height: 21px;
	background: url(../img/ico_h4.jpg) no-repeat left top;
	font-size: 1.5em;
	color: #333;
	padding-left: 15px;
	margin: 20px 0 15px;
}
/*==================================================

lavatory
==================================================*/

#lavatory .plan {
	border: 1px solid #679C0E;
	padding: 20px;
	margin: 0 0 20px;
}
#lavatory .right {
	width: 240px;
}
#lavatory .txt {
	width: 360px;
}
#aboutKitchenPanel {
	border: 1px dotted #679C0E;
	margin: 25px 0 0;
	padding: 15px 20px;
	zoom: 1;
}
#aboutKitchenPanel:after {
	clear: both;
	display: block;
	content: '';
}
#aboutKitchenPanel img {
	float: right;
	display: inline;
	margin: 20px 0 0 20px;
}
#aboutKitchenPanel h4 {
	background: none;
	margin: 0;
	padding: 0;
	height: auto;
}
#aboutKitchenPanel h4 img {
	float: none;
	margin: 0;
}
#aboutKitchenPanel p {
	margin: 20px 0 0;
}
/*==================================================

heater
==================================================*/

#heater #notice dt {
	background-position: left top;
	background-repeat: no-repeat;
	padding: 8px 0 0 35px;
	height: 22px;
	font-size: 150%;
	font-weight: bold;
	margin-top: 20px;
}
#heater #notice dt.item1 {
	background-image: url(../img/ico_circle_number1.jpg);
	margin-top: 0;
}
#heater #notice dt.item2 {
	background-image: url(../img/ico_circle_number2.jpg);
}
#heater #notice dt.item3 {
	background-image: url(../img/ico_circle_number3.jpg);
}
#heater #notice dd {
	margin-top: 5px;
}
/*==================================================

painting
==================================================*/
#painting #recommend li .recommend_detail div {
	width: 300px;
}
#painting #recommend li h4 {
	background: url(../img/ico_h4.jpg) no-repeat left top !important;
	padding-left: 15px !important;
}
#painting #recommend div.normal_price {
	margin-top: 31px;
}
#painting .recommend_detail dl {
	width: 310px;
	float: left;
}
#painting .recommend_detail dt {
	display: block;
	margin: 0 0 20px;
}
#painting .recommend_detail dt span {
	width: 110px;
	display: block;
	text-align: center;
	background: #999;
	color: #FFF;
	padding: 10px;
}
#painting .recommend_detail dd {
	margin-top: -55px;
	padding: 0 0 0px 135px;
	float: left;
	font-size: 16px;
	font-weight: bold;
	color: #333;
}
#painting .recommend_detail dd strong {
	color: #F60;
	font-size: 26px;
}
#painting .recommend_detail p {
	text-align: center;
	clear: both;
	margin: 20px 0;
}
#painting #recommend span.price_down {
	width: 108px;
	height: 42px;
	padding: 25px 0 0 35px;
}
/*==================================================

outdoor
==================================================*/

#outdoor #recommend li .recommend_detail div {
	margin: 0;
}
#outdoor #recommend h3 {
	margin-top: 50px;
}
#outdoor #recommend h3:first-child {
	margin-top: 20px;
}
/*==================================================

hydrogen
==================================================*/
#hydrogen .right {
	width: 235px;
}
#hydrogen .merit {
	border: 1px solid #679C0E;
	padding: 20px;
	margin: 0 0 20px;
}
#hydrogen .merit .right {
	width: 280px;
}
.point dt {
	border-radius: 3px;
	background: #ddd;
	padding: 5px;
	display: block;
	margin: 0 10px 10px 0;
	text-align: center;
	width: 80px;
}
.point dd {
}
.point dl {
	clear: both;
	margin-bottom: 20px;
}
/*==================================================

achievement
==================================================*/
#achievement h3 span {
	color: #666;
	font-size: 14px;
	padding-left: 10px;
}
#achievement .block {
	padding-bottom: 30px;
	margin-bottom: 40px;
	border-bottom: 1px dotted #CCC;
}
#achievement .slideshowWrapper {
	background: url(../img/ico_arrow.jpg) no-repeat center 140px;
}
#achievement .afterOnly{
	background: none;	
}

#achievement .afterOnly .after{
	float: none;
	width: 265px;
	margin: 0 auto;
}
#achievement .slideshow {
	float: left;
	margin: 0 30px;
	text-align: center;
}
#achievement .slideshow p {
	display: block;
	padding: 5px 0;
	border: 1px solid #CCC;
	font-size: 1.167em;
	color: #73442F;
	font-weight: bold;
	margin-bottom: 5px;
}
#achievement .picWrapper {
	width: 260px;
	height: 260px;
	border: 1px solid #CCC;
	padding: 1px;
	position: relative;
}
#achievement .picWrapper img {
	position: absolute;
	left: 1px;
	top: 1px;
}
#achievement .thumb {
	margin-top: 5px;
	text-align: center;
	display: inline-block;
}
#achievement .thumb li {
	float: left;
	background: #CCC;
	margin: 1px;
	width: 30px;
	height: 30px;
}
#achievement .thumb li img {
	width: 30px;
	height: 30px;
}
#achievement table {
	border-collapse: separate;
	border-spacing: 0 10px;
	margin: 0 auto;
	width: 90%;
}
#achievement table th, #achievement table td {
	text-align: left;
	vertical-align: top;
}
#achievement table th {
	font-weight: bold;
	padding: 0 20px 0 0;
	border-right: 3px solid #CCCCCC;
	white-space: nowrap;
}
#achievement table td {
	padding: 0 0 0 20px;
}
#achievement .category{
	margin-bottom: 40px;
	border-bottom: dashed 1px #669B0D;
	padding-bottom: 15px;
}
/*-- ie7 hack --*/
*:first-child+html #achievement .category {
	border-bottom:none;
} 
 
*+html #achievement .category {
	border-bottom:none;	
}
/*-------------*/

#achievement .category li{
	font-size:14px;
	float: left;
	color: #669B0D;
	border: solid 1px #669B0D;
	margin-right: 15px;
	padding: 2px 3px 0px;
	cursor: pointer;
}
#achievement .category li:hover{
	opacity: 0.5;
}
#achievement li.active{
	cursor: default;
	color: #92582E;
	border: solid 1px #92582E;
}
#achievement li.active:hover{
	opacity: 1;
}
#achievement .block{
	display:none;
}
#achievement .bathroom{
	display:block;
}