@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}
h1 {
	clear: both;
}
* {
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0px;
	padding: 0px;
	font-family: "メイリオ", Meiryo, Arial, Helvetica, sans-serif;
	line-height: 1.5;
	font-size: 13px;
	color: #333;/*background-image:url(https://www.sumirin-residential.co.jp/rent/common/img/bg_under.jpg);
	background-repeat:repeat;*/
}
p, dl, dt, dd, div, ol, ul, li {
	margin: 0px;
	padding: 0px;
}
ul, li {
	list-style: none;
}
a img {
	border: 0;
}
img {
	vertical-align: bottom;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	max-width: 100%;
	height: auto;
}
hr {
	display: none;
}
sub, sup{
	font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
html>/**/body .clearfix {
	height /*\**/: 1px\9;
	height: auto\9;
	overflow: hidden\9;
}
textarea {
	font-size: 100%;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	display: block;
}
a {
	color: #333;
	text-decoration: underline;
}
a:link {
	color: #333;
	text-decoration: underline;
}
a:hover {
	color: #84AD00;
	text-decoration: underline;
}
a:visited {
	color: #333;
	text-decoration: underline;
}
a:active {
	text-decoration: underline;
}
#contents a:hover{
	color: #84AD00;
	text-decoration: underline;
}
#Navi_inner a:hover{
	color: #84AD00;
	text-decoration: underline;
}
.f_inner a:hover{
	color: #84AD00;
	text-decoration: underline;
}

label:hover {
	background-color: #DDEFF1;
}
/*text*/
.Center {
	text-align: center;
}
.Right {
	text-align: right;
}
.middle {
	font-size: 14px;
}
.small {
	font-size: 92%;
}
.small2 {
	font-size: 84%;
}
.red {
	color: #CC0000;
}
/*margin*/
.m_t_3 {
	margin-top: 2%;
}
.m_t_10 {
	margin-top: 10px;
}
.m_t_15 {
	margin-top: 15px;
}
.m_t_20 {
	margin-top: 20px;
}
.m_t_25 {
	margin-top: 25px;
}
.m_l_15{
	margin-left:15px;
}
/*padding*/
.p_b_5 {
	padding-bottom: 5px;
}
.p_t_10 {
	padding-top: 10px;
}
.p_b_10 {
	padding-bottom: 10px;
}
.p_b_15 {
	padding-bottom: 15px;
}
.p_b_20 {
	padding-bottom: 20px;
}
.p_5 {
	padding: 5px;
}
.p_10 {
	padding: 10px;
}
.p_20 {
	padding: 20px;
}
.cl_both {
	clear: both;
}
/*wrap*/
#wrap {
/*background-image:url(http://www.sumirin-residential.co.jp/rent/common/img/bg_header.jpg);
	background-repeat:repeat-x;
	background-position:center top;*/
}
#container_bg{
	background-color:#DEEABD;
	padding:1% 0;
	margin:1% 0 0 0;
}
.sp {
	display: block;
}
.pc {
	display: none;
}
/*contents/////////////////////////////////////////////*/
#contents {
	margin: 15px 10px 15px;
	font-size: 13px;
}
#contents h1.search_title2 {
	border-bottom: 3px solid #009C5A;
	margin: 0px 0px 15px;
	padding: 0 0 10px 30px;
	font-size: 150%;
	background-image: url(../imgs/icon_search.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
#contents h1.nomal_title2 {
	border-bottom: 3px solid #009C5A;
	margin: 0px 0px 15px;
	padding: 0 0 10px 0px;
	font-size: 150%;
	/*background-image: url(../imgs/icon_search.jpg);
	background-position: left top;
	background-repeat: no-repeat;*/
}
#contents h3 {
	border-bottom: 1px solid #bbb;
	border-left: 5px solid #84AE00;
	margin: 0px 0px 15px;
	padding: 5px 0 5px 15px;
	font-size: 130%;
	clear:both;
}
#contents h4 {
	border-left: 5px solid #84AE00;
	margin: 0px 0px 10px;
	padding: 5px 0 5px 15px;
	font-size: 130%;
	font-weight:bold;
}
/*header*/
#head {
	display: none;
}
#Navi {
	display: none;
}
/*sp navi*/
#sp_header {
	margin-bottom: 15px;
	margin-top: 20px;
	overflow: hidden;
	/*border-bottom:#CCCCCC 1px solid;
    -webkit-box-shadow: 0 1px 3px #CCCCCC;
    -moz-box-shadow: 0 1px 3px #CCCCCC;
    box-shadow: 0 1px 3px #CCCCCC;*/
	text-align: center;
}
#sp_header_inner {
	background-color: #FFF;
	padding: 0.5% 2% 0.7% 2%;
	overflow: hidden;
}
#sp_header h1 {
	font-size: 0.5em;
	line-height: 140%;
	padding: 0.5em 0 0.6em 0;
	color: #393939;
	font-weight: normal;
}
#logo {
	width: 85%;
	float: left;
	margin: 5px 0 0;
	padding: 0;
	text-align: left;
}
#nav_sp {
	width: 90%;
	position: absolute;
	left: 10px;
	top: 50px;
	z-index: 10000;
	display: none;
	padding: 10px 5px;
	background-image:url(../images/bg_grey.jpg);
	border: 1px solid #ccc;
	text-align: left;
}
#nav_sp ul li {
	width: 95%;
	line-height: 160%;
	margin: 0 auto;
	list-style: none;
	border-bottom: 1px solid #c2c2c2;
	background: #fff;
	background-image: url(images/menu_link.png);
	background-position: 95% center;
	background-repeat: no-repeat;
}
#nav_sp ul li a {
	color: #000;
	display: block;
	padding: 15px 10px;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}
#nav_sp ul li a:link {
	color: #000;
	display: block;
	padding: 15px 10px;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}
#nav_sp ul li a:visited {
	color: #000;
	display: block;
	padding: 15px 10px;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}
#nav_sp ul li img {
	margin:0 7px 0 0;
}
#nav_sp .btn_menu_cl {
	width: 100%;
	text-align: center;
	padding: 10px 0 0 0;
}
#masthead {
	display: none;
}
#sp_header_menu {
	display: block;
	background-color: #009C5A;
	padding: 3% 0;
	overflow: hidden;
	width: 100%;
}
#sp_header_menu_inner {
	margin: 0 auto;
	width: 90%;
}
#sp_header_menu ul {
	display: block;
	margin: 0 auto;
}
#sp_header_menu ul li {
	float: left;
	width: 33.333%;
	display: block;
}
/*footer///////////////////////////////////////*/
#footer01{
	display:none
}
#footer02{
	display:none
}
#footer03{
	display:none
}
#copy{
	padding:15px 0;
	clear:both;
	background-color:#91BA30;
	color:#FFF;
	text-align:center;
}
#pankuzu {
	display: none;
}
/*----------------------------------
   search
------------------------------------*/
.area{
	background-color:#F0EDE3;
	padding:20px;
	text-align:center;
	margin-bottom:1.5%;
	overflow:hidden;
}
.line{
	background-color:#F0EDE3;
	padding:20px;
	text-align:center;
	margin-bottom:3%;
	overflow:hidden;
}
.tokushu_pc{
	margin-bottom:3%;
	overflow:hidden;
	display:none;
}
.tokushu_pc ul li{
	display:block;
	width:19%;
	float:left;
	margin:0 1% 0 0;
}

.tokushu_sp{
	margin-bottom:3%;
	overflow:hidden;
}
.tokushu_sp ul li{
	background-image:url(../images/arrow.jpg);
	background-position:left;
	padding:0 0 0 20px;
	background-repeat:no-repeat;
}

span.search_title {
	font-size:70%;
}
.fl_left{
	width:70%;
	float:left;
}
.fl_right{
	width:30%;
	float:right;
	text-align:right;
}
.area span{
	font-size:150%;
	color:#B20000;
}
input {
	margin: 7px 7px 7px 0;
}
.slidepane_box {
	overflow: hidden;
	clear: both;
}
.slidepane_box h4 {
	border-bottom: 1px solid;
	padding: 4% 0 8px;
	margin: 0 0 8px;
	font-weight: bold;
	font-size: 110%;
	clear:both;
}
/*panel*/
#slidepanel dl {
	width: 100%;
}
#slidepanel dl dt {
	max-width: 926px;
	margin: 10px 0 0 0;
	min-height: 20px;
	height: auto!important;
	height: 20px;
	padding: 10px 24px;
	background-color: #019B5D !important;
	border-radius: 5px 5px;
	color: #fff;
	font-size: 130%;
}
#slidepanel dl dt.open {
	background: #F1E6DC url(../imgs/slide_open.jpg) no-repeat right;
	cursor: pointer;
}
#slidepanel dl dt.close {
	background: #F1E6DC url(../imgs/slide_close.jpg) no-repeat right;
}
#slidepanel dl dd {
	padding: 15px 20px;
	background-color: #fff;
	border: 3px #019B5D solid;
	margin: -3px 0 0 0;
	border-radius: 0 0 5px 5px;
	display: block;
	overflow: hidden;
}
#slidepanel dl dd.close {
	display: none;
}
.reset{
	float:left;
}
.search{
	float:right;
}
.c1{
	margin-top:15px !important;
}

/*----------------------------------
   index
------------------------------------*/

#index_bg{
	background-color:#FFF;
}
#index_bnr{
	overflow:hidden;
	width:100%;
	margin:0 0 2%;
}
#index_bnr a:link{
	text-decoration:none !important;
}
#index_bnr p{
	display:none;
}
#index_bnr h6{
	color:#84AC00;
	font-size:120%;
	font-weight:bold;
	margin:-5px 0 0;
}
a.index_bnr1{
	text-decoration:none;
}
.index_bnr1{
	border:3px solid #84AD00;
	background-color:#FFF;
	border-radius:5px;
	padding:8px;
	width:88%;
	/*background-image:url(../images/arrow.jpg);
	background-position:top right;
	background-repeat:no-repeat;*/
	margin:3% auto 0;
}
.index_bnr2{
	border:3px solid #84AD00;
	background-color:#FFF;
	border-radius:5px;
	padding:8px;
	width:88%;
	/*background-image:url(../images/arrow.jpg);
	background-position:top right;
	background-repeat:no-repeat;*/
	margin:3% auto 0;
}
#bnr{
	margin:2% 0 0 0;
	overflow:hidden;
	clear:both;
}
.bnr_mr{
	margin:0 2% 0 0;
}

#bnr ul{
}
#bnr ul li {
	display: block;
	width: 48%;
	float: left;
	margin-bottom: 2%;
}
#bnr ul li img{
	width:100%;
}

.kensaku{
	margin:0 0 5%;
	overflow:hidden;
}
.kensaku a:link {
    text-decoration: none !important;
}
a .kensaku_btn{
	background-color:#E62931;
	border-radius:5px ;
	padding:3%;
	border-bottom:7px #AA171D solid;
	color:#fff;
	font-size:120%;
	text-decoration:none;
	text-align:center;

}
a:hover .kensaku_btn{
	margin:5px 0 0 0;
	border-bottom:2px #AA171D solid;
	text-decoration:none;
}
.btn_s{
	margin:0 0 0%;
	overflow:hidden;
}
.btn_agent a:link {
	text-decoration:none !important;
}
a .agent_btn{
	background-color:#84AD00;
	border-radius:5px ;
	padding:3%;
	border-bottom:7px #607B00 solid;
	color:#fff;
	font-size:120%;
	text-decoration:none;
	text-align:center;

}
a:hover .agent_btn{
	margin:5px 0 0 0;
	border-bottom:2px #607B00 solid;
	text-decoration:none;
}

/*--- RNP -----*/
a .agent_btn.cancel {
	background-color:#f23300;
	border-bottom:7px #cd2900 solid;
}
a:hover .agent_btn.cancel{
	border-bottom:2px #cd2900 solid;
	
}
/*-------------*/

#index_agent{
	/*background-image:url(../images/reagent_logo.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;*/
}
#index_agent p {
	font-size:100%;
	text-align:left;
	display:block;
	margin:1% 0 5% 0;
}
#index_agent div.agent_right {
	float:none;
}
#index_agent div.agent_left {
	float:none;
	text-align:center;
}
#index_agent div.agent_logo {
	display:none;
}
#index_agent .bls {
	color:#84AE00;
}
#index_map{
	display:none;
}
#sp_map{
	display:block;
}
/*----------------------------------
   search_list
------------------------------------*/
.list_box_name {
	background-color: #84AE00;
	border-radius: 5px 5px 0 0;
	color: #fff;
	margin: 20px 0 0;
	padding: 15px;
	font-size: 130%;
	clear: both;
}
.bkn_s a:hover{
	color:#fff;
}
.list_box_name2 {
	background-color: #84AE00;
	border-radius: 5px 5px 0 0;
	color: #fff;
	margin: 20px 0 0;
	padding: 15px;
	font-size: 130%;
	clear: both;
	text-align:center;
}
.list_box_name2 h2 span{
	font-size:70%;
	margin:0 0 0 10px;
}
.list_box_name h2 span.list {
	display: block;
	background-color: #E9C802;
	padding: 2px 5px 3px;
	float: right;
	font-size: 10px;
	border-radius: 3px;        /* CSS3草案 */
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 3px;   /* Firefox用 */
}
.list_box_name a {
	color: #fff;
	text-decoration: underline;
}
.list_box_detail {
	background-color: #fff;
	border: 3px solid #84AE00;
	border-radius: 0 0 5px 5px;
	margin: 0;
	padding: 10px;
}
.list_box_detail2 {
	background-color: #fff;
	border: 3px solid #84AE00;
	border-radius: 0 0 5px 5px;
	margin: 0;
	padding: 15px;
	z-index:1;
	
}
.list_box_detail3 {
	background-color: #fff;
	border: 3px solid #84AE00;
	border-radius: 0 0 5px 5px;
	margin: 0;
	padding: 15px;
}
.list_box_detail table {
	border: none;
	clear: both;
	width: 100%;
	font-size: 90%;
}
.list_box_detail table span {
	color: #B20000;
	font-size: 140%;
}
.list_box_detail table tr th {
	background-color: #E4E1D8;
	padding: 5px;
	text-align: center;
}
.list_box_detail table tr td {
	background-color: #F2F2F2;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}
.left_d {
	width: 30%;
	float: left;
	margin: 0 0 3%;
}
.left_d img {
	border: 1px solid #ccc;
	display: block;
	width: 99%;
	margin: 0 0 4%;
}
.right_d {
	width: 65%;
	float: right;
	margin: 0 0 3%;
}
.right_d p {
	margin: 0 0 10px;
}
.right_d p img {
	margin: 0 8px 0 0;
}
.right_d p.bb {
	border-bottom: 2px dotted #CCCCCC;
	padding: 0 0 10px;
}
.right_d2 {
	width: 100%;
	margin: 0 0 3%;
}
.right_d2 p {
	margin: 0 0 10px;
}
.right_d2 p img {
	margin: 0 8px 0 0;
}
.right_d2 p.bb {
	border-bottom: 2px dotted #CCCCCC;
	padding: 0 0 10px;
}
.point {
	background-color: #FAEEED;
	padding: 4%;
	margin: 2% 0 0;
}
.point span {
	background-color: #C10000;
	display: block;
	float: left;
	margin: 0 5px 0 0;
	font-size: 10px;
	color: #FFF;
	letter-spacing: 2px;
	border-radius: 3px;        /* CSS3草案 */
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 3px;   /* Firefox用 */
	padding: 1px 8px 1px;
}
/*pager*/
div.pager {
	border: 1px solid #999999;
	margin: 10px 4px 0px 0px;
	padding: 10px 2px 2px 10px;
	float: left;
	cursor: pointer;
}
div.pager_current {
	border: 1px solid #84AE00;
	background: #84AE00;
	margin: 10px 4px 0px 0px;
	padding: 10px 2px 2px 10px;
	color: #FFFFFF;
	float: left;
}
div.pager_disable {
	border: 1px solid #CCCCCC;
	margin: 10px 4px 0px 0px;
	padding: 10px 2px 2px 10px;
	color: #CCCCCC;
	float: left;
}
div.pagination {
	padding: 3px;
	margin: 2% 3px 3px 3px;
	text-align: center;
	max-width: 300px;
}
div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	text-decoration: none; /* no underline */
	color: #000;
}
div.pagination a:hover, div.digg a:active {
	border: 1px solid #84AE00;
	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #84AE00;
	font-weight: bold;
	background-color: #84AE00;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	color: #DDD;
}
/*select*/

.design-select-box{
}
.hit {
	width: 97%;
	margin: 3% 0 8px;
}
.hit span {
	color: #B20000;
	font-size: 200%;
}
.select {
	width: 100%;
	overflow: hidden;
	float: right;
	text-align: right;
	margin: 0 0 2%;
}
.list_k{
	float:right;
	display:block;
}
.detailed {
	clear: both;
}
/*----------------------------------
   search_detail
------------------------------------*/

/*gallery*/
#gallery {
	margin:  0 0 0;
	overflow: hidden;
}
#gallery_inner {
	/*background-color: #F0EFEA;*/
	overflow: hidden;
}
/*access*/
#access {
	margin: 3% 0 0 0;
}
#access #map {
	border: 1px solid #ccc;
	height: 150px;
}
/*detail*/
#detail {
	margin: 3% 0 0 0;
}
#detail table {
	border: none;
	clear: both;
	width: 100%;
}
#detail table span {
	color: #B20000;
	font-size: 140%;
}
#detail table tr th {
	background-color: #E4E1D8;
	padding: 10px 10px;
	text-align: left;
}
#detail table tr td {
	background-color: #F2F2F2;
	padding: 10px 10px;
}

/*garally*/
div#display_box {
	display: inline-block;
	/*border: 1px solid #CCCCCC;*/
	float: left;
	background-color: #FFF;
	position: relative;
	margin-bottom:10px;
	
 *display: inline;
 *zoom: 1;
}
div#layout_box {
	display: inline-block;
	/*border: 1px solid #CCCCCC;*/
	/*padding: 10px;*/
	background-color: #FFF;
	/*margin-right:20px;*/
	margin-bottom: 10px;
	float: left;
	height:300px;
	position: relative;
 *display: inline;
 *zoom: 1;
}
div#display_box img {
	/*position: absolute;
	top: 10px;
	left: 10px;*/
}

div#thumbnail_box {
	margin:0 0 2% 0;
	padding-bottom:1%;
	width:100%;

}

div.thumbnail {
	width:50px;
	border:1px solid #CCCCCC;
	margin-right:2px;
	margin-bottom:5px;
	padding:2px;
	float:left;
	cursor:pointer;
}

div#thumbnail_box img{
	height:50px;
	width:50px;
}

div#photo_hide {
	display:none;
}
#list_box_s{
	overflow:hidden;
	margin:10px 0 15px;
	clear:both;
}

#list_shousai_img{
	width:100%;
	margin:0 0 10px;
}
#list_shousai_img img{
	border:1px solid #ccc;
	width:47%;
}

#list_shousai{
	width:100%;
	overflow:hidden;
}
#chinryo_madori{
	overflow:hidden;
	margin:0 0 20px;
}
.chinryo{
	background-color:#EDF3D7;
	width:49%;
	float:left;
	height:90px;
	text-align:center;
}
.chinryo span{
	color:#BF0000;
	font-size:140%;
	font-weight:bold;
}
.chinryo p{
	background-color:#402000;
	display:block;
	color:#fff;
	padding:8px;
}
.madori{
	background-color:#EDF3D7;
	width:49%;
	float:right;
	height:90px;
	text-align:center;
}
.madori span{
	color:#BF0000;
	font-size:140%;
	font-weight:bold;
}
.madori p{
	background-color:#402000;
	display:block;
	color:#fff;
	padding:8px;
}
.shozaichi{
	clear:both;
	display:block;
}
.shozaichi span{
	background-color:#402000;
	color:#fff;
	padding:8px;
	margin:0 10px 0 0;
}
#detail_bg{
	background-color:#fff;
	border-radius:5px;
	padding:15px;
	margin:15px 0 0 0;
}
#icon_vacant{
	margin:0 0 15px;
	overflow:hidden;
}
#detail_icon{
	width:100%;
}

#vacant{
width:100%;
margin:10px 0 0 0;
}
.on{
	background-color:#C10000;
	color:#FFF;
	padding:3px;
}
.off{
	background-color:#DFDBD6;
	color:#FFF;
	padding:3px;
}
#camp{
		margin:0 0 10px;
		overflow:hidden;
}
.cash{
	background:#C30C00;
	border:2px solid #C30C00;
	color:#fff;
	padding:5px;
	float:left;
	width:93%;
	text-align:center;
	clear:both;

}
.cash_shousai{
	border:2px solid #C30C00;
	padding:5px;
	width:93%;
	float:left;
}
.cash_shousai2{
	border:2px solid #C30C00;
	padding:5px;
	width:93%;
	float:left;
}
.cash_shousai span{
	color:#C30C00;
	
}
.cash_shousai span2{
	color:#C30C00;
	
}

/*contact*/
#contact {
	margin: 3% 0 0 0;
	border: 3px solid #ddd;
	padding: 10px;
	overflow: hidden;
}
#right_content{
	width:100%;
	margin:0;
}
#left_content{
	/*width:100%;*/
	margin:0;
	background:#FFF;
	border:2px solid #84AE00;
	border-radius:5px;
	padding:15px;
	clear:both;
}
#contact img {
	margin: 0 8px 0 0;
}
#contact_inner {
	width: 100%;
	float: left;
	margin: 0 0 2%;
}
#contact_inner span {
	font-weight: bold;
	font-size: 100%;
}
.contact_btn {
	width: 100%;
	text-align: center;
}
.contact_map {
	width: 60%;
	float: left;
	border: 1px solid #ccc;
	height: 150px;
	display: none;
}
.contact_shousai {
	width: 38%;
	float: right;
	display: none;
}
/*----------------------------------
   contact
------------------------------------*/
#contact_form{
}
#contact_form table{
	border: none;
	clear: both;
	width: 100%;
	font-size:80%;
	
}
#contact_form table tr th{
	background-color: #E4E1D7;
	padding: 5px;
	vertical-align:middle;
	text-align:center;
}
#contact_form table tr td{
	background-color: #EDEDEA;
	padding: 5px;
}
.wpcf7-text {
    background-color: #fff;
    border: 1px solid #cccccc;
    border-radius: 5px;
    height: 3em;
    margin: 5px 8px;
	padding:0 10px;
}
.wpcf7-textarea {
    background-color: #fff;
    border: 1px solid #cccccc;
    border-radius: 5px;
}
.w32{
	width:85%;
}
.w52{
	width:85%;
}
.w42{
	width:85%;
}
.bkn{
	margin:2% 0;
}
.btn_area{
	clear:both;
	margin:5% 0 0 0;
}
.btn_area img{
	margin: 0 0 10px;
}
.form_btn{
	width:50%;
	height:8%;
	font-size:18px;
	font-weight:bold;
}
/*----------------------------------
   entry
------------------------------------*/
#entry p{
	margin:0 0 3%;
}
/*----------------------------------
   map_seac
------------------------------------*/
#map_seach{
	background:#ccc;
}
#search {
    background-color: #e1e1e1;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    font-size: 0.8em;
    margin: 0 15px 15px 0;
    padding: 5px;
    width: 96%;
	overflow:hidden;
}
/*----------------------------------
   agent
------------------------------------*/

.a_s{
	overflow:hidden;
	margin:0 0 2%;
	z-index:1;
}
/*.agent{
	text-align:center;
	width:50%;
	float:left;
	z-index:1;
}*/

.agent{
	text-align:left;
	max-width:260px;
	width:90%;
	height:100px;
	margin:0 20px 20px 0;
	float:left;
	background:#666;
	color:#FFF;
	border-left:#84AE00 20px solid;
	position:relative;
}

.agent label.agent_radio {
	position:absolute;
	top:0;
	left:-17px;
}

.agent label.agent_radio input {
	display:block;
	width:17px;
	height:100px;
	margin:0;
	padding:0;
}

.agent div.display_info {
	height:100px;
}

.agent div.agent_name {
	padding:5px 0 2px 0;
	margin:0 10px 3px 10px;
	font-size:120%;
	border-bottom:#FFF solid 1px;
	cursor:pointer;
}

.agent div.easy_prof {
	padding:5px 0 0 0;
	margin:0 0 3px 10px;
	font-size:100%;
}

div.send_agent {
	text-align:center;
	margin:40px 0 10px 0;
}

div.send_agent a {
	display:inline-block;
	width:247px;
	height:40px;
	line-height:40px;
	background:#84AE00;
	font-size:120%;
	color:#FFF;
	text-decoration:none;
	border-radius: 3px;/* CSS3草案 */
	-webkit-border-radius: 3px;/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;/* Firefox用 */
}

#area_btn{
	overflow:hidden;
	margin:0 0 2%;
}

/*fukidasi*/
    div.tooltip {  
        width: 250px;  
        position: absolute;  
        left: -9999px;  
        background: #fff;  
        padding: 5px;  
        border: 5px solid #ccc;  
    }  
      
    div.tooltip p{  
        color: #333;  
        background: #fff;  
        padding: 5px 10px;  
    }  
	div.tooltip p span{
		font-size:140%;
		font-weight:bold;
	}

/*lightbox*/
#light_comtents {
	max-width: 300px;
	height:100px;
}

/*タブレット　768px以上*/
@media screen and (min-width:768px) {
.sp {
	display: none;
}
.pc {
	display: block;
}
/*sp navi*/
#sp_header {
	display: none;
}
#sp_header_menu {
	display: none;
}
/*header*/
#head {
	max-width: 980px;
	margin: 0px auto;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	display: block;
	overflow:hidden;
}
#head p#Logo {
	float: left;
	width: 30%;
}
ul#head_menu {
	float: right;
	display: block;
	width: 283px;
}
ul#head_menu li {
	list-style: none;
	float: left;
	display: block;
	padding-left: 15px;
}
ul#head_menu li a {
	display: block;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	overflow: hidden;
	height: 12px;
}
#detail_bg{
	background-color:#fff;
	border-radius:5px;
	padding:25px;
	margin:15px 0 0 0;
}
ul#head_menu li a:hover {
	background-position: 0px -12px;
}
ul#head_menu li a#head_menu01 {
	background-image: url(https://www.sumirin-residential.co.jp/rent/common/img/headmenu_01.gif);
	width: 55px;
}
ul#head_menu li a#head_menu02 {
	background-image: url(https://www.sumirin-residential.co.jp/rent/common/img/headmenu_02.gif);
	width: 115px;
}
ul#head_menu li a#head_menu03 {
	background-image: url(https://www.sumirin-residential.co.jp/rent/common/img/headmenu_03.gif);
	width: 68px;
}
/*Navi*/
#Navi {
	width: 70%;
	float:right;
	display: block;
	padding:3% 0 0 0;
}
#Navi ul li {
	list-style: none;
	float: right;
	margin: 0;
	padding: 0 2% 0 2%;
	display: block;
	border-right:1px dotted #CCCCCC;
}
#Navi_inner {
	max-width: 980px;
	margin: 0 auto;
}
#Navi_inner ul li .navi_img {
	float: left;
}
#Navi_inner ul li .navi_img img {
	margin: -3px 0 0 0;
}
#Navi_inner ul li .navi_title {
	float: left;
	text-decoration: underline;
}
/*Pankuzu*/
#Pankuzu {
	margin-bottom: 20px;
	background-image: url(https://www.sumirin-residential.co.jp/rent/common/img/pankuzu_line.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 20px;
}
#Pankuzu ul li {
	list-style: none;
	display: inline;
	font-size: 84%;
	color: #FFF;
}
#Pankuzu ul li a {
	color: #DACAA5;
}
/*wrap*/
#container_bg{
	background-color:#DEEABD;
	padding:1% 0;
	margin:1% 0 0 0;
}

#container {
	max-width: 980px;
	margin: 30px auto 0px;
	background-position: bottom left;
	background-repeat: no-repeat;
}
/*contents/////////////////////////////////////////////*/
#contents {
	margin: 0 10px;
	max-width: 980px;
	display: block;
	padding-bottom: 30px;
}
#right_content{
	width:73%;
	margin:0;
	float:right;
}
#left_content{
	width:21%;
	margin:20px 0 0 0;
	float:left;
}
#contents h1.search_title2 {
	border-bottom: 3px solid #009C5A;
	margin: 0 0 30px;
	padding: 0 0 10px 30px;
	font-size: 150%;
	background-image: url(../imgs/icon_search.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
#contents h1.nomal_title2 {
	border-bottom: 3px solid #009C5A;
	margin: 0 0 30px;
	padding: 0 0 10px 0px;
	font-size: 150%;
	/*background-image: url(../imgs/icon_search.jpg);
	background-position: left top;
	background-repeat: no-repeat;*/
}
#contents h3 {
	border-bottom: 1px solid #bbb;
	border-left: 5px solid #84AE00;
	margin: 0px 0px 25px;
	padding: 5px 0 5px 15px;
	font-size: 150%;
}
#contents a {
}
#contents a:link {
	text-decoration: underline;
}
#contents a:hover {
}
#contents a:visited {
}
#contents a:active {
}
/*footer///////////////////////////////////////*/

#footer{
	overflow:hidden;
}
#footer01{
	background-color:#CCCCCC;
	padding:15px 0;
	display:block;
}
#footer02{
	background-color:#EEEEEE;
	padding:15px 0;
	display:block;
}
#footer03{
	padding:15px 0;
	overflow:hidden;
	display:block;
}
.f_inner{
	max-width:980px;
	margin:0 auto;
}
#f_logo{
	width:20%;
	float:left;
}
#f_txt{
	width:80%;
	float:right;
}
#copy{
	padding:15px 0;
	clear:both;
	border-top:1px solid #ccc;
	text-align:right;
	background-color:#FFF;
	color:#333;
}


/*top_back*/
.top_back {
	float: none;
	clear: both;
}
.top_back p {
	float: right;
	padding-bottom: 10px;
}
.top_back2 {
	background-image: url(../../chintai/img/line.jpg);
	background-repeat: no-repeat;
	height: 32px;
	background-position: bottom;
	margin-bottom: 20px;
	float: none;
	clear: both;
}
.top_back2 {
	text-align: right;
}
p#copy {
	background-color: transparent;
	padding: 0;
	font-size: 100%;
}
#pankuzu {
	display: block;
	max-width: 980px;
	margin: 10px auto 0;
	clear:both;
}
/*----------------------------------
   check
------------------------------------*/
.sample {
	padding: 6px;
}
.sample input[type=radio], .sample input[type=checkbox] {
	display: inline-block;
	margin-right: 6px;
}
.sample input[type=radio] + label, .sample input[type=checkbox] + label {
	position: relative;
	display: inline-block;
	margin-right: 12px;
	font-size: 14px;
	line-height: 30px;
	cursor: pointer;
}
.sample input[type=radio],  .sample input[type=checkbox] {
	display: none;
	margin: 0;
}
.sample input[type=radio] + label,  .sample input[type=checkbox] + label {
	padding: 0 0 0 24px;
}
.sample input[type=radio] + label::before,  .sample input[type=checkbox] + label::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 18px;
	height: 18px;
	margin-top: -9px;
	background: #FFF;
}
.sample input[type=radio] + label::before {
	border: 2px solid #ccc;
	border-radius: 30px;
}
.sample input[type=checkbox] + label::before {
	border: 2px solid #ccc;
}
.sample input[type=radio]:checked + label::after,  .sample input[type=checkbox]:checked + label::after {
	content: "";
	position: absolute;
	top: 50%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
}
.sample input[type=radio]:checked + label::after {
	left: 5px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #E71063;
	border-radius: 8px;
}
.sample input[type=checkbox]:checked + label::after {
	left: 3px;
	width: 16px;
	height: 8px;
	margin-top: -8px;
	border-left: 3px solid #E71063;
	border-bottom: 3px solid #E71063;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/*----------------------------------
   index
------------------------------------*/
#index_bnr{
	overflow:hidden;
	width:100%;
	margin:0 0 2%;
}
#index_bnr p{
	display:block;
}
#index_bnr h6{
	color:#84AC00;
	font-size:130%;
	font-weight:bold;
	margin:-5px 0 0;
}
.index_bnr1{
	border:3px solid #84AD00;
	background-color:#FFF;
	border-radius:5px;
	padding:2%;
	width:44%;
	float:left;
	background-image:url(../images/arrow2.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	min-height:120px;
	margin:0;
}
.index_bnr2{
	border:3px solid #84AD00;
	background-color:#FFF;
	border-radius:5px;
	padding:2%;
	width:44%;
	float:right;
	background-image:url(../images/arrow2.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	min-height:120px;
	margin:0;
}
#bnr{
	margin:2% 0 0 0;
	overflow:hidden;
	clear:both;
}
.bnr_mr{
	margin:0 1.3333% 0 0;
}

#bnr ul{
}
#bnr ul li{
	display:block;
	width:24%;
	float:left;
	margin-bottom:2%;
}
#bnr ul li img{
	width:100%;
}


#index_map{
	background-image:url(../images/map.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	position:relative;
	height:500px;
	font-size:100%;
	display:block;
}

.btn_map_search{
	position:absolute;
	top:1%;
	left:1%;
	width:15%;
}
#index_map .okinawa{
	position:absolute;
	top:3%;
	left:20%;
	width:15%;
}
#index_map .okinawa h5{
	border-bottom:1px solid #ccc;
	border-left:5px solid #BF0000;
	padding:5px 0 5px 14px;
	font-size:120%;
	margin:0 0 10px;
	font-weight:bold;
}
#index_map .hokuriku{
	position:absolute;
	top:3%;
	left:38%;
	width:24%;
}
#index_map .hokuriku h5{
	border-bottom:1px solid #ccc;
	border-left:5px solid #2A9342;
	padding:5px 0 5px 14px;
	font-size:120%;
	margin:0 0 10px;
	font-weight:bold;
}
#index_map .chubu{
	position:absolute;
	top:80%;
	left:52%;
	width:22%;
}
#index_map .chubu h5{
	border-bottom:1px solid #ccc;
	border-left:5px solid #004199;
	padding:5px 0 5px 14px;
	font-size:120%;
	margin:0 0 10px;
	font-weight:bold;
}
#index_map .kinki{
	position:absolute;
	top:28%;
	left:28%;
	width:24%;
}
#index_map .kinki h5{
	border-bottom:1px solid #ccc;
	border-left:5px solid #FFA11E;
	padding:5px 0 5px 14px;
	font-size:120%;
	margin:0 0 10px;
	font-weight:bold;
}
#index_map .chugoku{
	position:absolute;
	top:47%;
	left:4%;
	width:22%;
}
#index_map .chugoku h5{
	border-bottom:1px solid #ccc;
	border-left:5px solid #DC1300;
	padding:5px 0 5px 14px;
	font-size:120%;
	margin:0 0 10px;
	font-weight:bold;
}
#index_map .kyushu{
	position:absolute;
	top:72%;
	left:1%;
	width:24%;
}
#index_map .kyushu h5{
	border-bottom:1px solid #ccc;
	border-left:5px solid #B047A3;
	padding:5px 0 5px 14px;
	font-size:120%;
	margin:0 0 10px;
	font-weight:bold;
}
#index_map .shikoku{
	position:absolute;
	top:80%;
	left:32%;
	width:18%;
}
#index_map .shikoku h5{
	border-bottom:1px solid #ccc;
	border-left:5px solid #EE0F69;
	padding:5px 0 5px 14px;
	font-size:120%;
	margin:0 0 10px;
	font-weight:bold;
}
#index_map .hokkaidou{
	position:absolute;
	top:1%;
	left:82%;
	width:17%;
}
#index_map .hokkaidou h5{
	border-bottom:1px solid #ccc;
	border-left:5px solid #96DDFF;
	padding:5px 0 5px 14px;
	font-size:120%;
	margin:0 0 10px;
	font-weight:bold;
}
#index_map .touhoku{
	position:absolute;
	top:35%;
	left:75%;
	width:24%;
}
#index_map .touhoku h5{
	border-bottom:1px solid #ccc;
	border-left:5px solid #37B9E8;
	padding:5px 0 5px 14px;
	font-size:120%;
	margin:0 0 10px;
	font-weight:bold;
}
#index_map .kantou{
	position:absolute;
	top:60%;
	left:75%;
	width:24%;
}
#index_map .kantou h5{
	border-bottom:1px solid #ccc;
	border-left:5px solid #F9C000;
	padding:5px 0 5px 14px;
	font-size:120%;
	margin:0 0 10px;
	font-weight:bold;
}

#pick_up{
	overflow:hidden;
	margin:4% 0 0;
	border:none;
}
.pick_up01{
	width:49%;
	float:left;
	margin:0 0 1%;
}
.pick_up02{
	width:49%;
	float:right;
	margin:0 0 1%;
}
/*-ベタサポ-*/
#index_agent{
	padding-bottom:0;
}
#index_agent p {
	font-size:120%;
	text-align:left;
	display:block;
	margin:1% 0 8% 0;
}
#index_agent div.agent_right {
	float:right;
	width:49%;
	/*background-image:url(../images/reagent_logo.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;*/
}
#index_agent div.agent_left {
	float:left;
	width:49%;
	text-align:center;
}
#index_agent div.agent_logo {
	text-align:center;
	display:block;
	margin:8% 0 1% 0;
}
#index_agent div.agent_logo img {
	max-width:130px;
}
.btn_s{
	margin:0 0 0%;
	overflow:hidden;
}
#sp_map{
	display:none;
}


/*----------------------------------
   search
------------------------------------*/
input {
	margin: 7px 7px 7px 0;
}
.tokushu_pc{
	margin-bottom:3%;
	overflow:hidden;
	display:block;
}
.tokushu_pc ul li{
	display:block;
	width:19%;f
	float:left;
	margin:0 1% 0 0;
}
.tokushu_sp{
	display:none;
}
.slidepane_box {
	overflow: hidden;
	clear: both;
}
.slidepane_box h4 {
	border-bottom: 1px solid;
	/*padding: 0 0 8px;*/
	margin: 0 0 8px;
	font-weight: bold;
	font-size: 110%;
}
.left_s {
	width: 49.5%;
	float: left;
}
.right_s {
	width: 49.5%;
	float: right;
	margin:0 0 3%;
}
.basic1 {
	width: 100%;
}
.basic2 {
	width: 100%;
}
.basic3 {
	width: 100%;
}

.condition1 {
	width: 49.5%;
	float: left;
}
.condition2 {
	width: 49.5%;
	float: right;
}
.equipment_box {
	overflow: hidden;
	clear: both;
	margin:0 0 3%;
}
.equipment1 {
	width: 49.5%;
	float: left;
}
.equipment2 {
	width: 48%;
	float: left;
	margin-left: 2%;
}
.equipment3 {
	width: 49.5%;
	float: left;
}
.equipment5 {
	width: 46%;
	float: left;
	margin-left: 2%;
}
.equipment4 {
	width: 48%;
	float: left;
	margin-left: 2%;
}
/*panel*/
#slidepanel dl {
	width: 100%;
}
#slidepanel dl dt {
	max-width: 926px;
	margin: 10px 0 0 0;
	min-height: 20px;
	height: auto!important;
	height: 20px;
	padding: 10px 24px;
	background-color: #019B5D !important;
	border-radius: 5px 5px;
	color: #fff;
	font-size: 130%;
}
#slidepanel dl dd {
	padding: 25px 30px;
	background-color: #fff;
	border: 3px #019B5D solid;
	margin: -3px 0 0 0;
	border-radius: 0 0 5px 5px;
	display: block;
	overflow: hidden;
	min-height: 220px;
}
.btn_area{
	clear:both;
	margin:5% auto 0 auto;
	width:30%;
}
.btn_agent{
	clear:both;
	margin:1% auto 0 auto;
	width:30%;
	min-width:200px;
}
.btn_area img{
	margin: 0 0 ;
}
/*----------------------------------
   search_list
------------------------------------*/

/*select*/
.hit {
	width: 30%;
	float: left;
	margin: 0 0 0 10px;
}
.hit span {
	color: #B20000;
	font-size: 200%;
}
.select {
	width: 46%;
	overflow: hidden;
	float: right;
	text-align: right;
	margin: 0 0 2%;
}
.list_box_name {
	background-color: #84AE00;
	border-radius: 5px 5px 0 0;
	color: #fff;
	margin: 20px 0 0;
	padding: 10px 24px;
	font-size: 160%;
	overflow: hidden;
	max-width: 980px;
}
.list_box_name2 {
	background-color: #84AE00;
	border-radius: 5px 5px 0 0;
	color: #fff;
	margin: 20px 0 0;
	padding: 10px 24px;
	font-size: 160%;
	overflow: hidden;
	max-width: 980px;
	text-align:center;
}
.list_box_name h2 span.list {
	display: block;
	margin: 5px 0 0;
	background-color: #E9C802;
	padding: 2px 8px 3px;
	float: right;
	font-size: 10px;
	border-radius: 3px;        /* CSS3草案 */
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 3px;   /* Firefox用 */
}
.list_box_name a {
	color: #fff;
}
.list_box_name a:hover {
	color: #CEE094 !important;
}
.list_box_detail {
	background-color: #fff;
	border: 3px solid #84AE00;
	border-radius: 0 0 5px 5px;
	margin: 0;
	padding: 20px;
	overflow: hidden;
	max-width: 980px;
}
.list_box_detail2 {
	background-color: #fff;
	border: 3px solid #84AE00;
	border-radius: 0 0 5px 5px;
	margin: 0;
	padding: 20px;
	overflow: hidden;
	max-width: 980px;
}
.list_box_detail3 {
	background-color: #fff;
	border: 3px solid #84AE00;
	border-radius: 0 0 5px 5px;
	margin: 0;
	padding: 20px;
	overflow: hidden;
	max-width: 980px;
}
.list_box_detail table {
	border: none;
	clear: both;
	width: 100%;
}
.list_box_detail table span {
	color: #B20000;
	font-size: 140%;
}

.list_box_detail table tr th {
	background-color: #E4E1D8;
	padding: 10px;
	text-align: center;
}
.list_box_detail table tr td {
	background-color: #F2F2F2;
	padding: 10px;
	text-align: center;
}
.left_d {
	width: 30%;
	float: left;
	margin: 0 0 2%;
}
.left_d img {
	border: 1px solid #ccc;
	display: block;
	width: 47%;
	float: left;
	margin: 0 2% 0 0;
}
.right_d {
	width: 69%;
	float: right;
	margin: 0 0 2%;
}
.right_d p {
	margin: 0 0 10px;
}
.right_d p img {
	margin: 0 8px 0 0;
}
.right_d p.bb {
	border-bottom: 2px dotted #CCCCCC;
	padding: 0 0 10px;
}
.point {
	background-color: #FAEEED;
	padding: 20px;
	margin: 15px 0 0;
}
/*----------------------------------
   search_datail
------------------------------------*/

/*gallery*/
#gallery {
	margin: 0 0 0;
	overflow: hidden;
}
#gallery_inner {
	background-color: #F0EFEA;
	overflow: hidden;
}
div.pagination {
	padding: 3px;
	margin: 3% 3px 3px 3px;
	text-align: right;
	max-width: 980px;
}
div#photo_pane {
	padding: 20px 0px 20px 20px;
	width: 80%;
	overflow: hidden;
	float: left;
}
div#display_box {
	display: inline-block;
	border: 1px solid #CCCCCC;
	margin-bottom:0px;
	float: left;
	background-color: #FFF;
	position: relative;
	
 *display: inline;
 *zoom: 1;
}
div#layout_box {
	display: inline-block;
	border: 1px solid #CCCCCC;
	padding: 10px;
	background-color: #FFF;
	/*margin-right:20px;*/
	margin-right: 10px;
	margin-bottom:0px;
	float: left;
	height:300px;
	position: relative;
 *display: inline;
 *zoom: 1;
}
div#display_box img {
	position: absolute;
	top: 10px;
	left: 10px;
}
div#layout_box img {
	max-width: 300px;
}
div#thumbnail_box {
	margin: 0 0 2% 0;
	width: 14%;
	padding: 20px 10px 20px 0;
	overflow: hidden;
	float: right;
}
div.thumbnail {
	width: 50px;
	border: 1px solid #CCCCCC;
	margin-right: 2px;
	padding: 2px;
	float: left;
	cursor: pointer;
}
div#thumbnail_box img {
	height: 50px;
	width: 50px;
}
div#photo_hide {
	display: none;
}
/*access*/
#access {
	margin: 3% 0 0 0;
}
#access #map {
	border: 1px solid #ccc;
	height: 300px;
}
/*detail*/
#detail {
	margin: 2% 0 0 0;
}
#detail table {
	border: none;
	clear: both;
	width: 100%;
}
#detail table span {
	color: #B20000;
	font-size: 140%;
}
#detail table tr th {
	background-color: #E4E1D8;
	padding: 10px 25px;
	text-align: left;
}
#detail table tr td {
	background-color: #F2F2F2;
	padding: 10px 25px;
}
/*contact*/
#contact {
	margin: 3% 0 0 0;
	border: 3px solid #ddd;
	padding: 20px;
	overflow: hidden;
}
#contact img {
	margin: 0 8px 0 0;
}
#contact_inner {
	width: 100%;
	margin: 0 0 2%;
}
#contact_inner span {
	font-weight: bold;
	font-size: 120%;
}
.contact_btn {
	width: 100%;
}
.contact_map {
	width: 60%;
	float: left;
	border: 1px solid #ccc;
	height: 150px;
	display: block;
}
.contact_shousai {
	width: 38%;
	float: right;
	display: block;
}

#list_shousai_img{
	width:30%;
	float:left;
	margin:0;
}
#list_shousai_img img{
	border:1px solid #ccc;
	width:47%;
}
#list_shousai{
	width:70%;
	float:right;
	overflow:hidden;
}
.chinryo span{
	color:#BF0000;
	font-size:200%;
	font-weight:bold;
}
.madori span{
	color:#BF0000;
	font-size:200%;
	font-weight:bold;
}
#camp{
	overflow:hidden;
	font-size:120%;
	clear:both;
	margin:0;
	
}
.cash{
	background:#C30C00;
	border:2px solid #C30C00;
	color:#fff;
	padding:5px;
	float:left;
	width:20%;
	text-align:center;

}
.cash_shousai{
	border:2px solid #C30C00;
	padding:5px;
	width:75.8%;
	float:left;
}
.cash_shousai2{
	border:2px solid #C30C00;
	padding:5px;
	width:76.8%;
	float:left;
}
.cash_shousai span{
	color:#C30C00;
}
.cash_shousai2 span{
	color:#C30C00;
}
#detail_icon{
	width:65%;
	float:left;
}
#vacant{
/*width:35%;*/
width:50%;
margin:0;
	float:right;
	text-align:right;
}
/*---
-------------------------------
   contact
------------------------------------*/
#contact_form{
}
#contact_form table{
	border: none;
	clear: both;
	width: 100%;
	font-size:110%;
}
#contact_form table tr th{
	background-color:#E4E1D7;
	padding: 20px;
	text-align: center;
	width: 35%;
	vertical-align:middle;
}
#contact_form table tr td{
	background-color: #EDEDEA;
	padding: 20px 20px 20px 40px;
	text-align: left;
}
.wpcf7-text {
    background-color: #fff;
    border: 1px solid #cccccc;
    border-radius: 5px;
    height: 3em;
    margin: 5px 8px;
}
.wpcf7-textarea {
    background-color: #fff;
    border: 1px solid #cccccc;
    border-radius: 5px;
}
.form{
	width:70%;
}
.form_btn{
	width:50%;
	height:8%;
}
.w32{
	width:60%;
}
.w52{
	width:80%;
}
.w42{
	width:40%;
}
/*----------------------------------
   map_seac
------------------------------------*/
#map_seach{
	background:#ccc;
}
#search {
    background-color: #e1e1e1;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    font-size: 0.8em;
    margin: 0 15px 15px 0;
    padding: 5px;
    width: 42%;
	overflow:hidden;
}
/*----------------------------------
   agent
------------------------------------*/

.a_s{
	overflow:hidden;
	margin:0 0 2%;
}
/*.agent{
	text-align:center;
	width:16.666%;
	float:left;
}*/
.agent{
	text-align:left;
	width:250px;
	height:100px;
	margin:0 20px 20px 0;
	float:left;
	background:#666;
	color:#FFF;
	border-left:#84AE00 20px solid;
	position:relative;
}

.agent label.agent_radio {
	position:absolute;
	top:0;
	left:-17px;
}

.agent label.agent_radio input {
	display:block;
	width:17px;
	height:100px;
	margin:0;
	padding:0;
}

.agent div.display_info {
	height:100px;
}

.agent div.agent_name {
	padding:5px 0 2px 0;
	margin:0 10px 3px 10px;
	font-size:120%;
	border-bottom:#FFF solid 1px;
	cursor:pointer;
}

.agent div.easy_prof {
	padding:5px 0 0 0;
	margin:0 0 3px 10px;
	font-size:95%;
}
/*lightbox*/
#light_comtents {
	max-width: 760px;
}
}
/*PC　1000px以上*/
@media screen and (min-width:1000px) {
/*Navi*/

/*contents/////////////////////////////////////////////*/
#contents {
	/*max-width: 980px;*/
	margin:0;
}
#foot_inner {
 max-width: 980px;
 width: 980px;
 margin: 0px auto;
 padding: 20px 0px;
 background-image: url(https://www.sumirin-residential.co.jp/rent/common/img/footer_lilne_01.jpg);
 background-repeat: no-repeat;
 background-position: right 20px;
}
#foot2 {
 max-width: 100%;
 margin: 0px auto;
 padding: 10px 0px;
 background-color: #009B55;
}
.sitemap {
 width: 215px !important;
 float: left;
 background-image: url(https://www.sumirin-residential.co.jp/rent/common/img/footer_lilne_01.jpg);
 background-repeat: no-repeat;
 background-position: 0 0;
 padding: 0px 5px 0px 15px;
 min-height: 140px;
 height: auto !important;
 height: 140px;
}

.basic1 {
	width: 49.5%;
	float: left;
}
.basic2 {
	width: 100%;
	float: right;
}
.basic3 {
	width: 49.5%;
	float: left;
	margin-left:2%;
}
.c1{
	margin-top:0px !important;
}
/*----------------------------------
   index
------------------------------------*/

#index_map{
	background-image:url(../images/map.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	position:relative;
	height:500px;
	font-size:110%;
}

/*----------------------------------
   search_datail
------------------------------------*/

/*gallery*/

div#photo_pane {
	padding: 20px 0px 20px 20px;
	width: 70%;
	overflow: hidden;
	float: left;
}
div#display_box {
	display: inline-block;
	border: 1px solid #CCCCCC;
	margin-bottom:0px;
	float: left;
	background-color: #FFF;
	position: relative;
	
 *display: inline;
 *zoom: 1;
}
div#layout_box {
	display: inline-block;
	border: 1px solid #CCCCCC;
	padding: 10px;
	background-color: #FFF;
	/*margin-right:20px;*/
	margin-right: 10px;
	margin-bottom:0px;
	float: left;
	height:300px;
	position: relative;
 *display: inline;
 *zoom: 1;
}
div#display_box img {
	position: absolute;
	top: 10px;
	left: 10px;
}
div#layout_box img {
	max-width: 300px;
}
div#thumbnail_box {
	margin: 0 0 2% 0;
	width: 25%;
	padding: 20px 10px 20px 0;
	overflow: hidden;
	float: right;
}

.equipment1 {
	width: 23%;
	float: left;
}
.equipment2 {
	width: 23%;
	float: left;
	margin-left: 2%;
}
.equipment3 {
	width: 23%;
	float: left;
	margin-left: 2%;
}
.equipment4 {
	width: 23%;
	float: left;
	margin-left: 2%;
}
.list_box_detail2 {
	background-color: #fff;
	border: 3px solid #84AE00;
	border-radius: 0 0 5px 5px;
	margin: 0;
	padding: 40px;
	overflow: hidden;
	max-width: 980px;
}
}


/*--- RNP -----------*/
div.login_company {
	margin:0 auto;
	max-width:980px;
	text-align:right;

}
@media screen and ( max-width: 979px ){
	div.login_company {
		padding:0 10px;
		max-width:auto;
	
	}

}

div#contact_form div.content_title {
	font-size:150%;

}
div#contact_form div.finish_message {
	margin-top:20px;

}

div.select_item {
	background:#ffffff;
	margin-top:4px;
	padding:4px;
	text-align:left;
	max-height:300px;
	overflow:auto;
	overflow-y:scroll;

}

div.select_item label {
	width:140px;
	display:block;
	float:left;

}

div.city_name_pane {
	margin-bottom:10px;
	max-height:300px;
	overflow:scroll;
	
}

div.select_item_title {
	border-bottom:1px solid #000000;
	margin-top:20px;
	font-size:140%;

}

img.loading {
	opacity:0.0;

}

div#contents div.about div.content {
	padding-bottom:20px;

}

div#contents div.about dt {
	font-weight:bold;

}

div#contents div.about dd {
	padding-left:20px;

}

div#contents div.about dd.dd_last {
	padding-bottom:10px;

}

div#contents div.content_block {
	padding-bottom:40px;

}

div#contents div.content_block table {
	border-collapse:collapse;

}

div.service div.content_block table th,
div.service div.content_block table td {
	border:1px solid #333333;

}

div.service div.content_block table th {
	background:#deeabd;
	padding:6px 20px;

}

div.service div.content_block table td {
	padding:4px;

}

div.company_info table {
	border-collapse:collapse;

}

div.company_info table th,
div.company_info table td {
	border:1px solid #333333;

}

div.company_info table th {
	background:#deeabd;
	padding:6px 20px;

}

div.company_info table td {
	padding:4px;

}

div.about_bels_block {
	padding-bottom:10px;

}

div.content ul.headline {
	margin:20px 0;

}

div.content ul.headline li {
	background:url( /img/favorit.jpg );
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:70px;
	height:62px;
	line-height:62px;
	font-size:18px;

}

div.image_explain.sub-image {
	margin-top:20px;

}

div.image_explain.sub-image div.left {
	float:left;
	width:48%;

}

div.image_explain.sub-image div.right {
	float:right;
	width:48%;

}

div.image_explain.sub-image img {
	width:100%;
	max-width:420px;

}

div.cash_back h2 {
	font-weight:bold;
	font-size:120%;

}

div.cash_back div.form {
	margin:20px 0;

}

div.cash_back input {
	padding:10px;

}

div.cash_back button {
	border:none;
	padding:0;

}

div.cash_back button img {
	border:none;
	padding:0;

}

div.cash_back .alert {
	font-weight:bold;
	color:#FF0000;

}

div.cash_back_form div.form {
	margin-top:10px;

}

table.contact_table {
	width:100%;

}

table.contact_table th {
	width:30%;

}

table.contact_table td input {
	width:80%;
	padding:4px;

}

div.company_list_block input {
	visibility:hidden;

}

div.company_list_block div.company_block {
	border-bottom:1px dashed #cccccc;
	margin-bottom:10px;
	padding-bottom:5px;

}

div.company_list_block div.company_name {
	font-size:120%;
	font-weight:bold;

}

div.map_search_cancel {

}

div.map_search_box {
	background:#000000;
	opacity:0.7;

}

div.map_search_canvas,
div.agent_layer_canvas {
	border:4px solid #84ae00;
	background:#ffffff;
	width:600px;
	margin:0 auto;
	left:0;
	right:0;

}

div.map_search_canvas div#map {
	margin:10px;
	height:430px;

}

div#agent_profile {
	width:360px;
	margin:0 auto;
	text-align:left;

}
@media screen and ( max-width: 600px ) {
	div.map_search_canvas {
		border-left:none;
		border-right:none;
		width:100%;
	
	}
	
	div.agent_layer_canvas {
		width:90%;
		padding:2px;
	
	}

	div.map_search_canvas div#map {
		margin:0 0 10px 0;
	
	}
	
	div#agent_profile {
		width:90%;
	
	}

}

ul.contact-button {
	width: 220px;
	_width: 230px;
	margin: 0 auto 0 auto;
	padding: 0 0 9px 0;
	overflow: hidden;
	_zoom:1;
}

ul.contact-button li{
	float: left;
	width: 95px;
	margin: 0 10px 0 0;
	_zoom:1;
}

ul.contact-button li #submit{
	width: 95px;
	height: 33px;
	border: 0px;
	background: url(/img/btn_send.png) no-repeat 0 0;
}

ul.contact-button li #submit.active{
	background-position: 0 -33px;
}

ul.contact-button li #reset{
	width: 95px;
	height: 33px;
	border: 0px;
	background: url(/img/btn_search_reset03.png) no-repeat 0 0;
	text-indent: -9999px;
	*text-indent: 0px;
	*font-size: 0;
	*padding: 9999px;
	*overflow: hidden;
	cursor:pointer;
}

ul.contact-button li #reset.active{
	background-position: 0 -33px;

}

table.contact-table td input {
	padding:4px;

}

div.company_list div#map {
	width:400px;;
	height:400px;

}


div#map_search {
	width:100%;
	height:600px;

}

div#map_search img {
	max-width:none;

}

@media screen and ( min-width:481px ) and ( max-width:800px ){
	div#map_search {
		width:100%;
		height:400px;
	
	}

}

@media screen and ( max-width:480px ){
	div#map_search {
		width:100%;
		height:360px;
	
	}

}

div.call_search_sp {
	display:none;

}
@media screen and ( max-width:768px ){
	div.call_search_sp {
		display:block;
		position:relative;
	
	}
	div.call_search_sp img {
		position:absolute;
		top:-50px;
		right:0;
		width:45px;
		
	}
	div.call_search_sp.map img {
		top:-33px;
	
	}

}

div.btn_map_search.top {
	top:-30px;

}
@media screen and ( max-width:994px ){
	div.btn_map_search.top {
		top:-3%;
	
	}

}

div.btn_search_map {
	margin-bottom:6px;

}

div.list dl dt {
	float:left;

}

div.list dl dd {
	padding-bottom:4px;

}

/* RNP middle-wide banner */
div.bnr_midwide {
	margin:20px 0 30px 0;

}

div.bnr_midwide ul li.bnr_midwide {
	margin-bottom:6px;
	width:483px;
	float:left;

}

div.bnr_midwide ul li.bnr_midwide.bn_left {
	margin-right:13px;

}

@media screen and ( max-width:994px ){
	div.bnr_midwide ul li.bnr_midwide {
		float:none;
		text-align:center;
		width:100%;
	
	}

	div.bnr_midwide ul li.bnr_midwide.bn_right {
		margin-top:10px;
	
	}

}



/*-------------------*/

div.contact_attention {
	margin-top:8px;
	line-height:128%;
	color:#666666;

}



/*2017-02-16 キャッシュバック画像挿入*/


img.cashback_img {
	display:block;
	max-width:100%;
	height:auto;
}

img.cashback_img_sp {
	max-width:100%;
	height:auto;
	display:none;
}

@media screen and ( max-width: 600px ) {
	
	img.cashback_img {
		display:none;
	}
	
	img.cashback_img_sp {
		display:block;
	}

}

