@charset "shift_jis"


/*-------------------------
   リセット
-------------------------*/

html,
h1,h2,h3,h4,h5,h6,
div,p
{
margin:0;
padding:0;
text-align:left;
display:block;
}

table{
margin:0;
empty-cells:show;
}

img{border:none;}


ul,li,ol{
list-style:none;
margin:0;
padding:0;}

/*-------------------------
   ヘッダー
-------------------------*/

#header h1{
	font-size:12px;
	font-weight:normal;
	padding-left:70px;
	color:#666;
	text-align: left;
}


/*-------------------------
   基本レイアウト
-------------------------*/
body{
  height:100%;
  font-size:14px;
  font-family: Verdana,'ＭＳ Ｐゴシック',sans-serif;
  line-height:1.666em; /*20px相当*/
  letter-spacing:normal;
  margin:0;
  padding:0;
  overflow:visible;
  vertical-align:baseline;
}

a {
  cursor:pointer;
  text-decoration:none;
  color:#000;
}

a:hover {
	text-decoration:underline;
	text-align: center;
}



#header{
margin-bottom:5px;
text-align:center;}

#wrapper{
width:800px;
text-align:left;
margin:0 auto;
border:solid 1px #000;
}


#wrapper h1{
	font-size:12px;
	font-weight:normal;
	margin-bottom:0px;
	padding-left:5px;
	color:#666;
	background:#fff;
}

#sub_navi{
background:#339933;
height:20px;
line-height:20px;
}

#contents{
width:800px;
text-align:left;
}

#left{
width:170px;
margin:0;
float:left;
text-align:left;
}

#main{
width:610px;
float:right;
}

#main h2{
	width:550px;
	border-left:solid 7px #060;
	border-bottom:solid 2px #060;
	display:block;
	font-size:14px;
	font-weight:bold;
	background:#FFF;
	padding: 5px 5px 5px 5px;
	margin-bottom:1em;
	text-align:left;
	color:#066;
	margin-top:10px;
}

#main h3{
	width:250px;
	border-bottom:solid 1px #060;
	display:block;
	font-size:14px;
	font-weight:bold;
	background:#FFF;
	padding: 5px 5px 5px 5px;
	margin-bottom:1em;
	text-align:left;
	color:#066;
	margin-top:10px;
}

#main h4{
	width:350px;
	border-bottom:solid 1px #060;
	display:block;
	font-size:14px;
	font-weight:bold;
	background:#FFF;
	padding: 5px 5px 5px 5px;
	margin-bottom:1em;
    margin-left:1em;
	color:#066;
	margin-top:10px;
}

#main h5{
	width:350px;
	border-bottom:solid 1px #060;
	display:block;
	font-size:14px;
	font-weight:bold;
	background:#FFF;
	padding: 5px 5px 5px 5px;
	margin-bottom:1em;
	color:#066;
	margin-top:10px;
}

#footer{
clear:both;
background-color:#060;
text-align:center;
font-size:12px;
line-height:20px;
color:#fffcb2;}

#footer .navi{

clear:both;
background-color:#fff;
text-align:center;
font-size:12px;
line-height:20px;
color:#FFFFFF;
}

#menu dl{
	border:1px solid #ccc;
	margin-top:0px;
	padding-bottom:1em;
	background:#fff;
}

#menu dt{
	background-color:#060;
	padding:5px 0px 0px 12px;
	margin-bottom:1em;
	color:#FFF;
}

#menu dd{

	margin-left:10px;
}
/*-------------------------
   トップページ
-------------------------*/


	


.bar2{
	width:550px;
	border-left:solid 7px #060;
	border-bottom:solid 2px #060;
	border-top:solid 2px #060;
	border-right:solid 2px #060;
	display:block;
	font-size:14px;
	font-weight:bold;
	background:#FFF;
	padding: 5px 5px 5px 5px;
	margin-bottom:1em;
	text-align:left;
	color:#066;
	margin-top:10px;
}

.ttl1{
height:30px;
background:url(top_img/ttl_bar1.gif) no-repeat;
padding-left:40px;
margin:5px 0 0 0;
font-size:14px;
color:#FF0000;
line-height:30px;
font-weight:bold;
}

.ttl1_main{
width:608px;
border:solid #CCCCCC 1px;
margin-bottom:10px;
line-height:1.5em;}


.ttl2{
height:30px;
background:url(top_img/ttl_bar2.gif) no-repeat;
padding-left:45px;
margin:5px 0 0 0;
font-size:14px;
color:#006666;
line-height:30px;
font-weight:bold;
}

.ttl2_main{
width:608px;
border:solid #CCCCCC 1px;
margin-bottom:10px;
line-height:1.5em;}

.photo_left{
	float:left;
}


.book{
	padding-left:180px;
}


/* -------------------------
   ページタイトル（背景）
-------------------------*/

/*物件を買うのタイトル*/
.page_ttl1{
background:url(common_img/page_ttl_1bg.gif) no-repeat;
width:765px;
height:30px;
color:#006600;
font-weight:bold;
font-size:14px;
line-height:30px;
padding-left:35px;
margin:5px 0;
}

/*物件を売るのタイトル*/
.page_ttl2{
background:url(common_img/page_ttl_2bg.gif) no-repeat;
width:765px;
height:30px;
color:#FF6600;
font-weight:bold;
font-size:14px;
line-height:30px;
padding-left:35px;
margin:5px 0;
}

.page_ttl3{
width:610px;
height:30px;
color:#F30;
font-size:16px;
line-height:30px;
margin:0px 0;
}

.mapinfo{
	border-collapse: collapse;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
}

.mapinfo td{
	padding:5px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;	
}

.mapinfo th{
	padding:5px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;	
}

.mapinfo2{
	border-collapse: collapse;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
}

.mapinfo2 td{
	padding-left:2px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;	
}

.mapinfo2 th{
	padding:5px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;	
}
/*-------------------------
   ヘッダーナビ
-------------------------*/



#sub_navi ul{
list-style:none;
margin-left:5px;}

#sub_navi li{
list-style:none;
float:left;}


#sub_navi a{
text-decoration:none;
color:#ffffff;
background-image:url(common_img/sub_arrow1.gif);
background-repeat:no-repeat;
background-position:left center;
padding-left:15px;
display:block;
margin-left:13px;
font-size:14px;
}


#sub_navi a:hover{
color:#FFCC33;
background-image:url(common_img/sub_arrow1_over.gif);}


/*-------------------------
   ヘッド　アンダー　ナビ
-------------------------*/
#main_navi{
	float:left;
	margin-top:-3px;
}



/*-------------------------
   左メニューロールオーバー
-------------------------*/

#menu a span{display:none;}


#menu ul{
list-style:none;}

#menu li{
display:block;
padding:0;
margin:0 0 1px 0;}

#menu  #navi01 a{
background-image:url(common_img/btn_01.gif);
background-repeat:no-repeat;
width:171px;
height:26px;
display:block;}

#menu  #navi01 a:hover{
background-position:0 -26px;}

#menu  #navi02 a{
background-image:url(common_img/btn_02.gif);
background-repeat:no-repeat;
width:171px;
height:26px;
display:block;}

#menu  #navi02 a:hover{
background-position:0 -26px;}


/*ここからheight31px*/

#menu  #navi03 a{
background-image:url(common_img/btn_03.gif);
background-repeat:no-repeat;
width:171px;
height:31px;
display:block;}

#menu  #navi03 a:hover{
background-position:0 -31px;}


#menu  #navi04 a{
background-image:url(common_img/btn_04.gif);
background-repeat:no-repeat;
width:171px;
height:31px;
display:block;}

#menu  #navi04 a:hover{
background-position:0 -31px;}

#menu  #navi05 a{
background-image:url(common_img/btn_05.gif);
background-repeat:no-repeat;
width:171px;
height:31px;
display:block;}

#menu  #navi05 a:hover{
background-position:0 -31px;}


#menu  #navi06 a{
background-image:url(common_img/btn_06.gif);
background-repeat:no-repeat;
width:171px;
height:31px;
display:block;}

#menu  #navi06 a:hover{
background-position:0 -31px;}


#menu  #navi07 a{
background-image:url(common_img/btn_07.gif);
background-repeat:no-repeat;
width:171px;
height:31px;
display:block;}

#menu  #navi07 a:hover{
background-position:0 -31px;}


#menu  #navi08 a{
background-image:url(common_img/btn_08.gif);
background-repeat:no-repeat;
width:171px;
height:31px;
display:block;}

#menu  #navi08 a:hover{
background-position:0 -31px;}


#menu  #navi09 a{
background-image:url(common_img/btn_09.gif);
background-repeat:no-repeat;
width:171px;
height:31px;
display:block;}

#menu  #navi09 a:hover{
background-position:0 -31px;}

#menu  #navi10 a{
background-image:url(common_img/btn_10.gif);
background-repeat:no-repeat;
width:171px;
height:31px;
display:block;}


#menu  #navi10 a:hover{
background-position:0 -31px;}

#menu  #navi11 a{
background-image:url(common_img/btn_11.gif);
background-repeat:no-repeat;
width:171px;
height:31px;
display:block;}


#menu  #navi11 a:hover{
background-position:0 -31px;}

#menu  #navi12 a{
background-image:url(common_img/btn_12.gif);
background-repeat:no-repeat;
width:171px;
height:31px;
display:block;}


#menu  #navi12 a:hover{
background-position:0 -31px;}

#menu  #navi13 a{
background-image:url(common_img/btn_13.gif);
background-repeat:no-repeat;
width:171px;
height:31px;
display:block;}


#menu  #navi13 a:hover{
background-position:0 -31px;}

/*↑height31pxここまで↑*/


/*↓【問合わせ】ここから↓*/
#menu  #navi_Q a{
background-image:url(common_img/btn_toiawase.gif);
background-repeat:no-repeat;
width:171px;
height:51px;
display:block;}


#menu  #navi_Q a:hover{
background-position:0 -51px;}

/*↑【問合わせ】ここまで↑*/



/*-------------------------
   基本文字サイズ
-------------------------*/
p{
margin:0;
padding:0;
border:0;
line-height:150%;}

.bold{font-weight:bold;}

.fs09 {
	font-size: 9px;
	font-size: 0.6em;
	line-height:150%;
}
.fs10 {
	font-size: 10px;
	font-size: 0.7em;
	line-height:150%;
}
.fs12 {
	font-size: 12px;
	font-size: 0.8em;
	line-height:150%;
}
.fs14 {
	font-size: 14px;
	font-size: 1em;
	line-height:150%;
}
.fs18 {
	font-size: 18px;
	font-size: 1.2em;
	line-height:150%;
}
.fs20 {
	font-size: 20px;
	font-size: 1.4em;
	line-height:150%;
}
.fs24 {
	font-size: 24px;
	font-size: 1.8em;
	line-height:150%;
}


/*-------------------------
   テキストカラー
-------------------------*/

.txt-red{
	color: #FF0000;}
	
.txt-red2{
	color: #FF0000;
	font-weight:bold;
}

.txt-blue{
	color: #0000FF;}

.txt-green{
	color: #006600;}

.txt-orange{
	color: #FF6600;}
	
.txt-gray1{
	color: #333333;}
	
.txt-gray2{
	color: #999999;}

.txt-black{
	color: #000000;}

.txt-white{
	color: #FFFFFC;}


/*-------------------------
   テキスト　アライン
-------------------------*/
.align_center{
text-align:center;}

.align_center_top{
text-align:center;
vertical-align:top;}


/* -------------------------
   パディングタイプ 
-------------------------*/

/* 全周囲 */
.pt-all-s{padding:5px;}
.pt-all-m{padding:10px;}
.pt-all-l{padding:20px;}
/* 水平 */
.pt-hrz-s{padding:0px 5px;}
.pt-hrz-m{padding:0px 10px;}
.pt-hrz-l{padding:0px 20px;}
/* 天地 */
.pt-vtc-s{padding:0px 0px;}
.pt-vtc-ss{padding:0px 0px;
	margin-top:-10px;}
.pt-vtc-m{padding:10px 0px;}
.pt-vtc-l{padding:20px 0px;}
/* 右側 */
.pt-r-s{padding:0px 5px 0px 0px;}
.pt-r-m{padding:0px 10px 0px 0px;}
.pt-r-l{padding:0px 20px 0px 0px;}
/* 左側 */
.pt-l-s{padding:0px 0px 0px 5px;}
.pt-l-m{padding:0px 0px 0px 10px;}
.pt-l-l{padding:0px 0px 0px 20px;}


/* -------------------------
   フロート 
-------------------------*/
.flt-l{float:left;}
.flt-r{float:right;}
.clear{clear:both;}


/* -------------------------
   囲み
-------------------------*/

.kakomi01{
	padding:10px;
	background-color: #F2F0E4;
}
.kakomi02{
	padding:7px;
	margin:2px 0;
	background-color: #FFFFFF;
}
.kakomi03{
	padding:7px;
	margin:4px 0;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}


/* -------------------------
   表組み
-------------------------*/
.table01{
	width:100%;
	margin:0 0 15px 0;
}
.table01 th{
	background-color:#E8E8E8;
	width:130px;
	font-weight: normal;
	/*text-indent:10px;*/
	text-align:left;
			
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
	padding: 5px 0 5px 10px;	
}


.table01 td{
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	
	padding: 5px 0 5px 10px;
	vertical-align:top;
	line-height:1.5em;
}

.table02{
	width:100%;
	margin:0 0 15px 0;
}
.table02 th{
	background-color:#E7E6C7;
	width:100px;
	font-weight: normal;
	text-align:left;
	vertical-align:top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding: 5px 0 5px 10px;
	
}

.table02 td{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding: 5px 0 5px 10px;
	vertical-align:top;
	line-height:1.5em;
}

.table03{
	width:100%;
}
.table03 th{
	/*background-color:#E7E6C7;*/
	width:130px;
	font-weight: normal;
	/*text-indent:10px;*/
	text-align:left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding: 5px 0 5px 10px;	
}


.table03 td{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	/*border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;*/
	padding: 5px 0 5px 10px;
	vertical-align:top;
	line-height:1.5em;
}

/* -------------------------
   「物件を買う」ページのイラストを入れる表組
-------------------------*/


.table04{
	width:100%;
}
.table04 th{
	background-color:#E7E6C7;
	width:190px;
	font-weight: normal;
	text-align:center;
	padding:10px 5px;
	border:1px solid #CCCCCC;	
}


.table04 td{
	border:1px dotted #CCCCCC;
	padding:15px 5px;
	vertical-align:middle;
	text-align:center;
	line-height:1.5em;

}


.table04 th a{
font-size:16px;
font-weight:bold;}

.table04 th a:hover{
}

/* -------------------------
   「お客様へのひとこと」
-------------------------*/

.coment{
	width:120px;
	color:#006633;
	text-align:left;}
