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

@import url(//fonts.googleapis.com/css?family=Domine:400,700);

html{
	width:100%;
	height:100%;
}
body{
	/*	background:#93C2EC url(../images/bg.jpg) repeat-x 20% 140px fixed;*/
	background:#93C2EC url(../images/bg_spring2.jpg) repeat 50% 80% fixed;
	margin: 0;
	padding: 0;
	font-size:80%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	width:100%;
	height:100%;
	background-size:cover;
}
img{
	border:none;
}

div#header{
	width:950px;
	height:180px;
	margin:0 auto;
	position: relative;
}

div#header div#logo{
	width:173px;
	margin:0 auto;
	color: #6992BA;
}
div#header div#logo img{
	box-shadow:3px 3px 5px rgba(0,0,0,0.2);
}
div#header div#factory{
	position:absolute;
	right:0px;
	top:0px;
}
div#header div#chili{
	position:absolute;
	right:75px;
	top:0px;
}
div#header div#eatgood{
	position:absolute;
	right:150px;
	top:0px;
}

div#header div#suke6{
	position:absolute;
	right:225px;
	top:0px;
}
div#header div#factory img,
div#header div#chili img,
div#header div#eatgood img,
div#header div#suke6 img
{
	width:70px;
	height:66px;
}








div#header div#tel{
	position:absolute;
	right:0px;
	top:86px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	text-shadow:0px 0px 8px rgba(0,0,0,0.7);
}
div#header div#tel p{
	margin:10px 0 5px;
	letter-spacing: 1px;
}
div#header div#tel .big{
	font-size:18px;
	letter-spacing: 0px;
}
div#header div#tel a{
	color:#FFFFFF;
}

div#logo.small{
	width:100px;
	margin:0 auto;
	color: #6992BA;
}



div#navi{
	width:950px;
	margin:0 auto;
	font-family: 'Domine', serif;
	font-size:14px;
	color: #002a42;
	height: 45px;
	position: relative;
	letter-spacing: 1px;
}
div#navi ul{
	margin:0;
	padding:0;
}
div#navi li{
	margin:0 22px 0 0;
	padding:0;
	list-style-type:none;
	float:left;
}

div#navi a{
	display:block;
/*	color: #002a42;*/
	color: #FFFFFF;
	text-shadow:0px 0px 8px rgba(0,0,0,0.7);
	padding:10px 0;
	position:relative;

	text-decoration:none;
}
div#navi a.select{
	color: #FFED22;
}

div#navi div.fb-like{
	position:absolute;
	right:0px;
	top:10px;
}




div#body{
	width:950px;
	margin:0 auto;
	color: #575033;
	text-shadow:0px 0px 10px rgba(255,255,255,1.0);
}

div#body div.left{
	float:left;
	width:320px;
	margin:0 10px 0 0;
}
div#body div.main{
	float:left;
	width:640px;
	margin:0 20px 0 0;
}
div#body div.center{
	float:left;
	width:320px;
	margin:0 10px 0 0;
}
div#body div.right{
	float:right;
	width:190px;
	margin:0 0px 0 0;
	position: relative;
}


div#body h2.ttl{
	font-family: 'Domine', serif;
	font-size:250%;
	margin: 0 0 20px;
}
div#body p{
	line-height:150%;
	text-shadow:none;
}



div#body div.right div.btn{
	position:absolute;
	top:-198px;
	right:-27px;
    transform: rotate(2deg); /* 回転:45度傾ける */
    -webkit-transform: rotate(2deg); /* 回転:WebKit用 */
    -moz-transform: rotate(2deg); /* 回転:Mozilla用 */
    -o-transform: rotate(2deg); /* 回転:Opera用 */
}
div#body div.right div#twitter{
	width:190px;
	margin:0 0 0 auto;
	text-shadow:none;
}
div#body div.right div#tripadviser{
	margin:10px 10px -130px 10px;
	padding:10px 0 1px;
	background-color:#FFF;
    transform: rotate(-2deg); /* 回転:45度傾ける */
    -webkit-transform: rotate(-2deg); /* 回転:WebKit用 */
    -moz-transform: rotate(-2deg); /* 回転:Mozilla用 */
    -o-transform: rotate(-2deg); /* 回転:Opera用 */
}

div#body div#information{
	margin:0 0 20px;
	width:190px;
	color:#FFFFFF;
}

div#body div#information h2{
	margin:0 0 17px;
	font-size: 110%;
	text-shadow:2px 2px 6px #6992BA;
}







div#body div#blog{
	background:url(../images/bg_paper.png) repeat 0% 0%;
	background-size:contain;
	padding:17px;
	line-height:17px;
	box-shadow:3px 3px 5px rgba(0,0,0,0.2);
	width:190px;
	margin:0 auto 20px 0;
}

div#body div#blog h1{
	font-size:12px;
	color:#93AAA2;
	font-family: 'Domine', serif;
	margin:0 0 17px;
}
div#body div#blog h2{
	margin:0 0 17px;
	font-size: 120%;

}







div#body div.photo{
	padding:10px;
	background-color:#FFFFFF;
	margin:0 0 10px;
	box-shadow:3px 3px 10px rgba(0,0,0,0.4);

    transform: rotate(2deg); /* 回転:45度傾ける */
    -webkit-transform: rotate(2deg); /* 回転:WebKit用 */
    -moz-transform: rotate(2deg); /* 回転:Mozilla用 */
    -o-transform: rotate(2deg); /* 回転:Opera用 */

	background:url(../images/bg_photo.gif);
	background-size:cover;
}
div#body div.photo.even{
    transform: rotate(-1deg); /* 回転:45度傾ける */
    -webkit-transform: rotate(-1deg); /* 回転:WebKit用 */
    -moz-transform: rotate(-1deg); /* 回転:Mozilla用 */
    -o-transform: rotate(-1deg); /* 回転:Opera用 */
}
div#body div.photo h2{
	font-size: 90%;
	float:left;
	font-family: 'Domine', serif;
	color: #9EC5EC;
	line-height: 100%;
}
div#body div.photo h3{
	font-size: 100%;
	text-align:right;
	padding: 0 0 0 100px;
}
div#body div.photo h3 a{
	text-decoration:none;
	color:#002a42;
}
div#body div.photo img.cover{
	width:290px;
	position:absolute;
	margin:-10px 0 0 -10px;
	
}
div#body div.photos div.photo img.cover{
	width:200px;
	position:absolute;
	margin:-10px 0 0 -10px;
	
}
div#body div.center div.photo img.cover{
	width:220px;
	position:absolute;
	margin:-10px 0 0 -10px;
	
}
div#body div.about div.photo{
	width:290px;
	display: inline-block;
	padding: 0px;
	text-align: center;
    transform: rotate(0deg); /* 回転:45度傾ける */
    -webkit-transform: rotate(0deg); /* 回転:WebKit用 */
    -moz-transform: rotate(0deg); /* 回転:Mozilla用 */
    -o-transform: rotate(0deg); /* 回転:Opera用 */
	margin: 0 10px 20px;
}




div#body div.catering div.photo h3{
	text-align:left;
	padding:0 0 0 10px;
}
div#body div.photos div.photo h3{
	text-align:left;
	padding:0;
	font-size:90%;
}

div#body div.center div.photo{
	width:200px;
	margin:0 0 20px auto;
	position:relative;
	left:100px;
	top:50px;
}























div#footer{
	margin:100px 0 0 0;
	background:url(../images/bg_footer.png) repeat;
	color:#ECECEC;
}
div#footer a{
	color:#ECECEC;
}

div#footer ul{
	width:950px;
	margin:0 auto;
	padding:50px 0 50px;
	list-style-type:none;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}

div#footer ul li{
	width:950px;
	margin:0 10px;
	padding:0;
	display:inline;
}
div#footer ul a{
	color:#FFCC00;
	text-decoration:none;
}


div#opening{
	width:100%;
	height:100%;
	position:absolute;
	background-color:#fff26b;
	top:0px;
	left:0px;
	z-index: 100;
	text-align: center;
	vertical-align: middle;
}























.big{
	font-size:160%;
}
.bold{
	font-weight:bold;
}
.arial{
	font-family:Arial, Helvetica, sans-serif;
}


span{
}