@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;
}
.mg-b10{
	margin-bottom:10px;
}
.mg-b15{
	margin-bottom:15px;
}
.mg-b20{
	margin-bottom:20px;
}
.mg-b25{
	margin-bottom:25px;
}
.mg-b30{
	margin-bottom:30px;
}
.mg-b40{
	margin-bottom:40px;
}
.mg-b50{
	margin-bottom:50px;
}
.mg-b60{
	margin-bottom:60px;
}
.mg-b70{
	margin-bottom:70px;
}
/**************************************************************************************************

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 #1A7BFF;
	border-left: 1px solid #145CBE;
	background-color: rgba( 0, 65, 255, 0.8 );
	
	text-align:center;
}
nav li a{
	display:block;
	padding-top:15px;
	height:33px;
	color:#FFFFFF;
	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:#5B4C43;
	text-align:center;
	margin-top:22px;
	margin-bottom:10px;
	font-weight:bold;
	text-shadow: 1px 1px 1px #fff;	
}

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:70px;
	text-align:center;
}
#top_intro h1 img{
	width:70%;
}
#top_intro div#t_1{
	text-align:center;
}
#top_intro div#t_1 img{
	width:55%;
}

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

}




#btn_bottom{
	margin-top:50px;
	text-align:center;
	width:50%;
	margin:0 auto;
}

#btn_bottom a{
	background-color:#fff;
	border:#1A7BFF 1px solid;
	
	color:#1A7BFF;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	display:block;
	padding:15px 0px;
	text-align:center;
	
	box-shadow:rgba(0, 0, 0, 0.137255) 0px 0px 8px 3px;
-webkit-box-shadow:rgba(0, 0, 0, 0.137255) 0px 0px 8px 3px;
-moz-box-shadow:rgba(0, 0, 0, 0.137255) 0px 0px 8px 3px;
}




/*------------------------------------------------------------
	コンセプト
------------------------------------------------------------*/
#pageStyle{
	border:6px solid #217BFD;
	
}
#pageStyle .inner{
	padding:15px;
}
#pageStyle .ta-c{
	text-align:center;
}
#pageStyle h2.style1{
	background:url(../images/line.png) repeat-x bottom;
	background-size:290px;
	height:40px;
	line-height:3.2;
	color:#217BFD;
	margin-bottom:15px;
	font-size:14px;
}
#pageStyle p{
	text-align:justify;margin-bottom:15px;
	font-size:14px;
}

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


#pageStyle .table01{
	border-top:#ccc 1px solid;
	border-left:#ccc 1px solid;
	width:100%;
	margin-bottom:40px;
}
	
#pageStyle .table01 th{
	background:#1C83EA;
	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: #1C83EA;

	
	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;
}


/*------------------------------------------------------------
	企画秘話
------------------------------------------------------------*/

#box_btn{
	width:100%;
	margin-bottom:20px;
}

#box_btn .left{
	width:48%;
	float:left;
}
#box_btn .right{
	width:48%;
	float:right;
}
#box_btn div a{
background-color:#fff;
	border:#1A7BFF 1px solid;
	
	color:#1A7BFF;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	display:block;
	padding:15px 0px;
	text-align:center;
	
	border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;

	box-shadow:rgba(0, 0, 0, 0.137255) 0px 0px 8px 3px;
-webkit-box-shadow:rgba(0, 0, 0, 0.137255) 0px 0px 8px 3px;
-moz-box-shadow:rgba(0, 0, 0, 0.137255) 0px 0px 8px 3px;
}


#pageStyle h2.style2{
	background:#217BFD;
	height:45px;
	line-height:45px;
	padding-left:15px;
	
	color:#fff;
	margin-bottom:20px;
	font-size:14px
	border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
}

#pageStyle p.intro{
	font-weight:bold;
	color:#1A7BFF;
	text-align:center;
	line-height:1.6;
	
}
#pageStyle h3{
	height:35px;
	line-height:33px;
	padding-left:10px;
	font-size:14px;
	color:#217BFD;
	margin-bottom:5px;
	
}
#pageStyle h3#t01{
	background:url(../images/1_t1.jpg) no-repeat 0 0;
	background-size:280px;
}
#pageStyle h3#t02{
	background:url(../images/1_t2.jpg) no-repeat 0 0;
	background-size:280px;
}
#pageStyle h3#t03{
	background:url(../images/1_t3.jpg) no-repeat 0 0;
	background-size:280px;
}
#pageStyle h3#t04{
	background:url(../images/1_t4.jpg) no-repeat 0 0;
	background-size:280px;
}

#pageStyle .box_dott{
	border:#217BFD dashed 1px;
	text-align:center;
	padding:20px 10px;
	margin-bottom:20px;
}
#pageStyle .box_dott img{
	display:inline-block;
	margin-bottom:10px;
	
}