@charset "utf-8";
@import url(basic.css);
@import url(forms.css);
@import url(tables.css);

/* background */
body {
    background-color: #f3eff0;
    background-image: url(../images/background.jpg);
    background-repeat: repeat-x;
    background-position: left top;
}
div#container {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
		border-left: 1px solid #002d70;
		border-right: 1px solid #002d70;
		background-color: #eff9ff;
    text-align: left;
}


/* seo */
h1#seo {
    clear: both;
    width: 800px;
		height: 20px;
		margin: 0px;
		padding: 0px;
		background-color: #002d70;
		overflow: hidden;
		text-align: left;
		line-height: 20px;
		text-indent: 1em;
		font-size: 11pt;
		color: #FFFFFF;
}
div#seodesc {
    clear: both;
    width: 800px;
		height: 20px;
		margin: 0px;
		padding: 0px;
		background-color: #FFFFFF;
		overflow: hidden;
		text-align: left;
		line-height: 20px;
		text-indent: 1em;
		font-size: 10pt;
		color: #CCCCCC;
}


/* header */
div#header {
    clear: both;
    width: 800px;
		height: 125px;
}





/* body */
div#body {
    clear: both;
    width: 800px;
		margin-top: 10px;
		background-color: #eff9ff;
    background-image: url(../images/side_border.gif);
    background-repeat: repeat;
    background-position: left top;
    /*background-repeat: repeat-y;
    background-position: 190px top;*/
}
div#sidebar {
    float: left;
		width: 190px;
		padding-left: 10px;
		padding-right: 10px;
}
div#main {
    float: right;
		width: 590px;
}
h2#pagetitle {
    clear: both;
		width: 570px;
		height: 75px;
    margin: 0px;
		margin-left: 5px;
		padding: 0px;
		padding-left: 10px;
		background-image: url(../images/page_title.jpg);
    background-repeat: no-repeat;
    background-position: left top;
		line-height: 25px;
		font-size: 12pt;
		font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
		color: #002d70;
		letter-spacing: 2px;
}
div#content {
    clear: both;
		width: 570px;
		margin-top: 10px;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 20px;
		background-color: #ffffff;
		background-image: url(../images/wave_upper.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
div#footmenu {
    width: 580px;
		height: 50px;
		padding-top: 20px;
		background-color: #ffffff;
		background-image: url(../images/wave_lower.gif);
    background-repeat: no-repeat;
    background-position: left 50px;
		text-align: center;
}

/* For Print */

@media print {
div#sidebar {
		display: none;
}
div#main {
    clear: both;
}
}


/* side bar */

ul#menu {
    clear: both;
		margin: 0px;
		padding: 0px;
		padding-top: 25px;
		background-image: url(../images/menu_title.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
* html ul#menu {
    padding-top: 35px;
}
ul#menu li {
    height: 30px;
    margin-top: 10px;
		list-style: none;
		line-height: 30px;
}
ul#menu li a {
    display: block;
		height: 30px;
    background-repeat: no-repeat;
    background-position: left top;
	  text-indent: -9999px;
	  overflow: hidden;
}
 /* menu top */
ul#menu li.menutop a:link, ul#menu li.menutop a:visited { background-image: url(../images/menu_top.gif); }
ul#menu li.menutop a:hover, ul#menu li.menutop a:active { background-image: url(../images/menu_top_over.gif); }
ul#menu li.menutop_current a:link, ul#menu li.menutop_current a:visited { background-image: url(../images/menu_top_over.gif); }
ul#menu li.menutop_current a:hover, ul#menu li.menutop_current a:active { background-image: url(../images/menu_top_over.gif); }
 /* menu lodging */
ul#menu li.menulodging a:link, ul#menu li.menulodging a:visited { background-image: url(../images/menu_lodging.gif); }
ul#menu li.menulodging a:hover, ul#menu li.menulodging a:active { background-image: url(../images/menu_lodging_over.gif); }
ul#menu li.menulodging_current a:link, ul#menu li.menulodging_current a:visited { background-image: url(../images/menu_lodging_over.gif); }
ul#menu li.menulodging_current a:hover, ul#menu li.menulodging_current a:active { background-image: url(../images/menu_lodging_over.gif); }
 /* menu dish */
ul#menu li.menudish a:link, ul#menu li.menudish a:visited { background-image: url(../images/menu_dish.gif); }
ul#menu li.menudish a:hover, ul#menu li.menudish a:active { background-image: url(../images/menu_dish_over.gif); }
ul#menu li.menudish_current a:link, ul#menu li.menudish_current a:visited { background-image: url(../images/menu_dish_over.gif); }
ul#menu li.menudish_current a:hover, ul#menu li.menudish_current a:active { background-image: url(../images/menu_dish_over.gif); }
 /* menu reserve */
ul#menu li.menureserve a:link, ul#menu li.menureserve a:visited { background-image: url(../images/menu_reserve.gif); }
ul#menu li.menureserve a:hover, ul#menu li.menureserve a:active { background-image: url(../images/menu_reserve_over.gif); }
ul#menu li.menureserve_current a:link, ul#menu li.menureserve_current a:visited { background-image: url(../images/menu_reserve_over.gif); }
ul#menu li.menureserve_current a:hover, ul#menu li.menureserve_current a:active { background-image: url(../images/menu_reserve_over.gif); }
 /* menu access */
ul#menu li.menuaccess a:link, ul#menu li.menuaccess a:visited { background-image: url(../images/menu_access.gif); }
ul#menu li.menuaccess a:hover, ul#menu li.menuaccess a:active { background-image: url(../images/menu_access_over.gif); }
ul#menu li.menuaccess_current a:link, ul#menu li.menuaccess_current a:visited { background-image: url(../images/menu_access_over.gif); }
ul#menu li.menuaccess_current a:hover, ul#menu li.menuaccess_current a:active { background-image: url(../images/menu_access_over.gif); }
 /* menu about */
ul#menu li.menuabout a:link, ul#menu li.menuabout a:visited { background-image: url(../images/menu_about.gif); }
ul#menu li.menuabout a:hover, ul#menu li.menuabout a:active { background-image: url(../images/menu_about_over.gif); }
ul#menu li.menuabout_current a:link, ul#menu li.menuabout_current a:visited { background-image: url(../images/menu_about_over.gif); }
ul#menu li.menuabout_current a:hover, ul#menu li.menuabout_current a:active { background-image: url(../images/menu_about_over.gif); }
 /* menu inquiry */
ul#menu li.menuinquiry a:link, ul#menu li.menuinquiry a:visited { background-image: url(../images/menu_inquiry.gif); }
ul#menu li.menuinquiry a:hover, ul#menu li.menuinquiry a:active { background-image: url(../images/menu_inquiry_over.gif); }
ul#menu li.menuinquiry_current a:link, ul#menu li.menuinquiry_current a:visited { background-image: url(../images/menu_inquiry_over.gif); }
ul#menu li.menuinquiry_current a:hover, ul#menu li.menuinquiry_current a:active { background-image: url(../images/menu_inquiry_over.gif); }
 /* menu sightseeing */
ul#menu li.menusightseeing a:link, ul#menu li.menusightseeing a:visited { background-image: url(../images/menu_sightseeing.gif); }
ul#menu li.menusightseeing a:hover, ul#menu li.menusightseeing a:active { background-image: url(../images/menu_sightseeing_over.gif); }
ul#menu li.menusightseeing_current a:link, ul#menu li.menusightseeing_current a:visited { background-image: url(../images/menu_sightseeing_over.gif); }
ul#menu li.menusightseeing_current a:hover, ul#menu li.menusightseeing_current a:active { background-image: url(../images/menu_sightseeing_over.gif); }


div#membermenuhead {
    clear: both;
		width: 180px;
		padding-top: 48px;
		background-image: url(../images/member_menu_head.gif);
    background-repeat: no-repeat;
    background-position: top;
		text-align: right;
}
div#membermenu {
    margin-top: 5px;
		padding: 10px;
    border: 2px solid #035200;
		background-color: #FFFFFF;
}
div#membermenu ul {
    margin: 0px;
		padding: 0px;
}
div#membermenu ul li {
    margin: 0px;
		padding: 0px;
		padding-left: 30px;
		background-image: url(../images/book_mark.gif);
    background-repeat: no-repeat;
    background-position: left;
		list-style-type: none;
		line-height: 20px;
		font-weight: bold;
}
div#membermenu ul li.current {
		background-image: url(../images/book_mark_over.gif);
}

div#sidecategory {
    margin-top: 5px;
		padding: 10px;
    border: 1px dotted #035200;
		background-color: #FFFFFF;
}
div#sidecategory div {
    margin-bottom: 20px;
    background-color: #035200;
		color: #ffffff;
		line-height: 25px;
		font-weight: bold;
		text-align: center;
}
div#sidecategory ul {
    margin: 0px;
		padding: 0px;
}
div#sidecategory ul a:link {
    text-decoration: none;
		color: #666666;
}
div#sidecategory ul a:visited {
    text-decoration: none;
		color: #666666;
}
div#sidecategory ul a:hover {
    text-decoration: underline;
}
div#sidecategory ul a:active {
    text-decoration: underline;
}



/* footer */

div#footer {
    clear: both;
    width: 800px;
		margin-top: 10px;
}




div.leftcol {
    float: left;
		width: 275px;
		padding-right: 5px;
		border-right: dashed 3px #f3eff0;
}
div.rightcol {
    float: right;
		width: 275px;
		padding-right: 5px;
}



/* page top */
div#page_top {
}
div#page_top div#mainflash {
    clear: both;
		width: 550px;
		margin-top: 20px;
		margin-left: 5px;
    padding: 5px;
		background-color: #002d70;
		text-align: center;
}

/* page dish */
div#page_dish {
}
div#page_dish ul#menulist {
    margin: 0px;
		margin-top: 10px;
    margin-left: 35px;
		padding: 0px;
}
div#page_dish ul#menulist li {
    font-size: 10pt;
    line-height: 25px;
    list-style: disc;
}
div#page_dish ul#optionlist {
    margin: 0px;
    margin-top: 10px;
    margin-left: 20px;
		padding: 0px;
}
div#page_dish ul#optionlist li {
    font-size: 10pt;
    line-height: 25px;
    list-style: square;
}


/* page lodging */
div#page_lodging {
}

/* page reserve */
div#page_reserve {
}

/* page access */
div#page_access {
}

/* page sightseeing */
div#page_sightseeing {
}