@charset "utf-8";
/* CSS Document */

body {
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

* {margin:0; padding:0;}


p {
	font-size:12px;
	color:#666;
	line-height:1.6em;
	margin-left:5px;
}

p.small {
	font-size:11px;
	line-height:1.3em;
}

p:after {  
content: ".";  
display: block;  
visibility: hidden;  
height: 0.1px;  
font-size: 0.1em;  
line-height: 0;  
clear: both;  
}


h2 {margin:0;
	padding:0;
	font-size:14px;
	color:#333;
}

h2.item {
	margin: 20px 0 10px 0;
	padding: 10px 0 0 10px;
	display: block;
	width: 670px;
	height: 25px;
	font-size: 14px;
	color:#666;
	border-bottom: #999 dotted 1px;
	background: url(../common/h2-bg.gif) top left repeat-x;
}

h2 img {
	margin-top: 15px;
}

h4 {
	margin: 10px 0 5px 5px;
	padding: 0 0 3px 0;
	font-size: 14px;
	font-weight: bold;
	color: #006699;
	border-bottom:#999 solid 1px;
}

html,body {
	height:100%;
}

/*IE6*/
* html div#wrapper {
	height:100%;
}

/* for ie5,6*/

div:after {  
content: ".";  
display: block;  
visibility: hidden;  
height: 0.1px;  
font-size: 0.1em;  
line-height: 0;  
clear: both;  
}

li {
	list-style:none;
	text-align:left;
}

a {overflow:hidden;}
a:link	{color:#5677A1; text-decoration : underline;}
a:visited	{color:#5677A1; text-decoration : underline;}
a:active	{color:#5677A1; text-decoration : none;}
a:hover	{color:#003366; text-decoration : none;}

img {border:0;}
img.right {float:right; margin-left:5px;}
img.left {float:left; margin-right:5px;}
img.bottom {margin:17px 0 15px 0;}
img.top {margin: 15px 0 0 0;}
.on {background-position:0 30px;}

table#table-01 {
	color:#666;
    width: 666px;
    border: 1px #ccc solid;
    border-collapse: collapse;
    border-spacing: 0;
	margin:15px 5px 15px 5px;;
}

table#table-01 th {
	font-size:12px;
	width:150px;
    padding: 5px;
    border: #ccc solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
    white-space: nowrap; 
}
table#table-01 td {
	width:515px;
font-size:12px;
    padding: 5px;
    border: 1px #ccc solid;
    border-width: 0 0 1px 1px;
    text-align: left;
    white-space: nowrap;
	line-height:150%;
}

table#table-02 {
	color:#666;
    width: 420px;
    border: 1px #ccc solid;
    border-collapse: collapse;
    border-spacing: 0;
	margin:15px 5px 15px 0x;

}

table#table-02 th {
	font-size:11px;
	width:50px;
    padding: 5px;
    border: #ccc solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
    white-space: nowrap; 
}
table#table-02 td {
font-size:11px;
    padding: 5px;
    border: 1px #ccc solid;
    border-width: 0 0 1px 1px;
    text-align: left;
    white-space: nowrap;
	vertical-align:text-top;
}

table#table-02 td img {
text-align:center;
}


/*form*/

table#table-01 td.gaikan-line{
	width:500px;
	height:270px;
	min-height:270px !important;
}

table#table-01 td.gaikan-line div{
	float:left;
	width:90px;
	padding:8px 2px;
	text-align:center;
}

#contact-form input{
	margin:3px 0px;
	padding:0 0 0 0px;
}
/*wrapper
----------------------------------------------------------------------------*/

#wrapper {
	width:950px;
	background-color:#ededed;
}




/*container
----------------------------------------------------------------------------*/
#container {
width:950px;
	border-left:#D9D9D9 solid 1px;
}



/*main-col
----------------------------------------------------------------------------*/

#main-col {
	width:734px;
	height:100%;
	float:right;
}


/*header
----------------------------------------------------------------------------*/










/*main
----------------------------------------------------------------------------*/

#main {
	width:733px;
	background-color:#FFF;
	border-left:#D9D9D9 solid 1px;
}



/*clumn
----------------------------------------------------------------------------*/

* html #clumn {

		border-right:#D9D9D9 solid 1px;
		text-align:left;
		margin:0;
		padding:5px 20px 50px 20px;
		height:100%;
}

#clumn {

		border-right:#D9D9D9 solid 1px;
		text-align:left;
		margin:0;
		padding:5px 25px 50px 25px;
		height:100%;
}

#clumn h2 img {
	margin:10px 0;
}




/*sideNav
----------------------------------------------------------------------------*/

#sideNav {
	width:216px;
	padding-top:72px;
	background-color:#fff;
	float:left;
	height:100%;
}

#sideNav img {
	margin:3px 0 0;
}

table td {
	font-size:11px;
	color:#666666;
	padding:7px;
	line-height:1.3em;
}


/* 5.Form Table Start */
.datatable {
	border-collapse : collapse;
	letter-spacing: 1px;
	margin: 15px 0px;
	width: 100%;
	
}
.datatable th {
	color:#505050;
	font-size: 11px;
	width:90px;
	height:25px;
	line-height: 100%;
	font-weight: bold;
	padding: 2px;
	
	text-align:left;
}
.datatable td {
	line-height: 100%;
padding: 2px;
	text-align:left;
	font-size: 11px;
}
/* 5.Form Table End */

/* Form Start */
/* Form End */





/*banaBox
----------------------------------------------------------------------------*/

#banaBox {
	margin:100px 0 30px 0;
	height:100%;
}

#addBox {
	color:#333;
	background:#ededed;
	padding:12px 8px 20px 8px;
	text-align:left;
	line-height:1.6em;
	height:100%;
}
	
	
	
/*gNav
-----------------------------------------------------------------------------*/

.gNav {
	font-size:12px;
	margin:0 5px 10px 5px;
	padding-top:5px;
	text-align:right;
}
.gNav a {color:#fff; text-decoration:none;}
.gNav a:hover {color:#fff; text-decoration:underline;}

/*r-box
-----------------------------------------------------------------------------*/
#r-box {
	margin: 20px 0 10px 5px;
	width:670px;
}
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

/*list
------------------------------------------------------------------------------*/

ul#item {
	font-size:12px;
	color:#666;
	list-style:none;
	margin:0;
	padding:5px;
}
ul#item li {
	line-height:1.5em;
	list-style:none;
	text-decoration:none;
	background-image:url(cursol.gif);
	background-repeat:no-repeat;
	background-position: 0px 50%;
	padding-left:20px;
}


/*今月過去のチラシＰＤＦ
------------------------------------------------------------------------------*/


#this-m-title,#this-m-img,#this-m-flier ul,#old-title,#old-flier ul{
	float:left;

}

/*----- 今月のチラシ-----*/
div#this-m-flier{
	margin:40px 0 20px;
	padding-bottom:10px;
	min-height:120px;
	height:100%px;
	border-bottom:#b5b5b5 1px dotted;
}

#this-m-title{
	width:150px;
	height:34px;
	padding-right:10px;
	text-indent:-9999px;
	background:url(../house/handbill/img/this-m-handbill.gif) no-repeat top left;
}


/*#this-m-img{
	width:130px;
	padding-right:6px;
	padding-right:10px;
}
*/

#this-m-flier ul{
	width:480px;
	margin:0;
	padding:0;
}

#this-m-flier li{
	width:480px;
	height:90px;
	vertical-align:top;
}

.imgL{
	float:left;
}

.imgR{
	float:right;
}

#this-m-flier li img{
	padding-right:10px;
}

/*----- 過去のチラシ-----*/

div#old-flier{
	margin:20px 0;
}

#old-title{
	width:150px;
	height:30px;
	padding-right:10px;
	text-indent:-9999px;
	background:url(../house/handbill/img/old-handbill.gif) no-repeat top left;
}
#old-flier ul{
	width:480px;
	margin-left:10px;
}


#old-flier li{	
	width:480px;
}

/*-----リスト設定（list01-下線あり/list02-下線なし）-----*/

#this-m-flier .list01,#old-flier .list01{
	margin-bottom:10px;
	padding:0 0 10px 20px;
	border-bottom:#ededed 1px solid;
	background:url(../house/flier/img/pdf-icon.gif) no-repeat top left;
}

#old-flier .list02{
	padding:0 0 10px 20px;
	background:url(../house/flier/img/pdf-icon.gif) no-repeat top left;
}

#this-m-flier .list02{
	padding:0 0 10px 20px;
	background:url(../house/flier/img/pdf-icon.gif) no-repeat 160px 0;
}

/*----- pdfサイズ -----*/
.pdf,.old-pdf{
	width:80px;
	margin:0;
	color:#8f8f8f;
	font-size:0.9em;
}


*html .pdf,*html .old-pdf{
	margin:-18px;
}
*:first-child+html .pdf,*:first-child+html .old-pdf{
	margin:-18px;
}
head~/* */body .pdf,head~/* */body .old-pdf{
	margin:0px;
}
html:not(:target) .pdf,html:not(:target) .old-pdf{
	margin:0;
}


.pdf{
	float:right;
	padding:0;
}

.old-pdf{
	float:right;
	padding-right:100px;
}

/*----- newマーク-----*/

#this-m-flier li img,#old-flier li img{
	margin:0 10px;
}

/*----- リンク赤字-----*/

span.red,span.red a{
	color:#FF0000;
	text-decoration:underline;
}


/*オーナーズボイス
------------------------------------------------------------------------------*/

h3.voice-h3{
	width:570px;
	height:25px;
	padding:4px 0 0 30px;
	background:url(../house/owners_voice/img/voice-title-bg.gif) no-repeat top left;
	color:#9C9375;
	font-size:1.4em;
}

.voice{
	width:600px;
	margin-top:20px;	
}

.voice-left{
	float:left;
	width:60px;
	padding:0 0 20px 30px;
}

.voice-right{
	float:left;
	width:448px;
	padding:0 0 20px 14px;
}

.voice-right .voice-img{
	width:600px;
}

.voice-right .voice-img img{
	padding:0 4px;
}

span.voice-family{
	color:#9C9375;
	font-size:110%;
	font-weight:bold;
}


/*土地売却をお考えの方へ
------------------------------------------------------------------------------*/
.tochi-qa{
	width:650px;
	height:121px;
	margin:18px 0;
	background:url(../house/tochi/img/q-a-bg.gif) no-repeat top left;
	color:#717171;
}

.tochi-qa dt{
	padding:18px 0 10px 32px;
	background:url(../house/tochi/img/q-a-mark.gif) no-repeat 10px 20px;
	font-size:120%;
	font-weight:bold;
}

.tochi-qa dd{
	padding:0 0 0 10px;
}

/*【iBox】仕様とオプション
------------------------------------------------------------------------------*/
#iboxspec{
	width:660px;
}

#iboxspec-ikkatu{
	width:600px;
	margin:36px 0 25px 0px;
	padding-left:20px;
	background:url(../house/ibox/img/ibox-icon-yajirushi.gif) no-repeat 0 2px;
	font-weight:bold;
}

#iboxspec-left{
	width:316px;
	float:left;
}

#iboxspec-right{
	width:316px;
	float:right;
}

.iboxspec-3line,.iboxspec-5line{
	width:316px;
	margin-bottom:30px;
}

.iboxspec-3line{
	height:159px;
	background:url(../house/ibox/img/bg-3lines.gif) no-repeat top left;
}

.iboxspec-5line{
	height:219px;
	background:url(../house/ibox/img/bg-5lines.gif) no-repeat top left;
}


.iboxspec-3line h3,.iboxspec-5line h3{
	margin:0 0 0 13px;
	padding:10px 0 0 0;
	font-size:130%;
	color:#737373;	
}

.iboxspec-3line h3 .spec-h3,.iboxspec-5line h3 .spec-h3{
	font-size:80%;
	margin-left:10px;
}

.iboxspec-3line ul, .iboxspec-5line ul{
	margin:23px 0 0 50px;
}

.iboxspec-3line li, .iboxspec-5line li{
	padding:0 0 10px 0px;
	
}

.iboxspec-3line .iboxspec-download,.iboxspec-5line .iboxspec-download{
	float:left;
	width:150px;
	padding:0 0 4px 0;
}
.iboxspec-3line .pdf-ibox-spec,.iboxspec-5line .pdf-ibox-spec{
	float:right;
	width:80px;
	margin:0 15px 0 0;
	color:#8f8f8f;
	font-size:0.9em;
}

/*Q&A
------------------------------------------------------------------------------*/

#faq-top{
	width:620px;
	height:270px;
	margin:10px 0 0 10px;
	padding:10px 10px 0 10px;
	background:url(../house/qa/img/qa-bg.jpg) no-repeat top left;
}

#faq-top-left{
	float:left;
	width:305px;
}

#faq-top-right{
	float:right;
	width:305px;
}

#faq-top dt{
	padding:15px 0 0 18px;
	background:url(../house/qa/img/faq-list-mark.gif) no-repeat 0 18px;
	color:#9c9375;
	font-size:130%;
	font-weight:bold;	
}

#faq-top dd{
	margin:5px 0 0 20px;
	padding:1px 0;
}

h3.faq-category{
	width:615px;
	height:42px;
	padding:18px 0 0 30px;
	background:url(../house/qa/img/faq-title-bg.gif) no-repeat 0 0;
	color:#737373;
	font-size:120%;
}

dl.faq{
	width:605px;
	padding:0 10px;
}

dl.faq dt{
	margin-bottom:3px;
	font-size:130%;
	font-weight:bold;
	color:#927149;
}

dl.faq dd{
	margin-bottom:20px;
	line-height:180%;
	font-size:104%;
	color:#484848;
}