@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
* {margin:0px; padding:0px; color:#2f2f2f; font-size:100%; font-family:'Noto Sans Japanese', serif; -webkit-text-size-adjust:none; }
html,body { height:auto; min-height:100%; }
body { background:#fff; }
input[type="checkbox"] { -webkit-appearance:checkbox !important; }
a { text-decoration:none; }
a:hover { text-decoration:none; }


.sp{ display:none !important; }
.pc{ display:block !important; }

/*======================================================
	frame
=======================================================*/
#wrapper { position:relative; width:100%; height:100%; }

#favorite { position:absolute; right:0; top:50px; }
#favorite #favorite_inner { position:relative; width:83px; height:83px; }
#favorite #favorite_inner #favorite_num { position:absolute; left:15px; top:10px; padding:4px 6px; color:#fff; font-size:10px; font-weight:bold; text-align:center; background-color:#508b2f; line-height:1; border-radius:3px; z-index:2; }
#favorite #favorite_inner #favorite_btn { position:absolute; right:0; top:0; z-index:1; }
#favorite #favorite_inner #favorite_btn a { width:83px; height:83px; box-shadow:0px 0px 4px 2px rgba(0,0,0,0.1); display:block; box-sizing:border-box; }
#favorite #favorite_inner #favorite_btn a:hover { box-shadow:none; }

header { margin:0; width:100%; }
header #header_inner { position:relative; margin:0 auto; width:1000px; }
header #header_inner h1 { padding:10px 0 0 0; font-size:9px; font-weight:bold; letter-spacing:0.1rem; text-align:center; }
header #header_inner h1 br { display:none; }
header #header_inner p#logo { margin:42px auto 0 auto; width:224px; text-align:center; }
header #header_inner p#logo a:hover { opacity:0.8; }
header #header_inner p#logo img { width:100%; }
header #header_inner ul#navi { margin:20px auto 15px 153px; }
header #header_inner ul#navi li a { padding:0 16px; font-size:75%; font-weight:bold; text-decoration:none; display:block; float:left; }
header #header_inner ul#navi li a:hover { color:#86bd60; }
header #header_inner ul#navi li.current a { color:#86bd60; }
header #header_inner ul#navi li.fb a { padding:3px 6px; background-color:#5d5d5d; border-radius:3px; display:block; }
header #header_inner ul#navi li.fb a img { display:block; }
header #header_inner ul#navi li.fb a:hover { background-color:#3b5998; }
header #header_inner ul#navi li.tw a { padding:0 0 0 4px; }
.sun { position:absolute; left:5%; top:0; z-index:10; }
.crowds01 { position:absolute; left:15%; top:20px; z-index:-1; }
.swing { position:absolute; right:27%; top:0; z-index:-1; }
.crowds02 { position:absolute; right:7%; top:0; z-index:-1; }
.grasses01 { position:absolute; left:10%; top:135px; z-index:-1; }
.teeter { position:absolute; left:16%; top:72px; z-index:10; }
.slide { position:absolute; right:14%; top:70px; z-index:10; }
.grasses04 { position:absolute; right:12%; top:135px; z-index:-1; }
.tree01 { position:absolute; right:9%; top:107px; z-index:-1; }
.grasses02 { position:absolute; left:170px; top:90px; z-index:-1; }
.grasses03 { position:absolute; right:210px; top:90px; z-index:-1; }

footer { position:relative; margin:100px 0 0 0; width:100%; }
footer #footerinner { margin:0 auto; padding:0 0 30px 0; width:1000px;}
footer #footerinner ul#fmenu { margin:0 0 6px 0; }
footer #footerinner ul#fmenu li { float:right; }
footer #footerinner ul#fmenu li:before { content:" ｜ "; }
footer #footerinner ul#fmenu li:first-child:before { content:""; }
footer #footerinner ul#fmenu li a { margin:0; padding:4px 0 0 0; font-size:70%; text-decoration:none; float:left; }
footer #footerinner ul#fmenu li a:hover { color:#86bd60; }
footer #footerinner p#fcopyright { font-size:60%; text-align:right; }
footer #footerinner img { vertical-align:bottom; }
.tree02  { position:absolute; left:17%; bottom:15px; z-index:-1; }
.mountain { position:absolute; left:25%; bottom:18px; z-index:-1; }
.grasses05 { position:absolute; left:15%; bottom:0; z-index:-1; }
.trees03 { position:absolute; right:10%; bottom:15px; z-index:-1; }
.grasses06 { position:absolute; right:10%; bottom:0; z-index:-1; }


#container { margin:0 auto; padding:0; width:1000px; min-height:1840px; }
.container_index { min-height:1500px !important; }


aside { position:absolute; top:180px; width:231px; background:transparent url(/img/navi_bg.png) left top no-repeat; }
aside ul#mainnavi { padding:0 20px; }
aside ul#mainnavi li a { font-size:14px; border-bottom:1px solid #e4e4e4; display:block; }
aside ul#mainnavi li a:hover { color:#86bd60; }
aside ul#mainnavi li a.navi_map { padding:16px 0 16px 40px; background:transparent url(/img/navi_map.gif) left center no-repeat; }
aside ul#mainnavi li a.navi_map:hover { background:transparent url(/img/navi_map_on.gif) left center no-repeat; }
aside ul#mainnavi li.current a.navi_map { padding:16px 0 16px 40px; color:#86bd60; background:transparent url(/img/navi_map_on.gif) left center no-repeat; }
aside ul#mainnavi li a.navi_town { padding:16px 0 16px 40px; background:transparent url(/img/navi_town.gif) left center no-repeat; }
aside ul#mainnavi li a.navi_town:hover { background:transparent url(/img/navi_town_on.gif) left center no-repeat; }
aside ul#mainnavi li.current a.navi_town { padding:16px 0 16px 40px; color:#86bd60; background:transparent url(/img/navi_town_on.gif) left center no-repeat; }
aside ul#mainnavi li a.navi_sharepark { padding:4px 0 4px 40px; background:transparent url(/img/navi_sharepark.gif) left center no-repeat; }
aside ul#mainnavi li a.navi_sharepark:hover { background:transparent url(/img/navi_sharepark_on.gif) left center no-repeat; }
aside ul#mainnavi li.current a.navi_sharepark { padding:4px 0 4px 40px; color:#86bd60; background:transparent url(/img/navi_sharepark_on.gif) left center no-repeat; }
aside ul#mainnavi li a.navi_cat { padding:16px 0 16px 40px; background:transparent url(/img/navi_category.gif) left center no-repeat; }
aside ul#mainnavi li a.navi_cat:hover { background:transparent url(/img/navi_category_on.gif) left center no-repeat; }
aside ul#mainnavi li.current a.navi_cat { padding:16px 0 16px 40px; color:#86bd60; background:transparent url(/img/navi_category_on.gif) left center no-repeat; }
aside ul#mainnavi li span { padding:20px 0 16px 40px; font-size:14px; display:block; }
aside ul#mainnavi li span.navi_search { background:transparent url(/img/navi_search.gif) left center no-repeat; }
aside ul#mainnavi li ul.category-list { position:absolute; top:240px; left:215px; width:215px; background-color:#fff; border:1px solid #e4e4e4; display:none; z-index:10; }
aside ul#mainnavi li ul.category-list li a { padding:8px; }
aside ul#mainnavi li form { margin:0; width:100%; }
aside ul#mainnavi li input[type="text"] { padding:6px; font-size:12px; width:100%; box-sizing:border-box; border:solid 1px #e4e4e4; border-radius:3px; }
aside select { margin:5px 0 0 0; padding:3px 0 3px 8px; font-size:12px; width:100%; box-sizing:border-box; border-radius:3px; }
aside input[type="submit"] { margin:5px 0; padding:4px 0; font-size:12px; width:100%; background:#a6b6d2; color:#fff; border:solid 1px #97aacb; box-shadow:0px 1px 0px #97aacb; box-sizing:border-box; border-radius:3px; cursor:pointer;}
aside #navi_tel { margin:20px 0 20px 22px; }
aside #navi_mail { margin:0 20px 8px 20px; }
aside #navi_mail a { padding:20px 0; font-size:14px; text-align:center; width:100%; border:solid 1px #e4e4e4; box-sizing:border-box; display:block; }
aside #navi_recruit { margin:0 20px; }
aside #navi_recruit a { padding:20px 0; font-size:14px; text-align:center; width:100%; border:solid 1px #e4e4e4; box-sizing:border-box; display:block; }
aside ul#ad01 { margin:20px 0 20px 20px; }
aside ul#ad01 li { margin:0 0 5px 0; }
aside ul#ad01 li img { display:block; }
aside ul#ad01 li:last-child { margin:0; }
aside ul#ad02 { margin:0 0 0 20px; }
aside ul#ad02 li { margin:0 0 5px 0; }
aside ul#ad02 li img { display:block; }
aside ul#ad02 li:last-child { margin:0; }

div#content { margin:0 0 0 240px; width:769px; float:left; }
div#content02 { margin:12px 0 0 240px; width:769px; float:left; }

#page-title { background:#f6f6f6; width:100%; height:70px; }
#page-title h2 { margin:0 auto; padding: 20px 0 20px 270px; width:730px; font-size:20px; font-weight:bold; }
#page-title02 { background:#86bd60; width:100%; height:70px; min-width:100%; }
#page-title02 h2 { margin:0 auto; padding:20px 0 20px 270px; width:730px; font-size:20px; color:#fff; font-weight:bold; }
#page-title02 div.sns_wrap { position:relative; margin:0 auto; width:1000px;  }
#page-title02 div.sns_wrap ul.social_btn { position:absolute; right:0; top:-43px; }
#page-title02 div.sns_wrap ul.social_btn li { margin:0 0 0 10px; padding:0; float:right; }
#page-title02 div.sns_wrap ul.social_btn li:first-child { margin:-4px 0 0 10px; }

p.sub-text { font-size:14px; margin:10px; }
p.sub-text-contact { font-size:14px; margin:10px; color:#a66513; }



/*======================================================
	Index
=======================================================*/
div.top_ttl { margin:24px 0 0 0; font-size:14px; font-weight:bold; }
div.top_ttl2 { margin:44px 0 0 0; padding:0 0 6px 0; font-size:14px; font-weight:bold; background:transparent url(/img/news_line.gif) left bottom no-repeat; }
div.top_ttl3 { margin:34px 0 0 0; padding:0 0 6px 0; font-size:14px; font-weight:bold; background:transparent url(/img/news_line.gif) left bottom no-repeat; }

div#content ul.two_c { margin:0; padding:0; }
div#content ul.two_c li { position:relative; margin:12px 0 9px 0; width:380px; float:left; }
div#content ul.two_c li:last-child { margin:12px 0 9px 9px; }
div#content ul.two_c li img { display:block; }
div#content ul.two_c li a h2.two_c_ttl { position:absolute; bottom:0; padding:10px; width:380px; font-size:20px; color:#fff; background:rgba(0, 0, 0, 0.3); box-sizing:border-box; }
div#content ul.three_c { margin:9px 0 0 0; padding:0; }
div#content ul.three_c li { position:relative; margin:0 9px 0 0; width:250px; float:left; }
div#content ul.three_c li:last-child { margin:0 0 0 0; }
div#content ul.three_c li img { display:block; }
div#content ul.three_c li figure { position:relative; overflow:hidden; max-height:215px; max-width:250px; width:100%; background:#fff; background-image: -webkit-linear-gradient(top, #ffffff 0%, #000000 70%); background-image: linear-gradient(to bottom, #ffffff 0%, #000000 70%); }
div#content ul.three_c li figure * { -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all 0.35s ease; transition:all 0.35s ease; }
div#content ul.three_c li figure img { max-width:100%; }
div#content ul.three_c li figure figcaption { position:absolute; left:0; bottom:0%; width:100%; -webkit-transform:translateY(100%); transform:translateY(100%); z-index:1; }
div#content ul.three_c li figure h3.three_c_ttl { position:absolute; text-transform:uppercase; padding:10px 0 10px 10px; font-size:14px; color:#fff; bottom:100%; display:inline-block; }
div#content ul.three_c li figure p { padding:5px 10px; background:rgba(255, 255, 255, 0.8); text-align:left; bottom:0; font-size:12px; color:#2f2f2f; }
div#content ul.three_c li figure a { left:0; right:0; top:0; bottom:0; position:absolute; z-index:1; }
div#content ul.three_c li figure:hover img, figure.hover img { opacity: 0.4; }
div#content ul.three_c li figure:hover figcaption, figure.hover figcaption { -webkit-transform:translateY(0); transform:translateY(0); }
div#content ul.four_c li { margin:12px 9px 20px 0; width:185px; display:inline-block; float:left; }
div#content ul.four_c li a { display:block; }
div#content ul.four_c li:nth-child(4n) { margin:12px 0 20px 0; }
div#content ul.four_c li h4 { margin:0 0 4px 0; font-size:13px; color:#86bd60; }
div#content ul.four_c li p.four_c_text { font-size:12px; }
div#content ul.four_c li p.price { margin:0 0 3px 0; padding:0 0 0 12px; font-size:13px; text-indent:0.5em; font-weight:bold; background:transparent url(/img/money.gif) left center no-repeat;  }
div#content ul.four_c li p.station { margin:0 0 8px 0; padding:0 0 0 12px; font-size:13px; text-indent:0.5em; font-weight:bold; background:transparent url(/img/train.gif) left 3px no-repeat; }

.news_wrap { margin:30px 0 60px 0; padding:10px 0; background:transparent url(/img/news_line.gif) left top no-repeat; }
.news { margin:0; padding:0; height:70px; overflow:scroll; background:transparent url(/img/news_line.gif) left bottom no-repeat; }
.news dt { margin:0 1% 4px 0; padding:0 0 0 1%; width:13%; font-size:11px; float:left; }
.news dd { margin:0 0 4px 0; width:85%; font-size:11px; float:left; }



/*======================================================
	searh_map
=======================================================*/
h3.sub_ttl { margin:24px 0 10px 30px; padding:9px 16px; font-size:14px; font-weight:bold; background:#f6f6f6; border-radius:3px; }
.search_check { margin:0 16px 10px 46px; font-size:12px; }
.search_check input[type="text"] { padding:5px; width:40%; border:solid 1px #e4e4e4; border-radius:3px; }
.search_check input[type="submit"] { margin:0 0 0 5px; padding:5px 10px; font-size:12px; background:#a6b6d2; color:#fff; border:solid 1px #97aacb; box-shadow:0px 3px 0px #97aacb; box-sizing:border-box; border-radius:3px; }
p.all-property { margin:50px 0 0 0; padding:0 0 6px; font-size:14px; font-weight:bold; border-bottom:1px solid #d8d8d8; }
p.all-property span { margin:0 4px; font-size:20px; }
p.zero { padding:100px 0; font-size:16px; line-height:2em; }
p.map_att { margin:10px 0 0 30px; font-size:11px; color:#5d5d5d; }
#map_canvas { width:729px !important; margin:30px 0 0 30px; }
ul.sort { float:right; }
ul.sort li { margin:-34px 0 34px 4px; float:left; }
ul.sort li a { background-color:#a6b6d2; color:#fff; font-size:12px; padding:3px 6px;border:solid 1px #97aacb; border-radius:3px; }
ul.sort li.current a { background-color:#fff; color:#a6b6d2; }

#search-result { padding:0 0 0 30px; position:relative; }
#search-result .loading { position:absolute; top:0; left:0; padding-top:20px; width:100%; height:100%; background:url(../img/loading-bg.png) repeat; text-align:center; display:none; z-index:2; }
#search-result-list li { position:relative; }
#search-result-list li a { padding:14px 0; border-bottom:1px solid #d8d8d8; display:block; }
#search-result-list li a:hover { background-color:rgba(0, 0, 0, 0.02); }
#search-result-list img { width:269px; float:left; }
#search-result-list .res_cont { margin:0 0 0 14px; width:456px; float:left; }
#search-result-list h4 { margin:0 0 10px 0; font-size:18px; font-weight:bold; }
#search-result-list p { margin: 0 0 18px 0; font-size:14px; }
#search-result-list p.price { margin:0 0 6px 0; font-size:18px; font-weight:bold; line-height:1em; }
#search-result-list p.price span.vacant { margin:0 0 0 10px; padding:3px 6px; font-size:14px; color: #fff; background:#86bd60; border-radius:3px; }
#search-result-list p.price span.reserve { margin:0 0 0 10px; padding:3px 6px; font-size:14px; color: #fff; background:#1b95e0; border-radius:3px; }
#search-result-list p.price span.full { margin:0 0 0 10px; padding:3px 6px; font-size:14px; color: #fff; background:#5d5d5d; border-radius:3px; }
#search-result-list p.price em { font-size:11px; color:#f28585; line-height:0; }
#search-result-list p.price em br { display:none; }

p.cat_top { margin:30px 0 0 0; font-size:14px; }

div.gmcmt { width:200px; }
div.gmcmt_ttl { margin:3px 0; font-weight:bold; font-size:13px; }
div.gmcmt_txt { font-size:11px; height:40px; overflow:auto; }
div.gmcmt span { margin-left:10px; }
div.gmcmt span.vacant { padding:3px 6px; background:#86bd60; color:#fff; font-size:12px; border-radius:3px; vertical-align:5px; }
div.gmcmt span.reserve  { padding:3px 6px; background:#1b95e0; color:#fff; font-size:12px; border-radius:3px; vertical-align:5px; }
div.gmcmt span.full { padding:3px 6px; background:#5d5d5d; color:#fff; font-size:12px; border-radius:3px; vertical-align:5px; }

#search_form .srch_list { width:200px; float:left; }


/*======================================================
	物件詳細
=======================================================*/
.detail_head { margin:30px 0 0 30px; }
.detail_head img { width:440px; float:left; }
.detail_head .detail_head_dtl { margin:4px 0 0 14px; width:285px; float:left; }
.detail_head .detail_head_dtl p.price { margin:0 0 14px 0; font-size:20px; font-weight:bold; line-height:1em; }
.detail_head .detail_head_dtl p.price span.vacant { padding:3px 6px; background:#86bd60; color:#fff; font-size:12px; border-radius:3px; vertical-align:5px; }
.detail_head .detail_head_dtl p.price span.reserve  { padding:3px 6px; background:#1b95e0; color:#fff; font-size:12px; border-radius:3px; vertical-align:5px; }
.detail_head .detail_head_dtl p.price span.full { padding:3px 6px; background:#5d5d5d; color:#fff; font-size:12px; border-radius:3px; vertical-align:5px; }
.detail_head .detail_head_dtl p.price em { font-size:11px; color:#f28585; line-height:0; }
.detail_head .detail_head_dtl p.eki,
.detail_head .detail_head_dtl p.area,
.detail_head .detail_head_dtl p.room { margin:0 0 10px 0; font-size:14px; }
.detail_head p.area span,
.detail_head p.room span { font-size:12px; font-weight:bold; }
.detail_head ul.contact_fav {}
.detail_head ul.contact_fav li { float:left; }
.detail_head ul.contact_fav li.contact_btn a { margin:0 9px 0 0; padding:6px 10px; background-color:#a6b6d2; color:#fff; font-size:11px; text-align:center; border:solid 1px #97aacb; box-shadow:0px 3px 0px #97aacb; border-radius:3px; box-sizing:border-box; display:block; }
.detail_head ul.contact_fav li.fav_btn a { margin:0; padding:6px 10px; background-color:#508b2f; color:#fff; font-size:11px; text-align:center; border:solid 1px #457d26; box-shadow:0px 2px 0px #457d26; border-radius:3px; box-sizing:border-box; display:block; }

ul.detail_nav { margin:20px 0 0 30px; width:739px; border-bottom:1px solid #86bd60; }
ul.detail_nav li { margin:0 3px -1px 0; font-size:14px; text-align:center; border:1px solid #86bd60; width:20%; border-radius:3px 3px 0 0; float:left; }
ul.detail_nav li a { padding:8px 0; width:100%; color:#86bd60; display:block; }
ul.detail_nav li a:hover { color:#fff; background:#86bd60; }
ul.detail_nav li.current { background:#86bd60; }
ul.detail_nav li.current a { color:#fff; }

#campaign { margin:30px 0 0 30px; }
#campaign #campaign_img { padding:0 0 10px 0; display:block; }
#campaign #campaign_img img { vertical-align:bottom; }
#campaign #campaign_txt { padding:0 0 10px 0; font-size:14px; }

#spwrap { padding:0; border:none; }

h3.detail-h3 { margin:20px 0 5px 20px; padding:0 10px; width:769px; font-size:16px; font-weight:bold; box-sizing:border-box; }
p.detail-sub-text { margin:0 0 0 20px; padding:0 10px 20px 10px; width:769px; font-size:14px; box-sizing:border-box; }
ul.detail_category { width:739px; margin:0 0 20px 20px; padding:0 0 0 10px; }
ul.detail_category li { margin:0 1% 1% 0; padding:8px 0; width:18.93%; font-size:11px; color:#aa9166; text-align:center; border:1px solid #e5e5e5; float:left; }
ul.detail_category li:nth-child(5n) { margin:0 0 1% 0; }
.detail-contact-box { margin:0 0 0 30px; padding:0; width:739px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
.detail-contact-box p.contact-btm { margin:14px 0; width:50%; text-align:center; float:left; }
.detail-contact-box p.contact-btm a { padding:12px 0; color:#fff; background:#a6b6d2; border:solid 1px #97aacb; box-shadow:0px 3px 0px #97aacb; box-sizing:border-box; border-radius:3px; display:block; }
.detail-contact-box p.contact-tel { margin:14px 0; width:50%; text-align:center; border-radius:3px; float:left; }

.detail-contact-box2 { margin:38px 0 0 30px; padding:0; width:739px; }
.detail-contact-box2 p.contact-btm { margin:0; width:50%; text-align:center; float:left; }
.detail-contact-box2 p.contact-btm a { padding:12px 0; color:#fff; background:#a6b6d2; border:solid 1px #97aacb; box-shadow:0px 3px 0px #97aacb; box-sizing:border-box; border-radius:3px; display:block; }
.detail-contact-box2 p.contact-tel { margin:0; width:50%; text-align:center; border-radius:3px; float:left; }

div#detail-room { margin:20px 0 0 30px; }
div#detail-room-left { width:300px; float:left; }
#detail-room-left li { margin:0 10px 10px 0; float:left; width:93px; }
#detail-room-left li:nth-child(3n) { margin:0 0 10px 0; }
#detail-room-left li a { height:93px; overflow:hidden; display:block; background-size:cover; }
div#detail-room-right { width:408px; font-size:14px; float:right; }
div#detail-room-right h4 { background:#f6f6f6; padding:5px 10px; }

table.table01 { margin:0 0 20px 0; width:100%; }
table.table01 th { padding:5px 0 5px 10px; font-weight:bold; width:35%; }
table.table01 td { width:65%; }
p.estate_att { font-size:12px; padding:10px; }

#detail-room-foot { clear:both; }
#detail-room-foot ul { margin:10px 0 0 0; width:100%; font-size:12px; }
#detail-room-foot li { margin:0 10px 5px 0; float:left; }
#detail-room-foot h3 { margin: 30px 0 10px 0; font-weight: bold; }
#detail-room-foot h3 span { font-size:14px; color:#86bd60; }
#detail-room-foot p { font-size:14px; }
#detail-room-foot p.map_att { margin:5px 0 10px 0; font-size:11px; color:#5d5d5d; }
#detail-room-foot p.map_att br { display:none; }

#detail-room-prof { margin:0 0 0 30px; }
#detail-room-prof h3 { margin: 30px 0 10px 0; font-weight: bold; }
#detail-room-prof h3 span { font-size:14px; color:#86bd60; }
#detail-room-prof p { font-size:14px; }

p.date { margin:6px 0 0 0; width:100%; font-size:10px; text-align:right; }
ul.room-date { margin:10px 0 38px 30px; width:100%; font-size:12px; float:left; }
ul.room-date li { margin:0 3px 0 0; width:10%; text-align:center; float:left; }
ul.room-date li a { padding:2px 3px; color:#5d5d5d; border-radius:3px; border:1px solid #5d5d5d; display:block; }
ul.room-date li a:hover { background:#5d5d5d; color:#fff; }
ul.room-date li.current a { padding:2px 3px; color:#fff; border-radius:3px; background:#5d5d5d; border:1px solid #5d5d5d; display:block; }

table.vacancy { margin:0 0 0 30px; width:739px; }
table.vacancy tr {  }
table.vacancy th { padding:0 0 3px 0; font-size:12px; font-weight:bold; border-bottom:1px solid #dadada; }
table.vacancy th.colcol1 { width:15%;}
table.vacancy th.colcol2 { width:15%;}
table.vacancy th.colcol3 { width:20%;}
table.vacancy th.colcol4 { width:20%;}
table.vacancy th.colcol5 { width:10%;}
table.vacancy th.colcol6 { width:20%;}
table.vacancy td { padding:10px 0; font-size:14px; border-bottom:1px solid #dadada; }
table.vacancy td.nobdr { padding:10px 0 0 0; border:none; }
table.vacancy td.room_price { font-size:18px; font-weight:bold; }
table.vacancy td.room_text { padding:6px 0 10px 0; font-size:11px; color:#aa9166; }
table.vacancy span.vacant { margin:0; padding:3px 6px; background:#86bd60; width:30px; color:#fff; font-size:12px; text-align:center; border-radius:3px; }
table.vacancy span.reserve { margin:0; padding:3px 6px; background:#1b95e0; width:30px; color:#fff; font-size:12px; text-align:center; border-radius:3px; }
table.vacancy .xpire { margin:3px 0 0 0; font-size:11px; color:#1b95e0; }
table.vacancy span.full { margin:0; padding:3px 6px; background:#5d5d5d; width:30px; color:#fff; font-size:12px; text-align:center; border-radius:3px; }



/*======================================================
	favorite
=======================================================*/
p.all-contact { margin:30px 0 10px 30px; font-size:20px; text-align:center; }
p.all-contact a { padding:10px; color:#fff; background:#a6b6d2; border:solid 1px #97aacb; box-shadow:0px 3px 0px #97aacb; box-sizing:border-box; border-radius:3px; display:block; }
p.all_zero { padding:100px 0 0 30px; font-size:16px; line-height:2em; }
#search-result-list li p.delete { position:absolute; bottom:2px; right:0; z-index:10; }
#search-result-list li p.delete a { padding:2px 9px; color:#fff; width:3em; background:#5d5d5d; font-size:10px; border-radius:3px; display:block; }
#search-result-list li p.fv_check { position:absolute; bottom:0; left:0; width:100%; font-size:10px; color:#86bd60; box-sizing:border-box; display:block; }
#search-result-list li p.fv_check input[type="checkbox"] { display:none; }
#search-result-list li p.fv_check .checkbox { position:relative; box-sizing:border-box; display:inline-block; margin:0 6px 6px 0; padding:6px 6px 6px 30px; vertical-align:middle; border:1px solid #e5e5e5; cursor:pointer; width:269px; font-size:12px; background-color:#fff; }
#search-result-list li p.fv_check .checkbox:hover { background-color: #e2edd7; }
#search-result-list li p.fv_check .checkbox:hover:after { border-color: #53b300; }
#search-result-list li p.fv_check .checkbox:after { -webkit-transition:border-color 0.2s linear; transition:border-color 0.2s linear; position:absolute; top:50%; left:6px; display:block; margin-top:-10px; width:16px; height:16px; border:1px solid #bbb; content: ''; }
#search-result-list li p.fv_check .checkbox:before { -webkit-transition:opacity 0.2s linear; transition:opacity 0.2s linear; position:absolute; top:50%; left:11px; display:block; margin-top:-8px; width:5px; height:9px; border-right: 3px solid #53b300; border-bottom:3px solid #53b300; content:''; opacity:0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
#search-result-list li p.fv_check input[type=checkbox]:checked + .checkbox:before { opacity:1; }


/*======================================================
	static
=======================================================*/
#static { margin:30px 0 0 30px; }
#static p.s_txt { margin:0 0 26px 0; font-size:12px; line-height:1.8; }
#static p.s_txt strong { font-weight:bold; font-size:14px; }
#static p.s_txt span { font-weight:bold; }
#static ul.s_list { margin:-13px 0 26px 0; }
#static ul.s_list li { padding:0 0 0 1em; text-indent:-1em; list-style:none; font-size:12px; }
#static p.tolink a { margin:50px 25% 0 25%; padding:10px; background:#a6b6d2; border:solid 1px #97aacb; box-shadow:0px 3px 0px #97aacb; color:#fff; width:50%; text-align:center; border-radius:5px; box-sizing:border-box; display:block; }
#static p.top_txt { margin:0 0 30px 0; font-size:14px; line-height:1.6em; }



/*======================================================
	シェアハウスとは
=======================================================*/
div.about_topimg { margin:0 auto 48px auto; width:737px; }
div.about_top { margin:0 0 8px 0; font-size:16px; font-weight:bold; color:#86bd60; }
p.about_txt { margin:0 0 26px 0; padding:0; font-size:14px; width:100%; line-height:1.8; }
p.about_txt2 { margin:0 0 8px 0; padding:0; font-size:14px; width:100%; line-height:1.8; }
h2.about_ttl { margin:0 0 14px 0; padding:8px 16px 12px; color:#fff; font-size:16px; width:100%; background-color:#86bd60; line-height:1.2em; border-radius:3px; box-sizing:border-box; }
h2.about_ttl span { font-size:12px; color:#fff; }
table.about_tbl { margin:0 0 26px 0; border-collapse:collapse; border:solid 1px #e4e4e4; border-radius:3px; }
table.about_tbl thead th { padding:8px; font-size:14px; width:25%; background-color:#e4e4e4; border:solid 1px #fff; }
table.about_tbl tbody th { padding:8px; font-size:14px; color:#fff; background-color:#86bd60; border:solid 1px #fff; }
table.about_tbl tbody td { padding:8px; font-size:14px; border:solid 1px #e4e4e4; }
ul.about_list { margin:0; }
ul.about_list li { margin:0 0 6px 0; padding:12px; font-size:14px; list-style:none; border:solid 1px #e4e4e4; border-radius:3px; }
ul.about_list li:last-child { margin:0 0 24px 0; }
ul.about_list li strong { color:#508b2f; font-weight:bold; }
.about_merit { margin:0 2% 24px 0; padding:30px; font-size:14px; width:49%; border:solid 1px #e4e4e4; border-radius:3px; box-sizing:border-box; float:left; }
.about_demerit { margin:0 0 24px 0; padding:30px; font-size:14px; width:49%; border:solid 1px #e4e4e4; border-radius:3px; box-sizing:border-box; float:left; }
p.about_txt3 { margin:0 0 10px 0; font-size:14px;color:#508b2f; font-weight:bold; }
ul.about_list2 { margin:0; }
ul.about_list2 li { margin:0 0 10px 1.5em; font-size:14px; list-style:disc; }
ul.about_list2 li:last-child { margin:0 0 0 1.5em; } 
img.about_rightph { margin:0 0 0 30px; float:right; }



/*======================================================
	会社概要
=======================================================*/
dl.company-list { font-size:14px; border-top:1px solid #e4e4e4; }
dl.company-list:first-child { margin:-2% 0 0 0; border-top:none; }
dl.company-list dt { padding:2% 5% 2% 0; width:20%; float:left; }
dl.company-list dd { padding:2% 5% 2% 0; width:70%; float:left; }



/*======================================================
	正社員募集
=======================================================*/
dl.recruit-list { font-size:14px; border-top:1px solid #e4e4e4; }
dl.recruit-list:first-child dt { padding:2% 3% 2% 2%; border-top:none; }
dl.recruit-list dt { padding:2% 5% 2% 0; width:20%; float:left; }
dl.recruit-list dd { padding:2% 5% 2% 0; width:70%; float:left; }
.recruit-ttl { padding:1% 3%; background-color:#5d5d5d; font-size:18px; color:#fff; line-height:1.3em; }
.recruit-ttl span { font-size:14px; color:#fff; }



/*======================================================
	メールマガジン
=======================================================*/
p.mm_txt { margin:0 0 30px 0; font-size:14px; }
table#mm_form { margin:60px 0 0 0; width:100%; }
table#mm_form th { width:20%; font-size:14px; }
table#mm_form th label { margin:0 0 10px 0; }
table#mm_form td { width:80%; font-size:14px; }
table#mm_form td input[type="text"] { margin:0 0 10px 0; width:100%; padding:10px; border:solid 1px #e4e4e4; border-radius:3px; }
input[type="submit"]#mm_submit { margin:0 0 200px 20%; padding:10px 0; width:20%; color:#fff; font-size:14px; background-color:#a6b6d2; border:solid 1px #97aacb; box-shadow:0px 3px 0px #97aacb; box-sizing:border-box; border:none; border-radius:3px; }



/*======================================================
	おすすめ物件特集
=======================================================*/
#pickup-list li { margin:0 0 20px 0; padding:0; }
#pickup-list li a:hover { background-color:rgba(0, 0, 0, 0.02); display:block; }
#pickup-list img { width:100%; display:block; }
#pickup-list h4 { margin:10px 0 6px 0; width:100%; font-weight:bold; color:#3f3f3f; }
#pickup-list p { margin:0 0 30px 0; padding:0 0 30px 0; width:100%; font-size:14px; color:#3f3f3f; border-bottom:solid 1px #e4e4e4; }
.blog_content {}
.blog_content h4 { margin:32px 0 16px 0; font-size:18px; color:#86bd60; font-weight:bold; }
.blog_content p strong { font-size:14px; font-weight:bold; color:#3f3f3f; }
.blog_content p { margin:10px 0 6px 0; font-size:14px; line-height:1.8em; }
.blog_content p span { color:#444; font-size:10px; }
.blog_content img.full { width:100%; }
.blog_content img.left { padding:0 10px 0 0; width:30%; float:left; }
.blog_content img.right { padding:0 0 0 10px; width:30%; float:right; }
.blog_content div.leftbox { margin:10px 0 6px 0; padding:0 10px 0 0; width:30%; color:#444; font-size:10px; float:left; }
.blog_content div.leftbox img { width:100%; }
.blog_content div.rightbox { margin:10px 0 6px 0; padding:0 0 0 10px; width:30%; color:#444; font-size:10px;float:right; }
.blog_content div.rightbox img { width:100%; }
.blog_content p a.bdetail { margin:50px 25% 0 25%; padding:10px; background:#86bd60; color:#fff; width:50%; text-align:center; border-radius:5px; display:block; } 



/*======================================================
	街の雰囲気で探す
=======================================================*/
.town {}
.town p.toplead { margin:0 0 30px 0; font-size:14px; line-height:1.8em; }
.town iframe { margin:0; width:739px; height:300px; }
.town .access { margin:30px 0 60px 0; }
.town h3.accessttl { margin:0; padding:65px 0 0 0; font-size:18px; width:160px; height:160px; color:#fff; text-align:center; font-weight:bold; background-color:#86bd60; box-sizing:border-box; float:left; }
.town p.accesstxt { margin:0 0 6px 19px; font-size:14px; width:560px; line-height:1.8em; float:left;  }
.town h3 { margin:32px 0 6px 0; padding:10px 16px; font-size:18px; font-weight:bold; color:#fff; background-color:#86bd60; border-radius:3px; }
.town p { margin:0 0 30px 0; font-size:14px; line-height:1.8em; }
.town .block {margin: 0 0 60px 0;border-bottom: 1px dotted #86bd60; padding: 0 0 60px 0;}
.town .bolino { border-bottom: none;}
.town .block .block01_left { width:419px; float:left; }
.town .block .block01_right { margin:82px 0 0 20px; width:300px; float:left; }
.town .block .block02_left {  margin:0 20px 0 0; width:300px;float:left; }
.town .block .block02_right { width:419px; float:left; }
.town .block .blockttl { margin:0 0 16px 0; padding:0; width:100%; color:#86bd60; font-size:18px; }
.town .block .blockttl strong { font-size:24px; color:#3f3f3f; }
.town .block p { margin:10px 0 6px 0; font-size:14px; line-height:1.8em; }
.town .block dl {}
.town .block dl dt { margin:0 20px 0 0; width:59px; font-size:12px; font-weight:bold; float:left; }
.town .block dl dd { margin:0; width:340px; font-size:12px; font-weight:bold;  float:left; }
.town dl#area_price {}
.town dl#area_price dt { margin:0 20px 10px 0; width:119px; font-size:14px; font-weight:bold; float:left; }
.town dl#area_price dd { margin:0 0 10px 0; width:600px; font-size:14px; float:left; }
.town .area_link_ttl { margin:20px 0 16px 0; padding:0; color:#86bd60; font-size:14px; font-weight:bold; }
.town ul#area_link {}
.town ul#area_link li { margin:0 6px 6px 0; float:left; }
.town ul#area_link li a { padding: 0px; color: #fff; font-size: 14px; border: solid 2px #86BD5E; display: flex;}
ul#townlist {}
ul#townlist li { margin:0 17px 17px 0; float:left; }
ul#townlist li:nth-child(3n) { margin:0 0 17px 0; float:left; }
ul#townlist li a { width:235px; height:235px; display:block; }


/*======================================================
	お問い合わせ
=======================================================*/
dl.contact-list { font-size:14px; border-top:1px solid #e4e4e4; }
dl.contact-list dt { padding:2% 5% 2% 0; width:25%; float:left; }
dl.contact-list dt span { font-size:12px; color:#86bd60; }
dl.contact-list dd { padding:2% 5% 2% 0; width:65%; float:left; }
dl.contact-list dd strong { font-weight:bold; }
dl.contact-list dd input[type="text"] { padding:6px; font-size:12px; width:100%; border:solid 1px #e4e4e4; border-radius:3px; box-sizing:border-box; }
dl.contact-list dd input[type="number"] { padding:6px; font-size:12px; width:20%; border:solid 1px #e4e4e4; border-radius:3px; box-sizing:border-box; }
dl.contact-list dd.half input[type="text"] { padding:6px; font-size:12px; width:40%; border:solid 1px #e4e4e4; border-radius:3px; box-sizing:border-box; }
dl.contact-list dd input[type="tel"] { padding:6px; font-size:12px; width:100%; border:solid 1px #e4e4e4; border-radius:3px; box-sizing:border-box; }
dl.contact-list dd input[type="email"] { padding:6px; font-size:12px; width:100%; border:solid 1px #e4e4e4; border-radius:3px; box-sizing:border-box; }
dl.contact-list dd input[type="password"] { padding:6px; font-size:12px; width:100%; border:solid 1px #e4e4e4; border-radius:3px; box-sizing:border-box; }
dl.contact-list dd textarea { padding:6px; font-size:12px; width:100%; border:solid 1px #e4e4e4; border-radius:3px; box-sizing:border-box; }
dl.contact-list dd em { font-style:normal; font-size:10px; }

p.sub-text−contact { margin:20px 0; font-size:12px; color:#a66513; }
p.contact-private { padding:1% 0; font-size:14px; }
p.submit-b { margin:50px auto 0 auto; width:50%; }
p.submit-b input[type="submit"] { padding:10px; background:#a6b6d2; color:#fff; width:100%; border:solid 1px #97aacb; box-shadow:0px 3px 0px #97aacb; box-sizing:border-box; border-radius:5px; border:none; cursor: pointer;}

section ul#pagenation { margin:16px 0 0 0; float:right; }
section ul#pagenation li { margin:0 2px 0 0; width:20px; height:20px; font-size:70%; line-height:1.8em; background-color:#fff; text-align:center; border:solid 1px #ccc; border-radius:3px; float:left; }
section ul#pagenation li a { width:20px; height:20px; color:#7c5b2c; text-decoration:none; display:block; }
section ul#pagenation li a:hover { background-color:#e5f2ff; }


/*======================================================
	colum
=======================================================*/
#static .column { margin:0 0 100px 0; }
#static .column ul {}
#static .column li { padding:14px 0; border-bottom: 1px solid #d8d8d8; }
#static .column li:first-child { padding:0 0 14px 0; border-bottom: 1px solid #d8d8d8; }
#static .column li:hover { background-color:rgba(0, 0, 0, 0.02); }
#static .column li .eyecatch { width:269px; float:left; }
#static .column li .eyecatch img { width:100%; }
#static .column li .texts { margin:0 0 0 14px; width:456px; float:left; }
#static .column li .texts h2.title { margin:0 0 16px 0 !important; font-size:18px; }
#static .column li .texts h2.title a { color:#2f2f2f; font-weight:bold; }
#static .column li .texts h2.title a:hover { background-color:#f6f6f6; }
#static .column h1 { display:none; }
#static .column p { margin:10px 0 6px 0; font-size:14px; line-height:1.8em; }

#static .columninr { margin:0 0 100px 0; }
#static .columninr h2 { margin:32px 0 16px 0; font-size:18px; color:#86bd60; font-weight:bold; }
#static .columninr h3.inner3 { margin:12px 0 16px 0; padding:0 0 12px 0; width:100%; border-bottom:solid 1px #e4e4e4; display:block; }
#static .columninr h3.inner3 a { font-size:24px; color:#2f2f2f; }
#static .columninr h4 { margin:16px 0 6px 0; font-size:14px; color:#2f2f2f; font-weight:bold; }
#static .columninr p { margin:10px 0 6px 0; font-size:14px; line-height:1.8em; }
#static .columninr table { margin:0 0 6px 0; }
#static .columninr table thead th { padding:8px; font-size:14px; width:25%; background-color:#e4e4e4; border:solid 1px #fff; }
#static .columninr table tbody th { padding:8px; font-size:14px; color:#fff; background-color:#86bd60; border:solid 1px #fff; }
#static .columninr table tbody td { padding:8px; font-size:14px; border:solid 1px #e4e4e4; }

#static .pagination { margin:16px 0 0 0; float:right; }
#static .pagination span { margin:0 2px 0 0; width:20px; height:20px; font-size:70%; line-height:1.8em; background-color:#fff; text-align:center; border:solid 1px #ccc; border-radius:3px; text-decoration:none; display:block; float:left; }
#static .pagination a { margin:0 2px; width:20px; height:20px; font-size:70%; line-height:1.8em; background-color:#fff; text-align:center; border:solid 1px #ccc; border-radius:3px; text-decoration:none; display:block; float:left; }
#static .pagination a:hover {  }
#static .pagination a.next { margin:0 0 0 2px; width:auto; border:none; background:none; }
#static .pagination a.prev { margin:0 2px 0 0; width:auto; border:none; background:none; }


/*======================================================
	autocomplete
=======================================================*/
.ui-autocomplete { position: absolute; top: 100%; left: 0; z-index:2147483647; float: left; display: none; min-width: 160px;   padding: 4px 0; margin: 0 0 10px 25px; list-style: none; background-color: #ffffff; border-color: #ccc; border-color: rgba(0, 0, 0, 0.2); border-style: solid; border-width: 1px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; *border-right-width: 2px; *border-bottom-width: 2px;}
.ui-menu-item > a.ui-corner-all { display: block; padding: 3px 15px; clear: both; font-weight: normal; line-height: 18px; color: #555555; white-space: nowrap; text-decoration: none; }
.ui-state-hover, .ui-state-active { color: #ffffff; text-decoration: none; background-color: #0088cc; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; background-image: none; }
.ui-state-focus { text-decoration: none; background-color: #ddd; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; background-image: none; }
.datepicker{ z-index:1151 !important; }
.ui-menu .ui-menu-item:hover { background: #eeeeee; }


/*======================================================
	message
=======================================================*/
.error-message{ color:#ff0000; font-size:14px; }
#flashMessage { color:#ff0000; font-size:14px; }