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

*{
	padding:0;
	margin:0;
}
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	color:#333;
	background:#fff;
	width:100%;
	height:100%;
}
h1,h2,h3,h4,h5,h6,p,span,strong,b,em,dt,dd{
	font-weight:normal;
	line-height:1.5em;
}
ul li{
	line-height:1.5em;
	list-style-type:none;
}
ol li{
	line-height:1.5em;
}
table{
	border-collapse:collapse;
}
table td{
	line-height:1.5em;
}
address{
	font-style:normal;
}
a img{
	border:none;
}
a{
	color:#333;
	text-decoration:none;
}
a:link{
	color:#333;
	text-decoration:none;
}
a:visited{
	color:#333;
	text-decoration:none;
}
a:active{
	color:#333;
	text-decoration:none;
}
/*a:hover{
	text-decoration:underline;
}
*/

/** clear fix */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	overflow: hidden;
}
/*-------------------------リセット＆基本設定(全ページ共通)▲-----------------------------*/


div#wrap{/*ラップ(全ページ共通)*/
	width:100%;
}


/*-------------------ヘッダー(全ページ共通)▼--------------------*/
header{
	width:100%;
}
header h1{
	padding:3px 0 3px 0;
	background:#333;
}
header h1 p{
	text-align:right;
	font-size:12px;
	color:#fff;
	width:90%;
	margin:0 auto;
}
header div.title{
	width:90%;
	margin:-20px auto 0 auto;
	text-align:left;
}





/*-------トップ頁単独　メインビジュアルスライド▼-------*/
h2.slider {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-bottom:20px;
}
ul.slides {
  height: 100%;
  overflow: hidden;
  *zoom: 1;
}
ul li.slide {
  height: 100%;
  float: left;
  clear: none;
  list-style:none;
}
ul li.slide img {
　width: 100%;
}
.slider-arrow {
  position: absolute;
  display: block;
  margin-bottom: -20px;
  padding: 20px;
}
.slider-nav__item:hover {
  background: #333;
}
.slider-nav__item--current {
  background: #333;
}


h3.copy{/*marquee*/
	width:96%;
	margin:-20px auto 0 auto;
	color:#C06;
	font-size:12px;
}


div.entry{/*エントリーバナーボタン*/
	width:96%;
	margin:0 auto;
}


div.property_ph{/*Propertyマーク(全ページ共通)*/
	text-align:center;
	width:100%;
}



/*-------------------フットコンテンツ(全ページ共通)▼----------------------*/
div.foot_contents{
	width:100%;
	background:#f0f0f0;
	padding:20px 0 20px 0;
	margin-top:-20px;
}
div.foot_contents p{
	width:84%;
	margin:-5px auto 0 auto;
}
div.foot_contents p span{
	font-size:30px;
}



/*--------------フットコンテンツ★グローバルナビ(全ページ共通)▼-------------*/
nav#gnav{
	padding:10px 0 5px 0;
	background:#333;
	width:100%;
	margin-top:5px;
}
nav#gnav ul{
	width:96%;
	margin:0 auto;
}
nav#gnav ul li{
	height:35px;
	text-align:center;
	font-size:14px;
	background:#CC9;
	line-height:35px;
	margin-bottom:5px;
}
nav#gnav ul li a{
	display:block;
}

/*
nav#gnav ul li.left{
	width:49.5%;
	float:left;
}
nav#gnav ul li.right{
	width:49%;
	float:right;
}

nav#gnav ul li:nth-child(odd){
	width:49.5%;
	float:left;
}

nav#gnav ul li:nth-child(even){
	width:49%;
	float:right;
}
*/

nav#gnav ul li {
	width:49%;
	float:left;
	margin-right: 0.5%;
	margin-left: 0.5%;
}



/*---------------コピーライト(全ページ共通)▼-----------------*/
div.copy_right{
	height:30px;
	background:#333;
	width:100%;
	margin-top:-30px;
}
div.copy_right p{
	font-size:8px;
	text-align:center;
	line-height:30px;
	color:#fff;
}



/*-------トップ頁、エントリー頁PRコピー-------*/

div.container{
	width:96%;
	margin:0 auto;
}

div.container h2.zero_form{
	width:100%;
	margin:10px auto 0 auto;
	font-size:12px;
	font-weight:normal;
	text-align:center;
}


/*----エントリー頁、会社概要頁、個人情報頁、利用規約頁、問合せ頁 共通▼----*/
table{
	width:100%;
	margin:0 auto 20px auto;
	border:1px solid #ccc;
	border-collapse:collapse;
}
th{
	border:1px solid #ccc;
	border-right:1px solid #ccc;
	/*width:26%;*/
	padding:10px 2% 10px 2%;
	font-weight:normal;
	background:#fff;
}
th.gray{
	background:#f9f9f9;
}
td{
	border:1px solid #ccc;
	padding:10px 2% 10px 2%;
	background:#fff;
}
td ul li{
	list-style:none;
	float:left;
	margin-right:5%;
}
td.gray{
	background:#f9f9f9;
}



/*-------エントリー頁、お問い合わせ頁 共通▼-------*/

caption.form{
	text-align:center;
	margin-top:20px;
	width:100%;
	height:30px;
	background:#CC9;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
	border-radius:7px 7px 0 0;
}
ul.sub_btn{
	width:100%;
	margin:10px auto 50px auto;
}
ul.sub_btn li{
	list-style:none;
	margin-right:3%;
	float:left;
}
span.kome{
	color:#C00;
	font-size:14px;
}



/*-------エントリー頁単独▼-------*/
td.kodawari{
	text-align:center;
	background: #ffeeff;
	/*width:26%;*/
}
table.form_02{
	margin-top:5px;
}

/*-------会社概要頁、個人情報 共通▼-------*/
caption.about{
	text-align:center;
	margin-top:20px;
	width:100%;
	height:30px;
	background:#ccc;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
	border-radius:7px 7px 0 0;
}


/*------個人情報、利用規約 頁共通▼-----*/
td p{
	margin-bottom:10px;
}
td ol.leftSpace{
	padding-left:7%;
}



/*個人情報 頁単独 テーブル内▼*/
td p.topSpace{
	margin-top:10px;
}


/*利用規約 頁単独 テーブル内▼*/
ol{
	padding-left:7%;
}




/* フェードスムーススクロール　エントリー、個人情報、利用規約 頁共通*/
#page-top {
	position: fixed;
	bottom:280px;
	right:5px;
	font-size:10px;
}
#page-top a {
	background: #333;
	text-decoration: none;
	color: #fff;
	width:60px;
	height:60px;
	line-height:2.4em;
	text-align: center;
	display: block;
	border-radius:100px;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
}
#page-top a:hover {
	text-decoration: none;
	background: #666;
}


/* 追加修正分(by 安永)
-------------------------------------------------------------------------------------------------------------------------------- */
form th {
	background: #eee;
	text-align: left;
}

label, input, select, textarea {
	padding: 8px;
}

form ul {
	overflow: hidden;
}

form ul li {
	padding: 8px;
	margin: 0;
}

form ul li label [type="radio"],
form ul li label [type="checkbox"] {
	padding-right: 4px;
}

form #address {
	clear: both;
}

/*
@media only screen and (max-width:479px) {
	[for$="_name"],
	[for$="_kana"] {
		display: block;
	}
	
	#l_name,
	#l_kana {
		margin-bottom: 8px;
	}
	
	form caption {
		font-size: 14px!important;
	}
	
	[type="radio"],
	[type="checkbox"] {
		width: 0;
		padding: 0;
		margin: 0;
		overflow: hidden;
	}
	
	form li label {
		display: inline-block;
		background: #eee;
		border-radius: 4px;
		border: solid 1px #ddd;
	}
	
	form li label.checked {
		color: #fff;
		background: #f00;
	}
}
*/

[type="checkbox"] + .onChk {
	display: none;
}

[type="checkbox"]:checked + .onChk {
	display: inline-block;
}

.error {
	color: #f00;
	background: transparent!important;
}

#logoutBtn {
	display: none;
}

.login #logoutBtn {
	display: block!important;
}

.login #loginBtn,
.login #entryBtn {
	display: none;
}


.login #Query .form_01 caption span,
.login #Query .form_01 .first, 
.login #Query .form_01 .second, 
.login #Query .form_01 .third {
	display: none;
}

#Query #login_prompt,
#Request #login_error {
	color: #f00;
	font-size: 1em;
		font-size: 3.5rem;
	font-weight: bold;
	text-align: center;
	background: #fff!important;
	width: 400px;
	padding: 16px;
	margin: 16px auto 0;
	border: solid 1px #f00;
}

@media only screen and (max-width:432px) {
	#Query #login_prompt,
	#Request #login_error {
		font-size: 3.5rem;
		width: 100%;
		box-sizing: border-box;
	}
}

.login #Query #login_prompt,
.login #Request #login_error {
  display: none;
}

#Login .btn  {
	text-align: center;
	padding: 16px;
}

#Login .btn #btn_login {
	color: #fff;
  text-align: center;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #dedede), color-stop(1.00, #a5a5a5));
	background: -webkit-linear-gradient(#dedede, #a5a5a5);
	background: -moz-linear-gradient(#dedede, #a5a5a5);
	background: -o-linear-gradient(#dedede, #a5a5a5);
	background: -ms-linear-gradient(#dedede, #a5a5a5);
	background: linear-gradient(#dedede, #a5a5a5);	display: inline-block;
	width: 8em;
	height: 3em;
	padding: 1em;
	appearance: button;
	box-sizing: border-box;
	border-radius: 8px;
}

/* 物件詳細ページ add by Yasunaga.
----------------------------------------------------------------------------------------------------------------------- */
#detailSct > .sctHeader {
	padding: 8px;
	overflow: hidden;
}

#detailSct > .sctHeader > h1 {
  font-size: 22px;
	line-height: 38px;
	float: left;
	margin: 0;
}

#detailSct > .sctHeader > h1 + span {
	float: right;
}

#detailSct > .sctHeader > h1 + span a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background: #f00;
	background: #f00 -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ff0001), color-stop(1.00, #8f0202));
	background: #f00 -webkit-linear-gradient(#ff0001, #8f0202);
	background: #f00 -moz-linear-gradient(#ff0001, #8f0202);
	background: #f00 -o-linear-gradient(#ff0001, #8f0202);
	background: #f00 -ms-linear-gradient(#ff0001, #8f0202);
	background: #f00 linear-gradient(#ff0001, #8f0202);
	display: block;
	height: 39px;
	padding: 8px 32px;
	margin-left: 4px;
	border-radius: 4px;
	box-sizing: border-box;
}

#detailSct > .sctHeader > h1 + span + span {
	float: right;
}

/*
#detailSct #set_print {
	font-size: 16px;
	text-align: center;
	background: #eee;
	background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #ddd));
	background: #eee -webkit-linear-gradient(#fff, #ddd);
	background: #eee -moz-linear-gradient(#fff, #ddd);
	background: #eee -o-linear-gradient(#fff, #ddd);
	background: #eee -ms-linear-gradient(#fff, #ddd);
	background: #eee linear-gradient(#fff, #ddd);
	display: inline-block;
	width: 50px;
	padding: 2px 2px 6px;
	border: solid 1px #ddd;
	border-radius: 4px;
}

#detailSct #set_print:hover {
	cursor: pointer;
}

#detailSct #set_print span {
	font-size: 8px;
	line-height: 0.5;
	display: block;
}
*/

#detailSct #set_print {
	display: none;
}

#detailSct #set_copy1 {
	padding: 0.5em 1em;
	margin-bottom: 16px;
	border: solid 1px #ddd;
}

#detailSct .blkwrap {
	overflow: hidden;
}

#detailSct .blkwrap > div {
	float:left;
	/*width: 40%;*/
	padding: 0 8px 16px;;
	box-sizing: border-box;
}

#detailSct .blkwrap > div + div {
	/*width: 60%;*/
	width: 100%;
	box-sizing: border-box;
}

#detailSct #data_table {
	width: 100%;
	border: none;
}

#detailSct #data_table th {
  text-align: left;
	vertical-align: top;
	width: 100px;
	padding: 8px 16px 8px 0;
	white-space: nowrap;
	border: none;
}

#detailSct #data_table td {
	width: auto;
	padding: 8px 0;
	border: none;
}

#detailSct #moreBtn {
	text-align: center;
}

#detailSct #moreBtn a {
  color: #fff;
	font-weight: bold;
	line-height: 42px;
	text-decoration: none;
	background: #f00;
	background: #f00 -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ff0001), color-stop(1.00, #8f0202));
	background: #f00 -webkit-linear-gradient(#ff0001, #8f0202);
	background: #f00 -moz-linear-gradient(#ff0001, #8f0202);
	background: #f00 -o-linear-gradient(#ff0001, #8f0202);
	background: #f00 -ms-linear-gradient(#ff0001, #8f0202);
	background: #f00 linear-gradient(#ff0001, #8f0202);
	display: inline-block;
	width: 220px;
	height: 42px;
	text-shadow: 2px 2px 2px #900;
}

#detailSct #set_deposit,
#detailSct #set_key {
	color: #f00;
	font-size: 1.2em;
	font-weight: bold;
}



/*
#photoSct span {
	text-align:center;
	display: inline-block;
	width: 238px;
	height: 238px;
	padding: 8px 16px;
	margin-bottom: 8px;
	border: solid 1px #eee;
	box-sizing: border-box;
	overflow: hidden;
}

#photoSct span:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

#photoSct span img {
	display: inline-block;
	vertical-align: middle;
}
*/

#photoSct #lightbox li {
	text-align: center;
	display: inline-block;
	width: 90%;
	max-width: 280px;
	padding: 8px 16px;
	margin-bottom: 8px;
	border: solid 1px #eee;
	box-sizing: border-box;
	overflow: hidden;
}

#photoSct #lightbox li a:before {
  content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;	
}

#photoSct #lightbox li a img {
  display: inline-block;
	vertical-align: middle;
	width: 100%;
}



#mapSct .blkwrap {
	overflow: hidden;
}

#mapSct .blkwrap > div {
	float:left;
	/*width: 50%;*/
	padding: 0 8px 16px;;
	box-sizing: border-box;
}

#paymentSct .blkwrap {
	overflow: hidden;
}

#paymentSct .blkwrap > div {
	float:left;
	/*width: 50%;*/
	padding: 0 8px 16px;;
	box-sizing: border-box;
}

#paymentSct #pay_table {
	width: 100%;
	border: none;
}

#paymentSct #pay_table tbody th {
  text-align: left;
  vertical-align: top;
	width: 6em;
	padding: 8px 16px 8px 0;
	white-space: nowrap;
	border: none;
}

#paymentSct #pay_table td {
	text-align: right;
	width: auto;
	padding: 8px 0;
	border: none;
}

#paymentSct #pay_table td#term {
  text-align: left;
}

#paymentSct #pay_table thead td {
  text-align: left;
}

#paymentSct > div > div + div p {
	text-indent: -1em;
	padding-left: 1em;
}

#querySct {
	overflow: hidden;
}

#querySct div {
	float: left;
	/*height: 82px;*/
	border: solid 1px #ccc;
	box-sizing: border-box;
}

#querySct div:first-child {
	padding: 16px;
	margin-right: 16px;
}

#querySct div:first-child a {
  color: #fff;
	/*font-size: 24px;*/
	font-size: 6rem;
	font-weight: bold;
	text-decoration: none;
	background: #f00;
	background: #f00 -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ff0001), color-stop(1.00, #8f0202));
	background: #f00 -webkit-linear-gradient(#ff0001, #8f0202);
	background: #f00 -moz-linear-gradient(#ff0001, #8f0202);
	background: #f00 -o-linear-gradient(#ff0001, #8f0202);
	background: #f00 -ms-linear-gradient(#ff0001, #8f0202);
	background: #f00 linear-gradient(#ff0001, #8f0202);
	display: block;
	padding: 10px 32px;
	box-sizing: border-box;
	text-shadow: 2px 2px 2px #900;
}

@media only screen and (max-width:480px) {
  #querySct {
    width: 100%;	
	}
	
	#querySct div {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	
	#querySct div:first-child a {
	  font-size: 3.5rem;
	}
}

#querySct div:first-child + div {
	padding: 0;
	margin-right: 0;
}

#set_print2 {
	display: inline-block;
	border-bottom: solid 1px #ddd;
}

#set_print2 {
	font-weight: bold;
	background: #eee;
	background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #ddd));
	background: #eee -webkit-linear-gradient(#fff, #ddd);
	background: #eee -moz-linear-gradient(#fff, #ddd);
	background: #eee -o-linear-gradient(#fff, #ddd);
	background: #eee -ms-linear-gradient(#fff, #ddd);
	background: #eee linear-gradient(#fff, #ddd);
	display: block;
	padding: 2px 32px;
}

#set_print2:hover {
  cursor: pointer;
}

#set_print2 + span {
	font-size: 11px;
	font-weight: bold;
	line-height: 2;
	display: inline-block;
	height: 80px;
}

#set_print2 + span img {
	float: left;
}


#lnav {
	background: rgba(0, 0, 0, 0.5);
	width: 240px;
	height: 100%;
	box-sizing: border-box;
	position: absolute;
	top: 22px;
	left: -240px;
	overflow-y: scroll;
	z-index: 100;
}

#lnav li:last-child {
  display: none;
}

#lnav li:not(:last-child) {
	border-bottom: dotted 1px #fff;
}

#lnav li:first-child,
#lnav li:last-child {
	color: #fff;
	text-align: center;
	background: #000;
	padding: 16px 32px;
}

#lnav li a {
	color: #fff;
	display: block;
	padding: 16px 32px;
}


/* お問い合わせページ
---------------------------------------------------------------------------------------------- */
.login #Query tr:nth-child(1),
.login #Query tr:nth-child(2),
.login #Query tr:nth-child(3),
.login #Query tr:nth-child(4),
.login #Query tr:nth-child(5),
.login #Query tr:nth-child(6) {
  display: none;
}


/*--------------トップ頁単独オススメ物件コンテンツ▼----------------*/
.conte_wrap{
	width:1000px;
	width: 100%;
	margin:20px auto;
}

.oya_button {
	overflow: hidden;
}

.tabButton {
	color: #fff;
	font-size:16px;
	text-align:center;
	line-height: 64px;
	float:left;
	width:54px;
	height:54px;
	margin-left:5px;
	text-shadow:#fff 1px 1px 1px;
	border-radius:5px 5px 0 0;
	cursor:pointer;/*オンマウスのリンクエリア指定*/
	box-sizing: border-box;
	overflow: hidden;
}

#button1 , #box1{
	background:#c9c9c9;
}

#button2 , #box2{
	background:#CC6;
}

#button3 , #box3{
	background:#9C6;
}

#button4 , #box4{
	background:#9CC;
}

#button5 , #box5{
	background:#C9C;
}

.oya_box {
	height: 410px;
	overflow-x: scroll;
}

.box {
	width: 1010px;
	height: 400px;
	padding:10px;
	position:absolute;
	top:0px;
	left:0px;
	box-sizing: border-box;
}

.box > h2 {
	padding: 0;
	margin: 0;
}

.box ul {
	float:left;
	height: 380px;
	box-sizing: border-box;
}

.box ul li{
	width:168px;
	height:360px;
	margin-right:10px;
	background:#fff;
	list-style:none;
	padding:10px;
	position: relative;
}

.box ul li.last{
	margin-right:0;
}

.box ul li .exterior a {
	text-align: center;
	display: inline-block;
	height: 180px;
	vertical-align: middle;
}

.box ul li .exterior a:hover{
	opacity:0.8;
}

.box ul li .exterior a img {
	vertical-align: middle;
	max-width: 100%;
  max-height: 180px;
}

.box ul li .exterior a:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.box ul li dl {
	width: 167px;
	position: absolute;
	bottom: 48px;
	left: 10px;
}

.box ul li dl dt span{/*物件名*/
	 font-size:14px;
	 font-weight:bold;
	 color:#369;
}

.box ul li dl dt{/*物件詳細*/
	font-size:12px;
}

.box ul li dl dd{/*プライス*/
	font-size:20px;
	font-weight:bold;
	color:#990;
	text-align:right;
}

.box ul li div.about{/*物件詳細ナビボタン*/
	width:168px;
	height:30px;
	line-height:30px;
	text-align:center;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #4b4b4b), color-stop(1.00, #131313));
	background: -webkit-linear-gradient(#4b4b4b, #131313);
	background: -moz-linear-gradient(#4b4b4b, #131313);
	background: -o-linear-gradient(#4b4b4b, #131313);
	background: -ms-linear-gradient(#4b4b4b, #131313);
	background: linear-gradient(#4b4b4b, #131313);
	position: absolute;
	bottom: 10px;
	left: 10px;
}

.box ul li div.about a{/*物件詳細ナビボタン*/
	display:block;
}

.box ul li div.about a:link{/*物件詳細ナビボタン*/
	text-decoration:none;
	color:#fff;
}

.box ul li div.about a:visited{/*物件詳細ナビボタン*/
	color:#ccc;
}

.box ul li div.about a:hover{/*物件詳細ナビボタン*/
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #656565), color-stop(1.00, #1f1f1f));
	background: -webkit-linear-gradient(#656565, #1f1f1f);
	background: -moz-linear-gradient(#656565, #1f1f1f);
	background: -o-linear-gradient(#656565, #1f1f1f);
	background: -ms-linear-gradient(#656565, #1f1f1f);
	background: linear-gradient(#656565, #1f1f1f);
}

/*-----------------トップ頁単独オススメ物件コンテンツ▲-------------------*/