@charset "utf-8";

* {
 margin: 0;
 padding: 0;
 font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
 border: none;
 }
img {
 border: none;
 }

body {
	text-align: center;
	font-size: 100%;
	line-height: 120%;
	color: #333;
	background: #FFFFFF;
	background-image: url(../images/bg_body.gif);
	background-position: center;
}

/* リンク */
 a:link { COLOR: #00C; }
 a:visited { COLOR: #93C; }
 a:hover { COLOR: #F66; }
 a:active { COLOR: #C00; }
 a{ text-decoration: none;}

/* ヘッダー */
#header{
 width: 900px;
 height: 75px;
 margin-left: auto;
 margin-right: auto;
 padding: 0;
 position: relative;
 background: url(../images/bg_header.gif) repeat-x;
 overflow: hidden;
}

#logo{
 width: 300px;
 border: none;
 float: left;
 height: 75px;
 
}

h1{
 position: absolute;
 top: 4px;
 left: 15px;
 color:#333;
 font-weight:bold;
 font-size:60%;
}

#header .refimg{
 width: 305px;
 height: 75px;
 float: right;
}

/* ナビゲーション */
#navi{
 width: 900px;
 height: 40px;
 overflow: hidden;
 clear: both;
 margin-left: auto;
 margin-right: auto;
 padding: 0;
 background: url(../images/bg_hdnavi.gif) repeat-x;
}
ul.homenavi{
 width:740px;
 height: 40px;
 float: left;
 background: #20762F url(../images/bg_hdnavi02.gif) repeat-x;
 display: block;
}

.homenavi li,
.homenavi a{
 height: 40px;
 width: 155px;
 float: left;
 list-style-type: none;
 text-align: left;
}

.homenavi a{
 display: block;
 height: 30px;
}
/* お問い合わせナビゲーション */

#refnavi{
 float: right;
 display: inline;
 width: 145px;
 height: 40px;
 text-align: left;
 list-style-type: none;
 margin-right: 15px;
}

#refnavi li,
#refnavi a{
 width: 145px;
 height: 40px;
 float: left;
}

/* トップバナー */
#topbanner{
 display: block;
 width: 900px;
 height: 250px;
 overflow: hidden;
 margin-left: auto;
 margin-right: auto;
 background: url(../images/bg_top01.gif) repeat-x;
 clear: both;
padding: 0px;
}
#flash{
 width: 570px;
 height: 240px;
 margin-left: 15px;
 margin-top: 10px;
 padding: 0px;
 border: none;
 float: left;
 overflow: hidden;
 display: inline; // IE marginバグのため
}
#topnavi{
 margin-top: 10px;
 margin-right: 15px;
 padding: 0;
 width: 290px;
 height: 230px;
 float: right;
 display: inline; // IE marginバグのため
}

#topnavi div{
	margin-bottom: 10px;
}

/* メインナビゲーション */
#mainnavi{
 width: 900px;
 height: 40px;
 margin-left: auto;
 margin-right: auto;
 padding: 0;
 clear: both;
 background-image: url(../images/bg_meinnavi.gif);
 background-repeat: repeat-x;
 
}
#mainnavi ul{
	margin: 0 15px;
	padding: 0;
}
#mainnavi li,
#mainnavi a{
 list-style-type: none;
 margin: 0;
 padding: 0;
 width: 145px;
 text-align: left;
 float: left;
}

/* コンテンツ */
#contents{
	background: #fff;
	width: 900px;
	overflow: hidden;
	background-image: url(../images/bg_contents.gif);
	background-repeat: repeat-x;
	margin-left: auto;
	margin-right: auto;
}

div#contents2{
	width: 900px;
	overflow: hidden;
	margin-top:10px;
	margin-left: auto;
	margin-right: auto;
	background: #FFFFFF url(../images/bg_contents.gif) no-repeat;
}

div#contents3{
	width: 750px;
	overflow: hidden;
	margin-top:10px;
	margin-left: auto;
	margin-right: auto;
	font-size: 90%;
}
div#contents4{
	width: 750px;
	overflow: hidden;
	margin-top:10px;
	margin-left: auto;
	margin-right: auto;
	font-size: 100%;
	font-weight: bold;
}

div#contents5{
	width: 400px;
	overflow: hidden;
	margin-top:10px;
	margin-left: auto;
	margin-right: auto;
	font-size: 90%;
	color: #FF0000;
}

div#contents6{
	width: 400px;
	overflow: hidden;
	margin-top:10px;
	margin-left: auto;
	margin-right: auto;
	font-size: 100%;
	color: #FF0000;
	font-weight: bold;
}

#blank{
 background: #fff;
 width: 580px;
 padding: 0;
 float: left;
 margin-left: 15px;
 margin-top: 10px;
 overflow: hidden;
 display: inline; // IE marginバグのため
}

#blankimg{
 width: 200px;
 height: 300px;
 float: right;
 margin: 5px;
 float: right;
}

#blankcatch{
	width: 350px;
	margin: 10px;
	text-align: left;
	float: left;
	overflow: hidden;
	display: inline; // IE marginバグのため
}

/* 会社概要用 */
div.blankcatch2{
	font-size: 90%;
	margin: 10px;
	margin-left: 30px;
	text-align: left;
	float: left;
	overflow: hidden;
	display: inline; // IE marginバグのため
}

div#contentsmain{
	width: 880px;
	background-color: #fff;
	text-align: left;
	overflow: hidden;
	float: left;
	font-size: 80%;
	display: inline; // IE marginバグのため
}

div.blankcatch2 td{
	padding: 10px;
}

.boder {
	border:1px solid #cccccc;
}

.boder2 {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cccccc;
}
.boder3 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
}

/* サイドバー */
#sidebar{
 width: 290px;
 margin-right: 15px;
 padding: 0;
 float: right;
 text-align: left;
 background-color: #FFFFFF;
 margin-top: 10px;
 height: 400px;
}

/* 更新情報 */
#news{
	width: 290px;
	margin: 0px;
	padding: 0px;
	 
}
#news dl{
 margin: 10px 10px;
 font-size: 12px;
 height: 80px;
 overflow: auto;
}

#news dt{
	background: url(../images/ar_news.gif) left center no-repeat;
	padding: 0 0 0 10px;
}

#news dd{
	padding: 0 0 0 10px;
}

/* 本社住所 */
#address{
 text-align: left;
 line-height: 100%;
 margin-top: 10px;
}

.honsha_ad{
 width: 270px;
 margin: 5px 5px 5px 10px;
 padding: 0;
 border-bottom: dashed 1px #666;
}

.honsha_ad dt {
  clear: left;
  float: left;
  width: 6em;
  color: #222;
  font-weight: bold;
  font-size: 80%;
}

.honsha_ad dd {
	width: 20em;
	margin-bottom: 0.8em;
	margin-left: 8em;
	font-size: 60%;
	line-height: 130%;
}
 
dl.honsha_ad img{
	width: 138px;
	height: 16px;
	margin: 0.5em 0;
}


/* フッター */
#footer{
 width: 900px;
 height: 50px;
 margin-left: auto;
 margin-right: auto;
 padding: 0;
 font-size: 80%;
 color: #333;
 background: url(../images/bg_footer.gif) repeat-x;
 clear: both;
 text-align: left;
 position: relative;
}
#footer ul{
 position: relative;
 top: 5px;
 left: 15px;
 text-align: left;
 border-left:1px solid #333;
 margin: 0;
 padding: 0;
  list-style-type: none;
}

#footer li{
 display:inline;
 font-size: 80%;
 padding-left:1em;
 padding-right:1em;
 border-right:1px solid #333;
}

#footer li a:link{
	color: #333;
}

#footer li a:hover{
	text-decoration: underline;
}

#footer address{
 /* margin-right: 15px; */
 padding: 0;
 text-align: right;
 font-style: normal;
 position: relative;
 top: 5px;
 right: 15px;
 color: #666;
}
 
/* フォント */
.big{
 font-size: 120%;
 font-weight: bold;
}

.middle{
 font-size: 100%;
 font-weight: bold;
}

.small{
 font-size: 85%;
 line-height: 130%;
}

.font12{
	font-family: "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ ゴシック", "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 160%;
	color: #333333;
}

/* パンくずリスト
---------------------------------------- */
div#blank p{
	text-align: left;
	font-size: 90%;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 5px;}
	

/* 現在地 */
.here{
	width: 850px;
	text-align: left;
	font-size: 80%;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
}

/* サブヘッダ */
.sub_header{
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	border-bottom:1px solid #33A34A;
}

.sub_caption{
	font-size: 120%;
	color: #33A34A;
	text-align: left;
	margin-top: 20px;
	margin-left: 20px;
	line-height: 120%;
}

/* 検索一覧メイン(list.html) */
.list_main{
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.list_main td{
	font-size: 80%;
}

.result_count{
	font-weight: bold;
	color: black;
	width: 850px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
}

.result01{
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
}

.result_area{
	height: 25px;
	font-size: 120%;
	text-align: left;
	font-weight: bold;
	border-left: thick solid red;
	padding-top: 5px;
	margin-top: 10px;
}

.result01 dd{
	width: 850px;
	background-color: #F5F5F5;
}


/* 検索結果テーブル(list.html) */
.result_data01{
	width: 800px;
	border: thin solid gray;
	border-collapse: collapse;
	margin: 10px auto;
	background-color: #FFFFDC;
}

.result_data02{
	width: 800px;
	border: thin solid gray;
	border-collapse: collapse;
	margin: 10px auto;
	background-color: #CCCCCC;
}

.result_data03{
	width: 800px;
	border: thin solid gray;
	border-collapse: collapse;
	margin: 10px auto;
	background-color: #E1FFFF;
}

.result_data04{
	width: 800px;
	border: thin solid gray;
	border-collapse: collapse;
	margin: 10px auto;
	background-color: #FFFFFF;
}

.result_address{
	border: none;
	border-collapse: collapse;
	text-align: left;
	padding: 5px;
	font-size: 90%;
}

.result_banner{
	border: none;
	border-collapse: collapse;
	text-align: left;
	vertical-align: middle;
	padding: 5px;
}

.result_otoiawase{
	border: none;
	border-collapse: collapse;
	text-align: right;
	vertical-align: middle;
	padding: 5px;
}

.result_check{
	border: thin solid gray;
	border-collapse: collapse;
	text-align: left;
	vertical-align: middle;
	padding: 5px;
	font-size: 90%;
}

.result_image{
	border-top: thin solid gray;
	text-align: center;
}

.result_detail{
	border: none;
	text-align: center;
}

.result_item01{
	border: thin solid gray;
	border-collapse: collapse;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	background-color: #E6E6E6;
	font-weight: bold;
	font-size: 90%;
}

.result_item02{
	border: thin solid gray;
	border-collapse: collapse;
	text-align: left;
	vertical-align: middle;
	padding: 5px;
	font-size: 90%;
}

.result_value{
	border: thin solid gray;
	border-collapse: collapse;
	text-align: left;
	vertical-align: middle;
	padding: 5px;
	color: red;
	font-size: 120%;
	font-weight: bold;
}

.result_value01{
	border: thin solid gray;
	border-collapse: collapse;
	text-align: left;
	vertical-align: middle;
	padding: 5px;
	font-size: 120%;
	font-weight: bold;
}

/* 物件詳細(detail.html) */
#detail_main{
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.detail_caption{
	width: 830px;
	list-style: none;
	margin-bottom: 10px;
}

.detail_address{
	color: #0047A4;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
	float: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

.detail_banner01{
	float: left;
	margin-top: 3px;
	margin-left: 20px;
}

.detail_banner02{
	float: left;
	margin-left: 20px;
}

/* 物件情報テーブル(detail.html) */
.detail_info{
	width: 830px;
	height: 90px;
	clear: left;
	border: thin solid gray;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

.detail_info th{
	border: thin solid gray;
	border-collapse: collapse;
	padding: 5px;
	background-color: #A1D9AD;
	font-size: 90%;
}

.detail_info td{
	border: thin solid gray;
	border-collapse: collapse;
	padding: 5px;
	text-align: left;
	font-size: 90%;
}

#detail_value{
	color: #FF0000;
	font-size: 120%;
	font-weight: bold;
}

#detail_map{
	margin-left: auto;
	margin-right: auto;
}

/* 物件写真と詳細データ(detail.html) */
.detail_data{
	width: 830px;
	margin-left: auto;
	margin-right: auto;
}

.detail_photo{
	width: 415px;
	float: left;
}

.detail_data01{
	width: 415px;
	float: left;
}
.detail_data_dummy{
	clear: left;
}


/* 詳細データテーブル(detail.html) */
.detail_data02{
	width: 380px;
	border: thin solid gray;
	border-collapse: collapse;
}

.detail_data02 th{
	border: thin solid gray;
	border-collapse: collapse;
	background-color: #A1D9AD;
	padding: 5px;
	white-space:nowrap;
	font-size: 90%;
}

.detail_data02 td{
	border: thin solid gray;
	border-collapse: collapse;
	background-color:#F0FFED;
	padding: 5px;
	text-align: left;
	font-size: 90%;
}

/* お問合せ(detail.html) */
.detail_otoiawase{
	width: 850px;
	background-color: #6B9C5E;
	padding: 2px;
	margin-bottom: 10px;
}

/* 間取り図と周辺地図(detail.html) */
.madori{
	width: 850px;
	height: 500px;
	margin-left: auto;
	margin-right: auto;
}

.madori_image{
	width: 480px;
	height: 430px;
	float: left;
	border-right: thin dotted #8C8C8C;
}

.small_map01{
	width: 320px;
	height: 50px;
	margin: 20px;
	float: right;
}

.small_map02{
	width: 320px;
	height: 300px;
	margin: 20px;
	float: right;
}


/* お問合せ(contact.html)＆現場見学(vist.html) */
#contact{
	width: 850px;
	font-size: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

#contact_text{
	width:550px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom:20px;
}

#contact table{
	width: 550px;
	border: 1px solid #666666;
	border-collapse: collapse;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#contact th{
	width: 140px;
	padding: 3px;
	border: 1px solid #666666;
	border-collapse: collapse;
	background-color: #DDFFFF;
	font-size: 80%;
}

#contact td{
	width: 410px;
	padding: 1px;
	border: 1px solid #666666;
	border-collapse: collapse;
}

#form_name{
	width: 408px;
	height: 16px;
}

#form_address{
	width: 408px;
	height: 32px;
}

#form_tell{
	width: 408px;
	height: 16px;
}

#form_email{
	width: 408px;
	height: 16px;
}

#form_contents{
	width: 408px;
	height: 160px;
}

#form_subject{
	width: 408px;
	height: 16px;
}