@charset "UTF-8";
/* CSS Document */
body {
	background-color: #f1eee3;
	font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "Meiryo", "Arial", "sans-serif";
	line-height: 1.5;
	font-size: 90%;
	margin: 0 auto;
	height: 100%;
	color: #444;
}
a {
	color: #960;
}

a:link,
a:visited,
a:active,
a:hover { /* FireFox リンク選択時の点線を消す */
	overflow: hidden;
	outline: none;
}
#header {
	width: 960px;
	margin-top: 20px;	
	margin-left: auto;
	margin-right: auto;	
	position: relative;		
}
#header p {
	float: left;	
}
#header p.logo {
	padding-top: 10px;	
}
#header p img {
	margin: 10px 10px 0 0;	
}
#header p.comment {
	/*display: inline;*/
	font-size: 80%;
	position: absolute;
	left: 600px;
	top: 0;
}
/*パンくずリスト▼*/
ol.breadcrumbs {
	margin: 2px 0 4px;
}
.breadcrumbs li {
	font-size: 80%;
    display: inline-block;
}
 
.breadcrumbs li + li:before {
    margin: 0 5px;
    content: ">";
}
/*パンくずリスト▲*/
#container {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
#main {
	width: 709px;
	float: left;
	line-height: 1.8;
	margin-left: 10px;
	margin-right: 10px;
}
/*サイドバー▼*/
#sub {
	float: right;
	width: 200px;
	margin: 0 0 20px 10px;
}
#renovation_home #sub,
#sharehouse_home #sub{
	float: right;
	width: 200px;
	margin: 20px 0 20px 10px;
}
.side_link {
	margin-top: 10px;	
}
.lieferant {
	margin-bottom: 10px;
}
.advance img{
	margin-left: 50px;
}
.contactBox {
	width: 194px;
	border: dotted 3px #633;
	background-color: #ffffff;
	margin-top: 10px;
}
.contactBox p {
	text-align: center;
	font-size: 90%;
	word-wrap: break-word;
	padding: 5px;
}
.contactBox a:hover {
	border-bottom: 1px solid #933;	
	color: #900;
}
p.means {
	background-color: #C93;
	border-radius: 20px;
	color: #ffffff;	
	margin: 3px;
	font-size: 80%;
}
.title {
	padding: 3px 10px;
	margin-bottom: 3px;
	background-color: #7e5d1b;
	color: #ffffff;
}
.companyName {
	text-align: center;	
	color: #444444;
}
/*サイドバー▲*/
/* --- 新着情報エリア --- */
div.update {
width: 672px; /* 新着情報エリアの幅 */
font-size: 90%;
}

/* --- 見出し --- */
div.update h3 {
margin: 0 0 0 14px;
font-size: 100%;
}

/* --- 新着リスト --- */
div.update dl {
width: 100%; /* 新着リストの幅 */
margin-left: 14px;
border-top: 1px #c0c0c0 dotted; /* 新着リストの上境界線 */
overflow: auto;
height: 100px;
border: 4px solid #998675;
background: #fff;
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8;
}

/* --- 日付エリア --- */
div.update dt {
width: 6.7em; /* 日付エリアの幅 */
float: left;
padding: 7px 0 6px 3px; /* 日付エリアのパディング（上右下左） */
line-height: 120%;
}

/* --- 本文エリア --- */
div.update dd {
margin: 0;
padding: 7px 3px 6px 8em; /* 本文エリアのパディング（上右下左） */
border-bottom: 1px #c0c0c0 dotted; /* 本文エリア下境界線 */
line-height: 120%;
}

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

/*フッター▼*/
#footerBg {
	clear: both;
	width:100%;
	min-width:1000px;
	background-color: #6c5e4a;
	margin-left: auto;	
	margin-right: auto;
	position: relative;		
}
#footer {
	color: #333333;
	width: 965px;
	padding: 10px 0;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.footerAddress {
	width: 240px;
	float: left;
	font-size: 15px;	
}
.footerNav {
	padding-left: 28px;
	font-size: 80%;	
	border-left: 2px dashed #4d4538;
	float: left;
}
.rNav {
	width: 320px;	
}
.sNav {
	width: 345px;	
}
#footer a {
	color: #333;
}
#footer a:hover {
	border-bottom: 1px solid;
	color: #963;	
}
.footerNav ul li:first-child {
	text-indent: -1em;	
	font-weight: bold;				
}
p.copyRight {
	clear: left;
	text-align: center;	
	padding-top: 20px;
}
/*フッター▲*/
/*インデックスページ▼*/
#main .headings {
	width: 709px;
	position: relative;
	margin-top: -20px;
	margin-bottom: 20px;
	overflow: hidden;
}
.noMargin {
	margin-right: 0;	
}
p.colR {
	margin-right: 0;
}
.alllink {
	padding-top: 75px;
	background: url(../images/btop.png) no-repeat left top;
	width: 223px;
	position: relative;
	float: left;
	margin-right: 13px;
	margin-top: 15px;
}
.alllink .body {
	background:url(../images/body.png) repeat-y left top;
}
.alllink .bottom {
	height:53px;/* ←bottom.pngの高さ*/
	background:url(../images/bottom.png) no-repeat left bottom;
	font-size:1px;/* ←↓ ブラウザで文字サイズ拡大した際に崩れないように。*/
	line-height:1px;
}
div.r .alllink:hover {
	position: relative;
	width: 223px;
	background: url(../images/r_top_hover.png) no-repeat left top;	
}
div.s .alllink:hover {
	position: relative;
	width: 223px;
	background: url(../images/s_top_hover.png) no-repeat left top;	
}
.alllink dl {
	margin-left: 10px;
	margin-bottom: 10px;
	width: 205px;
	min-height: 200px;
}
.alllink dt {
	font-size: 115%;
	line-height: 1.7;
	min-height: 90px;
	border-bottom: 2px dashed #666;
	margin-bottom: 10px;
	padding-top: 5px;
}
.alllink dd {
	margin: 0;	
	line-height: 1.5;
}
.alllink dd:before {
	content: '■ ';	
}

.thumb img{
	border: 1px solid #999;	
	margin: 0 0 0 60px;
}
p.linkarea a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	text-align: left;
	text-indent: -9999px;
	background/*¥**/:#fff¥9; /*IE78のみに適用するハック*/
	filter: alpha(opacity=0); /*フィルターで透明に*/
}
.col2 {
	margin-left: 15px;	
}
.col2 p {
	float: left;
	margin-right: 20px;	
	margin-bottom: 20px;
}
.col1 {
	margin-bottom: 20px;	
}
.col1 p {
	clear: left;
	text-align: center;
}
/*インデックスページ▲*/
/*共通▼*/
img.linkImg:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
}
.button {
	width: 701px;
	background: #fff;
	border: 4px solid #dc8121;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}
.button p {
	margin-left: 10px;		
}
.button_title {
	font-size: 130%;
	color: #bc5214;
	margin: 0 10px;
	border-bottom: 1px solid #dc8121;
}
.button p img {
	margin: 0 8px 4px 400px;
}
.sharehouse div.button {
	border: 4px solid #576425;	
}
.sharehouse h3.button_title {
	color: #576425;
	border-bottom: 1px solid #576425;	
}


.section {
	margin-bottom: 20px;
	background-color: #ffffff;	
	padding-top: 5px;
	overflow: hidden;
}
.section p {
	margin: 10px 15px;	
}
.section img {
	float: left;
	margin-left: 12px;
	margin-bottom: 15px;
	margin-right: 0px;
}
.ja {
	font-size:110%;	
}
.clear {
	clear: left;	
}
.sashie {
	border: 1px solid #999;	
	margin: 10px 0 20px 30px;
}
p.right {
	width: 490px;
	float: right;
	margin-bottom: 20px;
	margin-right: 10px;
	margin-left: 10px;
}
#renovation_renovate p.right {
		width: 65%;
}
/*共通▲*/
/*見出し▼*/
h1 {
	font-size: 150%;
	color: #ffffff;
	padding-left: 10px;
	background-color: #e6855e;
	background-image: url(../images/h1bg_r.gif);
	background-repeat: no-repeat;
	background-position: top left;
	line-height: 2.5;
}
h1 span {
	font-size: 70%;	
}
body.sharehouse h1 {
	background-image: url(../images/h1bg_s.gif);	
	background-color: #b1c215;
}
h2 {
	font-size: 125%;
	border-left: 6px solid #F33;	
	padding-left: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}
h2 span {
	font-size: 80%;	
}
h3 {
	font-size: 115%;
	color: #6d263c;
}
.section h3 {
	margin-left: 15px;
	line-height: 1;	
}
/*見出し▲*/
/*リノベーションをする▼*/
p.note {
	margin-top: -10px;	
}
/*リノベーションをする▲*/
/*空き物件・土地を有効活用する▼*/
.inner {
	margin-bottom: 30px;
}
.inner .sashie {
	float: right;
	margin-right: 10px;
}
.inner a:hover {
	border-bottom: 1px solid #933;	
	color: #900;
}
/*空き物件・土地を有効活用する▲*/
/*空き物件を有効活用する▼*/
#renovation_utilizing .article {
	background-color: #ffffff;	
	width: 709px;
	overflow: auto;	
	margin-bottom: 20px;
	position: relative;
	padding-top: 10px;
}
#renovation_utilizing .article p {
	margin: 20px 10px;
}
.space_name {
	margin: 80px 10px 40px;
}
.space_name p {
	margin-bottom: 10px;
}
.space_name p span:before {
	content: "→"
}
.space_name p span{
	color: #c00;
	font-size: 140%;
}
/*空き物件を有効活用する▲*/
/*リノベーションをする▼*/
.article {
	background-color: #ffffff;	
	width: 709px;
	overflow: auto;	
	margin-bottom: 20px;
	position: relative;
	padding-top: 10px;
}
.articleText {
	float: left;
	width: 70%;
	margin-left: 10px;
}
.articlePic {
	border: 1px solid #999;	
	margin-bottom: 20px;
	margin-left: 10px;
	float: left;
}
/*リノベーションをする▲　*/
/*店舗の内外装をつくる▼*/
/*店舗の内外装をつくる▲*/
/*お問い合わせ〜引き渡し▼*/
.step {
	margin: 10px 0;
	background-color: #ffffff;	
	padding-top: 5px;
	overflow: hidden;
	border-radius: 20px 20px;
}
.stepInner {
	padding: 10px;	
}
.arrow {
	text-align: center;	
}
span.number {
	font-size: 130%;
	color: #C00;
}
.field {
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: #fff;	
}
.field h3 {
	margin-left: 10px;	
}
.field p {
	margin-left: 10px;	
}
.step h3 {
	line-height: 1;
}
/*お問い合わせ〜引き渡し▲*/
/*実績▼*/
#renovation_works h3 {
	margin-left: 13px;	
}
.ba {
	width: 45%;
	float: left;
	margin-left: 13px;	
}
.beforeAfter {
	float: left;
	margin-bottom: 10px;
}
.baTitle {
	margin-left: 13px;	
}
.photoBox {
	width: 709px;
	background-color: #ffffff;	
	overflow: hidden;
	margin-bottom: 20px;
}
.photoBox img {
	float: left;
	margin-left: 13px;
	margin-bottom: 20px;
}
/*.example {
	float: left;
	width: 340px;
}
*/.test {
	clear: left;
	margin: 0 auto;
	overflow: hidden;	
}

/*実績▲*/
/*お問い合わせ▼*/
table {
	width: 709px;
	background-color: #ffffff;
	text-align: left;	
}
form p {
	margin: 5px 0;	
}
tr {
	border-bottom: dotted 2px #ddd;
	width: 72%;
}
th {
	width: 28%;
	background-color: #dcd7cb;
	padding: 20px 0 20px 10px;
	vertical-align: top;
}
p span,
th span {
	color: #C00;	
}
td {
	padding: 20px 0 20px 10px;
}
.box {
	margin-top: 10px;	
}
.textBox {
	height: 200px;
	overflow: scroll;
	background: #ffffff;
	border: 1px solid #999999;
	font-size: 90%;
}
.textBox_inner {
	margin-bottom: 10px;	
}
#renovation_contact h2,
#sharehouse_contact h2 {
	font-size: 105%;	
}
#renovation_contact h3,
#sharehouse_contact h3 {
	font-size: 100%;
}
/*お問い合わせ▲*/
/*工事中*/
.sign {
	margin-top: 100px;
	text-align: center;	
}
.lead {
	font-size: 40px;	
}