@charset "UTF-8";

/*
Theme Name: 東横リアルエステート
Description: 横浜リアルエステート
*/

body, html, *{
	margin:0px;
	font-family:"UD新ゴ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

hr{
	width: 100%;
    border: none;
    border-bottom: thin #DDD solid;
    margin-bottom: 50px;}

ol{margin-left:-20px; margin-top:15px;}
ol.alpha{list-style-type:lower-alpha;}
ul{list-style-type:disc; margin-left: -15px; margin-top:15px; margin-bottom:15px;}
ol li{line-height:20px; margin-bottom:5px;}
ul li{margin-bottom:2px;}
.numlist{margin-top:20px;}

h1, h2, h3, h4, h5, h6, h7{margin:0px;}
.bld{font-weight:bold;}

.red{color:#A81318;}

a{text-decoration:none;}
a.text{color:#fff;}
a.text_grey{color:#333;}
a.text_grey:hover, a.text:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
a.box{
	display:block;
	background-color:#fff;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;}
a.box:hover{
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}

.kv02, .kv03, .kv04{
	filter:alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
}

.img_container img{width:inherit;}

/******/
table.list{border:none; border-collapse:collapse; width:590px;}
table.contact{border:none; border-collapse:collapse; width:750px; margin-bottom:20px; clear:both; float:left;}
table.list tr th, table.list tr td, table.contact tr th, table.contact tr td{font-size:14px; text-align:left; padding:6px; border:thin #DDD solid; vertical-align:top;}
table.list tr th{background-color:#F9F9F9; width:100px; font-weight:normal;}
table.contact tr th{background-color:#F9F9F9; width:150px; font-weight:normal;}

.title_sub{font-size:14px; font-weight:bold; margin-bottom:5px;}
.required{color:#F63;}

/* */
#header{width:100%; text-align:center;}
#catchcopy{display:block; margin:0px; width:100%; min-width:1200px; text-align:center; background-color:#333; overflow:auto;}
.catchcopy{width:1200px; margin:5px auto; overflow:auto;}
.catch, .links{display:inline-block; font-size:12px; color:#fff; font-family:"リュウミン","黎ミンY20";}
.catch{float:left; text-align:left; width:auto;} .links{float:right; text-align:right; width:auto;} 

/* */
#logoarea{width:1200px; margin:0px auto; overflow:auto; margin-top:10px;}
.logo{float:left; clear:both; width:435px; height:0px; padding-top:55px; overflow:hidden; margin-bottom:15px;
	background-repeat:no-repeat; background-image:url(img/common/logo.png);}
.phone{float:right; width:244px; height:0px; padding-top:92px; overflow:hidden;
	background-repeat:no-repeat; background-image:url(img/common/number.png);}

/* */
#glonavi{
	float:left; width:930px; height:0px; padding-top:34px; overflow:hidden; margin:0px 0px 0px 15px; position:relative;
	background-repeat:no-repeat; background-image:url(img/common/glonavi.png);
}
.glonavlink{width:185px; height: 0px; padding-top:34px; overflow:hidden; background:#fff; position: absolute; top: 4px;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;}
.navi_home{left: 1px;}
.navi_about{left: 187px;}
.navi_prop{left: 373px;}
.navi_effect{left: 559px;}
.navi_contact{left: 745px;}


/*** Glonaviの各ページごとの背景位置 ***/
.navibg_common{background-position:0px 0px;}
.navibg_top{background-position:0px -34px;}
.navibg_about{background-position:0px -68px;}
.navibg_prop{background-position:0px -102px;}
.navibg_effect{background-position:0px -136px;}
.navibg_contact{background-position:0px -170px;}


/* */
#keyvisual{
	width:1200px; height:0px; padding-top:500px; margin:0px auto; margin-top:10px; position:relative; overflow: hidden;
}

#keyvisual img{position:absolute; top:0px; left:0px;}

/****/
/*#pankuzu{width:100%; min-width:1200px; overflow: auto; margin:5px auto;
    padding: 8px 0px; border-bottom: 1px solid #DDD;
    border-top: 1px solid #DDD; margin-top: 10px;}*/

.title{
	background-repeat:no-repeat; background-image:url(img/common/title_banner.png); background-position:left 0px top 0px;
	padding-left:15px; font-size:16px; font-weight:normal; font-weight:bold; margin-bottom:20px; color:#333; position:relative;
	width:auto;
}

.title_link{right: 0px; top: 4px; font-size: 14px; font-weight: normal; text-decoration: underline; position:absolute;}

/* */
#main_container{width:1200px; margin:40px auto; height:auto; min-height:500px; overflow:auto; clear:both;}

#left_container{width:790px; float:left; min-height:300px; padding-right:40px; padding-left:15px;}
#right_container{width:340px; float:right; min-height:300px; padding-top:10px;}

.sidebar_title{width:340px; height:0px; padding-top:16px; overflow:hidden; background-repeat:no-repeat; margin-bottom:10px;}
.title_menu{background-image:url(img/common/sidemenu_title_menu.png);}
.title_sns{background-image:url(img/common/sidemenu_title_sns.png);}

.sidebar_menu{width:340px; height:0px; padding-top:178px; overflow:hidden; margin-bottom:25px;
	background-repeat:no-repeat; background-image:url(img/common/sidemenu_menu.png); position:relative;}

.menu_buy,.menu_sell,.menu_rent,.menu_consult{position:absolute;width:340px; height:0px; padding-top:60px; overflow:hidden;}
.menu_buy{left:0px; top:0px;}
.menu_sell{left:0px; top:59px;}
.menu_consult{left:0px; top:118px;}

.sidebar_sns{width:340px; height:0px; padding-top:80px; overflow:visible; background-repeat:no-repeat; margin-bottom:10px; position:relative;}
.sns_navi{background-image:url(img/common/sidemenu_sns_navi.png);}
.sns_blog{background-image:url(img/common/sidemenu_sns_blog.png);}
.sns_facebook{background-image:url(img/common/sidemenu_sns_facebook.png);}

.sns_navi_link,.sns_blog_link{
	position:absolute;width:340px; height:0px; padding-top:80px; overflow:hidden; left:0px; top:0px;
}

/*****/
.home_banner01{width:750px; height:0px; padding-top:200px; overflow:hidden; margin-top:10px; 
	background-image:url(img/common/banner_home.png); background-repeat:no-repeat;}

/* */
#footer{width:100%; min-width:1200px; clear:both; overflow:auto; background-color:#EEE; padding:8px 0px 20px;}
#footer_container{width:1200px; margin:10px auto;}
.footer_logo{font-size:14px; color:#333; font-weight:normal; float:left;}
.footer_logo img{margin-top:-5px;}

.foote_left, .foote_right{width:585px; line-height:18px; padding-left:15px; text-align:left; font-size:14px; color:#333; font-weight:normal; position:relative; margin-top:10px; float:left;}
.foote_left:before, .foote_right:before{
	content: "";position: absolute;
    top: -2px;left: 3px;
    display: block;
    width: 4px; height: 58px;
    background-color: #555;
}

.foote_left{clear:both;}
.footer_sitemap{width:100%; text-align:left; font-size:12px; font-weight:normal; clear:both; float:left; margin-top:20px;}


/******/
.banner_mission{width:750px; height:0px; padding-top:200px; overflow:hidden; margin-top:10px; margin-left:20px;
	background-image:url(img/common/bannar_ourmission.jpg); background-repeat:no-repeat;}
	
.maincopy{font-size:18px; font-weight:bold; padding:10px 20px 20px 20px; clear:both;}
.maintext{padding:0px 20px 20px; font-size:14px; clear:both; margin-bottom:10px;}
.maintext_blog{padding:10px 50px 30px; font-size:14px; clear:both; margin-bottom:10px;}

.signature{line-height:20px; width:auto; float:right; padding:0px 20px 40px 0px; clear:both; margin-top:-20px;}
.address{font-size:14px; padding:5px; line-height:20px;}
.title_sub{margin:0px; font-weight:bold; font-size:14px; margin-top:10px;}

/******* ↓ここから下はnavi用 ****/
.navi_title, .navi_title1, .navi_title2, .navi_title3, .navi_title4, .navi_title5,
.navi_title6, .navi_title7, .navi_title8, .navi_title9, .navi_title10
{display:block; width:700px; height:0px; padding-top:80px; margin:0px auto 10px; overflow:hidden;
	background-image:url(img/navi/title.jpg); background-repeat:no-repeat;}

.navi_title1{background-image:url(img/navi/title1.jpg) !important;}
.navi_title2{background-image:url(img/navi/title2.jpg) !important;}
.navi_title3{background-image:url(img/navi/title3.jpg) !important;}
.navi_title4{background-image:url(img/navi/title4.jpg) !important;}
.navi_title5{background-image:url(img/navi/title5.jpg) !important;}
.navi_title6{background-image:url(img/navi/title6.jpg) !important;}
.navi_title7{background-image:url(img/navi/title7.jpg) !important;}
.navi_title8{background-image:url(img/navi/title8.jpg) !important;}
.navi_title9{background-image:url(img/navi/title9.jpg) !important;}
.navi_title10{background-image:url(img/navi/title10.jpg) !important;}
	
.navi_main{display:block; width:700px; height:0px; padding-top:360px; margin:0px auto; overflow:hidden;
	background-image:url(img/navi/townnavi.jpg); background-repeat:no-repeat; position:relative; overflow:hidden;}
.navi_link{display:block; width:140px; height:0; padding-top:180px; position:absolute; overflow:hidden;}
.navi_minatomirai{top:0px; left:0px;}
.navi_honmoku{top:0px; left:140px;}
.navi_kannai{top:0px; left:280px;}
.navi_yokohama{top:0px; left:420px;}
.navi_chukagai{top:0px; left:560px;}

.navi_kawasaki{top:180px; left:0px;}
.navi_kamakura{top:180px; left:140px;}
.navi_yokosuka{top:180px; left:280px;}
.navi_chigasaki{top:180px; left:420px;}
.navi_zushi{top:180px; left:560px;}

.navi_link:hover{
	background-color:#fff;
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}

/******* ↓ここから下はblog用 ****/
.blog_title{display:block; width:700px; height:0px; padding-top:80px; margin:0px auto 10px; overflow:hidden;
	background-image:url(img/blog/title.jpg); background-repeat:no-repeat;}
	
/** ページネーション **/
.pagination {
	float:left; margin:0px; height:auto; display:inline-block; overflow:auto;
	padding:0px;
	position:relative;
	font-size:11px;
	line-height:13px;
}
 
.pagination span, .pagination a {
	display:block;
	float:left;
	margin: 2px 2px 2px 0;
	padding:6px 9px 5px 9px;
	text-decoration:none;
	width:auto;
	color:#fff;
	background: #555;
}
 
.pagination a:hover{
	color:#fff;
	background: #3279BB;
}
 
.pagination .current{
	padding:6px 9px 5px 9px;
	background: #3279BB;
	color:#fff;
}

a.backtolist{
	display:inline-block; float:right;
	font-size:12px; color:#333; margin-top:4px; margin-right:4px;
	text-decoration:none; font-weight:normal;	
}

a:hover.backtolist{
	color:#666;		
}	


/*** サイドメニュー ***/

.side_menu{
	width:100%; height:auto; overflow:auto; line-height:15px;
	margin-bottom:20px;}

.side_menu_title{
	font-size:14px; float:left; clear:both; text-decoration:none; padding-bottom:5px; font-weight:bold; margin-bottom:6px; border-bottom:thin #666 solid; width:90%;}
	
.side_menu_link{
	font-size:14px; float:left; clear:both; text-decoration:none; margin-left:8px; margin-bottom:4px; padding-top:4px; padding-bottom:4px; border-bottom:#999 solid thin; width:85%;}
	
.side_menu_link_sub{
	font-size:12px; float:left; clear:both; text-decoration:none; margin-left:8px; padding-top:2px; padding-bottom:2px; padding-left:5px; margin-bottom:4px; border-bottom:thin #999 dotted; width:80%;}


/******/
.blog_row{overflow: auto; width: 740px; float:left; clear:both; padding:5px; margin:0px auto 0px; border-bottom:thin #999 dotted;}
.row_top{border-top:thin #999 dotted;}
.img_container{width:80px; height:60px; float:left; overflow:hidden;}
.blog_container{overflow:hidden; height:60px; float:left; padding-left:15px;}
.blog_date{font-size:12px; float:left;}
.blog_name{font-size:16px; float:left; clear:left;}
.bg_red{background-color:#FDFAF7;}

.blog_body_date{font-size:14px; margin:15px 0px 5px;}
.blog_body_title{font-size:18px; font-weight:bold; margin-bottom:5px;}
.blog_body{font-size:14px; margin-top:20px;}

/*******/
.button_div{width: 100%;float: left;clear: both;text-align: center;}

.contact_confirm,.contact_send, .contact_edit{width:200px; height:0px; padding:0px; padding-top:40px;
	overflow:hidden; background-repeat:no-repeat; border:none; margin:0px auto;}
	
.contact_confirm{background-image:url(img/contact/btn_confirm.jpg);}
.contact_send{background-image:url(img/contact/btn_send.jpg);}
.contact_edit{background-image:url(img/contact/btn_edit.jpg);}

.form_error{border:thin #F03 solid;}
.error_text{color:#F33; display:none;}

/****** aboutus ****/
.aboutus_comment{
	width:600px; height:0px; padding-top:240px; overflow:hidden; margin-left: 30px; margin-bottom: 20px; margin-top:60px; float:left;
 	background-image:url(img/aboutus/comment.jpg); background-repeat:no-repeat;}
div.aboutus_contact{
	width:700px; height:100px; margin-left: 30px; float:left; margin-bottom:60px;
 	background-image:url(img/aboutus/contact.jpg); background-repeat:no-repeat; position:relative;}
a.aboutus_contact{
	width:307px; height:0px; padding-top:39px; position:absolute; top:56px; left:360px;overflow:hidden;}
.aboutus_promise{
	width:349px; height:0px; padding-top:40px; overflow:hidden; margin-bottom:-20px;
	background-image:url(img/aboutus/4promises.png); background-repeat:no-repeat;}
.maintext_sub{margin-left: 20px; margin-top: -10px;}
.maincopy_sub{margin-left: 20px; font-weight:bold; margin-bottom:10px; clear:both;}
.aboutus_img{margin-top:10px;}

div.aboutus_contactOnly{
	width:700px; height:70px; margin-left: 30px; float:left; margin-bottom:60px;
 	background-image:url(img/aboutus/contact_linkonly.jpg); background-repeat:no-repeat; position:relative;}
a.aboutus_contactOnly{
	width:307px; height:0px; padding-top:39px; position:absolute; top:6px; left:360px;overflow:hidden;}
	
div.aboutus_soudan{
	width:700px; height:158px; margin-left: 30px; float:left; margin-bottom:60px;
 	background-image:url(img/aboutus/contact_soudan.jpg); background-repeat:no-repeat; position:relative;}
a.aboutus_soudan{
	width:307px; height:0px; padding-top:39px; position:absolute; top:114px; left:360px;overflow:hidden;}	
	
	
.advisor_name{font-size: 16px;
    padding:0px 10px 0px 10px;
    vertical-align: top; height:20px;}	
	
.advisor_text{font-size: 14px;
    padding: 0px 10px 10px 10px;
    vertical-align: top;}		
	
.sub_main_container{margin-bottom:10px; float:left; width:auto;}	
.sub_text{margin-top:-10px; margin-bottom:-10px; padding-left: 35px;}

.zuiji_annai{float:left; clear:both; border:thin #999 solid; padding:2%; margin:10px 0px; width:96%; font-size:12px;}

/***** property ***/
table.property, table.property_detail{width:790px; margin-bottom:15px; margin-left:15px; border-collapse:collapse; border:none;}
table.property td{font-size: 13px; line-height:18px; border-collapse:collapse; border:1px solid #CCC; vertical-align:middle; padding-left:10px;}
.shiryo,.kengaku{display:block; width:130px; height:30px; background-repeat:no-repeat;}
.shiryo{background-image:url(img/property/btn_shiryo.png);}
.kengaku{background-image:url(img/property/btn_kengaku.png); margin-top:5px;}
.shiryo:hover,.kengaku:hover, .property_title:hover{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
.price{font-size:18px; color:#C00; font-weight:bold;}
.sold{font-size:18px; color:#C00;}
.property_title{font-size:18px; color:#617AB3; text-decoration:underline;}

.detail_title{font-size:24px; font-weight:bold; padding-left:15px; margin-bottom:15px;}
.property_detail th{width:120px; font-size:14px; border-collapse:collapse; border:1px solid #CCC; text-align:left; font-weight:normal; padding:5px; background-color:#FCFCFC;}
.property_detail td{font-size:14px; border-collapse:collapse; border:1px solid #CCC; text-align:left; padding:5px; font-weight:normal;}

div.property_link{width:770px; margin-left:15px; background-color:#FCFCFC; padding:5px 10px;}
span.property_link{font-size:13px; padding:0px 5px; text-decoration:underline;}

.property_image_area{width:790px; height:550px; margin:15px 0px 30px 15px; overflow:auto;}
div.property_map{display:none; margin:0px auto; width:600px; height:550px;}
div.property_images{margin:0px auto; width:600px; height:550px; position:relative;}
.prop_image{width:600px; height:450px; position:absolute;}
.prop_select{height: 80px !important;
    position: absolute; width: 780px; left: -85px; top: 468px;}

.prop01{display:block;}
.prop02, .prop03, .prop04, .prop05, .prop06, .prop07{display:none;}

.button_link{width: 626px; margin: 0px auto 20px auto;padding-left: 30px;}
.btn_kengaku, .btn_shiryo{display:inline-block; width:300px; height:0px; padding-top:60px; background-repeat:no-repeat; margin:0px 5px;}
.btn_kengaku{background-image:url(img/property/btn_kengaku_large.png);}
.btn_shiryo{background-image:url(img/property/btn_shiryo_large.png);}


/********/
.footer_sitemap{margin-top:40px; margin-bottom:60px; float:left;}

a.sitemap_headline,a.sitemap_sub{color:#333;}
a.sitemap_headline:hover,a.sitemap_sub:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

a.sitemap_headline{display:block; font-size:14px; margin:3px 0px 0px 0px;}
a.sitemap_sub{display:block; font-size:12px; margin:0px 0px 2px 10px;}