@charset "Shift_JIS";
/* init */



/* 基本---------------------------
--------------------------------------------------------- */



body{
font-size:12px;
line-height:180%;
	color:#333333;
	padding:0;
	margin:0;
	background-color:#ffffff;
background:url(images/bg.gif) repeat-y center;
}

/* 文字---------------------------
--------------------------------------------------------- */

h1{margin:0;
}
h2{margin:0;
}
h3{margin:0;
}

h4{margin:0;
}


p{margin-bottom:20px;
margin-top:0;
 }
.tx-12{
font-size:12px;
line-height:130%;
}

.tx-10{
font-size:10px;
line-height: 150%;
}


.tx-14{
font-size:14px;
line-height:150%;
}

.caution{color:#990000;
 }
 
 
 a:link{
color:#948151;
	text-decoration: none;
	}
a:visited{
	color:#948151;
	text-decoration: none;
	}
a:hover{
	color:#CCB77C;
	text-decoration: underline;
	} 


li{
margin:0;
padding:0;
}

img { border: 0;
	margin:0;
	padding:0;
	 }
#clear{
clear:both;
height:1px;}

.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
} /*IE7以外のモダンブラウザ向け*/

.clearfix{display:inline-block;} /*IE7およびMacIE5向け*/

/*Hides from IE-mac\*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/




.container{
margin-left:auto;
margin-right:auto;
width: 850px;
text-align:left;
}


div.header {
 width: 850px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 height: 268px;
 background: url("images/header_img.jpg") no-repeat center top;
 margin-bottom: 2px;
}

div.header h1 {
}
div.header h2 {
 padding-left: 270px;
 padding-top: 183px;
}
div.header h2 a {
 float: right
 text-align: right;
 display: block;
 width: 578px;
 height: 50px;
}

div.header p.link {
text-align:left;
display:inline;
 float: left;
 width: 231px;
 height: 40px;
}
div.header p.link a {
 display: block;
 width: 200px;
 height: 110px;
}
div.header p.link a {
 display: block;
 width: 200px;
 height: 110px;
/* IE7対策 透明な画像を読み込まないとリンクとして機能しない */
 background: transparent url("/yougo/img/background_clear.gif") no-repeat;
}


div.header .contents-menu {
width:600px;
float:left;
text-align:left;
display: inline;
}

div.header .contents-menu ul {
margin:0;
padding:0;
list-style-type:none;
}


div.header .contents-menu li {
 display: inline;
}

div.header .contents-menu li a {
 display: block;
 float: left;
 height: 40px;
}



/* マンション購入ナビ */
div.header .contents-menu li a#mansion-navi {
 width: 159px;
 background: #ffffff url("../faq/img/head_mansion_navi.gif") no-repeat center center;
}
div.header .contents-menu li a#mansion-navi:hover {
 background: #ffffff url("../faq/img/head_mansion_navi-ov.gif") no-repeat center center;
}
/* SURPASS STYLE */
div.header .contents-menu li a#surpass-style {
 width: 149px;
 background: #ffffff url("../faq/img/head_surpass_style.gif") no-repeat center center;
}
div.header .contents-menu li a#surpass-style:hover {
 background: #ffffff url("../faq/img/head_surpass_style-ov.gif") no-repeat center center;
}
/* お悩み解決Q&A */
div.header .contents-menu li a#q-and-a {
 width: 145px;
 background: #ffffff url("../faq/img/head_faq.gif") no-repeat center center;
}
div.header .contents-menu li a#q-and-a:hover {
 background: #ffffff url("../faq/img/head_faq-ov.gif") no-repeat center center;
}
/* マンション用語集 */
div.header .contents-menu li a#mansion-glossary {
 width: 147px;
 background: #ffffff url("../faq/img/head_mansion_glossary.gif") no-repeat center center;
}
div.header .contents-menu li a#mansion-glossary:hover {
 background: #ffffff url("../faq/img/head_mansion-ov.gif") no-repeat center center;
}


/* SURPASSLOG タイトル 非表示設定なのでCSSでの設定も無し */
div.header h1 {
}
/* 画像タイトル お悩み解決Q&A の部分にアンカーを付ける為の設定 */
div.header h2 {
 padding-left: 450px;
 padding-top: 183px;
}
div.header h2 a {
 float: right
 text-align: right;
 display: block;
 width: 398px;
 height: 75px;
}

.nondisplay {
 display: none;
}

h1{
margin:0;
width:850px;
background:url(images/header_img.jpg) no-repeat;
height:273px;
display:block;
text-indent:-10000px;
}


.main_contents{
display:inline;
width:642px;
float:left;
margin-left:10px;
margin-bottom:20px;
}


.main_contents ul{
margin:0;
padding:0;
list-style:none;
}

.main_contents li{
float:left;
margin:0;
padding:0;
width:58px;
height:36px;
text-indent:-9999px;
display:block;
}

.main_contents li a{
text-decoration:none;
display:block;
width:58px;
height:36px;
}

.main_contents li.menu01{
background: url(images/navi01.gif) no-repeat 0 0;
width:59px;
}
.main_contents li.menu01 a:hover{
background: url(images/navi01_on.gif) no-repeat 0 0;
}


.main_contents li.menu02{
background: url(images/navi02.gif) no-repeat 0 0;
}
.main_contents li.menu02 a:hover{
background: url(images/navi02_on.gif) no-repeat 0 0;
}


.main_contents li.menu03{
background: url(images/navi03.gif) no-repeat 0 0;
}
.main_contents li.menu03 a:hover{
background: url(images/navi03_on.gif) no-repeat 0 0;
}


.main_contents li.menu04{
background: url(images/navi04.gif) no-repeat 0 0;
}
.main_contents li.menu04 a:hover{
background: url(images/navi04_on.gif) no-repeat 0 0;
}


.main_contents li.menu05{
background: url(images/navi05.gif) no-repeat 0 0;
}
.main_contents li.menu05 a:hover{
background: url(images/navi05_on.gif) no-repeat 0 0;
}

.main_contents li.menu06{
background: url(images/navi06.gif) no-repeat 0 0;
}
.main_contents li.menu06 a:hover{
background: url(images/navi06_on.gif) no-repeat 0 0;
}

.main_contents li.menu07{
background: url(images/navi07.gif) no-repeat 0 0;
}
.main_contents li.menu07 a:hover{
background: url(images/navi07_on.gif) no-repeat 0 0;
}

.main_contents li.menu08{
background: url(images/navi08.gif) no-repeat 0 0;
}
.main_contents li.menu08 a:hover{
background: url(images/navi08_on.gif) no-repeat 0 0;
}


.main_contents li.menu09{
background: url(images/navi09.gif) no-repeat 0 0;
}
.main_contents li.menu09 a:hover{
background: url(images/navi09_on.gif) no-repeat 0 0;
}

.main_contents li.menu10{
background: url(images/navi10.gif) no-repeat 0 0;
}
.main_contents li.menu10 a:hover{
background: url(images/navi10_on.gif) no-repeat 0 0;
}

.main_contents li.menu11{
background: url(images/navi11.gif) no-repeat 0 0;
width:61px;
}
.main_contents li.menu11 a:hover{
background: url(images/navi11_on.gif) no-repeat 0 0;
width:61px;
}


.area_block{
width:638px;
margin-left:2px;
border-left:solid 1px #CCCCCC;
border-right:solid 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC;
}


.area_block h4{
margin-right:10px;
font-size:14px;
margin-top:5px;
color:#39ABAE;
padding-bottom:5px; 
margin-bottom:5px;
border-bottom:1px solid #CCCCCC;
}


.area_block a:link{
color:#39ABAE;
}

.area_block a:hover{
color:#006666;
}

.area_block a:visited{
color:#39ABAE;
}

.go_top{
font-size:10px;
margin:5px 0 0;
text-align:right;
}

.go_top a:link{
color:#39ABAE;
}

.go_top a:hover{
color:#006666;
}

.go_top a:visited{
color:#39ABAE;
}


.area_block p{
margin-right:10px;
margin-top:5px;
padding-bottom:5px; 
margin-bottom:5px;
border-bottom:1px dotted #CCCCCC;
}



.main_contents .hokkaido{
margin-left:2px;
margin-top:30px;
margin-bottom:0px;
background:url(images/tab_hokkaido.gif) no-repeat;
width:638px;
height:19px;
display:block;
text-indent:-10000px;
}

.main_contents .tohoku{
margin-left:2px;
margin-top:30px;
margin-bottom:0px;
background:url(images/tab_tohoku.gif) no-repeat;
width:638px;
height:19px;
display:block;
text-indent:-10000px;
}

.main_contents .kanto{
margin-left:2px;
margin-top:30px;
margin-bottom:0px;
background:url(images/tab_kanto.gif) no-repeat;
width:638px;
height:19px;
display:block;
text-indent:-10000px;
}

.main_contents .shinetsu{
margin-left:2px;
margin-top:30px;
margin-bottom:0px;
background:url(images/tab_shinetsu.gif) no-repeat;
width:638px;
height:19px;
display:block;
text-indent:-10000px;
}

.main_contents .hokuriku{
margin-left:2px;
margin-top:30px;
margin-bottom:0px;
background:url(images/tab_hokuriku.gif) no-repeat;
width:638px;
height:19px;
display:block;
text-indent:-10000px;
}

.main_contents .tokai{
margin-left:2px;
margin-top:30px;
margin-bottom:0px;
background:url(images/tab_tokai.gif) no-repeat;
width:638px;
height:19px;
display:block;
text-indent:-10000px;
}

.main_contents .kinki{
margin-left:2px;
margin-top:30px;
margin-bottom:0px;
background:url(images/tab_kinki.gif) no-repeat;
width:638px;
height:18px;
display:block;
text-indent:-10000px;
}

.main_contents .cyugoku{
margin-left:2px;
margin-top:30px;
margin-bottom:0px;
background:url(images/tab_cyugoku.gif) no-repeat;
width:638px;
height:19px;
display:block;
text-indent:-10000px;
}

.main_contents .shikoku{
margin-left:2px;
margin-top:30px;
margin-bottom:0px;
background:url(images/tab_shikoku.gif) no-repeat;
width:638px;
height:18px;
display:block;
text-indent:-10000px;
}

.main_contents .kyusyu{
margin-left:2px;
margin-top:30px;
margin-bottom:0px;
background:url(images/tab_kyusyu.gif) no-repeat;
width:638px;
height:18px;
display:block;
text-indent:-10000px;
}

.main_contents .okinawa{
margin-left:2px;
margin-top:30px;
margin-bottom:0px;
background:url(images/tab_okinawa.gif) no-repeat;
width:638px;
height:19px;
display:block;
text-indent:-10000px;
}



.area_block .btn{
margin-left:10px;
background-color:#39ABAE;
background-color:#fff;
}

.area_block .bukken_btn a{
background:url(images/blog_btn.gif) no-repeat;
width:57px;
height:75px;
display:block;
line-height:0%;
}

.area_block .bukken_btn a:hover{
background:url(images/blog_btn_on.gif) no-repeat;
width:57px;
height:75px;
}


div.left-sidebox {
 float: left;
 margin-left:5px;
 width: 192px;
 color: #666666;
}
div.left-sidebox p#surpasslink {
 text-align: center !important;
 margin-bottom: 0.5em;
}


div.left-sidebox div#esurpist {
 height: 281px;
 background: transparent url("images/side_surpist_all.jpg") no-repeat top center;
}
div.left-sidebox div#esurpist p {
 text-align: center !important;
}
div.left-sidebox div#esurpist p#join-esurpist {
 padding-top: 186px;
 margin-bottom:0;
}
div.left-sidebox div#esurpist p#about-esurpist {
 padding-top: 3px;
}


div.left-sidebox p#campaign {
 margin-top:8px;
 margin-bottom:8px;
 text-align: center !important;
}


/* フッター部分---------------------------
--------------------------------------------------------- */



.footer{
margin-top:10px;
width:840px;
clear:both;
padding:10px 5px 0 5px;
background:url(images/footer_bg.jpg) no-repeat;
font-size:10px;
height:30px;
}


.footer .link{
width:550px;
float:left;
}

.footer .link img{
float:left;
margin-right:5px;
}

.footer .copyright{
background:url(images/copyright.gif) no-repeat;
width:267px;
height:11px;
float:right;
text-indent:-10000px;
}


.footer a:link{
color:#666666;
	text-decoration: none;
	}
.footer a:visited{
	color:#666666;
	text-decoration: none;
	}
.footer a:hover{
	color:#999999;
	text-decoration: underline;
	}