@charset "utf-8";

/*
	初期設定
 -----------------------------------------------------------------------------------------------------------------------------------*/

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

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
	max-width: 100%;
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}
a { outline: 0;	text-decoration: none; color:#666; }
a:focus { outline: thin dotted; color:#666; }
a:hover,
a:active { outline: 0; color:#666; text-decoration:underline; }
a:hover { text-decoration:underline; }

address {
	margin-top:0;
}
b,
strong {
	font-weight: 700;
}

cite,
dfn,
em,
i,
b {
	color:#6a3906;
}
mark,
ins {
	text-decoration: none;
}
p {
	margin-bottom: 24px;
	line-height:150%;
}
code,
kbd,
tt,
var,
samp,
pre {
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
}

pre {
	border: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	margin-bottom: 24px;
	max-width: 100%;
	overflow: auto;
	padding: 12px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}
ul,
ol {
	list-style: none;
}
ul {
}
ol {
}
li > ul,
li > ol {
}
img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
}
button,
input,
select,
textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}

button,
input {
	line-height: normal;
}

input,
textarea {
	background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin-bottom: 24px;
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: bold;
}

td {
	border-width: 0 1px 1px 0;
}

del {
	color: #767676;
}

hr {
	background-color: rgba(0, 0, 0, 0.1);
	border: 0;
	height: 1px;
	margin-bottom: 23px;
}
.clear {
	clear:both;
}
.flt-l { float:left; }
.flt-r { float:right; }

/*
	BODY設定
 -----------------------------------------------------------------------------------------------------------------------------------*/

body {
	font-family:
	"メイリオ",
	Meiryo,
	"ヒラギノ角ゴ Pro W3",
	"Hiragino Kaku Gothic Pro",
	"ＭＳ Ｐゴシック",
	MS PGothic,
	Osaka,
	sans-serif,
	Alegreya SC,
	serif;
	color:#666;
}
html, body {
	height: 100%;
	width:100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

/*
	ラッパー
 -----------------------------------------------------------------------------------------------------------------------------------*/
 
#container {
	width: 100%;
	position: relative;
	height:auto !important;
	height: 100%;
	min-height: 100%;
}
#wrapper {
	position:relative;
	min-height: 100%;
	width:100%;
	margin: 0 auto;
	text-align: center;
	padding-bottom:420px;
	clear:both;
}
#page {
	position:relative;
	width:980px;
	margin: 0 auto;
	text-align:center;
	clear:both;
	overflow:hidden;
}

/*
	ヘッダー
 -----------------------------------------------------------------------------------------------------------------------------------*/
 
header {
	position: relative;
	width: 100%;
	clear:both;
	overflow:hidden;
}
#headerWrap {
	position: relative;
	width: 980px;
	margin:0 auto;
	padding:0;
	text-align:center;
	clear:both;
	overflow:hidden;
}
#headerWrap h1 {
	float:left;
	margin:0;
	padding:0;
}
#headerWrap p.tel {
	margin:0;
	padding:0;
	float:right;
	clear:none !important;
}
.disp {
	width:100%;
	clear:both;
	overflow:hidden;
	background:#03263a;
	color:#FFF;
	margin:0;
	padding:2px 0;
}
.disp span {
	display:block;
	margin:0 auto;
	text-align:left;
	width:980px;
}
.catch {
	background:#1d939a;
	margin:0 auto 20px auto !important;
	text-align:center !important;
}

/*
	グローバルナビボタン
 -----------------------------------------------------------------------------------------------------------------------------------*/

nav#gnavi {
	position:relative;
	display:block;
	clear:both;
	overflow:hidden;
	padding:0;
	margin:0 0 25px 0;
	width:100%;
}
nav#gnavi ul {
	position:relative;
	display:block;
	width:980px;
	margin:0 auto;
	text-align:center;
}
nav#gnavi ul li {
	position:relative;
	float:left;
	margin:0;
	padding:0 0.970%;
	display:block;
	border-right:1px solid #CCC;
}
nav#gnavi ul li:first-child {
	border-left:1px solid #CCC;
}
nav#gnavi ul li:last-child {
	margin:0;
}
	
/*
	サイドメニュー
 -----------------------------------------------------------------------------------------------------------------------------------*/

#sidebar {
	width: 320px;
	float: right;
	margin:0;
	padding:3px 0 10px 0;
	text-align: center;
	border-top: 3px solid #03263a;
}
#sidebar h1 {
	border-bottom: 2px solid #CCC;
	padding:5px 0;
	font-size:110%;
	font-weight:700;
	color:#03263a;
}

/*---------- 業務内容 ----------*/

#sidebar ul#s-navi-side {
	position:relative;
	clear:both;
	overflow:hidden;
	border-top:1px solid #CCC;
	border-bottom: 3px solid #03263a;
	margin-top:2px;
	padding-top:10px;
}
#sidebar ul#s-navi-side li {
	margin:0 10px 10px 0;
	float:left;
}
#sidebar ul#s-navi-side li:nth-child(3),
#sidebar ul#s-navi-side li:nth-child(6),
#sidebar ul#s-navi-side li:last-child {
	margin-right:0;
}

/*---------- バナー ----------*/

#sidebar aside {
	margin:15px 0 30px 0;
	width:320px;
}
#sidebar aside ul li {
	float:left;
	margin-right:20px;
}
#sidebar aside ul li:last-child {
	margin-right:0;
}

/*
	フッター
 -----------------------------------------------------------------------------------------------------------------------------------*/

footer {
	position: absolute;
	left:0;
    bottom:0;
    width: 100%;
	magin:0;
	padding:0;
}
#footerWrap {
	position:relative;
	width:980px;
	margin:0 auto;
	text-align:center;
}
p.img-f {
	float:right;
	border:1px solid #d6d6d6;
}
p.ttl-footer {
	float:left;
	clear:none !important;
	margin:0 20px 2px 0;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	width:276px;
}
footer address {
	clear:left;
	margin:0;
	width:200px;
	font-size:80%;
}

/*---------- フッターグローバルナビ ----------*/

footer nav#fnavi {
	float:left;
	width:570px;
	margin:10px 0;
}
footer nav#fnavi ul li {
	position:relative;
	overflow:hidden;
	float:left;
	margin:0 10px 5px 0;
	padding: 0 3px 0 11px;
	text-align:left;
	line-height:100%;
	background:url(../img/parts/icon-arrow.png) 0 5px no-repeat;
}
footer ul li ul {
	margin-top:5px;
}
footer ul li ul li {
	font-size:77%;
	background:none !important;
	padding:5px 0 !important;
}
footer ul li ul li a,
footer ul li ul li a:link,
footer ul li ul li a:visited {
	color:#1d5b9a;
	text-decoration:none;
}
footer ul li ul li a:hover {
	color:1d5b9a;
	text-decoration:underline;
}

/*---------- コピーライト ----------*/

footer div.copy {
	width:100%;
	background:#03263a;
	clear:both;
	overflow:hidden;
	text-align:center;
}
footer div.copy p {
	margin:10px auto;
	text-align:center;
}
footer small {
	position:relative;
	clear:both;
	display:block;
	width:980px;
	margin:0 auto;
	font-size:80%;
	color:#FFF;
	padding:5px 0;
	overflow:hidden;
	text-align:center;
}
.access	{
	position:relative;
	display:block;
	overflow:hidden;
	padding:26px 0 0 0;
	float:right;
}

/*---------- フッター会社概要 ----------*/

#info-company {
	position:relative;
	padding:0;
	position:relative;
	width:550px;
	float:left;
	text-align:left;
}
#info-company h1 {
	margin-bottom:5px;
}
#info-company address {
	width:50%;
	float:left;
	margin:0;
	padding:0;
}
#info-company p {
	margin:0;
	padding:0;
}

/*---------- フッターバナー ----------*/

ul.bnrList {
	float:right;
	margin-top:5px;
}
ul.bnrList li {
	float:left;
	margin-right:5px;
	border:1px solid #DDD;
}
ul.bnrList li:last-child {
	margin-right:0;
}
p.f-fudousan {
	float:right;
	padding:1px;
	background:#FFF;
	border:2px solid #d6d6d6;
}

/*---------- ページトップボタン ----------*/

p#BtnPageTop {
	position:absolute;
	left:50%;
	bottom:55px;
	cursor:pointer;
	margin-left:528px;
	width:68px;
	height:51px;
	z-index:1500000000001;
}
#BtnHome {
	position:fixed;
	top:45%;
	left:50%;
	margin-left:520px;
	height:92px;
	width:111px;
	z-index:1500000000001;
}

/*
	トップページ
 -----------------------------------------------------------------------------------------------------------------------------------*/

/*---------- 会社情報 ----------*/

.tBox {
	position:relative;
	clear:both;
	overflow:hidden;
	background:#EEE;
	padding:20px 15px;
}
.tBox p {
	margin-bottom:0;
}
.tInBox {
	border-top:5px solid #666;
	padding-top:15px;
}

section#about-company {
	position:relative;
	width:42%;
	float:left;
	text-align:left;
}
section#news {
	position:relative;
	width:454px;
	text-align:left;
	float:right;
	border-left:1px solid #CCC;
	padding-left:20px;
}
section#about-company h1,
section#news h1 {
	font-size:110%;
	font-weight:700;
	margin-bottom:10px;
	color:#000;
	text-align:left;
}
section#works {
	position:relative;
	clear:both;
	overflow:hidden;
	width:100%;
	text-align:left;
	margin:30px 0 0 0;
}
section#works h1 {
	font-weight:700;
	font-size:110%;
	margin-bottom:10px;
	color:#333;
}
section#works h1:after {
	position: absolute;
	top: 11px;
	left:75px;
	content: '';
	border-top: 1px solid #666;
	width: 910px;
	height: 1px;
}

/*---------- 業務内容 ----------*/

ul#s-navi {
	display:block;
	overflow:hidden;
	clear:both;
	width:100%;
	margin:0;
}
ul#s-navi li {
	float:left;
	width:100px;
	margin-right:10px;
}
ul#s-navi li:last-child {
	margin-right:0;
}

/*
	下層ページ
 -----------------------------------------------------------------------------------------------------------------------------------*/

/*---------- 共通項 ----------*/

.txt-blue { color:#315599; }

article {
	position:relative;
	width:620px;
	float:left;
	overflow:hidden;
	min-height:500px;
}

/*---------- 見出し ----------*/

article h1 {
	display:block;
	margin-bottom:20px;
}
article h2 {
	display:block;
	margin:20px 0 30px 0;
}
article h1.ttl-h {
	border-left:5px solid #1d939a;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	text-align:left;
	padding:8px;
	font-size:120%;
	text-indent:10px;
}
.ttl {
	position:relative;
	width:100%;
	clear:both;
	overflow:hidden;
	text-align:center;
	margin:0 auto;
	background:url(../img/bg/bg-ttl.png) 50% 0 repeat-x;
	border-top:5px solid #1d939a;
}
article p {
	text-align:left;
}

/*-----------------------------------------------------------------
	会社情報 （company.html）
/*---------------------------------------------------------------*/

#company table.infoTable {
	border-collapse: separate;
	border-spacing: 1px;
	width:620px;
	margin-top:10px;
}
#company table.infoTable th {
	background:#03263a;
	text-align:center;
	color:#FFF;
	vertical-align:middle;
	padding:5px;
	width:120px;
}
#company table.infoTable td {
	border:1px solid #cccccc;
	margin:1px;
	padding:5px 0 5px 15px;
	width:500px;
	color:#000;
}
#company table.infoTable td ol {
	list-style:decimal;
	margin-left:20px;
}

/*---------- リンク ----------*/

#company aside.linkBox p {
	background:#03263a;
	text-align:center;
	padding:5px 0;
	color:#FFF;
}

#company aside.linkBox dl dt {
	float:left;
	padding:3px 10px 3px 0;
	border-bottom:1px solid #03263a;
	width:170px;
	text-align:left;
}
#company aside.linkBox dl dd {
	float:left;
	padding:3px 0;
	border-bottom:1px solid #03263a;
	width:440px;
	text-align:left;
}
#company aside.linkBox dl dd a,
#company aside.linkBox dl dd a:link {
	color:#338cbe;
}

/*-----------------------------------------------------------------
	施工の流れ （execution.html）
/*---------------------------------------------------------------*/

/*----------  ----------*/

#execution ol.executionList li {
	clear:both;
	overflow:hidden;
	padding:0;
}
#execution ol.executionList li dl {
	clear:both;
	overflow:hidden;
	padding:15px 0;
	border-top:5px solid #CCC;
	border-bottom:5px solid #CCC;
}
#execution ol.executionList li dl.b-no {
	border-top:none;
}
#execution ol.executionList li dl dt {
	float:left;
	border:1px solid #CCC;
	width:300px;
}
#execution ol.executionList li dl dd {
	float:right;
	width:300px;
	text-align:left;
}
#execution p.arrow {
	margin:15px auto !important;
	text-align:center !important;
}

/*-----------------------------------------------------------------
	アパート・不動産情報 （fudousan.html）
/*---------------------------------------------------------------*/

article#fudousan {
	width:980px !important;
}

/*---------- パン屑 ----------*/

.pan {
	border-right:5px solid #315599;
	border-bottom:1px solid #315599;
	border-left:5px solid #315599;
	width:970px;
	display:block;
	overflow:hidden;
	text-align:center;
	margin:0 auto 20px auto;
}
.pan ul {
	overflow:hidden;
	margin:13px 0 10px 9px;
	text-align:left;
}
.pan ul li {
	float:left;
	margin-right:5px;
	padding-right:15px;
	background:url(../img/parts/icon-pan.png) 100% 50% no-repeat;
}
.pan ul li:last-child {
	background:none;
}

/*---------- ページタイトル ----------*/

.ttl-estate {
	position:relative;
	width:100%;
	clear:both;
	overflow:hidden;
	text-align:center;
	margin:0 auto;
	background:url(../img/bg/bg-ttl-estate.png) 50% 0 repeat-x;
	border-top:5px solid #315599;
}
.catch-estate {
	background:#315599;
	margin:0 auto !important;
	text-align:center !important;
}


/*---------- 不動産情報 ----------*/

#fudousan .fsBox {
	clear:both;
	overflow:hidden;
	margin-bottom:50px;
	width:980px;
}
#fudousan .fsBox p.ttl-estate {
	position:relative;
	background:#315599;
	border-radius:5px;
	border:none;
	padding:5px 0;
	text-align:center;
	color:#FFF;
	overflow:hidden;
	font-size:130%;
	margin-bottom:30px;
	behavior: url(../PIE.htc);	
}

/*----- 写真・物件について -----*/

#fudousan .fsPhotos {
	display:block;
	float:left;
	width:650px;
}
#fudousan .fsPhotos ul {
	display:block;
	clear:both;
	overflow:hidden;
	margin-bottom:26px;
}
#fudousan .fsPhotos ul li {
	display:block;
	float:left;
	margin-right:25px;
}
#fudousan  .fsPhotos ul li:last-child {
	border:1px solid #CCC;
	margin-right:0;
}

p.deta-estate:before {
	position:absolute;
	content:'';
	top:-2px;
	left:-2px;
	width:643px;
	height:30px;
	border:1px solid #999;
	padding:1px;
}
p.deta-estate {
	position:relative;
	background:#999;
	margin:2px 2px 15px 2px;
	text-align:center;
	color:#FFF;
	padding:5px 0 0 0;
	height:25px;
	width:643px;
}

/*----- 物件詳細 -----*/

#fudousan table.fsTable {
	float:right;
	text-align:left;
	border-collapse: separate;
	border-spacing: 1px;
	width:310px;
}
#fudousan table.fsTable th {
	background:#CCC;
	text-align:center;
	color:#555;
	vertical-align:middle;
	padding:5px;
	width:117px;
}
#fudousan table.fsTable td {
	border:1px solid #CCC;
	margin:1px;
	padding:5px 0 5px 15px;
	width:193px;
	color:#000;
}

/*-----------------------------------------------------------------
	業務内容 （work.html）
/*---------------------------------------------------------------*/

#work .workBox {
	border:5px solid #CCC;
	width:auto;
	padding:15px 50px;
	margin-bottom:20px;
	text-align:left;
}
#work .workBox-2 {
	position:relative;
	clear:both;
	overflow:hidden;
}
#work .workBox ul {
	margin:0;
	list-style:disc !important;
}
#work .workBox-l {
	float:left;
	width:295px;
	text-align:left;
}
#work .workBox-r {
	float:right;
	text-align:left;
	width:295px;
}
#work .workBox-l p,
#work .workBox-r p {
	min-height:200px;
}

/*---------- 各種リンク共通 ----------*/

#work aside.oLink {
	overflow:hidden;
	clear:both;
	margin-bottom:60px;
}
#work aside.oLink dl dd {
	float:left;
}

/*---------- 各種リンクタイトル ----------*/

/*----- 木部塗装 -----*/

#work aside.oLink dl.wk2 dt {
	color:#FFF;
	text-align:center;
	padding:5px 0 3px 0;
	background:#db8d1d;
	border-bottom:3px solid #bb7614;
	margin-bottom:20px;
}
#work aside.oLink dl.wk2 dd {
	margin-right:20px;
}

/*----- 外壁塗装 -----*/

#work aside.oLink dl.wk3 dt {
	color:#444;
	text-align:center;
	padding:5px 0 3px 0;
	background:#e4d81f;
	border-bottom:3px solid #baaf0c;	
	margin-bottom:20px;
}
#work aside.oLink dl.wk3 dd {
	margin-right:10px;
}

/*----- 内装工事 -----*/

#work aside.oLink dl.wk5 dt {
	color:#FFF;
	text-align:center;
	padding:5px 0 3px 0;
	background:#1d939a;
	border-bottom:3px solid #0e6e74;	
	margin-bottom:20px;
}
#work aside.oLink dl.wk5 dd {
	text-align:center;
	float:none;
}

/*----- 防水工事 -----*/

#work aside.oLink dl.wk7 dt {
	color:#FFF;
	text-align:center;
	padding:5px 0 3px 0;
	background:#2c4dc7;
	border-bottom:3px solid #052082;	
	margin-bottom:20px;
}
#work aside.oLink dl.wk7 dd {
	margin-right:20px;
}

/*----- リフォーム -----*/

#work aside.oLink dl.wk9 dt {
	color:#FFF;
	text-align:center;
	padding:5px 0 3px 0;
	background:#db86de;
	border-bottom:3px solid #b959bc;	
	margin-bottom:20px;
}
#work aside.oLink dl.wk9 dd {
	text-align:center;
	float:none;
}
/*----- 光触媒 -----*/

#work aside.oLink dl.wk10 dt {
	color:#FFF;
	text-align:center;
	padding:5px 0 3px 0;
	background:#60CBC5;
	border-bottom:3px solid #399F99;	
	margin-bottom:20px;
}
#work aside.oLink dl.wk10 dd {
	text-align:center;
	float:none;
}

/*----- リンクバナー最後の余白 -----*/

#work aside.oLink dl dd:last-child {
	margin-right:0;
}

/*----- クリアフィックス-----*/
.cf:before,.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}
@media print {
}.thumb_box p { float: left; padding: 0 10px 0 0; }
.click_info { background: #0F6E74; margin: 10px 0; padding: 5px; color: #fff; }


.clearfix:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
 
.clearfix {
    min-height: 1px;
}
 
* html .clearfix {
    height: 1px;
    /*¥*//*/
    height: auto;
    overflow: hidden;
    /**/
}

.cat_btnbox{width:590px; margin:0 auto;}
.cat_btn01,.cat_btn02,.cat_btn03,.cat_btn04{float:left;}
.cat_btn05{float:left;}
#catalog_title{font-size:14px; padding:0 0 2px 0; margin:0 0 1em 0; border-bottom:3px double #fff; color:#fff; width:574px;}