@charset "utf-8";

/*--- <全体設定> ---*/
* {
	color:#333;
	font-family:Arial, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', "MS PGothic", 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
	margin:0;
	padding:0;
}

html {
	overflow-y:scroll;
	scroll-behavior:smooth;
}

body {
	background:url('/images/bg01.png') repeat;
	color:#bedfc2;
	font-size:14px;
	line-height:1.7;
}

h1 {
	background-color:#768ae9;
	color:#fff;
	font-size:13px;
	font-weight:normal;
}

h2 {
	color:#4f4f4f;
	font-size:14px;
	font-weight:normal;
	height:30px;
	padding:7px 0 0 20px;
}

h3 {
	border-bottom:1px solid #f93;
	color:#464646;
	font-size:100%;
	font-weight:bold;
	margin:5px 0 10px;
	padding-left:5px;
}

a:link, a:visited {
	color:#2811ff;
	text-decoration:underline;
}

a:hover {
	color:#592829;
	text-decoration:none;
}

img {
	border:none;
	height:auto;
	vertical-align:bottom;
	max-width:100%;
}

table {
	border-collapse:collapse;
	color:#666;
	font-size:14px;
	width:100%;
}

.red {color:red;}

.red_1 {
	color:red;
	margin-bottom:15px;
	text-align:center;
}

.blue {color:blue;}

.bg_blue {
	background-color:#cff;
	padding:10px;
}

.bg_pink {
	background-color:#fcf;
	padding:10px;
}

.bg_gle {
	background-color:#ff6;
	padding:10px;
}

.bg_white {
	background-color:#fff;
	padding:20px 10px;
}

.bg_white_cet {
	background-color:#fff;
	padding:20px 10px;
	text-align:center;
}

.bold {font-weight:bold;}

.font01 {
	font-family:'HGS教科書体';
	font-size:18px;
}

.underline {text-decoration:underline;}

.left {float:left;}

.right {float:right;}

.clear {clear:both;}

.none {display:none;}

.indent {
	margin-top:5px;
	text-indent:1em;
}

.clearfix::after {
	clear:both;
	content:'';
	display: block;
}

iframe {
	font-size:16px;
	line-height:5px;
}

@media (min-width: 1000px) {

	.link_target {
		margin-top:-140px;
		padding-top:140px;
	}

}

@media not all and (min-width: 1000px) {

	.link_target {
		margin-top:-70px;
		padding-top:70px;
	}

}

/* header */
header {
	background:url('/images/bg01.png') repeat;
	display:block;
	margin:0;
	padding:0;
	position:sticky;
	top:0;
	width:100%;
}

.h_box {
	box-sizing:border-box;
	margin:0;
	padding:5px max(50% - 475px, 10px) 0;
	width:100%;
}

.h_logo {
	display:block;
	margin:0;
	padding:0;
}

@media (min-width: 1000px) {

	.headerrap {
		background-color:#768ae9;
		box-sizing:border-box;
		color:#fff;
		font-size:13px;
		font-weight:normal;
		padding:0 calc(50% - 475px);
		width:100%;
	}

	.h_box {
		display:grid;
		gap:30px;
		grid-template:"a b c d" / 400px 1fr 245px 100px;
	}

	.h_tel, .h_mail {
		display:block;
		margin:0;
	}

	.h_logo {grid-area:a;}

	.h_tel {
		grid-area:c;
		padding:0;
	}

	.h_mail {
		grid-area:d;
		padding:1px 0 0;
	}

	.g_nav {
		background:url('/images/navi.png') left top repeat-x;
		box-sizing:border-box;
		display:block;
		margin:0;
		padding:7px calc(50% - 475px) 0;
		width:100%;
	}

	.g_nav > ul {
		border-bottom:1px solid #3ff;
		display:flow-root;
		margin:0;
		padding:0;
		width:100%;
	}

	.g_nav > ul > li {
		display:block;
		float:left;
		margin:0;
		padding:0;
	}

	.g_nav > ul > li > a {
		display:block;
		margin:0;
		padding:0;
	}

}

@media not all and (min-width: 1000px) {

	header {
		align-items:center;
		display:flex;
		height:70px;
	}

	.headerrap {display:none;}

	.h_box {display:block;}

	.h_logo {max-width:50%;}

	.h_tel, .h_mail {
		display:none;
	}

	.g_nav {display:none;}

}

/* main */
.body_box {
	background-color:#fff;
	border-color:#ccc;
	border-style:solid;
	border-width:1px 1px 0 1px;
	box-sizing:border-box;
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin:auto;
	padding:20px 10px 10px;
	width:min(952px, 100% - 20px);
}

.side_box, .main_box {
	display:block;
	padding:0;
}


@media (min-width: 750px) {

	.main_box {
		margin:0;
		order:2;
		width:min(700px, 100% - 230px);
	}

	.side_box {
		margin:0;
		order:1;
		width:220px;
	}

}

@media not all and (min-width: 750px) {

	.main_box {
		margin:auto;
		order:1;
		width:100%;
	}

	.side_box {
		margin:auto;
		order:2;
		width:220px;
		max-width:100%;
	}

}

.page_top {
	background-color:#fff;
	box-sizing:border-box;
	display:block;
	text-align:right;
	width:950px;
	max-width:100%;
}

.main_box .page_top {
	margin:0;
	padding:0;
	width:100%;
}

body > .page_top {
	margin:auto;
	padding:0 11px 0 0;
	width:min(950px, 100% - 20px);
}

.page_top > a {
	display:inline-block;
}


#pagetop {clear:both;}

#pagetop p {
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
	text-align:right;
	width:950px;
}

#pagetop a {
	margin-right:11px;
	text-decoration:none;
}

.pagetop {
	clear:both;
	margin:0 auto;
	text-align:right;
}

/* footer */
footer {
	background-color:#fff;
	border-color:#ccc;
	border-style:solid;
	border-width:0 1px 1px 1px;
	display:block;
	margin:auto;
	padding:0;
	width:min(950px, 100% - 20px);
}

.f_nav > ul {
	display:block;
	margin:auto;
	padding:0;
	text-align:center;
}

.f_nav > ul > li {
	display:inline-block;
	margin:0;
	padding:0;
}

.f_nav > ul > li + li {margin-left:3px;}

.f_nav > ul > li + li::before {
	content:'|';
	margin:0 3px 0 0;
}

.f_nav > ul > li > a {
	color:#333;
	font-size:12px;
}

.f_nav > ul > li > a:hover {
	color:#777;
}

.copyright {
	color:#666;
	display:block;
	font-size:12px;
	margin:2px auto 5px;
	padding:0;
	text-align:right;
	width:min(100% - 20px, 700px);
}



/*--- <コンテンツ> ---*/
#container {
	background-color:#fff;
	border-color:#ccc;
	border-style:solid;
	border-width:1px 1px 0 1px;
	clear:both;
	margin:0 auto;
	width:950px;
}

#contents {
	background-color:#fff;
	margin-top:5px;
	padding-top:5px;
}

.container {
	margin:0 auto;
	width:950px;
}

#top_main {
	float:left;
	width:950px;
}

#top_left {
	display:inline;
	float:left;
	margin:10px 0 0 10px;
	width:220px;
}

#top_right {
	display:inline;
	float:right;
	margin:10px 10px 0 0;
	width:700px;
}

#f_right {
	display:inline;
	float:right;
	width:950px;
}

.centering {text-align:center;}

.righting {text-align:right;}

h2.title_01 {
	background:url('/images/title_01.png') left top no-repeat;
	clear:both;
	padding-top:4px;
	text-indent:3em;
}

h2.title_02 {
	background:url('/images/title_02.png') left top no-repeat;
	clear:both;
	padding-top:4px;
	text-indent:2em;
}

h2.title_01a {
	background:url('/images/title_01a.png') left top no-repeat;
	clear:both;
	padding-top:4px;
	text-indent:2em;
}

h2.title_02a {
	background:url('/images/title_02a.png') left top no-repeat;
	clear:both;
	padding-top:4px;
	text-indent:2em;
}

.m_5 {margin-top:5px;}

.m_10 {margin-top:10px;}

.m_15 {margin-top:15px;}

.m_20 {margin-top:20px;}

.m_40 {margin-top:40px;}

.m_5d {margin-bottom:5px;}

.m_10d {margin-bottom:10px;}

.m_15d {margin-bottom:15px;}

.m_5l {margin-left:5px;}

.m_10l {margin-left:10px;}

.m_1el {margin-left:1em;}

.h2_box00_flash {
	margin-bottom:10px;
	padding-bottom:5px;
	width:950px;
}

.h2_box00 {
	border:1px solid #ccc;
	margin-bottom:10px;
	padding:10px 5px;
}

.h2_box00_a {
	border-bottom:1px dashed #ccc;
	clear:both;
	float:left;
	margin:0 0 10px 4px;
}

.h2_box00_b {
	float:left;
	height:380px;
	margin:5px 4px 0 4px;
	width:164px;
}

.h2_box00_b > p, .h2_box00_b > img {
	margin-left:7px;
}

.h2_box00_c {
	border:1px solid #ccc;
	margin-bottom:10px;
	padding:10px;
}

.h2_box00_c .right, .h2_box00_c .left {
	margin-top:20px;
	width:330px;
}

.sell_box_1, .sell_box_2 {
	margin-top:20px;
}


@media (min-width: 1000px) {

	.sell_box_1, .sell_box_2 {
		width:330px;
	}

	.sell_box_1 {
		float:left;
	}

	.sell_box_2 {
		float:right;
	}

}

@media not all and (min-width: 750px) {

	.sell_box_1, .sell_box_2 {
		width:100%;
	}

}
.h2_box00_d {
	border:1px solid #ccc;
	margin-bottom:10px;
	padding:10px;
}

.h2_box00_non {
	border:none;
	padding-bottom:15px;
}

.h2_box00_non1 {
	border:none;
	margin:0 auto;
	width:460px;
	max-width:100%;
}

.box_arrow {
	margin:10px 0;
	text-align:center;
}

.value {
	color:red;
	font-size:15px;
}

.box {padding:5px;}

.box2 {padding:10px;}

.bnr {margin-bottom:10px;}

/* 文頭アイコン */
ul.list li {
	margin-left:30px;
	padding-top:3px;
}

ul.acc li {
	background:url('/images/icon_link.png') no-repeat left 6px;
	list-style-type:none;
	padding-top:1px;
	padding-left:20px;
}

ul.acc1 li {
	background:url('/images/acc_check.png') no-repeat left 3px;
	list-style-type:none;
	padding-left:20px;
}

ul.acc2 li {
	background:url('/images/acc_1.png') left 6px no-repeat;
	list-style-type:none;
	padding-top:3px;
	padding-left:25px;
}

ol {list-style-position:inside;}

/*文字サイズ*/
.f_14 {font-size:14px;}

.f_120 {font-size:120%;}

.f_120b {
	font-size:120%;
	font-weight:bold;
}

.f_150b {
	font-size:150%;
	font-weight:bold;
}

.f_180 {font-size:180%;}

.f_180b {
	font-size:180%;
	font-weight:bold;
}


/* top */
.home_box {
	display:block;
	margin:5px auto 0;
	padding:0;
	width:950px;
	max-width:100%;
}

/*プライバシー*/
dl.links dd {
	padding:7px 0 0 10px;
}

dl.links dt {
	background-attachment:scroll;
	background-clip:border-box;
	background-color:transparent;
	background-origin:padding-box;
	background-position:left 12px;
	background-repeat:no-repeat;
	background-size:auto auto;
	color:#454545;
	font-size:100%;
	font-weight:bold;
	list-style:none;
	padding:10px 0 0 25px;
}

/*ボーダー*/
.border {border:1px solid #b7b7b7;}

.border2 {border:1px solid #00f;}

.border3 {
	background-color:#f0fff0;
	border:1px solid #acacff;
	font-size:16px;
}

.border4 {border:1px solid #008080;}

/*WATSNew*/
#main-news ul {
	border-top:1px dashed #ccc;
	max-height:1020px;
	overflow:auto;
	padding-bottom:5px;
}

#main-news li {
	border-bottom:1px dashed #ccc;
	list-style-type:none;
	margin-top:5px;
}

/*物件情報*/
#info {
	border:1px solid #ccc;
	margin-bottom:10px;
	padding:10px 13px 15px 13px;
}

#info ul {
	border:1px solid #ccc;
	float:left;
	height:154px;
	margin-bottom:0;
	overflow:auto;
	padding:10px 0 15px 5px;
	width:385px;
}

#info ul.acc1 li {
	background:url('/images/acc_check.png') no-repeat left 3px;
	list-style-type:none;
	padding-left:20px;
}

.navi1 {
	border:1px solid #ccc;
	font-size:16px;
	margin-bottom:10px;
	padding:10px;
}

.navi1 ul.acc2 li {
	background:url('/images/acc_1.png') left 6px no-repeat;
	list-style-type:none;
	padding-top:0;
	padding-left:25px;
}

.navi1 ul.acc3 li {
	background:url('/images/acc_3.png') left 6px no-repeat;
	list-style-type:none;
	padding-top:0;
	padding-left:25px;
}

.navi2 {
	border:1px solid #ccc;
	margin-bottom:10px;
	padding:10px;
}

.navi2 ul.acc2 li {
	background:url('/images/acc_1.png') left center no-repeat;
	clear:both;
	list-style-type:none;
	padding-top:2px;
	padding-left:25px;
}

.navi2 ul.acc2 li img {
	float:left;
	margin:5px;
}

.navi2 ul.acc2 li div {
	height:55px;
	padding-top:30px;
}

.navi2 ul.acc3 li {
	background:url('/images/acc_3.png') left 6px no-repeat;
	list-style-type:none;
	padding-top:2px;
	padding-left:25px;
}

/* ご紹介リンク */
#link {
	border:1px solid #ccc;
	margin-bottom:10px;
}

#link td {
	background:url('/images/acc_1.png') no-repeat 3px center;
	border:none;
	text-indent:25px;
}

/* 会社案内 */
#company th {
	background-color:#e8e8e8;
	border-top:1px dotted #ccc;
	line-height:1.5;
	padding:8px 0;
}

#company td {
	border-bottom:1px dotted #ccc;
	line-height:1.5;
	padding:8px 13px;
}

@media (min-width: 600px) {

	#company th {
		border-bottom:1px dotted #ccc;
	}

	#company td {
		border-top:1px dotted #ccc;
	}

}

@media not all and (min-width: 600px) {

	#company th, #company td {
		display:block;
	}

}

/* タブメニュー */
#tab-wrapper {
	margin:0 auto 10px;
	text-align:left;
}

#tab li {
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	float:left;
	list-style-type:none;
	width:173px;
}

#tab li a {
	color:#777;
	display:block;
	font-size:14px;
	padding:2px;
	text-align:center;
	text-decoration:none;
	width:169px;
}

#tab li a:hover, #tab li.present a {
	background-color:#768AE9;
	color:#fff;
}

#news1, #news2, #news3,#news4 {
	border:1px solid #ccc;
	clear:both;
	color:#666;
	font-size:13px;
	padding:10px;
}

.box3 {
	width:250px;
	margin:20px 5px;
}

/* スライドショー */
#slideshow {
	color:#fff;
	list-style:none;
}

#slideshow span {
	display:none;
}

#wrapper {
	display:none;
	margin-right:auto;
	margin-bottom:50px;
	margin-left:auto;
	width:696px;
}

#wrapper * {
	margin:0;
	padding:0;
}

#fullsize {
	background-color:#063;
	border:1px solid #ccc;
	height:400px;
	padding:2px;
	position:relative;
	width:690px;
}

#information {
	background-color:#333;
	bottom:0;
	height:0;
	color:#fff;
	overflow:hidden;
	position:absolute;
	width:690px;
	z-index:200;
}

#information h3 {
	color:#0ff;
	padding:4px 8px 3px;
	font-size:14px;
}

#information p {
	color:#fff;
	padding:0 8px 8px;
}

#image {width:690px;}

#image img {
	margin-right:4px;
	position:absolute;
	width:auto;
	z-index:25;
}

.imgnav {
	cursor:pointer;
	height:306px;
	position:absolute;
	width:25%;
	z-index:150;
}

#imgprev {
	background-image:url('/images/left.gif');
	background-repeat:no-repeat;
	background-position:left center;
	left:0;
}

#imgnext {
	background-image:url('/images/right.gif');
	background-repeat:no-repeat;
	background-position:right center;
	right:0;
}

#imglink {
	height:306px;
	position:absolute;
	width:100%;
	z-index:100;
}

.linkhover {background:url('/images/link.gif') center center no-repeat;}

/* サブネイル */
#thumbnails {margin-top:15px;}

#slideleft {
	background-color:#063;
	background-image:url('/images/scroll-left.gif');
	background-repeat:no-repeat;
	background-position:center center;
	float:left;
	height:81px;
	width:25px;
}

/* サイドバーオンマウス時 */
#slideleft:hover {background-color:#0c0;}

#slideright {
	background-color:#063;
	background-image:url('/images/scroll-right.gif');
	background-repeat:no-repeat;
	background-position:center center;
	float:right;
	height:81px;
	width:25px;
}

/* サイドバーオンマウス時 */
#slideright:hover {background-color:#0c0;}

#slidearea {
	float:left;
	height:81px;
	margin-left:5px;
	overflow:hidden;
	position:relative;
	width:635px;
}

#slider {
	height:81px;
	left:0;
	position:absolute;
}

#slider img {
	border:1px solid #666;
	cursor:pointer;
	padding:2px;
}

/*--- <サイトポリシー> ---*/
dl.links dt {
	background-image:url('/images/acc_link.png');
	background-repeat:no-repeat;
	background-position:left 12px;
	color:#777;
	font-size:100%;
	font-weight:bold;
	padding:8px 0 0 25px;
}

dl.links dd {
	padding:7px 0 0 20px;
}

dl.links dd .img {
	float:left;
	width:200px;
}

dl.links dt.space {
	margin-top:10px;
}

dl.links dd.sub {
	background:url('/images/acc_sub01.png') 22px 13px no-repeat;
	padding-left:40px;
}

ol.privacy {
	padding-left:0;
}

ol.privacy li {
	background-image:url('/images/icon_link.png');
	background-repeat:no-repeat;
	background-position:left 12px;
	list-style-type:none;
	margin:0;
	padding:7px 0 0 25px;
}

.blog {
	background:url('/images/acc_5.png') no-repeat 10px center;
	border:none;
	font-size:16px;
	list-style:none;
	padding:10px 0 10px 30px;
}

.blog a:link, .blog a:visited {
	color:#06F;
}

.blog1 {margin:10px 30px;}