@charset "EUC-JP";

@import url("common.css");

/* --------------------------------------------------------------------------------------
 subデザイン
--------------------------------------------------------------------------------------- */

#subpage #main .mainline{
	margin:0 auto;
	width:743px;
	background-image: url(../img/main_backline.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

#subpage #main .maincontents{
	padding:20px 0px 20px 55px;
}

* html #subpage #main{
/* for IE */
/*\*/padding:30px 0 20px 55px;
/* for WinIE*/
/* for MacIE*/
}

#subpage #main h4{
	font-size: 160%;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	text-indent: 10px;
	height:1em;
	clear: both;
	float: none;
	font-weight: bold;
}


/* --------------------------------------------------------------------------------------
 foods
--------------------------------------------------------------------------------------- */

#subpage.foods #main{
	clear: both;
	float: none;
	background-image: url(../img/sub_mainback.jpg);
	padding: 30px 0;
	text-align: left;
}

#subpage.foods #main .mainline{
	background-image: url(../img/main_backline.gif);
	background-repeat: repeat-y;
	background-position: left 40px;
}

* html #subpage.foods #main .mainline{
/* for IE */
/*\*/width:643px;
/* for WinIE*/
/* for MacIE*/
}

#subpage.foods #mainimg p{
	background-image: url(../../foods/img/mainimg.jpg);
	background-position: 0px 2px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#subpage.foods #main h3{
	background-repeat: no-repeat;
	background-position: right bottom;
	text-indent: -9999px;
	clear: both;
	float: none;
}

* html #subpage.foods #main h3{
/* for IE */
/*\*/width:743px;
/* for WinIE*/
/* for MacIE*/
}

#subpage.foods #main .maincontents{
	background-repeat: no-repeat;
	background-position: left top;
	min-height: 250px;
	padding:30px 0px 20px 100px;
	width: 643px;
}

#subpage.foods #main ul.subnavi{
	height: 29px;
	width: 652px;
	margin:0px auto 45px;
}

#subpage.foods #main ul.subnavi li{
	display:inline;
}

#subpage.foods #main ul.subnavi li a{
	display:block;
	float:left;
	height: 29px;
	width: 153px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
	margin:0 5px;
}

* html #subpage.foods #main ul.subnavi{
/* for IE */
/*\*/width: 657px;
/* for WinIE*/
/* for MacIE*/
}

#subpage.foods #main ul.subnavi li.navi01 a{
	background-image: url(../../foods/img/sub_navi01.gif);
}

#subpage.foods #main ul.subnavi li.navi02 a{
	background-image: url(../../foods/img/sub_navi02.gif);
}

#subpage.foods #main ul.subnavi li.navi03 a{
	background-image: url(../../foods/img/sub_navi03.gif);
}

#subpage.foods #main ul.subnavi li.navi04 a{
	background-image: url(../../foods/img/sub_navi04.gif);
}

#subpage.foods #main ul.subnavi li.navi01 a:hover{
	background-image: url(../../foods/img/sub_navi01_f2.gif);
}

#subpage.foods #main ul.subnavi li.navi02 a:hover{
	background-image: url(../../foods/img/sub_navi02_f2.gif);
}

#subpage.foods #main ul.subnavi li.navi03 a:hover{
	background-image: url(../../foods/img/sub_navi03_f2.gif);
}

#subpage.foods #main ul.subnavi li.navi04 a:hover{
	background-image: url(../../foods/img/sub_navi04_f2.gif);
}


/* Drinks  */
#subpage.foods #main h3.drinks{
	background-image: url(../../foods/img/title_drinks.gif);
	height: 31px;
}

#subpage.foods #main .drinks{
	background-image: url(../../foods/img/main_back01.png);
}



/* Foods  */
#subpage.foods #main h3.foods{
	background-image: url(../../foods/img/title_foods.gif);
	height: 33px;
	padding-top:30px;
}

#subpage.foods #main .foods{
	background-image: url(../../foods/img/main_back02.png);
}



/* Party  */
#subpage.foods #main h3.party{
	background-image: url(../../foods/img/title_party.gif);
	height: 33px;
	padding-top:30px;
}

#subpage.foods #main .party{
	background-image: url(../../foods/img/main_back03.png);
}

#subpage.foods #main .party h4{
	margin-bottom:20px;
}

#subpage.foods #main .party p{
	line-height:200%;
}

#subpage.foods #main .party .partyex{
	border: 1px solid #FFFFFF;
	margin:15px 0;	
}

#subpage.foods #main .party .partyex h5{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding: 3px;
	background-image: url(../../foods/img/point_party.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	text-indent: 27px;
	line-height: 18px;
}

#subpage.foods #main .party .partyex p{
	margin: 0 0 5px 10px;
}

#subpage.foods #main .party .partyex p.menu{
	padding-left: 250px;
	margin: 10px;
	background-image: url(../../foods/img/party.jpg);
	background-repeat: no-repeat;
}

#subpage.foods #main a{
	color: #FFFFFF;
	text-decoration: none;
}

#subpage.foods #main a:hover{
	color: #FF6600;
	text-decoration: none;
}


/* メニューリスト */

#subpage.foods #main .maincontents div.left{
	float:left;
	width: 280px;
}

#subpage.foods #main .maincontents div.right{
	float:right;
	padding-top:205px;
	padding-right:0px;
	width: 280px;
}

* html #subpage.foods #main .maincontents div.right{
/* for IE */
/*\*/padding-top:225px;
/* for WinIE*/
/* for MacIE*/
}

*:first-child+html #subpage.foods #main .maincontents div.right{
	padding-top:225px;
}

#subpage.foods #main h4.first{
	margin-top: 0px;
}

#subpage.foods #main h4{
	margin-top: 25px;
}

#subpage.foods #main dl{
	clear:both;
	float:none;
	font-size: 12px;
	margin:10px 0 10px 10px;
	line-height: 180%;
	width: 270px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFFFFF;
	height:2em;
}
#subpage.foods #main dl.line2{
	height:3.5em;
}
#subpage.foods #main dl.line3{
	height:5.5em;
}
#subpage.foods #main dl.line4{
	height:7em;
}
#subpage.foods #main dl.line5{
	height:9em;
}
#subpage.foods #main dl.line6{
	height:12em;
}
#subpage.foods #main dl.line7{
	height:14em;
}
#subpage.foods #main dl.line8{
	height:16em;
}
#subpage.foods #main dl.line9{
	height:18em;
}
#subpage.foods #main dl.line10{
	height:20em;
}


#subpage.foods #main dt{
	float:left;
	width:220px;
}

#subpage.foods #main dd{
	float:right;
	width:50px;
	text-align:right;
}

#subpage.foods #main p.info{
	clear: both;
	float: none;
	padding: 20px 0 0 0;
	line-height: 150%;
}

#subpage.foods #main p.top{
	clear: both;
	float: none;
	text-align: right;
	padding: 20px 0;
}



/* --------------------------------------------------------------------------------------
 gallery
--------------------------------------------------------------------------------------- */

#subpage.gallery #mainimg p{
	background-image: url(../../gallery/img/mainimg.jpg);
	background-position: 0px 2px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#subpage.gallery #main h3{
	background-image: url(../../gallery/img/title.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 37px;
	text-indent: -9999px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

* html #subpage.gallery #main{
/* for IE */
/*\*/padding-right:50px;
/* for WinIE*/
/* for MacIE*/
}

#subpage.gallery #main .mainline{
	background-image: none;	
}

#subpage.gallery #main .maincontents{
	min-height: 250px;
	padding:15px 0px;
}

#subpage.gallery #main p{
	margin:30px 100px;
}


/* --------------------------------------------------------------------------------------
 access
--------------------------------------------------------------------------------------- */

#subpage.access #mainimg p{
	background-image: url(../../access/img/mainimg.jpg);
	background-position: 0px 2px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#subpage.access #main h3{
	background-image: url(../../access/img/title.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 31px;
	text-indent: -9999px;
}

#subpage.access #main .maincontents{
	background-image: url(../../access/img/main_back.png);
	background-repeat: no-repeat;
	background-position: left top;
	min-height: 250px;
}

#subpage.access #main .info{
	height:240px;
}

#subpage.access #main .info p{
	margin:15px 0px;
	line-height: 180%;
}

#subpage.access .map {
	height:300px;
}

#subpage.access .map .left{
	float: left;	
}

#subpage.access .map .left img{
	margin-left:10px;
}

#subpage.access .map .right{
	float: right;	
}

#subpage.access .map .right ul{
	margin:15px 10px 0 0;
}

* html #subpage.access .map .right ul{
/* for IE */
/*\*/margin:15px 40px 0 0;
/* for WinIE*/
/* for MacIE*/
}

#subpage.access .map .right li.point{
	padding-left: 20px;	
}

#subpage.access .map .right .size{
	font-size: 120%;
	font-weight: bold;
	line-height: 2em;
}

#subpage.access .map .right li.add{
	background-image: url(../../access/img/point_add.gif);
	background-repeat: no-repeat;
	background-position: left center;	
}

#subpage.access .map .right li.tell{
	background-image: url(../../access/img/point_tell.gif);
	background-repeat: no-repeat;
	background-position: left center;	
}

#subpage.access .map .right li.mail{
	background-image: url(../../access/img/point_mail.gif);
	background-repeat: no-repeat;
	background-position: left center;	
}

#subpage.access .map .right li.mail a:link{
	color: #7EC6DA;
	text-decoration: none;
}

#subpage.access .map .right li.mail a:hover{
	color: #FF6600;
	text-decoration: none;
}

#subpage.access .map .right li.tellinfo{
	padding-left: 20px;	
}

#subpage.access .map .right li.time{
	font-size: 140%;
	font-weight: bold;
	line-height: 2em;
}

/* --------------------------------------------------------------------------------------
 Links
--------------------------------------------------------------------------------------- */

#subpage.links #mainimg p{
	background-image: url(../../links/img/mainimg.jpg);
	background-position: 0px 2px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#subpage.links #main h3{
	background-image: url(../../links/img/title.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 31px;
	text-indent: -9999px;
}

#subpage.links #main .maincontents{
	background-image: url(../../links/img/main_back.png);
	background-repeat: no-repeat;
	background-position: left top;
	min-height: 250px;
}

#subpage.links #main dl{
	margin:10px 0 10px 10px;
	
}

#subpage.links #main dt{
	background-image: url(../img/point_square.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 17px;
}

#subpage.links #main dd{
	margin:0 0 15px 0;
	text-indent: 17px;
}

#subpage.links #main dd a{
	text-decoration: none;
}

#subpage.links #main dd a:hover{
	color: #FF6600;
	text-decoration: none;	
}