﻿body {
	font-size:12px;
	line-height: normal;
	background-image: url(img/body-bg.png);
	background-repeat: repeat-x;
	background-color: #ECECEC;
	margin: 0px;
	padding: 0px;
	text-align:center;
}

#head {
	text-align: left;
	padding: 0px 0px 0px 0px;
	height: 110px;
	width:850px;
	background-image: url(img/head-bg.png);
	background-repeat: no-repeat ;
	margin-bottom:5px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	position:relative;
}

#head h1 {
	position:absolute;
	font-size:10px;
	font-weight:normal;
	margin:0;
	padding:0;
	left: 1px;
	top: 2px;
	width: 180px;
	height: 16px;
}
#head h1 a { color:#999999; text-decoration:none;}

#head ul {
	padding:0;
	margin:0;
	list-style:none;
	position:absolute;
	width: 366px;
	left: 490px;
	top: 5px;
	height: 13px;
}
#head li {float:left; font-size:10px;}
#head li a {color:#666666; padding:0 4px; text-decoration:none;}
#head li a:hover {text-decoration:underline;}

.top_menu {
	position:absolute;
	left: 22px;
	top: 70px;
	width: 812px;
	height: 41px;
	margin:0;
	padding:0;
}
.top_menu dd {margin:0; padding:0;list-style:none;}
.top_menu dt {float:left;list-style:none;}



#container {
	width:850px;
	height:auto;
	margin:0 auto;
	}

#center {
	width:840px;
	height:570px;
	background-color:#FFFFFF;
	margin:0 auto;
	}


.clear {clear:both; height1px;}


#foot {
	height:100px;
	margin:0 auto;
	background-image:url(img/foot_bg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	font-size:12px;
	padding-top:40px;
	border-top:2px solid #CDE79E;
	}

.footmenu ul {float:left;color:#666666;font-size:10px;}
.footmenu li {display:inline; line-height:150%;}
.footmenu a {color:#666666; font-size:12px;}


/*-------------------■ボックス-------*/
.catch {
	position:relative;
	width:850px;
	height:350px;
	background-image: url(img/catch3.png);
	background-repeat:no-repeat;
	margin:0;
	}
.catchBtn {
	position:absolute;
	left: 29px;
	top: 262px;
	}
.catchBtn a img {border:none;}
.catchBtn a:hover img{opacity:0.7;filter: alpha(opacity=70);}


.right {
	float:right;
	width:410px;
	height:auto;
	margin:2px 2px 0 0;
	padding:10px 5px;
	text-align:left;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	}

.right h2 {
	height:25px;
	width:410px;
	margin:0 0 2px 0;
	padding:8px 0 0 15px;
	background-image: url(img/h2.gif);
	background-repeat:no-repeat;
	font-size:14px;
}
#tate {width:240px; height:220px;text-align:right;writing-mode: tb-rl; line-height:140%;letter-spacing:0.5pt;}



.left {
	width:410px;
	height:auto;
	float:right;
	margin:2px 2px 0 0;
	border:1px solid #CCCCCC;
	}


/*-------------------■値段-------*/
.price {
	width:840px;
	height:216px;*height:276px;
	background-color:#FFFFFF;
	margin:0 auto 15px auto;
	padding:60px 0 0 0;
	background-image:url(img/price.png);
	background-repeat:no-repeat;
	position:relative;
	border:1px solid #CCCCCC;
	}
.costtext {border:1px #666666 solid; background-color:#F6F6F6; padding:2px; font-size:12px; margin:0 2px 0 0;}
.lefttb {text-align:left; padding:0; margin:0;}
.lefttb2 {text-align:left; padding:0; margin:16px 0 0 0;*margin:5px 0 0 0;}
.lefttb2 td {padding:2px 0;}

.costbox {
	position:absolute;
	left: 702px;
	top: 215px;
	width: 133px;
	font-size:10px;
	color:#666666;
	text-align:left;
}


/*-------------------■お客様の声-------*/
.voice {
	position:relative;
	margin:3px 0 0 0;*margin:10px 0 0 0;
	height:93px;*height:110px;
	width:405px;
	background-color:#EEEEEE;
	top: 0px;
	left: 5px;
	}
.voicep {
	position:absolute;
	top: 7px;
	left: 110px;
	margin:0;
	padding:0;
	width: 295px;
	height: 85px;
	line-height:140%;
}




/*-------------------■申込みボタン-------*/
.btn a img {border:none;}
.btn a:hover img{opacity:0.7;filter: alpha(opacity=70);}


/*-------------------■img回り込み-------*/
#md {vertical-align:middle;}
.md {vertical-align:middle;}
.img-l10 {float:left; margin:0 10px 10px 0;}
.img-l102 {float:left; margin:0 10px 10px 10px;}
.img-l20 {float:left; margin:0 20px 10px 0;}
.img-r10 {float:right; margin:0 10px 10px 10px;}
.img-r20 {float:right; margin:0 0 10px 20px;}


/*-------------------■フォント-------*/

.red {color:#FF0000;}
.red2 {color:#E10000;}
.green {color:#006600;}
.blue {color:#0000FF;}
.line {background-color:#FFFF00;}
.line2 {background-color:#FFCC00;}
.bak1 {background-color:#FFFFEC;margin:0;}
.bak2 {background-color:#F4FFFF;margin:0;}
.b {font-weight:bold;}
.b2 {font-weight:bold; color:#333333;}
.bb {font-family: "HGP創英角ゴシックUB", "ヒラギノ角ゴ Pro W8"; line-height:160%; font-weight:normal;}
.bb2 {font-family: "HGP創英角ｺﾞｼｯｸUB"; font-weight:normal;}
.min {font-family: "HGP明朝E", "ヒラギノ明朝 Pro W3", "HG明朝B";}
.n {font-weight:normal;}
.u {text-decoration:underline;}
.u2 { border-bottom:#FF0000 solid 1px;}
.u3 { border-bottom:#000000 solid 1px;}

.x10 {font-size:10px;}
.x12 {font-size:12px;}
.x14 {font-size:14px;}
.x16 {font-size:16px;}
.x18 {font-size:18px;}
.x20 {font-size:20px;}
.x22 {font-size:22px;}
.x24 {font-size:24px;}
.x26 {font-size:26px;}
.x28 {font-size:28px;}
.x32 {font-size:32px;}
.x40 {font-size:40px;}






/*-------------------■スペース-------*/
.p10{ padding: 10px!important; }
.p10tb{ padding: 10px 0!important ; }
.p10-t{ padding-top: 10px!important; }
.p10-r{ padding-right: 10px!important; }
.p10-b{ padding-bottom: 10px!important; }
.p10-l{ padding-left: 10px!important; }

.p15{ padding: 15px!important; }
.p15tb{ padding: 15px 0!important ; }
.p15-t{ padding-top: 15px!important; }
.p15-r{ padding-right: 15px!important; }
.p15-b{ padding-bottom: 15px!important; }
.p15-l{ padding-left: 15px!important; }

.p20{ padding: 20px!important; }
.p20-t{ padding-top: 20px!important; }
.p20-r{ padding-right: 20px!important; }
.p20-b{ padding-bottom: 20px!important; }
.p20-l{ padding-left: 20px!important; }

.p25{ padding: 25px!important; }
.p25-t{ padding-top: 25px!important; }
.p25-r{ padding-right: 25px!important; }
.p25-b{ padding-bottom: 25px!important; }
.p25-l{ padding-left: 25px!important; }


/*-------------------■見学会-------*/
#kengaku {
	width:840px;
	height:1000px;
	background-color:#FFFFFF;
	margin:0 auto;
	background-image:url(img/kengaku_bg2.png);
	background-repeat:no-repeat;
	position:relative;
	}

.kai {
	position:absolute;
	left: 14px;
	top: 97px;
	width: 56px;
	height: 27px;
	color:#FFFFFF;
	font-size:24px;
	font-family: "HGP創英角ｺﾞｼｯｸUB"; font-weight:normal;
	text-align:center;
	}
.naiyou {
	position:absolute;
	width:470px;
	height:74px;
	left:68px;
	top:75px;
	color:#333333;
	font-size:74px;
	font-family: "HGP創英角ｺﾞｼｯｸUB";
	font-weight:normal;
	text-align:left;
	letter-spacing:-3px;
}
html:not([lang*=""]) .naiyou {
	position:absolute;
	width:470px;
	height:74px;
	left:68px;
	top:72px;
	color:#333333;
	font-size:74px;
	font-family: "HGP創英角ｺﾞｼｯｸUB";
	font-weight:normal;
	text-align:left;
	letter-spacing:-3px;
}
.days {
	position:absolute;
	width: 410px;
	height: 85px;
	left: 21px;
	top: 164px;
	color:#333333;
	font-size:74px;
	font-family: "HGP創英角ｺﾞｼｯｸUB";
	font-weight:normal;
	text-align:left;
}
html:not([lang*=""]) .days {
	position:absolute;
	width: 410px;
	height: 85px;
	left: 21px;
	top: 160px;
	color:#333333;
	font-size:74px;
	font-family: "HGP創英角ｺﾞｼｯｸUB";
	font-weight:normal;
	text-align:left;
}
.address {
	position:absolute;
	width: 388px;
	height: 20px;
	left: 434px;
	top: 84px;
	color:#000000;
	font-size:14px;
	text-align:left;
	overflow:hidden;
}

.access {
	position:absolute;
	width: 245px;
	height: 20px;
	left: 252px;
	top: 290px;
	color:#000000;
	font-size:14px;
	text-align:left;
	overflow:hidden;
}
.genba {
	position:absolute;
	width: 192px;
	height: 313px;
	left: 525px;
	top: 457px;
	color:#000000;
	font-size:12px;
	text-align:left;
	overflow:hidden;
}
.genba ul {padding:0; margin:0; list-style:none;}
.genba li {padding:0; margin:0; list-style:none; line-height:180%;}

.map {
	position:absolute;
	width:480px;
	height:560px;
	overflow:hidden;
	background-image:url(http://www.justhouse.jp/info/map.jpg);
	background-repeat:no-repeat;
	left: 17px;
	top: 335px;
	}

/*-------------------■資料請求-------*/
#siryou {
	width:840px;
	height:2480px;
	background-color:#FFFFFF;
	margin:0 auto;
	background-image:url(img/siryou_bg3.png);
	background-repeat:no-repeat;
	position:relative;
	}

#siryou p {
	text-align:left;
	line-height:110%;
	padding:5px 0 0 30px;
	margin:5px 0 10px 0;
	font-size:14px;
	}

.orderform {
	width:800px;
	position:absolute;
	left: 20px;
	top: 1860px;
	}
	
.gaido {
	width:530px;
	position:absolute;
	left: 17px;
	top: 585px;
	}

.risou {
	width:655px;
	position:absolute;
	left: 17px;
	top: 880px;
	}

.mansion {
	width:530px;
	position:absolute;
	left: 17px;
	top: 1240px;
	}

.yasui {
	width:530px;
	position:absolute;
	left: 17px;
	top: 1515px;
	}

	
#table{
	width:700px;
	margin:0 auto;
	background:#fff;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}

#table td{
	padding:5px 15px;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	vertical-align:middle;
	text-align:left;
}
#table th{
	background:#EEF3FF;
	width:180px;
	color:#000;
	text-align:left;
	font-weight:normal;
	padding:5px 15px;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	vertical-align:middle;
}
#table td input,select { margin:0 5px;}
.tbbtn {margin:5px auto; height:20px; text-align:center; padding:5px 0 0 0;}

