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

/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}article, aside, figcaption, figure, footer, header, nav, section {display: block;margin: 0;}a{text-decoration:none;color:#000;}ul,li{list-style:none;}

select {
    vertical-align:middle;
	height:2em;
	margin-right:0.3em;
}

/* for modern brouser */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
  height: 100%;
}
.clearfix {
  display: block;
}
/**/

body{
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-size:14px;
}

h1{
	font-size:12px;
}

h3{
	font-size:14px;
	font-weight:bold;
	background-image:url(./images/head_bg.gif);
	background-repeat:repeat-x;
	border-radius: 5px;
    border-right: 1px solid #d6d6d6;
    border-left: 1px solid #d6d6d6;
	height:29px;
	line-height:29px;
	margin-bottom:20px;
}

h3 span{
	margin-left:10px;
	position: relative;
	background: url(./images/head_before.gif) no-repeat left center;
 	padding-left: 13px;
 	height: 19px;
}

h4 {
	position: relative;
	padding-bottom: .2em;
	border-bottom: 3px solid #ccc;
	font-size:14px;
	font-weight:bold;
	margin-bottom:20px;
}

h4::after {
	position: absolute;
	bottom: -3px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 3px;
	background-color: #5aae08;
}

h5{
	font-size:14px;
	font-weight:bold;
	line-height:29px;
	margin-bottom:0.3em;
}

h5 span{
	position: relative;
	background: url(./images/head_before.gif) no-repeat left center;
 	padding-left: 13px;
}

a:hover{
	cursor: pointer;
}

.detail_button img{
	display:block;
	margin:0 auto;
	width:90%;
}

.detail_button img:hover {
	opacity:0.9;
}

#button_2{
	width:80%;
	margin:0 auto;
	letter-spacing: -.40em;
}

#button_2 a{
	display:inline-block;
	width:50%;
	letter-spacing: normal;
}

.red{
	color:#ff0000;
}

.caution{
	font-size:8px;
}

.b_arrow,footer .fm_menu li,.other_list h5{
    background: url(./images/arrow2.png) left center;
    background-repeat: no-repeat;
    padding-left: 16px;
    font-size: 14px;
    font-weight: bold;
	margin-right:20px
}

.b_wrapper {
    overflow: hidden;
    margin: 20px 0;
    padding: 0 15px 5px;
    border: solid 1px #EEE;
}

.border-btm{
	border-bottom:1px solid #000;
}

.done_wrap{
    border: 5px solid #eee;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
}

.request #privacy_policy,.contact #privacy_policy,.single-business #privacy_policy,.conf #privacy_policy,.contact_ar #privacy_policy{
	height:260px;
	overflow-y: scroll;
	padding:10px;
	border: solid 1px #ccc;
}

.conf .form_btn1{
	text-align:center;
}

.conf #back div{
	border: 1px solid #aaa;
}

.conf #back div span{
	background-color:#aaa;
}

.conf .form_btn1 .btn2 {
	display:inline-block;
}

table{
	border:1px solid #ddd;
	width:100%;
}

table tr + tr{
    border-top: solid 1px #ddd;
}

table td{
    padding: 5px 15px;
    vertical-align: middle;
}

table th{
	font-size:12px;
    min-width: 130px;
    padding: 12px 15px;
    background: #f9f9f9;
	color:#555;
    text-align: center;
    vertical-align: middle;
	font-weight:bold;
}

table th span{
	background-color:#ff0000;
	padding: 0px 4px;
	color:#fff;
	border-radius:4px;
	font-size:10px;
	display:inline-block;
	margin: 4px;
}

table td ul li{
	display:inline-block;
	margin-right:1em;
}

#f_flow{
	letter-spacing: -.40em;
}

#f_flow .step{
	float: left;
    background-color: #5aae08;
    color: #fff;
    height: 60px;
    width: 196.3333px;
    padding: 0 10px;
	line-height:60px;
	text-align:center;
	margin-bottom:20px;
}

#f_flow .step.no_active{
	background-color:#ccc;
}

#f_flow div.yazirushi{
	float:left; 
	border-left:20px solid #5aae08; 
	border-top:30px solid transparent; 
	border-bottom:30px solid transparent;
}

#f_flow .yazirushi.no_active{
	border-left: 20px solid #ccc;
}

#f_flow div:last-child{
	margin-right:0px;
}

#f_flow div span{
	text-align:center;
	color:#fff;
	font-size:12px;
	letter-spacing: 3px;
	font-weight:bold;
}

.txt12{
	font-size:12px;
}

.mb10{
	margin-bottom:10px;
}

.mb40{
	margin-bottom:40px;
}

.breadcrumbs{
	font-size:11px;
}

.breadcrumbs a{
	color:#0088cc;
	text-decoration:underline;
}

.container{
	width:960px;
	margin:0 auto;
}

main{
	width:710px;
	float:right;
}

aside{
	width:210px;
	float:left;
}

#logo{
	float:left;
}

#header_c{
	float:right;
}

.g_navi{
	background-image:url(./images/nav_bg.gif);
	background-repeat:repeat-x;
	height:53px;
	clear:both;
	margin-bottom:20px
}

.g_navi ul li {
    float: left;
}
 
.g_navi ul li a {
  display: block;
  text-align:center;
  line-height:52px;
  border-right:1px solid #ababab;
  font-size:14px;
  font-weight:bold;
  width:159px;
  box-sizing:border-box;
}

.g_navi ul li a:hover{
	color:#fff;
	background-color:#71bd2c;
}

.g_navi ul li:first-child{
	border-left:1px solid #ababab;
}

/* トップページメイン */
#main_img{
	width:100%;
	display:block;
	margin:0 auto 20px;
}

#top_search ul{
	text-align:center;
	margin-bottom:20px;
}

#top_search ul li{
	display:inline-block;
}

#top_search #properties{
	font-size:24px;
	text-align:center;
}

#top_search #properties span{
	color:#ff6000;
}

#top_search div.text{
	text-align:right;
}

.bannerList li{
	display: inline-block;
}

.bannerList li a{
	display: block;
}

#tabMenu{
        border-bottom: 3px solid #5aae08;
		margin-bottom:20px;
    }
#tabMenu li{
    float:left;
	margin-right: 15px;
    }
#tabMenu li a{
    display:block;
    width:120px;
    height:48px;
    line-height:50px;
    text-align:center;
    background-image: url(./images/nav_bg.gif);
    background-repeat: repeat-x;
	    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

#tabMenu li a.active{
	background-color:#5aae08;
	color:#fff;
	background-image:none;
	border:none;
}
	
#tabBox2,#tabBox3,#tabBox4{
    display:none;
}

.other_list a{
	display:block;
}

.other_list h5{
	padding-left:21px;
	line-height: 1.4em;
	float: none;
}

.other_list{
	background-color:#e8efe4;
	padding:7px;
	width: 202.6666px;
	float:left;
	margin-right:20px;
	height:64px;
	margin-bottom:20px;
    height: 75px;
}

.other_list p{
	color:#555555;
	font-size:10px;
}

#new li{
	clear:both;
	padding-bottom:20px;
}

#new li + li{
  border-top: 1px dotted #ddd;
  padding-top: 20px;
}

#new li img, #attention li img{
	float:left;
	margin:0 20px 20px 0;
}

#new li h5 a, #attention li h6 a, .page-template-shop_list main ul li h5,.page-template-office_list main ul li h5,body.search main ul li h5{
	color:#0088cc;
	text-decoration:underline;
}

.page-template-shop_list main ul li h5,.page-template-office_list main ul li h5,body.search main ul li h5{
	font-size:16px;
}

#new li p{
	font-size:12px;
	color:#555555;
}

#attention h6{
	font-size:14px;
	font-weight:bold;
	line-height:29px;
	margin-bottom:0.3em;
}

#attention p{
	font-size:12px;
}

#attention li{
	float:left;
	width: 344.33333px;
	height: 192px;
   overflow: scroll;
	border: 1px solid #eee;
   padding: 10px;
   box-sizing: border-box;
   margin-bottom: 10px;
}

#attention li:nth-child(even){
	float: right;
}

.bx-wrapper .bx-viewport{
	box-shadow:none;
	border:none;
	margin-left:5px;
}

#case li h6{
	font-size:14px;
	font-weight:bold;
	color:#5aae08;
	padding-bottom:3px;
	margin-bottom:1em;
	border-bottom:1px dotted #ccc;
}

#case li img{
	float:left;
	margin-right:20px;
}

#case li p{
	font-size:12px;
}

/* トップページメインここまで */

/* 物件情報 */
.list_r{
	float:left;
	width:610px;
}

.sq-pagination span{
	background-color:#5aae08;
	border: 1px solid #eee !important;
	color:#fff !important;
}

.sq-pagination span,.sq-pagination a{
	display: inline-block;
	border: 1px solid #eee;
	padding: 7px 12px;
	margin-right: 7px;
	color:#5aae08;
}

.shop main li,.office main li, .search main li{
  clear:both;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
  padding:20px 0;
}

.shop main li span.pr,.office main li span.pr,.search main li span.pr{
  background-color: #ff9600;
  padding: 5px;
  border-radius: 5px;
  margin-right: 10px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  float: left;
}

.shop main li p,.office main li p,.search main li p{
	font-size:12px;
  overflow: hidden;
}

.info_line{
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #ddd;
}

.info_line li{
	display: table-cell;
	padding: 0 10px !important;
	width: 50%;
	border-bottom:none !important;
}

.info_line li:first-child{
  border-right:1px dotted #ddd;
	padding-left:0 !important;
}

.info_line li:last-child{
  border: none;
}

.shop main li:first-child,.office main li:first-child, .search main li:first-child{
	margin-top:-20px;
}

.shop main li:not(:first-child){
	padding-top:20px;
}

.shop main li img,.office main li img,body.search main li img{
    float: left;
    margin-right:20px;
    width:80px;
    height:auto;
}

.sq-pagination{
	margin-bottom: 40px;
}

/* 物件情報ここまで */

/* ご契約までの流れ */

.flow h5{
	color:#5aae08;
	font-weight:bold;
	font-size: 24px;
	height:auto;
	position:relative;
	top:-40px;
}

.flow h5 span.step{
	font-size: 14px;
	color:#fff;
	display:inline-block;
	background-color:#5aae08;
	padding:3px;
	margin-right:20px;
    height: 65px;
    width: 65px;
    border-radius: 50%;
	text-align:center;
	position: relative;
    top: -10px;
}

.flow h5 span.number{
	display:block;
    font-size: 24px;
    font-weight: bold;
	padding-left:0;
	height:0;
	line-height:20px;
}

.flow .arrow{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 35px 35px 0 35px;
	border-color: #5aae08 transparent transparent transparent;
	margin:20px auto;
}

.flow .flow_step{
	clear:both;
	margin-bottom:40px;
	border: 3px solid #5aae08;
	padding:20px;
	position:relative;
}

.flow .flow_step strong{
    font-size: 1.1em;
    font-weight: bold;
    color: #5aae08;
    text-decoration: underline;
}

.flow .flow_step:first-of-type{
	margin-top:40px;
}

.flow_step img{
	margin-top:-40px;
	width:145px;
	height:atuo;
}

.flow_step p{
    margin-top: -40px;
    overflow: hidden;
    float: left;
    width: 490px;
}

.flow_step img{
	float:left;
	margin-right:20px;
	border:1px solid #31D843;
	padding:3px;
}

.under_line{
	text-decoration:underline;
}

/* ご契約までの流れここまで */


/* 物件リクエスト */
.request td#area input{
	width:100px;
}

.request p{
	margin-bottom:40px;
}

.request p.txt12{
	border: 1px solid #eee;
    	padding: 20px;
}

.b_wrapper p {
    margin: 10px 0;
    line-height: 1.6;
}

.request .red{
	font-size:18px;
	font-weight:bold;
}

.request .red .number{
	border-bottom:1px solid #ff0000;
	font-size:22px;
}

#agree{
	text-align:center;
	padding:1em 0;
}

/* 物件リクエストここまで */

/* 個人情報保護方針 */
#privacy_policy{
    border: 1px solid #eee;
    padding: 10px;
    margin-bottom: 40px;
}

#privacy_policy ul li span{
	font-weight:bold;
}

#privacy_policy ul li{
	font-size:12px;
	margin-bottom:20px;
}
/* 個人情報保護方針ここまで */

.single-business .price, ul li span.price {
	font-size: 24px;
  font-weight: bold;
  color: #d21528;
  letter-spacing: 0.1em;
}

ul li span.price{
  font-size: 1.2em;
}

/* 会社概要 */
.company table td iframe{
	width:100%;
	height:350px !important;
}

.company #greeting img{
	float:left;
	margin-right:20px;
}

.company #greeting p{
	line-height: 1.8em;
}

/* 会社概要ここまで*/

/* お問い合わせ */
#agree{
	text-align:center;
}

textarea{
	resize: none; 
	overflow: auto;  
        height: 300px;  
	width:100%;
	border: 1px solid #ddd;
}

input[type="submit"]{
    -webkit-appearance: none;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
    background-color: transparent;
    color: #fff;
    width:100%;
}

.button.submit,#sl_button .button{
	background-color: #fba93e;
    border-radius: 4px;
    color: #fff;
    line-height: 52px;
    -webkit-transition: none;
    transition: none;
    box-shadow: 0 3px 0 #d07f20;
    width: 320px;
    height: 52px;
    display: block;
    margin: 0 auto;
    letter-spacing: 0.2em;
    font-size: 15px;
	text-align:center;
}

#sl_button .button{
	width: 100%;
	margin-bottom: 20px;
}

#sl_button .button a,#search_btn .button a{
	display:block;
	color:#fff;
}

#sl_button .button a:hover,#search_btn .button a:hover{
    background-color: #ffb554;
    box-shadow: 0 3px 0 #fba93e;
    text-decoration: none;
    cursor: pointer;
}

#submit a{
    color:#fff;
}

.modal-overlay {
    z-index:10; /*デモではheader,footerをz-index:1にしたので それより上げています*/
    display:none; /*jsでフェードインされるまでdisplay:none*/
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100vh; /*100vhでビューポートの高さいっぱいになります*/
    background-color:#5aae08;
}

.modal-content {
    position:fixed;
    display:none; /*jsでフェードインされるまでdisplay:none*/
    z-index:20; /*オーバーレイより上に*/
    padding:15px;
    border-radius:10px;
    background:#fff;
	top:20px !important;
	overflow:scroll;
	width:90%;
}

.modal-content form{
	overflow: auto;
    height: 90vh;
}

a.modal-close { /*クローズボタンは何でも好きなスタイルでOK*/
    position:absolute;
    top:0;
    right:10px;
    color:#999;
    font-size:35px;
    line-height:1;
    font-weight:bold;
    text-decoration:none;
    cursor: pointer;
}

/* お問い合わせここまで */

/* サイトマップ */
#sitemap{
	margin-bottom: 40px;
}

#sitemap ul li:before{
	content: "\f0da";
	color:#aaa;
	padding-right: 5px;
 	font-family: FontAwesome;
}

#sitemap ul li + li{
	padding-top:10px;
}

#sitemap ul li a{
	color: #093475;
}
/* サイトマップここまで */

/* サイドバー */
.menu{
	background-color:#eee;
	border-radius:5px;
}

#h_menu{
	background: url(./images/menu_bg.gif);
	background-repeat:repeat-x;
	color:#fff;
	padding-left:7px;
	border:none;
	border-radius:0px;
	margin-bottom:1px;
}

.menu li{
	border-bottom:1px solid #fff;
	height:32px;
	line-height:33px;
}

.menu li a{
	display:block;
	position: relative;
	padding-left:14px;
	font-size:12px;
	font-weight:bold;
	margin-left:7px;
 	background: url(./images/arrow.gif) no-repeat left center;
	 padding-left: 12px;
}


#koe{
	 height:  480px;
    overflow-y: scroll;
}

#koe li{
	padding:10px 0;
	border-bottom:1px solid #eee;
}

#koe img{
	width:75px;
	height:75px;
	float:left;
	margin-right:20px;
}

#koe h6{
	font-size:12px;
}

#koe h6 a{
	color:#0088cc;
	text-decoration:underline;
}

#koe p{
	font-size:11px;
}

#koe h6,#koe p{
	overflow:hidden;
}

#banner li{
	margin-bottom:20px;
}

.s_search{
	border:1px solid #ddd;
	margin-bottom:40px;
}

.s_search form{
	padding:20px 10px;
}

.s_search h3,.s_search h4{
	font-size:16px;
	margin-bottom:5px;
}

.s_search table th{
	    width: 150px;
    font-weight: bold;
    color: #000;
    font-size: 14px;
}

.s_search h6{
	font-size:16px;
	font-weight:bold;
}

.s_search label{
	display: block;
	padding-bottom:8px;
	margin-right:1em;
}

.s_search label input[type="checkbox"],.s_search label input[type="radio"]{
	    margin-right: 3px;
}

.s_search div{
	margin-bottom:20px;
}

#sidebar_contact{
	position:relative;
	margin-bottom:40px;
}

#sidebar_request_btn{
	position:absolute;
	left:11px;
	bottom:50px;
}

#sidebar_contact_btn{
	position:absolute;
	left:11px;
	bottom:12px;
}

/* サイドバーここまで */

/* footer */
#footer_contact{
	position:relative;
	margin-bottom:40px;
	clear:both;
}

#footer_contact a{
	position:absolute;
	bottom: 36px;
    left: 20px;
}

footer{
	clear:both;
	background-color:#f5f5f5;
	padding:20px 0;
}

#f_logo{
	float:left;
	margin-bottom:20px;
	width: 310px;
}

footer nav{
	width:610px;
	float:right;
}

footer .fm_menu{
	margin-bottom:20px;
}

footer .fm_menu li{
	float:left;
}

footer .fm_menu li a{
	font-size:12px;
}

footer .fs_menu{
	margin-bottom:20px;
	margin-left:1em;
}

footer .fs_menu li{
	list-style:disc;
	float:left;
	margin-right:40px
}

footer .fs_menu li a{
	font-size:10px;
}

footer small{
	clear:both;
	text-align:center;
	color:#4b4b4b;
	font-size:11px;
	padding-top:20px;
	border-top:1px solid #cccccc;
	display:block;
}

/* ボタンのスタイル */
.btn1,.btn2{
display: block;
float: left;
position: relative;
height: 30px;
width: 180px;
}

.btn1 a span,
.btn1 a span:hover,
.btn1 a span:visited{
display: block;
position: relative;
height: 35px;
width: 175px;
padding-left:1px;
text-decoration: none;
background: #ff9900;
background: -webkit-gradient(linear, left top, left bottom, from(#ffae13), to(#ff9900));
background: -moz-linear-gradient(top,  #ffae13,  #ff9900);
background: -o-linear-gradient(top,  #ffae13,  #ff9900);
background: -ms-linear-gradient(top,  #ffae13,  #ff9900);
background: linear-gradient(top,  #ffae13,  #ff9900);
-pie-background: linear-gradient(top,  #ffae13,  #ff9900);
behavior: url(PIE.htc);
}
.btn1 a{
display: block;
position: relative;
padding:1px;
text-decoration: none;
line-height: 36px;
text-align: center;
color: #fff;
font-size:16px;
text-shadow: 0px -1px 0px #ba7300;
background: #fff;
-pie-background: #fff;
border: 1px solid #df8702;
-webkit-box-shadow:  0 0 1px #ccc;
-moz-box-shadow:  0 0 1px #ccc;
box-shadow:  0 0 1px #ccc;
behavior: url(PIE.htc);
}
.btn1 a img{
position:relative;
top:2px;
}



.btn2 div span,
.btn2 div span:hover,
.btn2 div span:visited{
display: block;
position: relative;
height: 35px;
width: 175px;
padding-left:1px;
text-decoration: none;
background: #5aae08;
behavior: url(PIE.htc);
}
.btn2 div{
display: block;
position: relative;
padding:1px;
text-decoration: none;
line-height: 36px;
text-align: center;
color: #fff;
font-size:16px;
text-shadow: 0px -1px 0px #486114;
background: #fff;
-pie-background: #fff;
border: 1px solid #82ad24;
-webkit-box-shadow:  0 0 1px #ccc;
-moz-box-shadow:  0 0 1px #ccc;
box-shadow:  0 0 1px #ccc;
behavior: url(PIE.htc);
}
.btn2 div img{
position:relative;
top:2px;
}

/* 角丸のスタイル */
.br1 div,.br1 span{
-webkit-border-radius: 5px; 
-moz-border-radius: 5px;
border-radius: 5px;
behavior: url(PIE.htc);
}

.br2 div,.br2 span{
-webkit-border-radius: 17px; 
-moz-border-radius: 17px;
border-radius: 17px;
behavior: url(PIE.htc);
}

/* マウスオーバー時 */
.btn1 div:hover span {
background: #ffcd50;
background: -webkit-gradient(linear, left top, left bottom, from(#ffcd50), to(#ffab26));
background: -moz-linear-gradient(top,  #ffcd50,  #ffab26);
background: -o-linear-gradient(top,  #ffcd50,  #ffab26);
background: -ms-linear-gradient(top,  #ffcd50,  #ffab26);
background: linear-gradient(top,  #ffcd50,  #ffab26);
-pie-background: linear-gradient(top,  #ffcd50,  #ffab26);
behavior: url(PIE.htc);
}

.btn2 div:hover span {
	opacity:0.8;
}

.form_btn1 .btn2{
	margin:0 auto;
	float:none;
}

@media screen and (max-width: 480px){
	.wavyline{
		display:none;
	}
	
	.s_search form{
		padding:0;
	}
	
	.s_search table select{
		width:100%;
		margin-right:0;
	}
	
	.s_search table td select:first-child{
		margin-bottom:7px;
	}
	
	.s_search table label{
		width: 50%;
		margin-right: 0px;
		display: block;
		float: left;
	    min-height: 2em;
	}
	.s_search table th,.s_search table td{
		width:auto;
		display:block;
		text-align: left;
    	padding: 8px 15px;
	}
	
	.button.submit, #sl_button .button{
		width:250px;
	}
}