/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, content, hgroup, menu, nav, section { 
    display: block;
}


/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {
}
.index{
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	//font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	background: #000;
	color: #000;
    font-size: 0.8em;
}
a{
	color: #999900;
	text-decoration: none;
}
a:hover{
	color: #999900;
	text-decoration: underline;
}
p {
	margin: 0 0 1.2em;
	padding: 0;
}
h1, h2, h3, h4, h5, h6, h7 {
	line-height: 1.6em;
	letter-spacing: 0.05em;
	margin: 0px 0 .2em;
	color: #000;
}
h1 {
	font-size: 1.8em;
}
h2 {
	font-size: 1.4em;
}
h3 {
	font-size: 1.2em;
}
h4 {
	font-size: 1.0em;
}
h5 {
	font-size: 0.9em;
}
h6 {
	font-size: 0.7em;
}

#white_font{
	color: #fff;
}
#green_font{
	color: #999900;
}
#red_font{
	color: #cc0000;
}
#gray_font{
	color:#999999;
}



/************************************************************************************
HEADER
*************************************************************************************/
#header_container{
	margin: 0px;
	padding: 0px;
	width:100%;
	height:99px;
	background-color:#000;
	background-image:url(../images/bg_header-footer.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: center top;
}
#header{
	margin: 0px;
	padding: 0px;
	width:960px;
	height:99px;
}

#header_logo{
	float:left;
	width:189px;
	text-align:left;
}
#header_info{
	float:left;
	width:771px;
	margin-top:19px;
	text-align:right;
}
#divider{
	width:900px;
	height:1px;
	margin-top:30px;
	margin-bottom:30px;
	background-color:#fff;
}


/************************************************************************************
YOUTUBE
*************************************************************************************/
#youtube_container{
	width:100%;
	height:540px;
	background-image:url(../images/bg_youtube_container.jpg);
	background-repeat: repeat-y;
	background-attachment: scroll;
	background-position: center top;
}
#youtube{
	width:960px;
	height:540px;
	background-color:#000;
	margin:0px;
	padding:0px;
}
#movie_pc{
	display:block;
}
#movie_mobile{
	display:none;
}


.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/************************************************************************************
CONTENTS
*************************************************************************************/
#contents_container{
	width:100%;
	background-image:url(../images/bg_contents_container.jpg);
	background-attachment: scroll;
	background-position: center top;
}
#contents{
	width:960px;
	background-color:#f3f3ee;
	padding-top:20px;
	padding-bottom:20px;
	background-image:url(../images/bg_contents.jpg);
	background-repeat: repeat-y;
	background-attachment: scroll;
	background-position: center top;
}

#description_pc{
	margin-top:15px;
	text-align:center;
	display:block;
}
#description_mobile{
	margin-top:15px;
	text-align:left;
	display:none;
}

#address_pc{
	margin-left:180px;
	display:block;
}
#address_mobile{
	display:none;
}

#cuisine_txt{
	text-align:center;
}


#seats_pc{
	margin-bottom:40px;
	display:block;
}
#seats_mobile{
	text-align:left;
	margin-bottom:40px;
	display:none;
}
#seats_slide_pc{
	display:block;
}
#seats_slide_mobile{
	display:none;
}

#cuisine_note{
	text-align:left;
	margin-left:125px;
	margin-top:40px;
}
#cuisine_note_pc{
	display:block;
}
#cuisine_note_mobile{
	display:none;
}
#cuisine_menu{
	float:left;
	margin-left:90px;
	margin-top:20px;
}
#cuisine_slide_photo_pc{
	display:block;
}
#cuisine_slide_photo_mobile{
	margin-bottom:20px;
	display:none;
}

#map_access_pc{
	display:block;
}
#map_access_mobile{
	display:none;
}

#cancel_policy{
	margin-top:40px;
	margin-bottom:80px;
}

		

/************************************************************************************
FOOTER
*************************************************************************************/
#footer_container{
	width:100%;
	height:99px;
	background-color:#000;
	background-image:url(../images/bg_header-footer.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: center top;
}
#footer{
	width:960px;
	height:99px;
}


#footer_logo{
	float:left;
	width:189px;
	text-align:left;
}
#footer_info{
	float:left;
	width:685px;
	margin-top:25px;
	text-align:right;
}
#footer_arrow{
	float:left;
	width:86px;
	margin-top:28px;
	text-align:center;
}



		
		
#copyright{
	text-align:right;
	margin-top:50px;
	margin-right:100px;
}



/************************************************************************************
max-width: 640px
*************************************************************************************/
@media screen and (max-width: 640px) {
	h1, h2, h3, h4, h5, h6, h7 {
		line-height: 1.4em;
		letter-spacing: 0em;
	}
	h1 {
		font-size: 2.0em;
	}
	h2 {
		font-size: 1.8em;
	}
	h3 {
		font-size: 1.4em;
	}
	h4 {
		font-size: 1.2em;
	}
	h5 {
		font-size: 1.0em;
	}
	h6 {
		font-size: 0.9em;
	}
	

	#header{
		width:640px;
	}
	#header_info{
		width:445px;
	}
	
	
	#divider{
		width:100%;
		height:2px;
	}

	#youtube_container{
		height:360px;
	}
	#youtube{
		width:640px;
		height:360px;
	}

#movie_pc{
	display:none;
}
#movie_mobile{
	display:block;
}


	#contents{
		padding-left:40px;
		padding-right:40px;
		width:560px;
	}
	#description{
		text-align:left;
	}
	#description_pc{
		display:none;
	}
	#description_mobile{
		display:block;
	}
	#address_pc{
		display:none;
	}
	#address_mobile{
		display:block;
	}

	#cuisine_txt{
		text-align:left;
	}
	
	#cuisine_menu{
		margin-left:0px;
		float:none;
	}

#cuisine_slide_photo_pc{
	display:none;
}
#cuisine_slide_photo_mobile{
	display:block;
}


#seats_pc{
	display:none;
}
#seats_mobile{
	display:block;
}

#seats_slide_pc{
	display:none;
}
#seats_slide_mobile{
	display:block;
}

#cuisine_note{
	margin-left:0px;
}
#cuisine_note_pc{
	margin-top:20px;
	display:none;
}
#cuisine_note_mobile{
	margin-top:20px;
	display:block;
}


#map_access_pc{
	display:none;
}
#map_access_mobile{
	display:block;
}

#cancel_policy{
	text-align:left;
}
	
	#copyright{
		text-align:center;
		margin-top:0px;
		margin-right:0px;
	}
	
	
	#footer{
		width:640px;
	}
	#footer_info{
		width:365px;
	}