@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(../plan/img/share/arrow02.gif) no-repeat center right;
	border:1px solid #CCC;
	padding:5px;
}



/*
戸建リフォームプラン検索（階層１）CSS 
----------------------------------- */

/* プラン選択ボックス */
#PlanBox {
	width:660px;
	float: left;
	margin:20px auto;
	text-align:center;
}

/* マージンボトム無し */
.nm_b {margin-bottom:0;}

#greeting{
/*	position:absolute;
	top:100px;
	left:20px;
*/	padding-top:40px;
	font-size:16px;
	font-weight:bold;
}

#greeting strong{
	color:#006600;
}

.s_box{
	width:208px;
	height:165px;
	float:left;
	margin:0 12px 10px 0;
	border:solid #a4d256 1px;
	position:relative;
}

.s_box_r{
	margin-right:0;
}

.s_box dt{
	width:208px;
	height:102px;
	font-size:14px;
}

#kitchen dt{
	background:url("../plan/img/item/i_kitchen.jpg") no-repeat top left;
}

#ldk dt{
	background:url("../plan/img/item/i_ldk.jpg") no-repeat top left;
}

#washitsu dt{
	background:url("../plan/img/item/i_washitsu.jpg") no-repeat top left;
}

#youshitsu dt{
	background:url("../plan/img/item/i_youshitsu.jpg") no-repeat top left;
}

#genkan dt{
	background:url("../plan/img/item/i_genkan.jpg") no-repeat top left;
}

#yokushitsu dt{
	background:url("../plan/img/item/i_yokushitsu.jpg") no-repeat top left;
}

#senmen dt{
	background:url("../plan/img/item/i_senmen.jpg") no-repeat top left;
}

#wc dt{
	background:url("../plan/img/item/i_wc.jpg") no-repeat top left;
}

#soto dt{
	background:url("../plan/img/item/i_soto.jpg") no-repeat top left;
}

.s_box dt a{
	position:absolute;
	top:5px;
	left:10px;
	text-decoration:underline;
	font-weight:bold;
}

.s_box dd{
	padding:3px 5px;
	text-align:left;
}

/*
戸建リフォームプラン検索（階層２）CSS 
----------------------------------- */

#to_top{
	margin:5px 0;
	text-align:right;
}

#to_top a{
	text-decoration:underline;
}

#form{
	width:650px;
	margin-top:20px;
}

#form p.center{
	margin:20px auto;
}

#form ul{
	border:1px solid #006600;
}

#form ul li{
	margin:0;
	padding:3px 0 3px 20px;
	border-bottom:1px dotted #006600;
}

#form ul li.title{
	width:647px;
	background:#81b15a;
	padding:3px 0 3px 3px;
	border-bottom:0;
	font-weight:bold;
}

#form ul li.title input{
	margin:0 5px;
}

#plan_btn{
	text-align:center;
	margin:20px auto;
}


/*
戸建リフォームプラン検索（結果一覧：階層３）CSS 
----------------------------------- */

#PlanRightSideContainer{
	width:625px;
	margin-top:10px;
	margin-left:25px;
	float:left;
}
#PlanRightSideContainer a{
	color:#825c29;
}
#PlanRightSideContainer p{
	text-align:center;
}

.PlanRightContents{
	width:580px;
	text-align:center;
	margin:0 auto;
}
.PlanRightContents p{
	text-align:center;
}
.PlanIchiran{
	width:580px;
	margin-bottom:10px;
}
.PlanIchiranPhoto{
	width:100px;
	height:110px;
	float:left;
}
.PlanIchiranPix{
	width:100px;
	border:1px solid #5A3D1C;
}
.PlanIchiranData{
	width:470px;
	float:right;
}
.PlanIchiranData .frame {
	border-collapse: collapse;
	height:102px;
}
.PlanIchiranData .frame td ,.PlanIchiranData .frame th {
	border:solid 1px #5A3D1C;
	vertical-align:middle;
	padding:4px;
}
.PlanIchiranData .frame th {
	color:#fff;
	background-color:#8B5C29;
	width:60px;
	text-align:center;
}
.PlanIchiranData .frame td {
	text-align:left;
}
.PlanIchiranData .frame td.fw {
	width:145px;
}
.PlanIchiranData .frame td.dw {
	width:350px;
}
.PID_bt{
	width:60px;
	text-align:center!important;
}
.user_bt{
	width:200px;
	text-align:center;
	margin-bottom:5px;
}
.sort_bt{
	width:150px;
	margin:0px 10px 10px;
}


/*
戸建リフォームプラン検索（結果詳細：階層４）CSS 
----------------------------------- */

#SyoMidashi{
	width:625px;
	height:32px;
	background: url(../plan_syo/img/midashi_yokushitsu.gif) no-repeat;
}
#SyoMidashi p{
	font-size:16px;
	text-align:left;
	text-indent:15px;
	padding-top:5px;
	font-weight:bold;
	color:#5A3D1C;
}

#SyoText{
	width:615px;
	text-align:left;
	padding: 10px 0 0 15px;
}

#ReformData{
	width:580px;
	margin-left:27px;
	margin-top:20px;
	padding-top:10px;
	background: url(../plan_syo/img/midashi_reformdata.gif) no-repeat left top;	
}

#ReformDataLeft{
	width:278px;
	float:left;
	text-align:left;
	margin-left:5px;
}
#ReformDataRight{
	width:278px;
	float:right;
	text-align:left;
}
#Be_Af{
	width:580px;
	margin-left:27px;
	margin-top:15px;
	padding-top:10px;
}
#Be_AfLeft{
	width:263px;
	height:285px;
	float:left;
	background: url(../plan_syo/img/before.gif) no-repeat;
}
#Be_AfRight{
	width:263px;
	height:285px;
	float:right;
	background: url(../plan_syo/img/after.gif) no-repeat;
}
#yaji{
	width:21px;
	float:left;
	margin-top:130px;
	margin-left:16px;
}
#Before,#After{
	width:257px;
	height:257px;
	margin-left:3px;
	margin-top:25px;
}
#Parse{
	width:500px;
	height:100%;
	margin:25px auto 0;
}
#Price{
	width:263px;
	height:60px;
	margin-top:25px;
	margin-right:17px;
	float:right;
	background: url(../plan_syo/img/price.gif) no-repeat;
}
#Price p{
	font-size:1.6em;
	font-weight: bold;
	padding-top:20px;
	text-align:center;
}
#Shiyou{
	width:580px;
	margin-left:27px;
	margin-top:20px;
	background: url(../plan_syo/img/midashi_shiyou.gif) no-repeat left top;
}
#Shiyou p{
	text-align:left;
	font-size:10px;
	margin-top:10px;
}
#Shiyo2{
	width:570px;
	margin-top:15px;
}
#Search{
	width:580px;
	height:30px;
	margin:10px 0 15px 27px;
	margin:0 auto 20px;
	text-align:right;
}
*+html body #Search{
	margin:0 auto 40px;
}
#Search img{
	margin-bottom:6px;
}

/* ---------- Refeed_追加 ---------- */

#SyoMidashi .f12 {font-size:12px;}

.b{font-weight: bold;}

#ReformDataText{
	width:570px;
	text-align:left;
	margin:0px 0px 5px 5px;
	border-bottom:#333333 solid 1px;
}

#Parse_box{
	width:580px;
	margin-left:27px;
}

#Parse_m{
	width:598px;
	height:100%;
	margin:25px auto 0;
	padding-bottom:10px;
}