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

body
{
	font: 13px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #FFF url(../images/bg01.gif) repeat-x center top;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}


a { color: #008b46; }
a:link { color: #666666; }
a:visited { color: #009999; }
a:active { color: #0099FF; }
a:hover { color: #0099FF; }

img { border-style: none;
vertical-align: middle;}

/* Float Properties*/


.clearfloat { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfloat { height:1%; }
*+html .clearfloat { height:1%; }
.clearfloat { display:block; }
/*コンテナ*/



#container_740
{
	margin: 0px auto;
	width: 740px;
	background: #FFF;
	overflow: hidden;
}
#container_540
{
	margin: 0px auto;
	width: 540px;
	background: #FFF;
	overflow: hidden;
}



#container_full
{
	margin: 0px auto;
	width: 98%;
	background: #FFF;
	overflow: hidden;
	max-width: 1600px;
	min-width: 800px;
}

* html #container_full
{width: expression(document.body.clientWidth < 800? "800px" : document.body.clientWidth > 1600? "1600px" : "auto");}

#container
{
	margin: 0px auto;
	width: 960px;
	background: #FFF;
	overflow: hidden;
}
/*上下3分割*/

#header
{
	padding: 0px 12px 10px;
	overflow: hidden;
	clear: both;
	float: none;
}
#main
{
	padding: 0px 12px;
	overflow: hidden;
	clear: both;
	float: none;
}
#footer
{
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
	clear: both;
	float: none;
}
/*見出し1*/

h1
{
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
	padding: 3px 5px;
	background: #008b46;
	color: #FFF;
}


/*子ページページナビ*/

#main #pagenavi
{
	padding: 3px;
	clear: both;
	float: none;
}

/*子ページ見出し*/
#main h2#page_h2
{
	margin: 5px 0px;
	padding: 0px;
	height: 46px;
	background: url(../images/page_h2_bg.gif) no-repeat right top;
	display: block;
}

/*ヘッダー中身*/
#header_logo h2,
#header #header_logo_small h2
{
	margin: 0px;
	padding: 0px;
}


#header #header_logo
{ padding: 5px 0px 10px; 
	width: 300px;
	margin: 0px;
	float: left;
	overflow: hidden;
}

#header #header_logo_small
{ padding: 5px 0px 5px; 
	width: 300px;
	margin: 0px;
	float: left;
	overflow: hidden;
}


#header #header_right
{
	float: right;
	overflow: hidden;
	margin: 0px;
	width:370px;
}
#header_right #header_contact
{
	float: right;
	margin: 5px 0px 10px 0px;
	width:340px;

}

/*ナビMENU*/

#header #header_right #navimenu
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	clear: both;
	display: block;
}
#header #header_right #navimenu li
{
	float: right;
	margin: 0px;
	padding: 0px;
}
/*ナビバー*/


#header #navibar
{
	clear: both;
	float: none;
	height: 36px;
	background: url(../images/navibar_bg.gif) repeat-x center center;
}

#header #navibar_dummy
{
	clear: both;
	float: none;
	height: 10px;
	background: url(../images/navibar_bg.gif) repeat-x;
}

#header #navibar h3
{
	float: left;
	height: 36px;
	width: 97px;
	margin: 0px;
	padding: 0px;
}


#header #navibar .h3
{
	float: left;
	height: 36px;
	width: 97px;
	margin: 0px;
	padding: 0px;
}

#header #navibar ul
{
	float: left;
	overflow: hidden;
	height: 36px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: block;
}
#header #navibar li
{
	float: left;
	margin: 0px;
	padding: 0px;
	height: 36px;
	width: 97px;
}
/*メイン中身*/


/*トップページ　メインイメージ*/

/*#main #main_img
{
	background: url(../images/main_image.jpg) no-repeat;
	height: 180px;
	width: auto;
	margin: 0px;
	overflow: hidden;
}*/
#main #main_img
{
	background: url("../images/top_img.jpg") no-repeat;
	height: 200px;
	width: auto;
	margin: 0px;
	overflow: hidden;
	text-indent: -9999px;
}


#main #main_img p {
	margin: 0px;
	display: none;
	height: auto;
	width: auto;
}
#main #main_img h2
{
	background: none;
	height: auto;
	width: auto;
}




/*左右分割　1分割*/
#main #one-column
{
	margin:0px;
	overflow: hidden;
}


/*左右分割　2分割*/
#main #two-column
{
	background: url(../images/two-column_bg.gif) repeat-y;
	background-position: right;
	margin:0px;
	overflow: hidden;
}


/*左右分割　2分割　左*/

#main #two-column #contents
{
	float: left;
	width: 670px;
	margin: 0px 0px 10px;
	overflow: hidden;
}

/*左右分割　2分割　左　標準ボックス*/
#contents .box01
{
	overflow: hidden;
	margin: 10px 0px 0px 0px;
}


#contents .box01 h3
{
	font: bolder 13px/15px "MS Sans Serif";
	color: #FFF;
	height: 20px;
	padding: 6px 8px 4px 25px;
	margin: 0px;
	background: url(../images/contents_h3_bg.gif) no-repeat;
	overflow: hidden;
	display: block;
	clear: both;
	float: none;
}

#contents .box01 .article { padding:3px; }

#contents .box01 p
{
	padding: 3px;
	margin: 0px;

}
/*#contents .box01 ul
{
	padding: 0px 0px 0px 15px;
	margin: 0px;

}

#contents .box01 ul li
{
	padding: 3px;
	margin: 0px;

}*/




/*左右分割　2分割　右*/

#main #two-column #sidebar
{
	width: 256px;
	float: right;
	margin: 0px 0px 10px;
	padding: 0px;
}




/*サイドバー標準ボックス　*/
#sidebar .box21
{
	background: url(../images/box21_bg01.gif) repeat-y;
	margin: 10px 0px 0px;
	clear: both;
	float: none;
}
#sidebar .box21 h3
{
	background: #1ab18b url(../images/sidebar_h3_bg.gif) no-repeat;
	font-size: 12px;
	color: #FFF;
	margin: 0px 0px 0px;
	padding: 8px 0px 9px 30px;
	height: 13px;
	overflow: hidden;
	line-height: 13px;
}
#sidebar .box21 .article
{
	background: url(../images/box21_bg02.gif) no-repeat center bottom;
	padding: 5px 13px 15px 12px;
	margin: 0px;
	clear: both;
	float: none;
	line-height: 130%;
}

#sidebar .box21 .article ul 
{
	padding:0px 5px 0px 25px;
	margin:0px;
	list-style: circle;
}

#sidebar .box21 .article ul li
{
	margin:8px 0px;
	line-height: 130%;
}




#sidebar .box21 .article a { text-decoration: none; }
#sidebar .box21 .articlea:link {text-decoration: none; }
#sidebar .box21 .article a:visited {text-decoration: none; }
#sidebar .box21 .article a:active {text-decoration: none; }
#sidebar .box21 .article a:hover { text-decoration: underline; }




#sidebar .box21 h5 { 	font-size: 12px;
	padding: 5px 3px 3px 18px;
	margin:0px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
	background: url(../images/arrow02.gif) no-repeat 5px 8px;
	border-bottom: 1px dotted #006; }
	
	
	
	
/*モバイル版紹介*/

#sidebar #mobile #qrcode{ float: left; }




/*テーブル設定　標準設定　*/

.table01
{
	width:100%;
	border-style: none;
	border-width: 0px;
	font-size: 13px;
	margin: 0px;
}
.table01 tr { }
.table01 th
{
	font-size: 12px;
	padding: 5px 5px 5px 18px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
	background: url(../images/arrow01.gif) no-repeat 5px 7px;
	border-bottom: 1px dotted #006;
}
.table01 td
{
	padding: 5px;
	border-bottom: 1px dotted #006;
}
.table01 th a,
.table01 td a
{
	text-decoration: none;
	color: #009;
}
.table01 th a:hover,
.table01 td a:hover
{
	text-decoration: underline;
	color: #c00;
}
.table01 td ul
{
	margin:0px;
	padding:0px 0px 0px 15px;
	list-style: square;
}
.table01 td ul li { margin:0px; }

/*----------ページの先頭へ戻る----------*/


#pagetop{
	padding: 0px 20px;
	text-align: right;
}

/*----------フッター中身----------*/
#footer_wallpaper
{
	background: #eee;
	overflow: hidden;
	top: auto;
	padding: 10px 0px 10px;
}
#footer .footer_navi
{
	font-size: 12px;
	display: block;
	padding: 3px;
	margin: 0px;
	list-style: none;
	clear: both;
	float: none;
	text-align: center;
	overflow: hidden;
}
#footer .footer_navi li
{
	display: inline;
	margin: 0px;
	padding: 0px;
}
#footer #credit
{
	font: 11px Arial, Helvetica, sans-serif;
	text-align: right;
	padding: 3px;
	clear: both;
	float: none;
}







/*---------会社案内ページ---------*/

#map_box #map_frame { padding: 3px; }
#map_box #map_frame iframe
{
	margin: 0px auto;
	padding: 0px;
	height: 300px;
	width: 100%;
	border: 1px solid #999;
}
#aboutus_pic {}
#aboutus_pic dl
{
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
#aboutus_pic dl dt
{
	margin: 5px 0px 0px;
	padding: 0px 0 0 12px;
	background: url(../images/arrow02.gif) no-repeat 2px 5px;
}
#aboutus_pic dl dd
{
	margin: 0px auto 0px 1px;
	padding: 0px;
	background: #999;
	display: block;
	height: 170px;
	width: 228px;
	overflow: hidden;
	border: 1px solid #999;
	clip: rect(50%, auto, 50%, auto);
}
#aboutus_pic dl dd img
{
	width:240px;
	overflow: hidden;
	left: auto;
	top: auto;
	border: 0px;
}




/*---------トップページ---------*/

/*NEWS*/

#contents #news_box
{
	padding: 0px 0px 0px 0px;

}
#contents #news_box h2
{
	margin: 0px;
	width: 600px;
	padding: 0px;
	left: -3px;
	top: -3px;
	position: relative;
}
#contents #news_box #news { }
#contents #news_box #news table, #news_box #news_bn table { }
#contents #news_box #news tr { }
#contents #news_box #news th { }
#contents #news_box #news td a:hover { }
#contents #news_box #news td br, 
#contents #news_box #news td .news_img, 
#contents #news_box #news td .bn_display { display: none; }

#contents #news_box #news_bn tbody { margin: 10px 0px 10px; }
#contents #news_box #news_bn th
{
	font-size: 13px;
	padding: 3px 5px 3px 15px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	white-space: nowrap;
	background: url(../images/arrow01.gif) no-repeat 3px 8px;
}
#contents #news_box #news_bn th a:hover
{
	text-decoration: none;
	color: #009;
	cursor: default;
}
#contents #news_box #news_bn td
{
	font-size: 13px;
	text-align: left;
	padding: 0px;
}
#contents #news_box #news_bn td .date
{
	font-size: 12px;
	text-align: right;
	padding: 3px 5px 0px;
}
#contents #news_box #news_bn td .article
{
	font-size: 13px;
	text-align: left;
	padding: 5px 5px 15px 5px;
	line-height: 120%;
	overflow: hidden;
}

#contents #news_box #news_bn td .news_img{margin:auto 10px;}

/*NEWSサイドバー使用*/


#sidebar #news_box
{

}
#sidebar #news_box h2
{

}
#sidebar #news_box #news { }
#sidebar #news_box #news table{ }
#sidebar #news_box #news table tr { }
#sidebar #news_box #news table th {
	padding: 2px 5px 2px 18px;
	white-space: nowrap;
	background: url(../images/arrow01.gif) no-repeat 5px 5px;
	border-bottom: 1px dotted #006;
	
	}
#sidebar #news_box #news table td {padding: 3px 5px;
	border-bottom: 1px dotted #006;}
	
#sidebar #news_box #news td a:hover { }
#sidebar #news_box #news td br, 
#sidebar #news_box #news td .news_img, 
#sidebar #news_box #news td .bn_display { display: none; }









/*おすすめ物件*/


#pickup_box {}
#pickup_box h4
{
	font-size: 12px;
	border-bottom: 3px double #09F;
	margin: 5px 5px 0px;
	padding: 2px;
	clear: both;
	float: none;
	overflow: hidden;
}

#pickup_box >div{ 	overflow: hidden;
	clear: both;
	margin: 5px 0px 5px;
	box-sizing: content-box;}

.pickup_items{

}

/*おすすめ物件　個々*/

#pickup_box .pickup_item{
	width:300px;
	float: left;
	margin: 10px;
	padding: 5px;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	background-color: #fff;
	box-sizing: content-box;
}
#pickup_box .pickup_item .pickup_item_top
{
	/*background: url(../images/pickup_item_bg_01.gif) no-repeat;*/
	padding: 10px 10px 3px;
	display: block;
	min-height: 1em;
	background-color: #9cc715;
}
#pickup_box .pickup_item .pickup_item_article
{
	font-size: 12px;
	padding: 5px 10px 0px;
	/*background: url(../images/pickup_item_bg_02.gif) repeat-y;*/
	overflow: hidden;
}
#pickup_box .pickup_item .pickup_item_bottom
{
	/*background: url(../images/pickup_item_bg_03.gif) center bottom;*/
	overflow: hidden;
	padding: 0px 10px 0px;
	height: 15px;
}
#pickup_box .pickup_item .pickup_item_article .pickup_item_pic
{
	border: 1px solid #999;
	margin: 5px 10px 10px 1px;
	padding: 1px;
	float: left;
	width:120px;
	height: auto;
}
#pickup_box .pickup_item .pickup_line
{
	padding: 2px;
	border-bottom: 1px dotted #CCC;
	text-align: right;
	overflow: hidden;
}
#pickup_box .pickup_item .newmark { float: right; }
#pickup_box .pickup_item .addr { font-size: 12px; }
#pickup_box .pickup_item .type
{
	font: bold 12px "MS Sans Serif";
	color: #009;
	margin-left: 5px;
}
#pickup_box .pickup_item .floor
{
	font: bold 12px "MS Sans Serif";
	color: #00F;
	margin-left: 5px;
}
#pickup_box .pickup_item .price
{
	font: bold 12px "MS Sans Serif";
	color: #F00;
	margin-left: 5px;
}
#pickup_box .pickup_item .comment
{
	padding: 2px;
	font-size: 12px;
}
#pickup_box .pickup_item .newbuild
{
	float: left;
	margin: 0px 2px;
}
#pickup_box .pickup_item .detail_btn { float: right; }








/*---------個人情報の取扱について---------*/

#privacy_box { }
#privacy { }
#privacy ol
{
	padding: 0px 0px 0px 20px;
	margin: 5px;
}
#privacy ol li { margin-bottom: 10px; }
#privacy ol li ul
{
	padding: 0px 0px 0px 25px;
	list-style: square;
}
#privacy ol li ul li { margin-bottom: 5px; }
#privacy #privacycontact
{
	border: 1px solid #999;
	padding: 10px;
	background: #eee;
}
#privacy #privacycontact dl
{
	margin: 5px;
	padding: 0px;
}
#privacy #privacycontact dl dd
{
	padding: 0px;
	margin: 0px;
}



/*---------リアルエステートユーザーリング---------*/


#resring table
{
	width:100%;
	border-style: none;
	border-width: 0px;
	font-size: 13px;
	margin: 0px;
}
#resring table tr { }
#resring table th
{
	font-size: 12px;
	padding: 5px 5px 5px 18px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
	background: url(../images/arrow01.gif) no-repeat 5px 7px;
	border-bottom: 1px dotted #006;
}
#resring table td
{
	padding: 5px;
	border-bottom: 1px dotted #006;
}
#resring table th a, #resring table td a
{
	text-decoration: none;
	color: #009;
}
#resring table th a:hover, #resring table td a:hover
{
	text-decoration: underline;
	color: #c00;
}



/*---------グーグルマップ用ページ---------*/
v\:* { behavior:url(#default#VML); }
#accessmap{}
#accessmap #gmap
{
	z-index: 1;
	position:absolute;
	width:100%;
	height:100%;
	left:0%;
	font-size: 13px;
	font-style: normal;
	color: #333333;
}

#accessmap #gmap #map
{
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0px;
}

#accessmap .marker_data_html
{
	font-size: 12px;
	margin: 0px;
	width: auto;
}
#accessmap .marker_data_html .pic
{
	margin:0px 10px 0px 0px;
	float:left;
	border: 1px solid #666;
}


/*---------リンク集ページ---------*/
#link_box {}
.box01#link_box .textlink{
	margin: 0px;
	padding: 0px;
	display: block;
	clear: both;
	float: none;
	list-style: none;
}
.box01#link_box .textlink li{
	background: url(../images/arrow01.gif) no-repeat 10px center;
	display: block;
	float: left;
	padding:5px 5px 5px 20px;
	white-space: nowrap;
}


.box01#link_box .bannerlink{
	margin: 5px;
	padding: 0px;
	overflow: hidden;
	display: block;
	clear: both;
	float: none;
}
.box01#link_box .bannerlink li{
	float: left;
	display: block;
	white-space: nowrap;
	padding: 5px 10px;
	margin: 0px;

}


.box01#contact_box .contact_sub_box {
	margin: 0px auto;
	width: 640px;
}


.box01#contact_box .contact_sub_box ul {
	list-style: none;
	overflow: hidden;
}

.box01#contact_box .contact_sub_box ul li{

	text-align: center;
}

.box01#contact_box .contact_sub_box ul li.tel,
.box01#contact_box .contact_sub_box ul li.fax{
font-size: 20px;
	font-weight: bolder;
	float: left;
	width:50%;
}
.box01#contact_box .contact_sub_box ul li.tel{
	
}



.box01#contact_box .article{
	padding: 20px;
}

.box01#contact_box .article h4{

}


.box01#contact_box .article h5{
	font-size:1em;
}
.box01#contact_box .article h5::before{
	content: url("../images/arrow02.gif");
	margin-right: 0.5em;
}

.box01#contact_box #mailform{}
.box01#contact_box #mailform .tbl-1{
	width: 100%;
}

.box01#contact_box #mailform .tbl-1 th,
.box01#contact_box #mailform .tbl-1 td{
	text-align: left;
	padding: 5px;
	border-bottom: dotted 1px #ccc
}

.box01#contact_box #mailform .tbl-1 tr:first-child th,
.box01#contact_box #mailform .tbl-1 tr:first-child td{
	border-top: dotted 1px #ccc
}

.box01#contact_box #mailform .tbl-1 th{
	width: 11em;
	vertical-align: top;
	line-height: 300%;
}


.box01#contact_box #mailform .required{
	font-weight: bold;
	color: #ff4a00;
}

.box01#contact_box #mailform .tbl-1 input[type="text"],
.box01#contact_box #mailform .tbl-1 input[type="email"],
.box01#contact_box #mailform .tbl-1 input[type="tel"],
.box01#contact_box #mailform .tbl-1 input[type="password"],
.box01#contact_box #mailform .tbl-1 textarea,
.box01#contact_box #mailform .tbl-1 select{
	padding: 0.5em;
	min-width:25em;
	border-radius: 0.25em;
	border: 1px solid #aaa;
}

.box01#contact_box #mailform .tbl-1 td.err input[type="text"],
.box01#contact_box #mailform .tbl-1 td.err input[type="email"],
.box01#contact_box #mailform .tbl-1 td.err input[type="tel"],
.box01#contact_box #mailform .tbl-1 td.err input[type="password"],
.box01#contact_box #mailform .tbl-1 td.err textarea,
.box01#contact_box #mailform .tbl-1 td.err select.err input[type="text"] {
    background-color: #FFDDDD;
}

.box01#contact_box #mailform .tbl-1 select{min-width:auto;}

.box01#contact_box #mailform .tbl-1 input[maxlength]{
	min-width:auto;
}

.box01#contact_box #mailform .tbl-1 input[type="radio"]{
	width: 1.5em;
	height: 1.5em;
	vertical-align:middle;
}
.box01#contact_box #mailform .tbl-1 label{
	display: inline-block;
	margin-right: 2em;
	line-height: 1em;
}
 .box01#contact_box #mailform .tbl-1 td.err span.err {
    display: inline-block;
    color: #f00;
}
.box01#contact_box #mailform #formfoot{
	text-align: center;
	padding: 1em;
}
.box01#contact_box #mailform #formfoot button{
	text-align: center;
	border-radius: 0.5em;
	padding: 1em 2em;
	background-color: #008b46;
	color: #fff;
	border: none;
	cursor:pointer;
} 

.box01#contact_box #mailform #formfoot button:hover{
	background-color: #9cc715;
}

/*ブログインデックスカラム*/
.box21 .article#blogidx {
	padding: 5px 10px 15px 15px;
	width: 231px;
}
#blogidx iframe {
	height: 180px;
	border-style: none;
	overflow-y: auto;
	overflow-x: hidden;
	width: 100%;
}




/*ブログインデックスページ*/
#blogidxpage {
	background: #FFF url(none);	

}
#blogidxpage .blog_item{
	border-bottom: 1px dotted #006;
	padding:3px 0px;
	width: 210px;
}
#blogidxpage .blog_date{
	padding:3px 0px 0px 10px;
	background: url(../images/arrow01.gif) no-repeat left 5px;
}
#blogidxpage .blog_title{padding:0px 0px 3px 0px;}



/*バナーエリア*/

#sidebar #banner_box ul{
	margin:8px;
	padding:0px;
	text-align: center;
	list-style: none;
}
#sidebar #banner_box ul li{margin:2px 0px;padding:0px;}
#sidebar #banner_box ul li img{ border: 1px solid #999; }

/*サイトマップ*/

#sitemap_box{}
#sitemap_box #sitemap{ margin: 0px 20px; }
#sitemap_box #sitemap dl{}
#sitemap_box #sitemap dl dt{
	background: url(../images/arrow01.gif) no-repeat left center;
	padding: 5px 5px 5px 15px;
	margin: 0px;
	list-style: none;
	font-size: 13px;
	font-weight: bold;
}
#sitemap_box #sitemap dl dd{}
#sitemap_box #sitemap dl dd ul{}
#sitemap_box #sitemap dl dd li{}
#sitemap_box #sitemap dl img{margin:0 2px 0 3px}
