@charset "utf-8";

body {
	margin:0px;
	padding:0px;
	color:#333333;
	line-height:20px;
}
a {
	color:#000066;
}


/*左右に隙間*/
.space_lr {
	padding-left:10px;
	padding-right:10px;
}


/*プルダウンメニュー*/
a, ul,li{
	margin:0; padding:0;border-width:0px;
}
ul#menu{margin:10px auto; width:150px;}
ul#menu li{
	float:left; 
	width:180px; 
	height:48px; 
	background-color:white;
	list-style:none; 
	text-align:center;/* border-bottom:1px solid #666;*/
	font-size:14px;
}
ul#menu li a{display:block; width:178px; height:100%; line-height:48px;
color:#333333; text-decoration:none; /*border-left:1px solid #fff;
border-right:1px solid #fff; border-bottom:1px solid #fff;*/}
ul#sub li{float:none;}

/*段組*/
.left {
	float:left;
}
.clear {
	clear:both;
}

/*トップのメニュー*/
#top_menu {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:90px; 
	background-color:white;
	/*box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.1);*/
	text-align: center;
	z-index:100;
}
@media screen and (max-width: 450px)  {
	#top_pulldown1 {
		visibility:hidden;
	}
}
@media screen and (max-width: 600px)  {
	#top_pulldown2 {
		visibility:hidden;
	}
}
@media screen and (max-width: 750px)  {
	#top_pulldown3 {
		visibility:hidden;
	}
}
@media screen and (max-width: 900px)  {
	#top_pulldown4 {
		visibility:hidden;
	}
}
@media screen and (max-width: 1050px)  {
	#top_pulldown5 {
		visibility:hidden;
	}
}

/*ヘッダ～当店紹介*/
@media screen and (max-width: 400px)  {
	#spacer {
		height:300px;
	}
	#youtube {
		width:320px;
		height:180px;
	}
}
@media screen and (min-width: 401px) and (max-width: 450px)  {
	#spacer {
		height:350px;
	}
	#youtube {
		width:320px;
		height:180px;
	}
}
@media screen and (min-width: 451px) and (max-width: 600px)  {
	#spacer {
		height:440px;
	}
	#youtube {
		width:360px;
		height:203px;
	}
}
@media screen and (min-width: 601px) and (max-width: 750px)  {
	#spacer {
		height:550px;
	}
	#youtube {
		width:480px;
		height:270px;
	}
}
@media screen and (min-width: 751px) and (max-width: 900px)  {
	#spacer {
		height:630px;
	}
	#youtube {
		width:600px;
		height:338px;
	}
}
@media screen and (min-width: 901px) and (max-width: 1050px)  {
	#spacer {
		height:700px;
	}
	#youtube {
		width:720px;
		height:405px;
	}
}
@media screen and (min-width: 1051px)  {

	#youtube {
		width:840px;
		height:473px;
	}

	@media screen and (max-width: 1300px)  {
		#spacer {
			height:870px;
		}
	}
	@media screen and (min-width: 1301px) and (max-width: 1450px)  {
		#spacer {
			height:950px;
		}
	}
	@media screen and (min-width: 1451px) and (max-width: 1600px)  {
		#spacer {
			height:1050px;
		}
	}
	@media screen and (min-width: 1601px) and (max-width: 1750px)  {
		#spacer {
			height:1150px;
		}
	}
	@media screen and (min-width: 1751px) and (max-width: 1900px)  {
		#spacer {
			height:1150px;
		}
	}
	@media screen and (min-width: 1901px) and (max-width: 2050px) {
		#spacer {
			height:1250px;
		}
	}
	@media screen and (min-width: 2051px) and (max-width: 2220px) {
		#spacer {
			height:1350px;
		}
	}
	@media screen and (min-width: 2221px) {
		#spacer {
			height:1600px;
		}
	}

}

/*フッタ*/
a.footer {
	color:white;
}
a.a-white {
	color:white;
}
div.footer{
	background-color:#000066;
	width:95%;
	color:white;
	padding:10px;
	margin:0px;
}