@charset "UTF-8";


.clear {
	clear:both;
}

.item_page_img_navi {
	padding:3px;
}

.cart_login_view {
	border:solid 1px #CCC;
	margin-bottom:20px;
	padding:10px;
}

.cart_nologin_view {
	border:solid 1px #CCC;
	padding:10px;
}



/*お問い合せ項目表
----------------------------------------------- */
.cart table,.anqtable,.privacy_policy table {
}

.cart th,.anqtable th {
}

.cart td,.anqtable td {
}

.senddata_koumoku {
	width:150px;
}

.select_value {
}

.select_caption {
	padding:10px 10px 10px 25px;
}


/*エラー
----------------------------------------------- */
.error_koumoku {
	color:#000;
}

.error {
	color:#f66;
}




/*検索ページ
----------------------------------------------- */
div#railways {
	background-color:#FFF;
	border:1px solid #999;
	width:180px;
	height:180px;
	float:left;
	position:relative;
	overflow:auto;
	display:block;
	margin:2px 7px;
	padding:3px;
}

div#stations {
	background-color:#FFF;
	border:1px solid #999;
	width:180px;
	height:180px;
	position:relative;
	overflow:auto;
	display:block;
	float:left;
	margin:2px 7px;
	padding:3px;
}

.rwname {
	display:block;
	width:100%;
	background-color:#FCC;
	text-align:center;
	margin-bottom:3px;
}

table.serchTbl {
	width:100%;
	border-collapse: collapse;
	margin: 40px 0 0;
	text-align: left;
	box-sizing: border-box;
}
table.serchTbl th,
table.serchTbl td{
	border:1px solid #DDD;
	padding: 8px;
}

table.serchTbl th {
	font-weight: bold;
	background-color:#888;
	color:#FFF;
	text-align: center;
}
table.serchTbl td {
}

.search_list {
	background-color:#666;
}

.search_list th {
	height:50px;
	background-color:#CCC;
	padding:5px;
}

.search_list td {
	background-color:#FFF;
	padding:5px;
}

.staff_head {
	width:95%;
	font-size:14px;
	margin-bottom:5px;
	background-color:#BBDBE1;
	padding:5px;
}

.staff_address {
	margin-right:0;
	align:right;
}

.family_img {
	margin-bottom:5px;
}

.top_family_block {
	height:150px;
	margin-bottom:5px;
}



/*物件詳細
----------------------------------------------- */
.details table {
	background-color:#999;
	width:100%;
}

.details th {
	background-color:#CCC;
	width:120px;
	padding:2px;
}

.details td {
	background-color:#FFF;
	padding:2px;
}

.details_picthumb td {
	width:20%;
	text-align:center;
}

.details_picthumb img {
	width:90px;
}

.r_buildname {
	font-size:15px;
	font-weight:700;
}

.r_catch_top {
	font-size:15px;
	font-weight:700;
	color:red;
}

/*表
----------------------------------------------- */
.nomal_line table {
	border-collapse:collapse;
	cellspacing:0;
	text-align:left;
}

.nomal_line td {
	border:1px solid #ccc;
	color:#333;
	padding:5px;
}

.nomal_line th {
	border:1px solid #ccc;
	background-color:#d9ecff;
	color:#333;
	padding:5px;
}




/*スタッフコメント（物件詳細）
----------------------------------------------- */
.fukidasi_box {
	padding:0 35px 30px;
}

.fukidasi_staff,.fukidasi_staff_s,#prof .prof ul {
	float:right;
}

.fukidasi_staff img {
	display:block;
	border:1px solid #CCC;
	margin-bottom:0;
	width:80px;
}

.fukidasi {
	background:url(http://rims-web.com/images/default/fukidasi3.jpg) repeat-y 0 5px;
	width:457px;
	margin-bottom:10px;
}

.fukidasi_top {
	background:#fff url(http://rims-web.com/images/default/fukidasi1.jpg) no-repeat 0 0;
	height:5px;
	font-size:1px;
	text-indent:-9999px;
	width:442px;
}

.fukidasi_txt {
	background:url(http://rims-web.com/images/default/fukidasi4.jpg) no-repeat right 0;
	line-height:130%;
	padding:0 40px 3px 30px;
}

.fukidasi_txt span,.fukidasi_txt_s span {
	color:#CD3333;
}

.fukidasi_bottom {
	background:url(http://rims-web.com/images/default/fukidasi2.jpg) no-repeat 0 0;
	height:8px;
	font-size:1px;
	text-indent:-9999px;
}




/*スタッフコメント（物件セル）
----------------------------------------------- */
.fukidasi_box_s {
	clear:both;
	margin-bottom:0;
}

.fukidasi_staff_s img {
	display:block;
	border:1px solid #CCC;
	margin-bottom:10px;
	width:70px;
}

.fukidasi_s {
	background:url(http://rims-web.com/images/default/fukidasi3_long_1.jpg) repeat-y 0 0;
	width:115px;
}

.fukidasi_top_s {
	background:#fff url(http://rims-web.com/images/default/fukidasi1_long_1.jpg) no-repeat 0 0;
	height:5px;
	font-size:1px;
	width:115px;
	margin-bottom:5px;
}

.fukidasi_txt_s {
	line-height:130%;
	font-size:10px;
	margin-bottom:5px;
	padding:0 8px 0 7px;
}

.fukidasi_bottom_s {
	background:url(http://rims-web.com/images/default/fukidasi2_long_1.jpg) no-repeat 0 0;
	height:8px;
	font-size:1px;
}


/*物件詳細下部お問い合せ周り
----------------------------------------------- */
.details_tel {
	font-size:20px;
	font-weight:700;
	color:red;
}

.details_tantou {
	font-size:20px;
	font-weight:700;
}

.details_qr_title {
	font-size:11px;
	font-weight:700;
	color:red;
}

.details_qr {
	font-size:9pt;
}








/* Ring & Ring RIMSカスタム */

/* 基本-モバイルファースト ======================================================================================================== */

/* コンテンツ======================================================================================================== */

.blog_table{
	width: 100%;
}
.page .topics .navi,
.page .topics .page_title,
.page .topics .blog_index_td,
.page .topics .blog_index,
.page .topics .blog_category_title_view,
.page .topics .blog_navi{
	display: none;
	visibility: hidden;
}
.page .topics .blog_index_td{
	width: 0px;
}
.page .topics .master_date{
	font-weight: bold;
}
.master_title{
	font-weight: normal;
	margin: 0;
	padding: 0;
}
.page .topics .master_contents{
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px solid #DDD;
}
.page .topics br{
	display: none;
	visibility: hidden;
}
.page .topics .master_contents br{
	display: inline;
}

.main_top + div,
.main_top + #login_check + div{
}


/* RIMSフォーム系 */
table.senddatatable,
table.anqtable{
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	box-sizing: border-box;
	text-align: left;
	margin: 20px 0 0;
}
table.senddatatable th,
table.anqtable th{
	width: 100%;
	font-size: 14px;
	padding: 5px 10px;
	text-align: left;
	border: solid 1px #555;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
table.senddatatable .anq_required,
table.anqtable .anq_required{
	color: #D10003;
}
#SPForm input.form_input_back{
	-webkit-appearance: none;
	border: none;
	background-color: #CCC;
	width: 40%;
	padding: 15px 0px;
	margin: 0px;
}
#SPForm input[type="submit"]{
	-webkit-appearance: none;
	border: none;
	background-color: #77a63e;
	color: #FFF;
	width: 40%;
	padding: 15px 0px;
	margin: 0px;
}




/* スマホのみ======================================================================================================== */
@media print and (max-width: 750px), screen and (max-width: 750px){

/* RIMSフォーム系 */
table.senddatatable td,
table.anqtable td{
	display: block;
	padding: 0 0 10px;
	border-bottom: solid 1px #DDD;
}
table.senddatatable td.senddata_koumoku,
table.anqtable td.senddata_koumoku{
	border-bottom: none;
	padding: 8px 0 3px;
	font-weight: bold;
}

input[type="text"],
input[type="email"],
input[type="password"],
textarea {
	width: 100%;
}
input[mode="hiragana"]{
	width: 90%;
}
input[type="tel"]{
	width: 23%;
}

/* 資料請求ヘッダー部分 */
.inqHead{
	width: 100%;
}
.inqHead th,
.inqHead td{
	display: block;
}
.inqHead > tbody > tr > th{
	font-size: 14px;
	padding: 5px 10px;
	text-align: left;
	border: solid 1px #555;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
.inqHead > tbody > tr > th .anq_required{
	color: #D10003;
	font-size: 12px;
	font-weight: bold;
}
.inqHead .inqObjs{
	width: 100%;
}
.inqHead .inqObjs tr th.cell-01{
	line-height: 1;
	color: #FFF;
	padding: 18px 0;
	border-top: solid 1px #DDD;
	position: relative;
}
.inqHead .inqObjs tr:first-child th.cell-01{
	border-top: none;
}
.inqHead .inqObjs tr th.cell-01::before{
	content: "";
	display: block;
	background-color: #555;
	color: #FFF;
	text-align: center;
	width: 30px;
	height: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	position: absolute;
	top: 8px;
	left: 0px;
	right: 0px;
	margin: auto;
	z-index: -1;
}
.inqHead .inqObjs .cell-07{
	padding: 0 0 8px;
}
.inqHead .inqType{
	width: 100%;
}
.inqHead .inqType td{
	display: block;
	padding: 8px 0;
	border-bottom: solid 1px #EEE;
	text-align: left;
}

form #areabox1,
form #areabox2,
form #railways,
form #stations{
	width: 100% !important;
	margin: 1% !important;
	padding: 0 !important;
	float: none !important;
	display: block !important;
	vertical-align: middle !important;
}
.anqtable div[style*="white-space"]{
	white-space: normal !important;
}




}

/* PCのみ======================================================================================================== */
@media print and (min-width: 751px), screen and (min-width: 751px){

/* コンテンツ */

/* RIMSフォーム系 */
table.senddatatable td,
table.anqtable td{
	padding: 10px 0;
	border-bottom: solid 1px #DDD;
}
table.senddatatable th,
table.anqtable th{
	font-size: 18px;
}
table.senddatatable tr td:first-child,
table.anqtable tr td:first-child{
	width: 20%;
}
table.senddatatable .senddata_koumoku,
table.senddatatable .senddata_koumoku{
	font-weight: bold;
}

#SPForm input[type="submit"],
#SPForm input[type="submit"]{
	cursor: pointer;
}

/* 資料請求ヘッダー部分 */
.inqHead{
	width: 100%;
}
.inqHead > tbody > tr{
	display: block;
}
.inqHead > tbody > tr > th{
	display: block;
	font-size: 18px;
	padding: 5px 10px;
	text-align: left;
	border: solid 1px #555;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
.inqHead > tbody > tr > td{
	display: block;
}
.inqHead > tbody > tr > th .anq_required{
	color: #D10003;
	font-size: 14px;
	font-weight: bold;
}
.inqHead .inqObjs{
	width: 100%;
}
.inqHead .inqObjs tbody > tr:nth-child(2n-1){
	border-top: solid 1px #DDD;
}
.inqHead .inqObjs tbody > tr:first-child{
	border-top: none;
}
.inqHead .inqObjs tr th.cell-01{
	position: relative;
	line-height: 1;
	color: #FFF;
	width: 30px;
}
.inqHead .inqObjs tr th.cell-01::before{
	content: "";
	display: block;
	background-color: #555;
	color: #FFF;
	text-align: center;
	width: 30px;
	height: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	position: absolute;
	top: 0px;
	bottom: 0px;
	margin: auto;
	z-index: -1;
}
.inqHead .inqObjs td{
	padding: 10px 0;
	text-align: left;
}
.inqHead .inqObjs .cell-02{
	text-align: center;
}
.inqHead .inqObjs .cell-03{
	padding: 10px 0 0;
}
.inqHead .inqObjs .cell-06{
	padding: 0 0 10px;
}
.inqHead .inqType td{
	padding: 20px 20px 10px 0px;
	text-align: left;
}










}

