@charset "utf-8";
@import url(_reset.css);
@import url(_base.css);

/*##########################*/
/*##########################*/
/* 一般的な設定----------------------*/
/*##########################*/
/*##########################*/
body{
	background-color:#F9F7EE;
}
.innerC{
	width:1000px;	
}
h2{
	margin-bottom:20px;
}
h3{
	background-color:#BFB1A5;
	display:block;
}
.caption{
	font-size:10px;
}
/*##########################*/
/*##########################*/
/* head------------------------------*/
/*##########################*/
/*##########################*/
#head{
	width:100%;
	min-width:1000px;
	display:block;
	background-color:#000;
	border-top:1px solid transparent;
	position:fixed;
	left:0px;
	top:0px;
	z-index:100;
}
#buldInfoH{
	font-size:10px;
	color:#FFF;
	margin-top:10px;
}
h1{
	margin-top:15px;
	margin-bottom:15px;
	max-width:334px;
}
h1 > img{
	width:100%;
}
#navPcHead{
	margin-bottom:10px;
}
#navPcHead li{
	position:relative;
}
#navPcHead li .icon{
	position:absolute;
	right:2px;
	top:-5px;
	color:#F33;
	background-color:#FFF;
	line-height:90%;
	padding:1px 3px;
	font-size:8px;
	z-index:10;
}
#navPcHead li img{
	position:relative;
	z-index:1;
}
.btnExternal{
	width:150px;
	margin-top:10px;
}
.btnExternal li{
	width:100%;
	height:44px;
}
#rightBoxH{
	width:400px;
}
#headInfo{
	width:230px;
}
#menuSpBox{
	position:fixed;
	left:100%;
	top:0px;
	width:100%;
	height:100%;
	background:url(../img/common/b80.png) left top repeat;
	display:none;
	z-index:1000;
	overflow:auto;
}
#navSpHead{
	width:100%;
}
#navSpHead li a,
#navSpHead li{
	width:100%;
	color:#FFF;
	font-size:20px;
	text-align:center;
}
#navSpHead li{
	line-height:200%;
	height:50px;
	padding-top:10px;
}
#navSpHead li a{
	
}
#navSpHead li#closeMenuSp{
	background-color:#FFF;
	color:#000;
}
#navSpHead li#contactSpBtn{
	background:url(../img/common/contact_bg_sp.png) left top repeat-x;
	height:64px;
	background-size:auto 100%;
}
#navSpHead li#buildSpBtn{
	background:url(../img/common/build_bg_sp.png) left top repeat-x;
	height:64px;
	background-size:auto 100%;
}
#navSpHead li#buildSpBtn img,
#navSpHead li#contactSpBtn input,
#navSpHead li#contactSpBtn img{
	margin:18px auto 0px;	
}
/*##########################*/
/*##########################*/
/* youTube ---------------------------*/
/*##########################*/
/*##########################*/
#youtube{
	width:100%;
	position:relative;
}
#youTubeBox{
	width:100%;
	height:560px;
	position:relative;
	z-index:1;
}
#ytVideoInfo{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	z-index:10;
	min-width:1000px;
}
#ytVideoCap{
	position:absolute;
	left:0px;
	bottom:0px;
	z-index:11;
}
#noise{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	min-width:1000px;
	height:100%;
	z-index:8;
	background:url(../img/youtube/noise.png) left top repeat;
}
/*##########################*/
/*##########################*/
/* location ---------------------------*/
/*##########################*/
/*##########################*/
.borderGray{
	border:4px solid #CCC;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;	
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;	
}
.floatLeft.borderGray{
	height:494px;
}
#map{
	width:100%;
	height:100%;	
}
.bgColor1{
	background-color:#EAE6DB;
}
.locListInfo dl{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	background:url(../img/loc/loc_bg_linee.png) left top repeat-x;
	margin-bottom: 17px;
}
.locListInfo dl dt{border:1px solid transparent;
	text-align:left;
	background-color:#EAE6DB;
	display:inline;
	font-size:12px;
	padding:0px 3px;
}
.locListInfo dl dd{border:1px solid transparent;
	float:right;
	background-color:#EAE6DB;
	display:inline;
	font-size:12px;
	padding:2px 3px 0px;
	vertical-align:bottom;
}
.pagInfoTxt{
	text-align:center;
	color:#000;
	line-height:180%;
	padding-top:20px;
	font-size:16px;
	letter-spacing:2px;
}
/*##########################*/
/*##########################*/
/* plan -----------------------------*/
/*##########################*/
/*##########################*/
#planList li{
	width:33.33%;
}
#planList li img{
	width:100%;
}
@media only screen and (max-width:640px){
#planList{
	margin-top:10px;
}
}
/*##########################*/
/*##########################*/
/* footer-----------------------------*/
/*##########################*/
/*##########################*/
#footer{
	background-color:#000;
	width:100%;
	min-width:1000px;
	padding-top:20px;
	padding-bottom:20px;
}
.address{
	color:#FFF;
	font-size:10px;
}
.btnExternalFooter{
	width:470px;
}
.btnExternalFooter li{
	float:left;
	margin-left:2px;
	width:232px;
}
.btnExternalFooter li input,
.btnExternalFooter li img{
	width:100%;
}
.copyright a,
.copyright{
	color:#FFF;
	font-size:12px;
	display:inline-block;
	text-align:center;
	margin-top:10px;
}
.copyright{
	margin-left:auto;
	margin-right:auto;
	width:96%;
}
@media only screen and (max-width:640px){
#head,
#footer,
.innerC{
	width:100%;
	min-width:320px;
}
#head > .innerC > .floatLeft{
	width:80%;
	margin-left:5%;
}
#buldInfoH{
	font-size:12px;
}
h1{
	width:100%;
	max-width:100%;
	margin-top:0px;
	margin-bottom:0px;
}
.btnExternalFooter{
	width:100%;
}
.btnExternalFooter li{
	width:49%;
}
.address{
	font-size:10px;
}
.pagInfoTxt{
	width:94%;
	margin-left:auto;
	margin-right:auto;
	line-height:160%;
	letter-spacing:0px;
}
.locListInfo dl{
	margin-bottom: 8px;
}
.pagInfoTxt{
	text-align:left;
}
#txtGallery,
#txtGallery2{
	text-align:center;
}
.caption{
	width:94%;
	margin-left:auto;
	margin-right:auto;
}
}


/*##########################*/
/*
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;	
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
*/