@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------
	リセット
------------------------------------------------------------*/
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,figure { margin: 0; padding: 0; background: transparent; border: 0; outline: 0; font-size: 1em; }
body, table, input, textarea, select, option { font-family: HiraKakuProN-W3; font-size: 1em; } article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, figure  { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; }

table{ border-collapse:collapse;border-spacing:0; }

.mg-b5{
	margin-bottom:5px!important;
}
.mg-b10{
	margin-bottom:10px!important;
}
.mg-b15{
	margin-bottom:15px!important;
}
.mg-b20{
	margin-bottom:20px!important;
}
.mg-b25{
	margin-bottom:25px!important;
}
.mg-b30{
	margin-bottom:30px!important;
}
.mg-b40{
	margin-bottom:40px!important;
}
.mg-b50{
	margin-bottom:50px!important;
}
.mg-b60{
	margin-bottom:60px!important;
}
.mg-b70{
	margin-bottom:70px!important;
}
/**************************************************************************************************

CLEARFIX CLASS

**************************************************************************************************/

.clearfix:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
line-height:0;
}
.clearfix{
display:inline-table;
min-height:1%;
}
/* FOR MAC IE \*/
* html .clearfix{
height:1%;
}
.clearfix{
display: block;
}
.clear { clear: both; width:0px; height:0px; display:block; overflow:hidden; }
/* END OF FOR MAC IE */



/*------------------------------------------------------------
	共通部分
------------------------------------------------------------*/

header #head{
	background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top,  #fefefe 0%, #dcdcdc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#dcdcdc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fefefe 0%,#dcdcdc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fefefe 0%,#dcdcdc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fefefe 0%,#dcdcdc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fefefe 0%,#dcdcdc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */
border-bottom:1px solid #959898;
position:relative;

height:42px;



}

	
#head h2{
	padding:12px 0px 0px 10px;
}
header #head a.logo{
	background:url(../images/h_1.png) no-repeat 0 0;
	width:292px;
	
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
	background-size:146px;


}
header #head a.right-menu{
	position:absolute;
	right:0px;
	top:0px;
	padding:9px 4px 0px 0px;
	width:35px;
	height:26px;
}
header #head a.right-menu img{
	width:30px;
}
nav ul {
	display: table;
	width: 100%;
box-shadow:rgba(0, 0, 0, 0.811765) 0px -12px 21px 14px;
-webkit-box-shadow:rgba(0, 0, 0, 0.811765) 0px -12px 21px 14px;
-moz-box-shadow:rgba(0, 0, 0, 0.811765) 0px -12px 21px 14px;
}

nav li {
	display: table-cell;
	width:25%;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #A3A3A3;
	background-color: rgba( 255, 255, 255, 0.8 );
	
	text-align:center;
}
nav li a{
	display:block;
	padding-top:15px;
	height:33px;
	color:#232323;
	text-decoration:none;
	font-size: 80%;
}
nav li:first-child{
	border-left:none;
}
nav li:last-child{
	border-right:none;
}

#top_text{
	font-size:14px;
	color:#fff;
	text-align:center;
	margin-top:32px;
	font-weight:bold;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}

footer ul {
	display: table;
	width: 100%;
	background-color:#FFFFFF;
}

footer li {
	display: table-cell;
	width:50%;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	
	text-align:center;
	
}
footer li img{
	margin-right:5px;
	vertical-align:-2px;
}
footer li a{
	display:block;
	padding-top:15px;
	height:35px;
	color: #556E96;
	text-decoration:none;
	font-size:14px;
}

/*------------------------------------------------------------
	トップ
------------------------------------------------------------*/

#top_intro h1{
	margin-bottom:20px;
}
#top_intro div{
	text-align:center;
}
#top_intro div img{
	width:90%;
}
#top_intro h1 img{
	width:96%;
}
#top_intro h1{
	text-align:center;
}
#top_intro div.wid{
	text-align:center;
}
#top_intro div.wid img{
	width:25%;
	margin:40px 0px 20px 0px;

}

/*------------------------------------------------------------
	コンセプト
------------------------------------------------------------*/
#pageStyle{
	border:6px solid #232323;
	
}
#pageStyle .inner{
	padding:15px;
}
#pageStyle .ta-c{
	text-align:center;
}
#pageStyle h2.style1{
	border-bottom:1px #C6C6C6 solid;
	height:27px;
	line-height:27px;
	color:#232323;
	margin-bottom:15px;
	font-size:14px;
}
#pageStyle h2.style2{
	background:url(../images/c_t2.jpg) no-repeat;
	height:35px;
	background-size:290px;
	line-height:35px;
	color:#666666;
	margin-bottom:15px;
	font-size:14px;
}
#pageStyle p{
	text-align:justify;margin-bottom:15px;
	font-size:14px;
	color:#58514C;
}
#pageStyle p img{
	margin-left:20px;
	margin-bottom:20px;
}
#pageStyle p span.color{
	color:#8A3335;
}
	
#pageStyle p.in{
	width:250px;
	margin:0 auto;
	margin-bottom:40px;
}
#pageStyle p.in span{
	color:#653202;
	font-weight:bold;
	display:block;
	text-align:center;
	margin-bottom:10px;
}

/*------------------------------------------------------------
	物件概要
------------------------------------------------------------*/


#pageStyle h2.style3{
	background:url(../images/line.png) repeat-x bottom;
	background-size:290px;
	height:35px;
	line-height:35px;
	
	color:#FB0E49;
	margin-bottom:20px;
	font-size:15px;

}
#pageStyle .table01{
	border-top:#ccc 1px solid;
	border-left:#ccc 1px solid;
	width:100%;
	margin-bottom:40px;
}
	
#pageStyle .table01 th{
	background:#232323;
	color:#FFF;
	font-size:80%;
	font-weight:normal;
	border-right:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
	text-align:left;
	padding:15px 8px;
	width:30%;
	white-space:nowrap;

}
#pageStyle .table01 td{
	border-right:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
	font-size:80%;
	padding:15px 8px;
}

#pageStyle .table02{
	border-top:#ccc 1px solid;
	border-left:#ccc 1px solid;
	width:100%;
	margin-bottom:40px;
}
	
#pageStyle .table02 th{
	background:#F2F2F2;
	font-size:80%;
	font-weight:normal;
	border-right:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
	text-align:left;
	padding:15px 8px;
	width:30%;
	white-space:nowrap;

}
#pageStyle .table02 td{
	border-right:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
	font-size:80%;
	padding:15px;
}
.box_contact{
	width:100%;
	margin:10px 0px 30px 0px;
}
.box_contact div{
	width:48%;

}
.box_contact div.left{
	float:left;
}
.box_contact div.right{
	float:right;
}
.box_contact div a{
	background: #232323;
	
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	
	color:#fff;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	display:block;
	padding:20px 0px;
	text-align:center;
}
#info_logo{
	font-size:14px;
	font-weight:bold;
}
#info_logo img{
	 width:60%; 
	 max-width:335px;
	 vertical-align:middle;
	 margin-right:10px;
	 
}
a#tel{
	background:url(../images/icon-tel.gif) no-repeat 0 4px;
	padding-left:12px;
	height:23px;
	margin-top:3px;
	display:block;
	background-size:8px;
	color:#0271bc;
	text-decoration:none;
}