<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "Shift_JIS";
/*--------------------------------------------------------
  共通レイアウトパーツ設定
--------------------------------------------------------*/
/* ヘッダー内パーツ */

#hpb-header{
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #435aac;
}
#hpb-headerMain {
}
#hpb-headerMain h1{
	font-size:0.75em;
	font-weight:normal;
	margin-left:10px;
	margin-bottom:0;
	margin-top:0;
	height:20px;
	line-height:30px;
}
#hpb-headerLogo{
	padding-top:7px;
	margin-left:10px;
	width:380px;
	float:left;
}
#hpb-headerLogo a{
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 40px;
	width:380px;
	background-image : url(logo_6H.png);
	background-position: center left;
	background-repeat: no-repeat;
}
#hpb-headerExtra1{
	width:350px;
	float:right;
}
#hpb-headerExtra1 p.tel{
	/* 電話番号の文字設定 */
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: right;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height:20px;
}
#hpb-headerExtra1 p.tel span{
	/* 電話番号の「TEL」文字設定 */
	font-size: 0.7em;
	font-weight: normal;
	padding-right: 25px;
	background-image : url(tel_6H.png);
	background-repeat: no-repeat;
	background-position: right -2px;
	line-height: 20px;
}
#hpb-headerExtra1 p.address{
	/* 住所文字設定 */
	text-align: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size:1.1em;
}
#hpb-headerExtra2 {
}
/* フッター内パーツ */
#hpb-footer{
	width: 900px;
	height: 70px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 18px;
	clear: both;
	background-image : url(footerBg_6H.png);
	background-repeat: repeat-x;
	background-position: center top;
}

#hpb-footerMain{
	width:440px;
	float:right;
}
#hpb-footerMain p{
	/* コピーライト文字設定 */
    margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 12px;
	font-size: 0.9em;
	text-align: right;
}
#hpb-footerLogo {
}
#hpb-footerExtra1{
	width: 440px;
	float: left;
}
#hpb-footerExtra1 ul{
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	list-style-type: none;
	text-align: left;
}
#hpb-footerExtra1 li{
	/* フッターナビ設定 */
    line-height: 12px;
	font-size: 0.9em;
	display:inline;
}
#hpb-footerExtra1 li a{
	line-height: 12px;
	padding-left: 21px;
	background-image : url(fpoint_6H.png);
	background-repeat: no-repeat;
	background-position: 12px 1px;
}
#hpb-footerExtra2 {
}
/* サイドブロック内パーツ */

/* バナー */
#banner {
}
#banner ul{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	list-style-type: none;
}
#banner li{
	display: block;
	margin-bottom: 5px;
	text-align: left;
}
#banner li a{
	display: block;
	height: 118px;
	width:285px;
	text-indent: -9999px;
	overflow: hidden;
}
#banner a#banner-business{
	/* 業務内容バナー */
    background-image : url(banner_6H_01.png);
	background-position: center center;
	background-repeat: no-repeat;
}
#banner a#banner-company{
	/* 会社概要バナー */
    background-image : url(banner_6H_02.png);
	background-position: center center;
	background-repeat: no-repeat;
}
#banner a#banner-contact{
	/* お問い合わせバナー */
    background-image : url(banner_6H_03.png);
	background-position: center center;
	background-repeat: no-repeat;
}
#banner a#banner-access{
	/* アクセスバナー */
    background-image : url(banner_6H_04.png);
	background-position: center center;
	background-repeat: no-repeat;
}
#banner a#banner-blog{
	/* ブログバナー */
    background-image : url(banner_6H_05.png);
	background-position: center center;
	background-repeat: no-repeat;
}
#banner a#banner-results{
	/* 施工実績バナー */
    background-image : url(banner_6H_06.png);
	background-position: center center;
	background-repeat: no-repeat;
}


/*--------------------------------------------------------
  ナビゲーション設定
--------------------------------------------------------*/

#hpb-nav li{
	display: block;
	width:180px;
	float:left;
	overflow: hidden;
}
#hpb-nav li a{
	display: block;
	height: 40px;
	text-align: center;
	overflow: hidden;
	line-height: 40px;
	background-image : url(mainmenu_6H.png);
	background-repeat: no-repeat;
	background-position: center top;
	color: #000000;
	font-weight: bold;
	text-decoration:none;
}
#hpb-nav li span.en{
	display:none;
}
#hpb-nav li span.ja {
}
#hpb-nav li#nav-toppage a{
	background-position: left top;
}
#hpb-nav li#nav-access a{
	background-position: right top;
}
#hpb-nav a:hover{
	background-image : url(mainmenu_6H_on.png);
	color:#435aac;
}
#hpb-nav h3.hpb-c-index{
	height: 1px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-indent: -9999px;
	background: none;
}
/*--------------------------------------------------------
  基本パーツデザイン設定
--------------------------------------------------------*/

/* リンク文字色 */
a:link{
	color: #000000;
	text-decoration: underline;
}
a:visited{
	color: #000000;
	text-decoration: underline;
}
a:hover{
	color: #BD3236;
	text-decoration: none;
}
a:active{
	color: #000000;
	text-decoration: none;
}
#hpb-skip{
	/* ヘッダースキップの非表示 */
    height: 1px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-indent: -9999px;
}
p{
	margin-top: 10px;
	margin-bottom: 20px;
	padding-right: 15px;
	padding-left: 15px;
	line-height: 1.6;
	text-align: left;
	overflow: visible;
}
p.large{
	font-weight: bold;
	color: #435AAC;
	font-size: 1.2em;
	margin-bottom: 10px;
	margin-top: 5px;
}
p.indent{
	padding-left: 15px;
}
.price{
	color: #ff0000;
}
.left{
	float: left;
}
.right{
	float: right;
}
img.center{
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	margin-bottom:15px;
}
hr{
	width: 100%;
	height: 1px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	clear: both;
	border-top-width: 1px;
	border-top-style: none;
	border-right-width: 1px;
	border-right-style: none;
	border-left-width: 1px;
	border-left-style: none;
	color: #ffffff;
	border-bottom-width: 1px;
	border-bottom-style: none;
}
.hpb-layoutset-02 h2{
	background-color:#6CF;
	height: 90px;
	line-height:80px;
	padding-left:15px;
	padding-right:15px;
	margin-bottom:0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-image : url(pagetitle_6H.png);
	background-repeat: no-repeat;
	background-position: left top;
	line-height:125px;
	overflow:hidden;
}
.hpb-layoutset-02 h2 span.ja{
	color:#435aac;
	font-size:1em;
}
.hpb-layoutset-02 h2 span.en{
	display: none;
}
#hpb-wrapper h3{
	height: 25px;
	overflow: hidden;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0;
	padding-left: 15px;
	padding-bottom: 0;
	font-size: 1.1em;
	line-height: 25px;
	text-align: left;
	font-weight: normal;
}
.hpb-layoutset-02 #hpb-wrapper h3{
	height: 45px;
	overflow: hidden;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0;
	padding-left: 10px;
	padding-right:10px;
	padding-bottom: 0;
	font-size: 1.2em;
	line-height: 48px;
	text-align: left;
	background-image : url(indexBg_6H.png);
	background-repeat: repeat-x;
	background-position: left top;
	color:#222222;
	font-weight:bold;
}
#hpb-wrapper h3 span.en {
}
h3.hpb-c-index{
	height: 1px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-indent: -9999px;
	background: none;
}
h4{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 12px;
	padding-bottom: 0;
	padding-left: 12px;
	text-align: left;
	font-size: 1.1em;
	line-height: 1.2;
	font-weight: bold;
	color: #435aac;
}
h5{
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
	font-size: 1.1em;
	line-height: 1.5;
	font-weight: bold;
}
table{
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	border-collapse: collapse;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	width:98%;
}
table th{
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	text-align: left;
	background-color: #F8FAFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	white-space: nowrap;
	color: #435AAC;
}
table td{
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
td h4{
	padding-right: 2px;
	padding-left: 2px;
}
td p{
	margin-bottom: 0.5em;
	padding-left:5px;
	padding-right:5px;
}
/* フォームパーツ設定 */
input.button{
	margin-top: 10px;
	margin-bottom: 15px;
}
textarea{
	width: 400px;
	height: 200px;
}
input.l{
	width: 400px;
}
input.m{
	width: 250px;
}
input.s{
	width: 50px;
}
input.button{
	display:block;
	margin-left:auto;
	margin-right:auto;
}
/* メインコンテンツ内基本パーツ */

#hpb-main ul{
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	list-style-type: none;
}
#hpb-main ul li{
	text-align: left;
	line-height: 1.4;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #DDDDDD;
	background-image : url(point_6H.png);
	background-position: 0 6px;
	background-repeat: no-repeat;
}
#hpb-main dl{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#hpb-main dt{
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	text-align: left;
	line-height: 19px;
	min-height: 19px;
	width: 160px !important;
	padding-top: 13px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 5px;
	text-indent:20px;
	background-image : url(arrow_6H.png);
	background-position: 13px 16px;
	background-repeat: no-repeat;
	color: #000;
	font-weight: bold;
}
#hpb-main dd{
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
	padding-top: 13px;
	padding-right: 15px;
	padding-bottom: 11px;
	text-align: left;
	line-height: 19px;
	min-height: 19px;
	padding-left: 170px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #DDDDDD;
	color: #333333;
}
*:first-child + html #hpb-main dd{
	/* for IE7 */
    padding-left: 10px;
	min-height: 20px;
}
* html #hpb-main dd{
	/* for IE6 */
    padding-left: 0px;
	height: 20px;
}
#hpb-main dl::after{
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
#hpb-main img.left{
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 10px;
	float: left;
}
#hpb-main img.right{
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 20px;
	float: right;
}

/* ページの先頭へのリンク設定 */
#pagetop{
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	text-align: right;
}
#pagetop a{
    display: block;
	margin-left: auto;
	margin-right: 0px;
	width: 140px;
	height: 30px;
	text-align: left;
	text-indent: -9999px;
	overflow: hidden;
	background-image : url(returnTop_6H.png);
	background-position: center left;
	background-repeat: no-repeat;
}

/* トップページ デザイン定義 */
#toppage p.large{
	background-image : url(indexBg_6H.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 45px;
	line-height:48px;
	color:#222222;
	font-size:1.2em;
	padding-left:10px;
	padding-right:10px;
	width:553px;
	margin-bottom:15px;
}
#toppage-news h3{
	height: 45px;
	overflow: hidden;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 0;
	padding-left: 15px;
	padding-bottom: 0;
	font-size: 1.2em;
	line-height: 40px;
	text-align: left;
	background-image : url(top_banner_6H.png);
	background-position: left top;
	background-repeat: no-repeat;
	text-transform: capitalize;
	color:#333333;
	font-weight:bold;
}
#toppage-news {
}
#toppage-news span.ja{
	display: none;
}
#toppage-news dl{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CACACA;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CACACA;
	border-left-color: #CACACA;
}
#toppage-news dd{
	border-bottom-style:none;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #DDDDDD;
}
#toppage-news dl dt:first-child + dd{
	border-top-style: none;
}

/* 物件詳細 デザイン定義 */
#detail h3{
	color: #442c10;
	background-image: none;
	padding-left: 5px;
	font-size: 1.2em;
	font-weight: bold;
}
#detail-imgbox{
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom:15px;
	padding-top: 15px;
	padding-bottom: 5px;
	text-align: center;
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F2F5FE;
	border-right-color: #F2F5FE;
	border-bottom-color: #F2F5FE;
	border-left-color: #F2F5FE;
}
#detail-imgbox img{
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom:10px;
}

/* 会社案内 */
#company{
	padding-top:10px;
}

/* お問い合わせ */
#contact p.large{
	margin-top:15px;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	padding-right:10px;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F2F5FE;
	border-right-color: #F2F5FE;
	border-bottom-color: #F2F5FE;
	border-left-color: #F2F5FE;
}

/* =======================================================
  レスポンシブル設定
======================================================= */
@media screen and (max-width: 568px) {

	/*--------------------------------------------------------
	  共通レイアウトパーツ設定
	--------------------------------------------------------*/
	/* ヘッダー内パーツ */
	#hpb-headerMain h1{
		margin-left:0;
		padding-top: 5px;
		padding-right: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
		height:auto;
		line-height:1.4;
	}
	#hpb-headerLogo{
		padding-top:0;
		margin-left:0;
		width: 98%;
		float:none;
		margin-right: auto;
		margin-left: auto;
	}
	#hpb-headerLogo a{
		max-width: 100%;
		background-size: contain;
		background-position: top center;
		margin-top: 10px;
		margin-right: auto;
		margin-bottom: 10px;
		margin-left: auto;
	}
	#hpb-headerExtra1{
		width: 98%;
		float:none;
		margin-right: auto;
		margin-left: auto;
		padding-top: 10px;
	}
	#hpb-headerExtra1 p.tel{
		/* 電話番号の文字設定 */
		padding-right: 0;
		line-height: 1.4;
		height:auto;
	}
	#hpb-headerExtra1 p.tel span{
		/* 電話番号の「TEL」文字設定 */
		display:block;
	}
	#hpb-headerExtra1 p.address{
		/* 住所文字設定 */
		padding-top: 0;
		padding-right: 0;
	}

	/* フッター内パーツ */
	#hpb-footer{
		width: 100%;
		height: auto;
		margin-right: auto;
		margin-left: auto;
		padding-top: 0;
	}
	#hpb-footerMain{
		width: 100%;
		float: none;
		padding-top: 10px;
		padding-bottom: 5px;
	}
	#hpb-footerMain p{
		/* コピーライト文字設定 */
		padding-right: 5px;
		padding-left: 5px;
		text-align: center;
		word-break: break-all;
	}
	#hpb-footerExtra1{
		width: 100%;
		float: none;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	#hpb-footerExtra1 ul{
		text-align: center;
	}
	#hpb-footerExtra1 li{
		/* フッターナビ設定 */
		display: inline-block;
		padding-top: 2px;
		padding-right: 5px;
		padding-bottom: 2px;
		padding-left: 5px;
	}

	/* サイドブロック内パーツ */
	/* バナー */
	#banner li a{
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	#banner a#banner-pet,
	#banner a#banner-resort,
	#banner a#banner-special{
		background-size: contain;
	}

	/*--------------------------------------------------------
	  ナビゲーションデザイン設定
	--------------------------------------------------------*/
	#hpb-nav h3.hpb-c-index{
		width: 27px;
		height: 20px;
		background-image : url(btn_menu.png);
		background-position: top left;
		background-repeat: no-repeat;
		margin-left: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		overflow: hidden;
		text-indent: -9999px;
		cursor: pointer;
	}
	#hpb-nav li{
		display: block;
		width: 100%;
		float: none;
		border-top-width: 1px;
		border-top-color: #cacaca;
		border-top-style: solid;
	}
	#hpb-nav li a{
		display: block;
		height: auto;
		text-align: left;
		line-height: 1.4;
		background-image : none;
		padding-top: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
	}
	#hpb-nav a:hover{
		background-image : none;
		background-color:#f5f7ff;
	}

	/*--------------------------------------------------------
	  基本パーツデザイン設定
	--------------------------------------------------------*/
	p{
		padding-right: 0;
		padding-left: 0;
	}
	img.left{
		margin-left: 0;
	}
	img.right{
		margin-right: 0;
	}
	.hpb-layoutset-02 h2{
		background-color:#f1f7fa;
		height: auto;
		line-height:1.4;
		margin-top: 0;
		padding-top:5px;
		padding-bottom:5px;
		background-image : none;
		word-break: break-all;
	}
	#hpb-wrapper h3{
		height: auto;
		line-height: 1.4;
	}
	.hpb-layoutset-02 #hpb-wrapper h3{
		height: auto;
		padding-top: 7px;
		padding-right:10px;
		padding-bottom: 7px;
		padding-left: 10px;
		line-height: 1.4;
		text-align: left;
		background-image : none;
		background-color:#fbfcff;
		border-top-width: 3px;
		border-top-color: #435aac;
		border-top-style: dotted;
		border-bottom-width: 1px;
		border-bottom-color: #bacaff;
		border-bottom-style: solid;
	}
	h4{
		padding-right: 0;
		padding-left: 0;
	}
	table{
		margin-right: auto;
		margin-left: auto;
	}

	/* フォームパーツ設定 */
	textarea{
		width: 96%;
	}
	input.l{
		width: 96%;
	}
	input.m{
		width: 60%;
	}
	input.s{
		width: 30%;
	}

	/* メインコンテンツ内基本パーツ */
	#hpb-main ul li{
		padding-right: 0;
	}
	#hpb-main dt{
		float: none;
		max-width: 100%;
		padding-bottom: 0;
		box-sizing: border-box;
	}
	#hpb-main dd{
		padding-right: 0;
		padding-left: 20px;
	}
	#hpb-main img.left{
		margin-right: 0;
		float: none;
	}
	#hpb-main img.right{
		margin-left: 0;
		float: none;
	}
	#pagetop{
		margin-bottom: 0;
	}
	#pagetop a{
	/* ページの先頭へのリンク設定 */
		padding-right: 0;
	}

	/* トップページ デザイン定義 */
	#toppage p.large{
		background-image : none;
		height: auto;
		line-height:1.4;
		padding-top:10px;
		padding-right:10px;
		padding-bottom:10px;
		padding-left:10px;
		width:100%;
		background-color:#fbfcff;
		border-top-width: 3px;
		border-top-color: #435aac;
		border-top-style: dotted;
		border-bottom-width: 1px;
		border-bottom-color: #bacaff;
		border-bottom-style: solid;
		box-sizing: border-box;
	}
	#toppage-news h3{
		height: auto;
		padding-top: 0;
		padding-left: 15px;
		line-height: 40px;
		background-image : none;
		-webkit-border-top-right-radius: 3px;
		-webkit-border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		border-top-left-radius: 3px;
		background-color: #f1f1f1;
		border-top-width: 1px;
		border-top-color: #cacaca;
		border-top-style: solid;
		border-right-width: 1px;
		border-right-color: #cacaca;
		border-right-style: solid;
		border-left-width: 1px;
		border-left-color: #cacaca;
		border-left-style: solid;
	}
	#toppage-news dd{
		border-bottom-style:dotted;
		border-top-style: none;
	}
	#toppage-news dl dd:last-child{
		border-bottom-style: none;
	}

	/* 物件一覧 デザイン定義 */
	#estate table th{
		width: 30%;
	}
	#estate table th img{
		width: 100%;
		height: auto;
	}
	#estate table td{
		width: 70%;
	}

	/* 物件詳細 デザイン定義 */
	#detail-imgbox{
		padding-right: 15px;
		padding-left: 15px;
	}
	#detail-imgbox img{
		margin-right: 0;
		margin-left: 0;
	}



}</pre></body></html>