@charset "UTF-8";

ul{
	margin:		0;
	padding:	0;}
a{
	display:			inline-block;
	text-decoration:	none;
	color:				#000000;}
a img{
	border:				0;}
.clear{	clear:			both;}
/*********************** html **********************/
html{
	height:		100%;
	margin:		0;
	padding:	0;
	overflow-y:		scroll;
	font-family:	Verdana, Roboto, 
	"Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", 
	"Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
/*********************** body **********************/
body{
	height:			100%;
	margin:			0;
	padding:		0;
	line-height:	150%;}
@media screen and (min-width: 769px){		/* PC */
body{
	background:		#e6e6e6;}}
@media screen and (max-width: 768px){		/* Tablet, SmartPhone */
body{
	background:		#ffffff;}}
/*********************** container **********************/
#container {
	min-height:		100%;
	width:			auto;
	margin:			0 auto;
	padding:		0;
	background-color:	#ffffff;}
@media screen and (min-width: 769px){		/* PC */
#container {
	width:		681px;
	padding:	10px 34px;}}
@media screen and (max-width: 640px){		/* SmartPhone */
#container {
	min-width:	320px;}}
/*********************** box_nav1 **********************/
@media screen and (min-width: 769px){		/* PC */
#box_nav1{	
	float:		right;
	width:		350px;
	padding-bottom:	20px;
	font-size:	0.8em;}
#tran{
	opacity:	0.5;
	background-color:	#ffffff;}}
@media screen and (max-width: 768px){		/* Tablet, SmartPhone */
#box_nav1{
	width:			100%;
	background-color:	#efefef;}}
/*------------------- nav_lang -------------------*/
@media screen and (min-width: 769px){		/* PC */
	#nav_lang{
		list-style:		none;}
	#nav_lang li ul li{
		float:		left;
		width:		100px;
		margin-left:	1em;
		list-style-type:	disc;
		color:	#999999; }
	#nav_lang li ul li a{
		color:	#999999;}
	#nav_lang li ul li a:hover{
		color:	#cb2b20;
		text-decoration:	underline;}
	#nav_lang li ul li#active{
		color:	#333333;}}
@media screen and (max-width: 768px){		/* Tablet, SmartPhone */
	#nav_lang{
		text-align:		center;
		list-style:		none;}
	#nav_lang li ul li{
		display:		inline-block;
		margin:			5px 2px;
		text-align:		center;
		width:			15%; }}
@media screen and (max-width: 640px){		/* SmartPhone */
	#nav_lang li ul li{
		width:			30%; }}
@media screen and (max-width: 768px){		/* Tablet, SmartPhone */
	#nav_lang li ul li a{
		display:		block;
		padding:		20px 0;
		border:			1px solid #999999;
		background:		-moz-linear-gradient(#ffffff, #e6e6e6);
		background:		-webkit-gradient(linear, left top, 
						left bottom, from(#ffffff), to(#e6e6e6));
		border-radius:	10px;}
	#nav_lang li ul li#active{
		padding:		20px 0;
		color:				#ffffff;
		background-color:	#000000;
		border-radius:	10px;}
	.choose_lang{
		font-size:		10pt;}}
/*------------------- nav_home -------------------*/
@media screen and (min-width: 769px){		/* PC */
	#nav_home{
		float:			right;
		padding-right:	20px;
		list-style:		none;}
	#nav_home li a{
		padding-top: 10px;
		border-bottom:	2px solid #ffffff;}
	#nav_home li a:hover{
		border-bottom:	2px solid #000000;}}
@media screen and (max-width: 768px){		/* Tablet, SmartPhone */
	#nav_home{
		list-style:		none;}
	#nav_home li {
		padding:	10px;
		background:	-moz-linear-gradient(#ffffff, #e6e6e6);
		background:	-webkit-gradient(linear, left top,
		left bottom, from(#ffffff), to(#e6e6e6));}
	#nav_home li a{
		width:	100%;}}
	#nav_home li a img{						/* All */
		width:	auto;
		height:	43px;}
/*********************** box_nav2 **********************/
@media screen and (min-width: 769px){		/* PC */
#box_nav2{
	float:	left;}
	#nav_main li{
		padding-right:	20px;
		display:		inline-block;
		list-style:		none;}
	#nav_main li a{
		padding-top: 10px;	}
	#nav_main li a:hover{
		border-bottom:	2px solid #000000;}}
	#nav_main li a img{						/* All */
		width:	auto;
		height:	29px;
		margin-right:	2px;}
@media screen and (max-width: 768px){		/* Tablet */
#box_nav2{
	width:			100%;
	padding-bottom:	30px;
	text-align:		center;}
	#nav_main li{
		display:		inline-block;
		width:			45%;
		margin:			0 5px;
		font-family:	Century Gothic, sans-serif;
		background-image:	url("../images/cursor.gif");
		background-repeat: no-repeat;
		background-position: center bottom;
		border-bottom:	2px solid #999999;}
	#nav_main li a{
		width:			100%;
		padding:		15px 0;}}
/********************** box_ramen-ya ********************/
@media screen and (min-width: 769px){		/* PC */
#box_ramen-ya{
	float:		left;
	width:		365px;
	height:		474px;}
	#box_ramen-ya p{
		padding-right:	1em;}}
	#box_ramen-ya img{					/* All */
		width:			100%;
		height:			auto;}
@media screen and (max-width: 768px){		/* Tablet */
#box_ramen-ya{
	float:		left;
	width:		49%;
	height:		auto;
	padding-left:	2%;}
	#box_ramen-ya p{
		padding-right:	1em;}}
@media screen and (max-width: 640px){		/* SmartPhone */
#box_ramen-ya{
	width:			100%;
	padding-left:	0;
	text-align:		center;}
	#box_ramen-ya p{
		padding:		0 15px;
		text-align:		left;}
	#box_ramen-ya img{
		width:			90%;}}
/*********************** box_character **********************/
@media screen and (min-width: 769px){/* PC */
#box_character{
	float:		right;
	height:		570px;
	width:		300px;
	position:	relative; }
	#box_character img{
		position:	absolute;
		bottom:0; }}
	#box_character img{					/* All */
		width:			100%;
		height:			auto;}
@media screen and (max-width: 768px){/* Tablet */
#box_character{
	float:		right;
	width:		49%;
	height:		auto;}}
@media screen and (max-width: 640px){		/* SmartPhone */
#box_character{
	float:		none;
	width:		100%; }}
	
/******************** box_mapview ********************/
#box_mapview{								/* All */
	float:		left;
	font-family: Century Gothic, sans-serif;}
	#box_mapview iframe{
			border:		2px solid #000000;}
	#box_mapview img{
			width:		100%;
			height:		auto;
			border:		2px solid #000000;}
@media screen and (min-width: 769px){		/* PC */
#box_mapview{
	width:		390px;}
	#box_mapview iframe{
			height:		200px;}}
@media screen and (max-width: 768px){		/* Tablet */
#box_mapview{
	width:		50%;
	padding:	0 5% 0 2%;}
	#box_mapview iframe{
			height:		200px;}}
@media screen and (max-width: 640px){		/* SmartPhone */
#box_mapview{
	float:		none;
	width:		90%;
	margin:		0 auto;
	padding:	0;}
	#box_mapview iframe{
			height:		250px;}}

/****************** box_description ******************/
@media screen and (min-width: 769px){		/* PC */
#box_description{
	float:		right;
	width:		260px;}}
@media screen and (max-width: 768px){		/* Tablet */
#box_description{
	float:		left;
	width:		40%;}}
@media screen and (max-width: 640px){		/* SmartPhone */
#box_description{
	float:		none;
	width:		100%;}}
	#box_description > #description{		/* All */
		font-family: Century Gothic, sans-serif;}
	#box_description > #description dt{
		margin:			1em 0 0.2em 0;
		font-size:		1.2em;
		font-weight:	bold;}
	#description dd{
		margin:		0 0 1.5em 0;}
@media screen and (max-width: 640px){		/* SmartPhone */
#box_description{
	width:		90%;
	margin:		0 auto;}
	#box_description > #description dt{
		font-size:		1.5em;}
#box_description img{
	margin-bottom:		1em;}}
#box_description img{						/* All */
	width:			100%;
	height:			auto;}
/*********************** box_who **********************/
@media screen and (min-width: 769px){		/* PC */
#box_who{
	float:		left;
	width:		390px;
	font-size:	0.95em;}}
@media screen and (max-width: 768px){		/* Tablet */
#box_who{
	float:		left;
	width:		50%;
	padding:	0 5% 0 2%;}}
@media screen and (max-width: 640px){		/* SmartPhone */
#box_who{
	float:		none;
	width:		90%;
	margin:		0 auto;
	padding:	0;}}
#box_who > #description > dt{				/* All */
	font-size:		2em;
	font-style:		italic;
	font-family:	Century Gothic, sans-serif;
	font-weight:	bold;}

/********************* box_owner *********************/
#box_owner{									/* All */
	font-size:		0.9em;
	margin-top:		20px;
	background:		#f6f6f6;
	border-radius:	5px;}
@media screen and (min-width: 769px){		/* PC */
#box_owner{
	float:			right;
	padding:		10px;
	width:			240px;}}
@media screen and (max-width: 768px){		/* Tablet */
#box_owner{
	float:			left;
	padding:		1%;
	width:			38%;}}
@media screen and (max-width: 640px){		/* SmartPhone */
#box_owner{
	float:			none;
	width:			90%;
	margin:			1.5em auto;
	font-size:		1em;
	background:		#ffffff;}}
#box_owner img{						/* All */
	width:			100%;
	height:			auto;}

/********************* hr_smtonly *********************/
.hr_smtonly{								/* All */
	display:	none;}
@media screen and (max-width: 640px){		/* SmartPhone */
.hr_smtonly{
	display:	block;}}

/******************* box_eatandtake *******************/
#box_eatandtake{							/* All */
	float:			right;
	padding:		5px 10px;
	font-weight:	bold;
	font-family: 	Century Gothic, sans-serif;
	color:			#ffffff;
	background:		#d7281e;
	border-radius:	5px;}
@media screen and (max-width: 768px){		/* Tablet, SmartPhone */
#box_eatandtake{		
	float:		none;
	margin:		20px;
	text-align:	center;}}

/********************** box_menu *********************/
#box_menu {								/* All */
	margin:			2em 0;
	font-family: 	Century Gothic, sans-serif;}
	#menu_4column dd, #menu_3column dd, 
	#menu_2column dd, #menu_1column dd{
		margin:			0;
		margin-bottom:	1em;
		vertical-align: top;}
		#menu_4column dd img, #menu_3column dd img, 
		#menu_2column dd img{
			width:		100%;
			height:		auto;}
		#menu_1column dd img{
			width:		60%;
			height:		auto;}
	#menu_4column dt, #menu_3column dt, 
	#menu_2column dt, #menu_1column dt, 
	#menu_sidebyside dt{
		margin-bottom:	1em;
		font-weight:	bold;
		font-size:		1.5em;
		color:			#d7281e;}
		.text1{
			font-size:		1.2em;
			font-weight:	bold;}
		.text2{
			display:		inline-block;
			font-size:		0.9em;
			line-height:	100%;}
	dd.nomargin{
		margin:			0;}
	#menu_1column dd{
		width:			100%;}
	#menu_sidebyside dd{
		display:		table;
		margin:			0 auto;
		padding:		10px 0;
		width:			100%;
		border-bottom:	2px solid #f9f9f9;}
		.text3{
			display:		table-cell;
			font-size:		1.2em;
			font-weight:	bold;
			vertical-align:	middle;}
		.text4{
			display:		table-cell;
			padding-left:	1em;
			vertical-align:	middle;
			text-align:		right;}
@media screen and (min-width: 641px){		/* PC, Tablet */
	#menu_4column dd, #menu_3column dd, 
	#menu_2column dd, #menu_1column dd{
		display:		inline-block;
		padding:		0;
		text-align:		center;}
	#menu_4column dd{
		margin-right: 1.5%;
		width:			22%;}
	#menu_3column dd{
		margin-right: 1.5%;
		width:			30%;}
	#menu_2column dd{
		margin-right: 1.5%;
		width:			48%;}
		.description{
			Width:		100%;
			height:		2em;}}
@media screen and (max-width: 768px){		/* Tablet, SmartPhone */
	#menu_4column, #menu_3column, 
	#menu_2column, #menu_1column, #menu_sidebyside{
		margin:		0 3%;}}
@media screen and (max-width: 640px){		/* SmartPhone */
	#menu_4column dd, #menu_3column dd, 
	#menu_2column dd, #menu_1column dd{
		margin:			0 2%;
		margin-bottom:	1.5em;
		padding:		0;
		width:			100%;
		text-align:		center;
		display:		inline-block;}
	#menu_4column dd, #menu_3column dd, 
	#menu_2column dd{
		width:			45%;}}

/*********************** footer **********************/
@media screen and (min-width: 769px){		/* PC */
#footer, #footer_wide{						/* All */
	height:	80px;
	border-bottom:	10px solid #000000;}
	#footer img, #footer_wide img{
		width:		auto;
		height:		80px;}
#footer{
	float:		left;
	width:		370px;}
#footer_wide{
	width:		100%;}}
@media screen and (max-width: 768px){		/* Tablet, SmartPhone */
#footer, #footer_wide{
	display:	none;}}
	
/********************* copyright ********************/
#copyright{									/* All */
	font-family: 	Century Gothic, sans-serif;
	text-align:		center;	}
@media screen and (min-width: 769px){		/* PC */
#copyright, #copyright_wide{
	float:			right;
	font-size:		10pt;}
#copyright{
	width:			300px;}}
@media screen and (max-width: 768px){		/* Tablet */
#copyright, #copyright_wide{
	float:		none;
	margin-bottom:	1em;
	width:			100%;
	font-family: 	Century Gothic, sans-serif;
	text-align:		center;}}