@charset "utf-8";

/*
 汎用ボックス設定
---------------------------------- */

/* width620px */
.Box620 {
	width:620px;
	float:left;
	overflow:hidden;
}

.Box620 p {text-align:left; margin:10px 10px;}
.Box620 ul {margin:0 0 0 30px; list-style:disc!important;}
.Box620 span {
	color: #F00;
	font-weight:bold;
	font-size:140%;
}

/* width300px */
.Box300 {
	float:left;
	width:300px;
	text-align:center;
	border:solid #bebebe 1px;
	border-top:none;
	margin-top:40px;
}

.Box300 p {text-align:left; margin:0 10px 10px 10px;}
.Box300 span {
	color: #F00;
	font-weight:bold;
	font-size:140%;
}

/* 中央配置画像マージン */
img.mainP {margin:10px 0;}

/* 左マージン指定 */
.l_mg {margin-left:16px;}

/* ライン無し */
.l_none {border:none;}

/* トップマージン追加 */
.mt {margin-top:5px;}

/* マージンボトム追加 */
.mb {margin-bottom:50px;}

/* 注釈 */
.chui {
	font-size:80%;
	text-align:left;
	margin:0 0 0 5px;
}

#h_detail {
	width:170px;
	float:left;
	margin:15px 0;
	background:#FFF url(../maruko/img/common/arrow02.gif) no-repeat center right;
	border:1px solid #CCC;
	padding:5px;
}


/*
 LeftSideContainer
--------------------------*/
#LeftSideContainer{
	width:181px;
	float:left;
	margin:20px 0 20px 5px;
}

#LeftSideContainer a{
	color:#825c29;
	font-size:12px;
}

#LeftSideContainer a:hover,#RightSideContainer a:hover{
	color:#FF9900;
}

#ttl_MaruSide3{
	margin-left:7px;
	background-repeat:no-repeat;
	font-weight:bold;
	padding-left:15px;
}

#MaruSideMenu{
	margin-bottom:10px;
}
#MaruSideMenu li{
	margin-bottom:3px;
}
#MaruSideMenu a{
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 27px;
	width: 181px;
}
#MaruSideMenu a:hover{
	background-position: 0px -27px;
}

/* menu1 */
#MaruSideMenu a#Maru1{
	background-image: url(../maru/img/sidemenu_maru.gif);
	background-repeat: no-repeat;
}
/* menu2 */
#MaruSideMenu a#Maru2{
	background-image: url(../maru/img/sidemenu_koda.gif);
	background-repeat: no-repeat;
}
/* menu3 */
#MaruSideMenu a#Maru3{
	background-image: url(../maru/img/sidemenu_man.gif);
	background-repeat: no-repeat;
}
#MaruSideMenu2{
	margin-bottom:10px;
}
#MaruSideMenu2 a{
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 27px;
	width: 181px;
}
#MaruSideMenu2 a:hover{
	background-position: 0px -27px;
}
/* menu3_2 */
#MaruSideMenu2 a#Maru3_2{
	background-image: url(../maru/img/sidemenu_man.gif);
	background-repeat: no-repeat;
}
#MaruSide{
	width:169px;
	margin-left:12px;
	text-align:left;
}

#MaruSide-op{
	margin-left:20px;
}

#MaruSide img{
	margin-bottom:1px;
}

#MaruSide a.top img{
	margin-bottom:5px;
}

#MaruSide2{
	text-indent:5px;
	margin-bottom:10px;
}

#MaruSide3{
	text-indent:15px;
	margin-bottom:10px;
}

.sub-Menu{
	padding:5px 0 5px 0;
	color: #663300;
	font-weight:bold;
	text-align:left;
}

/*
	RightSideContainer
--------------------------*/
#RightSideContainer{
	width:625px;
	/*margin-left:206px;*/
	margin:20px 0 20px 25px;
	float:left;
}

#RightSideContainer a{
	color:#825c29;
}

#RightSideContainer p{
	text-align:left;
}

.MidashiH2{
	background:url(../img/midashi_h2.gif) no-repeat;
	height:32px;
}

.MidashiH2 p{
	font-size:16px;
	text-align:left;
	text-indent:15px;
	padding-top:5px;
	font-weight:bold;
	color:#5A3D1C;
}

.MidashiH3{
	width:580px;
	margin-top:20px;
}
.MidashiH3b{
	width:580px;
}

.MidashiH3 p{
	text-align:left;
	text-indent:1.4em;
	margin-top:-8px;
}
.MidashiH3b h3{
}

.modoru{
	text-align: right;
	margin-bottom: 30px;
}

.MidashiH4{
	background:url(../img/midashi_h4_bk.gif) no-repeat;
	height:18px;
	padding-top:2px;
	margin-bottom:1em;
	text-indent:1em;
	color:#5A3D1C;
	font-weight:bold;
	letter-spacing:0.1em;
}

.MidashiH4 img{
	vertical-align:top;
}

.MidashiOrange{
	background:#FFB833;
	padding:0.3em 1em;
}

.RightContents{
	width:580px;
	text-align:left;
	/*margin-left:34px;*/
	margin:0 auto;
}

.OptionContents{
	width:566px;
	/*margin-left:14px;*/
	margin:0 auto 0;
	text-align:left;
}

.RightSideText{
	width:550px;
	margin:0 auto 15px;
	/*margin-top:5px;*/
	text-align:left;
}

caption{
	display:none;
}

.Border{
	border-bottom:1px solid #5A3D1C;
}

.Border2{
	border-bottom:1px solid #5A3D1C;
	border-right:1px solid #5A3D1C;
}

.Border3{
	border-right:1px solid #5A3D1C;
}

.Border4{
	border-left:1px solid #5A3D1C;
}


/*
+++++++++++++++++++++++++++++++
	Marugoto
+++++++++++++++++++++++++++++++
*/
#MarudeText{
	width:595px;
	text-align:left;
	margin-left:1em;
}
#MaruImg{
	width:572px;
	height:500px;
	margin-left:8px;
	margin-top:15px;
	background: url(../maru/img/maru_photo.jpg) no-repeat;
}
#MaruText{
	width:230px;
	float:right;
	text-align:left;
	margin-top:15px;
}
#MaruBanner{
	width:530px;
	height:48px;
	margin:15px auto 25px;
}
#MaruBanner1{
	width:260px;
	height:48px;
	float:left;
}
#MaruBanner2{
	width:260px;
	height:48px;
	float:right;
}

/*
+++++++++++++++++++++++++++++++
	MarudeKodate
+++++++++++++++++++++++++++++++
*/
#MarukoTop{
	width:570px;
	margin-left:27px;
	
}
#MarukoTop1{
	width:336px;
	float:left;
}
#MarukoTop2{
	width:211px;
	float:right;
}
.MarukoTopPrice{
	width:110px;
	height:22px;
}
#MarukoTop2 p{
	font-size:11px;
	margin-top:3px;
	text-align:center;
}
#MarukoTop2 table{
	text-align:center;
}
#MarukoTopTx{
	text-align:left;
	text-indent:1em;
	margin-top:10px;
}
#MarukoTate{
	width:566px;
	margin:10px auto 34px;
}
#MarukoTate1{
	width:261px;
	height:302px;
	float:left;
}
#MarukoTate2{
	width:261px;
	height:302px;
	float:right;
}
#MarukoYaji{
	width:15px;
	height:17px;
	float:left;
	margin-left:14px;
	margin-top:120px;
}

/*
+++++++++++++++++++++++++++++++
	Merit&Schedule
+++++++++++++++++++++++++++++++
*/
#MarukoMS{
	width:580px;
	margin-top:15px;
	/*margin-left:27px;*/
}
#MarukoM{
	width:271px;
	float:left;
	border:1px solid #5a3d1c;
}
#MarukoS{
	width:271px;
	float:right;
	border:1px solid #5a3d1c;
	padding-bottom:10px;
}
.MarukoMS1{
	width:261px;
	margin:10px auto;
}
.MarukoMImg{
	width:52px;
	height:77px;
	float:left;
}
.MarukoMTx{
	width:200px;
	float:right;
	text-align:left;
}
.MarukoSImg{
	width:30px;
	float:left;
}
.MarukoSTx{
	width:220px;
	float:right;
	text-align:left;
}
.MarukoShitaYaji{
	width:15px;
	height:27px;
	margin:10px auto;
}
/*
+++++++++++++++++++++++++++++++
	MarudeShinchiku Hyojun
+++++++++++++++++++++++++++++++
*/
#MarukoNaigai{
	width:560px;
	margin:10px auto;
}
#MarukoNaigai p{
	text-align:left;
	width:540px;
	margin:0 0 0 15px;
}
#MarukoNaigai1{
	width:250px;
	float:left;
	text-align:left;
	margin-left:10px;
}
#MarukoNaigai2{
	width:250px;
	float:right;
	text-align:left;
}
#MarukoNaigai1 p,#MarukoNaigai2 p{
	width:240px;
	margin:10px auto;
}
#MaruFlash{
	width:580px;
	margin-left:27px;
}
#MarukoOp{
	width:527px;
	height:160px;
	margin:0 auto 0 auto;
	border: 1px solid #ffcf00;
}
#MarukoOp1{
	width:165px;
	float:left;
	margin-left:8px;
	margin-top:10px;
	text-align:left;
}
#MarukoOp2{
	width:160px;
	float:left;
	margin-left:10px;
	margin-top:10px;
	text-align:left;
}
#MarukoOp3{
	width:155px;
	float:right;
	margin-right:8px;
	margin-top:10px;
	text-align:left;
}
#MarukoOp4{
	width:180px;
	float:left;
	margin-left:25px;
	margin-top:10px;
	text-align:left;
}
#MarukoOp5{
	width:180px;
	float:right;
	margin-right:15px;
	margin-top:10px;
	text-align:left;
}


#Maru-Subttl01,#Maru-Subttl02{
	width:260px;
	margin-bottom:20px;
}

#Maru-Subttl01 img,#Maru-Subttl02 img{
	margin-bottom:5px;
}

#Maru-Subttl01{
	margin-left:20px;
	float:left;
}

#Maru-Subttl02{
	margin-right:20px;
	float:right;
}

.ttl-Modelplan{
	clear:both;
	padding:5px 10px;
	margin:0 20px;
	background-color:#FF6600;
	color:#FFFFFF;
	font-weight:bold;
	font-size:medium;
}

.Attention-Modelplan{
	color:#FF0000;
	margin:7px 0 20px 20px;
}

img.margin20{
	margin-bottom:20px;
}

/*
+++++++++++++++++++++++++++++++
	MarudeShinchiku Option
+++++++++++++++++++++++++++++++
*/
#MaruSagaku{
	margin:0 auto;
	width:425px;
}
.MaruOption{
	/*width:533px;*/
	margin:25px 0;
}
.MaruOption1{
	width:380px;
	float:right;
	text-align:left;
}
.MaruOption1b{
	float:right;
	text-align:left;
}

.MaruOption1_left{
	width:380px;
	float:left;
	text-align:left;
}

.MaruOption1_2{
	width:380px;
	float:right;
	margin-top:82px;
	text-align:left;
}

.MaruOption1 p{
	margin-bottom:1em;
}
.MaruOption2{
	width:160px;
	float:left;
	/*margin-top:22px;*/
}
.MaruOption2b{
	width:214px;
	float:left;
	/*margin-top:22px;*/
}

.MaruOption2_right{
	width:160px;
	float:right;
	margin-top:20px;
	padding: 4px;
	border:1px #CC9933 solid;
}
.MaruOption2 p{
	margin-top:0.5em;
}
.MaruOption3{
	margin-top:1.5em;
}
.MaruOption3b{
	margin-bottom: 60px;
}

#denka-img{
	float:left;
	clear:both;
}
	

.MaruOption4{
	float:left;
	width:275px;
}
.MaruOption5{
	float:right;
	width:275px;
}
.MaruOption5b{
	float:right;
}
.MaruOpBathTxt{
	border:1px solid #99ccff;
	background:url(../maruko/img_op/bath04.jpg) left no-repeat;
	margin-top:1em;
}
.MaruOpBathTxt p{
	padding-left:2.5em;
}
#MaruVali{
	background: url(../maruko/img/op_bk.gif);
	width:563px;
	/*height:63px;*/
	padding:10px;
	margin-top:25px;
}
#MaruVali p{
	width:499px;
	margin-left:32px;
}
.MaruOptionTx{
	margin:5px;
	text-align:left;
	font-size:10px;
}

.Clear{
	clear:both;
}

/* mizu2 */
/*.MaruOption1test{
	width:373px;
	float:left;
	text-align:left;
}
.MaruOption2test{
	float:right;
}
.MaruOption3test{
	width:150px;
	float:left;
}
.MaruOption4test{
	width:380px;
	float:right;
	text-align:left;
}
.MaruOption4 p{
	margin:5px;
}
.MaruOpPhoto1{
	float:left;
}
.MaruOpPhoto2{
	float:left;
	margin-left:10px;
}
.MaruOpPhoto3{
	float:left;
	margin-left:10px;
}
.MaruOpPhotoLeft{
	float:left;	
	margin-right:1em;
}
.MaruOpPhotoRight{
	float:right;
}*/
/* mizu2 end */


/*　標準プラン　*/

#btn-Hyojun{
	float:right;
}

.wrap-Hyojunimg{
	float:left;
	margin-left:20px;
	text-align:left;
}

.wrap-washitsu {
	margin: 0 auto;
	width: 450px;
}

.wrap-washitsuimg{
	float:left;
	text-align:left;
}

.wrap-Hyojunimg span{
	font-size:11px;
}

.wrap-Hyojunimgcenter{
	width:367px;
	margin:0 auto 0 auto;
	text-align:left;
}

.wrap-Hyojun{
	padding:15px 0;
	text-align:center;
	clear:both;
}

.wrap-Hyojun em {
	color:#000;
}

#ttl-toilet{
	width: 574px;
	background-color:#66CC33;
	color:#FFFFFF;
	font-weight:bold;
	line-height: 2.2;
	margin: 0;
	padding-left:5px;
}

.wraptiolet,.wraptiolet-left{
	border-bottom:solid 1px #66CC33;
	border-right:solid 1px #66CC33;
	width:181px;
	float:left;
	padding:5px;
}
.wraptiolet-left2{
	border-bottom:solid 1px #66CC33;
	border-right:solid 1px #66CC33;
	border-left:solid 1px #66CC33;
	width:552px;
	text-align: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	background-image: url(../maruko/img/hyojun/gus01.jpg);
	background-repeat: no-repeat;
	background-position: 450px 7px;
	height: 140px;
}

.wraptiolet-left{
	border-left:solid 1px #66CC33;
	width:183px;
}

.tiolet-img{
	margin:5px 0 5px 0;
}

.wraptiolet-left span,.wraptiolet span{
	font-size:10px;
	display:block;
	text-align:left;
}

em{
font-size:14px;
font-weight:bold;
font-style:normal;
}
.kitchen01b{
	font-size:10px;
	background-image: url(../maruko/img/hyojun/kitchen01b.jpg);
	background-repeat: no-repeat;
	height: 70px;
	padding-left: 70px;
	text-align: left;
	margin-top: 5px;
}
.kitchen02b{
	font-size:10px;
	background-image: url(../maruko/img/hyojun/kitchen02b.jpg);
	background-repeat: no-repeat;
	height: 56px;
	padding-left: 120px;
	text-align: left;
	margin-top: 5px;
}
.kitchen03b{
	height: 89px;
}


/*　グレードアッププラン　*/

.genkan-img{
	float:left;
}


.genkan-img01{
	margin-left:10px;
	float:left;
	text-align:left;
}

.livi-img01{
	margin-left:30px;
	float:left;
	text-align:left;
}

.senmen-img01{
	float:left;
	text-align:left;
	margin-right:20px;
}

.senmen-img02{
	float:left;
	text-align:left;
}
.senmen-img02b{
	float:left;
	text-align:left;
	margin-top: 10px;
}

.senmen-img02 span{
	font-size:11px;
}
.imgaki1{
	padding-bottom: 10px;
}
.txtaka{
	font-weight: bold;
	color: #FF0000;
	margin-top: 15px;
	margin-bottom: 25px;
}