@charset "utf-8";

/*--------------------------------------------------------------------------------
	Reset
--------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, footer,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, figure {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: inherit;
	font-size: 100%;
	vertical-align: baseline;
	}

/*---------- html5 reset ----------*/
article,aside,dialog,figure,footer,header,hgroup,nav,section { display: block; }


/*--------------------------------------------------------------------------------
	Setting
--------------------------------------------------------------------------------*/

ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; /*border-style: none;*/ }
caption, th, td {
	font-weight: normal;
	}

img,
a img {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 0;
	vertical-align: bottom;
	}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	}

h1 {
	font-size: 24px;
	line-height: 1.8em;
	}

h2 {
	font-size: 18px;
	line-height: 1.8em;
	}

h3 {
	font-size: 16px;
	line-height: 1.8em;
	}

h4 {
	font-size: 14px;
	line-height: 1.8em;
	}

h5 {
	font-size: 12px;
	line-height: 1.8em;
	}

h6 {
	font-size: 11px;
	line-height: 1.8em;
	}

input, select {
	vertical-align: middle;
	}

html { font-size: 62.5%; }
body { font-size: 14px; font-size: 1.4rem; } /* =14px */
h1   { font-size: 24px; font-size: 2.4rem; } /* =24px */

body {
	background: #fff;
	line-height: 1.6;
	color: #333;
	font-family:'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif !important;
	}

.clear { clear: both; }
.alignright { float: right; }
.alignleft { float: left; }

hr.clear {
	height: 0;
	margin: 0;
	padding: 0;
	line-height: 0;
	border: none;
	visibility: hidden;
	}

/*---------- Alignment ----------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.325em;
	margin-bottom: 1.325em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.325em;
	margin-bottom: 1.325em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.325em;
}

.alignnone {
	clear: both;
	display: block;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 1.325em;
}

/*---------- Links ----------*/

a, a:visited {
	color: #1982e1;
	text-decoration: none;
	}

a:hover, a:active {
	color: #3366CC;
	text-decoration: underline;
	}
	
a:active, a:focus {
	outline: 0 none;
	}

/*---------- clearfix ----------*/
.clearfix:after{  
	visibility:hidden;
	height:0;
	display: block;
	font-size: 0;  
	content: "";  
	clear: both;  
	}  
* html .clearfix             { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }

/*---------- Gotop ----------*/

.gotop {
	clear: both;
	margin: 30px 20px 0;
	padding: 0;
	font-size: 80%;
	text-align: right;
	}

.gotop a,
.gotop a:visited {
	padding: 0 3px;
	text-decoration: none;
	color: #1982e1;
	}

.gotop a:hover {
	color: #FFF;
	padding: 0 3px;
	background: #1982e1;
	text-decoration: none;
	}

.gotop a:active {
	text-decoration: none;	
	}

/*--------------------------------------------------------------------------------
	header／ヘッダー
--------------------------------------------------------------------------------*/
header {
	padding:20px 0;
	margin:0 auto;
	width: 960px;
}
/*--------------------------------------------------------------------------------
	wrap／ラッパー
--------------------------------------------------------------------------------*/

#wrapper {
	width: 960px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	background: #fff;
	font-size:16px;
	}

@media only screen and (max-width: 720px) {
	#wrapper {
		display:none;
	}
}

#wrapper-smp {
	background-color:#fff;
	min-width:320px;
	margin-left:1%;
}

@media only screen and (min-width: 721px) {
	#wrapper-smp {
		display:none;
	}
}

#contener {
		width: 960px;
		margin: 0 auto;
}
/*--------------------------------------------------------------------------------
	Nav／グローバルナビ
--------------------------------------------------------------------------------*/
nav {
	background:url(../images/buttons_back.png);
	width:960px;
	height:59px;
	margin:0 auto;
}
nav ul {
	margin:0;
	padding:0;
}
nav li {
	margin:0;
	padding:0;
	float:left;
}

/*--------------------------------------------------------------------------------
	Content／コンテンツ
--------------------------------------------------------------------------------*/

#content {
	clear: both;
	width: 960px;
	height: 100%;
	margin: 0 auto;
	backgroud:#fff;
@media (max-width: 550px) {
		width: 98%;
	}
}
#content h1 {
	padding-left:32px;
	font-size:24px;
	color:#fff;
	background:url(images/title-back.gif);
	background-repeat:no-repeat;
	height:40px;
	line-height:42px;
}

#wrapper-smp #content {
	margin-left:1%;
	clear: both;
	width: 98%;
	height: 100%;
	margin: 0;
	padding: 20px 0;
	float:left;
}
#wrapper-smp #content h1 {
	padding-left:16px;
	font-size:16px;
	color:#fff;
	background: #1f83c4;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}


/*--------------------------------------------------------------------------------
	footer ／フッター
--------------------------------------------------------------------------------*/
#wrapper footer {
	margin:0 21px 80px 0;
	text-align:right;
	font-size:12px;
}


/*--------------------------------------------------------------------------------
	company ／ 会社概要
--------------------------------------------------------------------------------*/
#company {
	margin:20px;
	font-size:20px;
}
#company h3 {
	font-size:18px;
	font-weight:bold;
}
#company h4 {
	font-size:14px;
	font-weight:bold;
}
#company p {
	line-height:180%;
	margin-bottom:16px;
}

/*--------------------------------------------------------------------------------
	privacy ／ 個人情報保護規定
--------------------------------------------------------------------------------*/
#privacy {
	margin:20px;
}
#privacy h3 {
	font-size:16px;
	font-weight:bold;
}
#privacy h4 {
	font-size:14px;
	font-weight:bold;
}
#privacy p {
	line-height:180%;
	margin-bottom:16px;
}

/*--------------------------------------------------------------------------------
	access ／ アクセス
--------------------------------------------------------------------------------*/
#access {
	margin:20px;
	font-size:20px;
}
#access h3 {
	font-size:16px;
	font-weight:bold;
}
#access h4 {
	font-size:14px;
	font-weight:bold;
}
#access p {
	line-height:180%;
	margin-bottom:16px;
}



/*--------------------------------------------------------------------------------
	SlickNav-master ／ SlickNav-master
--------------------------------------------------------------------------------*/
.slicknav_menu {
	display:none;
}

@media screen and (max-width: 720px) {
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
}
/*--------------------------------------------------------------------------------
	角丸枠
--------------------------------------------------------------------------------*/
.kadomaru1 {
	-moz-border-radius: 8px;    /* Firefox */
	-webkit-border-radius: 8px; /* Safari,Chrome */
	border-radius: 8px;         /* CSS3 */

	border: 2px #d70000 solid;     /* 枠線の装飾 */
	background-color: #fff;   /* 背景色 */
	padding:4px;
}
.kadomaru2 {
	-moz-border-radius: 8px;    /* Firefox */
	-webkit-border-radius: 8px; /* Safari,Chrome */
	border-radius: 8px;         /* CSS3 */

	border: 2px #fa0 solid;     /* 枠線の装飾 */
	background-color: #fa0;   /* 背景色 */
	padding:4px;
}
/*--------------------------------------------------------------------------------
	プリント
--------------------------------------------------------------------------------*/
@media print{
	#wrapper-smp{
		display:none;
	}
}

/*------------------------------------------------
	物件ボックス
------------------------------------------------*/
.bukken-box {
	width:920px;
	margin:20px;
}
.bukken-box .title {
	font-size:96px
	border-bottom:4px solid #7caad2;
}
/*------------------------------------------------
	プルダウン
------------------------------------------------*/
#menu_box {
	margin:0;
	padding:0;
	width:950px;; 
	height:56px; 
	position: relative;
}
#menu_box ul#menuBody {
	width:950px;; 
	position: absolute; 
	z-index:100;
	cursor: pointer;
}
#menu_box ul.navi {
	padding:0;
	height:56px; 
	overflow: hidden; 
	color:#eee; 
	font-size:12px; 
	text-align: left; 
	float: left;
	cursor: pointer;
}
#menu_box ul.navi li {
	height:56px;
	line-height:24px;
	cursor: pointer;
}
#menu_box ul.navi li:hover {
	cursor: pointer;
}
#menu_box ul#menuBody li {
	float: left;
}
#menu_box ul#menuBody .nav li {
	float: none;
}