/*/////////////リセット////////////////////////*/
@charset "uft-8";
/* @group Reset */
*{ margin:0; padding:0;}
a { text-decoration:none; }
ul, ol { list-style:none; }
img { vertical-align:middle; border:none; }

/*/////////////バグ対策////////////////////////*/
body		{ -webkit-text-size-adjust: 100%; }	/*iPhoneが勝手に文字サイズを変えないバグ対策*/ }
p		{ background-image:url(image);		/*一部のAndroid pタグの意味不明な空間削除*/ }

/*/////////////共通////////////////////////*/
body		{ background-color:#000000;		/*backgroundはtest用は#f62b2b*/ }
p		{ margin:10px 0px 10px 0px; }
h1		{ font-size:0.8em; font-weight:bold; color:#F08080; }
h2		{ font-size:1.4em; color:#d99502; font-family:"ＨＧ正楷書体－ＰＲＯ","ＭＳ 明朝","sans-serif"; margin:10px 0px 10px 0px; }
h3		{ font-size:1.2em; color:#000000; margin:10px 0px 10px 0px; }

/*文字色と背景色*/
.moji1 		{ color:#556B2F; background-color:#F08080 }	/*たぶん使ってない*/

/*特殊フォント*/
.font1		{ background-color:#F08080; color:#556B2F; font-weight:bold; text-decoration:underline; }	/*赤背景・太字・アンダー線*/
.font2		{ color:#FF0000; font-weight:bold; }		/*赤字・太字*/
.moji2 		{ color:#556B2F; background-color:#F8A2A2 }	/*赤背景*/

.left		{ text-align:left; }
.right		{ text-align:right; }
.center		{ text-align:center; }
.vtop		{ vertical-align:top; }

/*スマホ非表示*/
.pconly		{ display:none; }
@media screen and (min-width:568px){
	.pconly	{ display:inline; }
}

/*Bodyのheadder*/
.headder	{ background-color:#556B2F; width:100%; }

/*Bodyのmain部*/
.main		{ background-color:#F5F5DC; color:#000000; width:98%; margin-right:auto; margin-left:auto; }

	/*Bodyのmain部の説明部*/
	.body	{ margin-right:auto; margin-left:auto; display:table; }
	.body p	{ margin:10px 0px 10px 0px; }
	.body img{margin:10px 0px 10px 0px; }

		.body	{ width:auto; }
		#bar	{ width:75%; height:3%; }
	@media screen and (min-width:568px){
		#bar	{ width:400px; height:15px; }
	}
	@media screen and (min-width:768px){
		#bar	{ width:400px; height:15px; }
	}
	@media screen and (min-width:1024px){
		.body	{ width:850px; }
		#bar	{ width:500px; height:20px; }
	}

/*Bodyのmenu部*/
.menu		{ background-color:#556B2F; width:100%; margin-top:20px; padding-top:20px; padding-bottom:20px;
		  vertical-align:top; text-align:center; }

/*下部メニューボタン*/
.button_menu{
	width : 110px;
	height : 60px;
	padding: 0px 0px 0px 0px; /*上右下左*/
	margin : 20px;
	vertical-align:middle;
	border:	1px solid #e9e9b0;
		-webkit-box-shadow: #D4D4B1 3px 3px 3px  ;
		-moz-box-shadow: #D4D4B1 3px 3px 3px ;
		box-shadow: #D4D4B1 3px 3px 3px  ;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		font-size:18px;
		font-family:arial, helvetica, sans-serif;
		text-decoration:none;
		display:inline-block;
		color: #000000;
		/*float: left;*/
	background-color: #F5F5DC;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F5F5DC), to(#F5F5DC));
	background-image: -webkit-linear-gradient(top, #F5F5DC, #F5F5DC);
	background-image: -moz-linear-gradient(top, #F5F5DC, #F5F5DC);
	background-image: -ms-linear-gradient(top, #F5F5DC, #F5F5DC);
	background-image: -o-linear-gradient(top, #F5F5DC, #F5F5DC);
	background-image: linear-gradient(to bottom, #F5F5DC, #F5F5DC);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F5F5DC, endColorstr=#F5F5DC);
}

.button_menu:hover{
	border:1px solid #dede8d;
	background-color: #F08080; background-image: -webkit-gradient(linear, left top, left bottom, from(#F08080), to(#d99502));
	background-image: -webkit-linear-gradient(top, #F08080, #d99502);
	background-image: -moz-linear-gradient(top, #F08080, #d99502);
	background-image: -ms-linear-gradient(top, #F08080, #d99502);
	background-image: -o-linear-gradient(top, #F08080, #d99502);
	background-image: linear-gradient(to bottom, #F08080, #d99502);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F08080, endColorstr=#d99502);
}

/*Bodyのfooter*/
.footer		{ background-color:#F08080; text-align:center; font-weight:bold; color:#F5F5DC; width:100%; }
	.footer img{margin:0px 0px 0px 0px; }

/*/////////////index.php////////////////*/
/*携帯案内*/
.mobile		{ font-size:0.8em; }
a.top		{ color:#F5F5DC; text-decoration:none; }
a.top:visited	{ color:#F5F5DC; text-decoration:none; }

.index_h1	{ float:right; }

	#img_index	{ width:100%; height:58%; }	/*ベース画像は780*450*/
@media screen and (min-width:768px){
	#img_index	{ width:780px; height:450px; }
}
/*/////////////concept.php////////////////*/
	#img_concept	{ width:100%; height:69%; }	/*ベース画像は600*414*/
@media screen and (min-width:768px){
	#img_concept	{ width:600px; height:414px; }
}
/*/////////////philosophy.php////////////////*/
	#img_philo1	{ width:100%; height:67%; }	/*ベース画像は600*401*/
	#img_philo2	{ width:100%; height:69%; }	/*ベース画像は600*414*/
@media screen and (min-width:768px){
	#img_philo1	{ width:600px; height:401px; }
	#img_philo2	{ width:600px; height:414px; }
}
/*/////////////achive.php////////////////*/
	#img_achive	{ width:100%; height:68%; }	/*ベース画像は600*409*/
@media screen and (min-width:768px){
	#img_achive	{ width:600px; height:409px; }
}
/*/////////////price.php////////////////*/
	#img_reco	{ width:30px; height:12px; }	/*ベース画像は30*12*/
/*/////////////reserve.php////////////////*/
.button_reserve	{ text-align:center; }
	.button_reserve img{margin-top:30px; margin-bottom:30px; }
/*/////////////access.php////////////////*/
	#img_access	{ width:100%; height:67%; }	/*ベース画像は600*400*/
@media screen and (min-width:768px){
	#img_access	{ width:600px; height:400px; }
}


/*サンプル*/
.marine { background-image:url("/celt/img/back-marine.jpg") }