/*________________RESET________________*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,img { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/*________________TYPE________________*/
body {
	font: 87.5% "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
	color:#333;
}
strong, b { font-weight:bold; }
em, i { font-style:normal; }
.red { color:#FF0000;}

/*________________LAYOUT________________*/
#container {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 5px;
}

/*________________HEADER________________*/
#header {
	height: 70px;
}
#header .wrapper {
	position: relative;
	height: 100%;
	width: 100%;
}
#logo {
	height: 36px;
	width: 373px;
	overflow:hidden;
	position: absolute;
	left: 68px;
	top: 17px;
}
#logo a {
	display: block;
	height: 0px !important;
	height/**/:36px;
	padding-top: 36px;
	background: url(../images/logo.gif) no-repeat left top;
}

/*GLOVALNAV*/
#globalnav {
	height: 69px;
	width: 450px;
	position: absolute;
	top: 0px;
	right: 0px;
}
#globalnav dt {
	display: none;
}
#globalnav li {
	float: left;
	height:69px;
	overflow:hidden;
	width:150px;
}
#globalnav li a {
	display: block;
	height: 0px !important;
	height/**/:69px;
	padding-top: 69px;
	background: url(../images/nav_global2.jpg) no-repeat;
}

/*BUTTON*/
#globalnav .item1 a {background-position:    0px 0px;}
#globalnav .item2 a {background-position: -150px 0px;}
#globalnav .item3 a {background-position: -300px 0px;}

/*OVER STATES*/
#globalnav .item1 a:hover {background-position:    0px -70px;}
#globalnav .item2 a:hover {background-position: -150px -70px;}
#globalnav .item3 a:hover {background-position: -300px -70px;}

/*ON STATES*/
#globalnav .item1 a.on {background-position:    0px -70px;}
#globalnav .item2 a.on {background-position: -150px -70px;}
#globalnav .item3 a.on {background-position: -300px -70px;}


/*________________FOOTER________________*/
#footer {
	text-align: center;
	clear: both;
	padding-top: 30px;
	padding-bottom: 20px;
}
#footer #pagetop {
	clear: left;
	width: 93px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	height: 37px;
}
#footer #pagetop a {
	width: 100%;
	display: block;
	height: 0px !important;
	height/**/:37px;
	padding-top: 37px;
	background: url(../images/logo_small.gif) no-repeat left top;
}
#footer p {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 86%;
	clear: left;
}
#footer #footnav a {
	color: #333333;
}

/*________________MAIN_PARTS________________*/
#main {
	overflow: auto;
	padding-right: 1px;
	padding-left: 1px;
}
#main p { 
	line-height:2.0;
	margin-bottom: 1em;
}
h2 {
	font-size: 170%;
	color: #000099;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 30px;
}
h3 {
	font-size: 120%;
	margin-bottom: 20px;
	color: #666666;
	background: url(../images/back_title.gif) repeat-x left bottom;
	padding: 5px 5px 5px 10px;
	clear: both;
}
.section {
	clear: both;
	overflow: auto;
	margin: 10px 10px 30px;
}
.section dl {
	text-align: center;
}
.section dt.images {
	margin-bottom:10px;
}
.section dt.images img {
	margin: 9px;
}
.section dd {
	line-height: 1.5;
	color: #666666;
}
.section dd.text {
	line-height: 2;
	text-align:left;
	color: #333333;
}
img.photo {
	border: 1px solid #999999;
}
.float_left {
	margin-right: 15px;
	margin-bottom: 15px;
	float: left;
}
.page_top {
	text-align: right;
}
.allow_bottom {
	height:30px;
	background: url(../images/arrow.png) no-repeat center bottom;
}
.link_external {
	background: url(../images/link_external.png) no-repeat right center;
	padding-right: 12px;
}
.look {
	width: 45px;
	height: 20px;
	overflow: hidden;
}
.look a {
	width: 100%;
	display: block;
	height: 0px !important;
	height/**/:20px;
	padding-top: 20px;
	background: url(../images/look.gif) no-repeat;
}
.look a:link    {background-position:      0px 0px;}
.look a:visited {background-position:    -45px 0px;}
.look a:hover   {background-position:    -90px 0px;}
.index {
	margin-bottom: 40px;
	width: 530px;
	margin-right: auto;
	margin-left: auto;
}
.index li {
	padding-top: 20px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #CCCCCC;
}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.index dt {
	float: left;
	background: url(../images/list_blue.gif) no-repeat left center;
	padding-left: 25px;
}
.index dd {
	float: left;
	margin-left: 4em;
}

/*________________TOP________________*/
#top #container {
	background: url(../images/back_top.jpg) no-repeat left top;
}
#top #main {
	padding-left: 340px;
	margin-top: 30px;
}
#top #top_image {
	background: url(../images/0800-0040-03.jpg) no-repeat center center;
	height: 555px;
	width: 400px;
	float: right;
	margin-top: 40px;
}
#top #welcome {
	background: url(../images/top_welcome.gif) no-repeat left top;
	width: 434px;
	font-size: 1px;
	text-indent: -9000px;
	height: 130px;
	margin-left: 50px;
	margin-top: 20px;
}
#top #pickup {
	margin-top: 50px;
	margin-bottom: 50px;
}
#top #pickup dl {
	text-align: center;
}
#top #pickup dt {
	margin-bottom: 10px;
}

#top #pickup h2, #top #news h2 {
	font-size: 1px;
	text-indent: -9000px;
	height: 28px;
	margin-bottom: 15px;
}
#top #pickup h2 {
	background: url(../images/top_pickup.gif) no-repeat left top;
}
#top #news h2 {
	background: url(../images/top_news.gif) no-repeat left top;
}
#top #news ul {
	width: 500px;
	margin-left: 10px;
}
#top #news li {
	margin-left: 7em;
	text-indent: -7em;
	margin-top: 10px;
	margin-bottom: 1em;
	line-height: 170%;
}
#top #news span {
	color: #666666;
	margin-right: 1em;
}
#about_index #main {
	background: url(../images/back_about.jpg) no-repeat center top;
}

/*________________ABOUT________________*/
.about #main {
	padding-right: 120px;
	padding-left: 120px;
}
.about .index dt {
	width: 7em;
}
.about .index .line2 {
	width: 22em;
}


/*________________ROOM________________*/
.room #main {
	padding-right: 120px;
	padding-left: 120px;
}
#room_index #main {
	background: url(../images/back_room.jpg) no-repeat center top;
}
#room_index .index dt {
	width: 6em;
}
#room_index .index .line2 {
	width: 20em;
}
#room_index  .section {
	width: 530px;
	margin-right: auto;
	margin-left: auto;
}
#page-nav {
	margin-bottom: 20px;
}
#page-nav dt {
	display: none;
}
#page-nav dd {
	text-align: center;
}
#page-nav a {
	margin-top: 5px;
	margin-left: 5px;
}

#cooking .section {
	line-height: 2.0;
	border-top: 1px dotted #999999;
	padding-top: 30px;
	padding-right: 10px;
	padding-left: 10px;
}
#cooking .section .time {
	text-align: right;
	margin-bottom: 10px;
}
#cooking .section .caption {
	padding-left: 10px;
	margin-bottom: 10px;
}
#cooking .section .menu h3 {
	margin-bottom: 10px;
}
#cooking .section .ingredients {
	margin-bottom: 10px;
	padding-left: 3em;
	text-indent: -3em;
}
#cooking .section .note {
	margin-bottom: 10px;
	padding-left: 2em;
	text-indent: -2em;
}
#cooking .section .order {
	margin-bottom: 10px;
	background: #F3F3FA;
	padding: 10px;
}
#cooking .section .order ol {
	margin-left: 2em;
}
#cooking .section .order li {
	list-style: decimal outside;
}
#cooking b {
	font-weight: normal;
	color: #FF0000;
}
#gallery_index #main {
	background: url(../images/back_gallery.jpg) no-repeat center top;
}
#gallery_index .index dt {
	width: 4em;
}
.gallery table {
	margin-right: auto;
	margin-left: auto;
	width: 900px;
	line-height: 150%;
	font-size: 86%;
}
.gallery table th, .gallery table td {
	border: 1px solid #333333;
	padding: 10px;
}
.gallery table th {
	text-align: center;
	background: url(../images/back_body.gif) repeat-x left top;
}
.gallery table .line1 {
	width: 56px;
}
.gallery table .line2 {
}
.gallery table .line3 {
}
.gallery table .line4 {
	text-align: center;
	width: 30px;
}
.gallery table .line5 {
	width: 250px;
}
.gallery table .line5 img {
	vertical-align: bottom;
}
.gallery table .line6 {
	width: 100px;
}
.gallery table .line7 {
	text-align: center;
	width: 45px;
}

/*________________OTHER________________*/
.other #main {
	padding-right: 120px;
	padding-left: 120px;
}
#link #main {
	background: url(../images/back_link.jpg) no-repeat right center;
}
#link #main li {
	padding-top: 10px;
	padding-bottom: 10px;
}
#link #main li dt {
	background: url(../images/list_blue.gif) no-repeat left center;
	padding-left: 25px;
}
#link #main li dd {
	margin-top: 10px;
	margin-left: 35px;
}
#sitemap #main {
	background: url(../images/back_sitemap.jpg) no-repeat center top;
	padding-bottom: 50px;
}
#sitemap #main ul {
	margin-left: 100px;
}
#sitemap #main ul li {
	padding-top: 20px;
	padding-bottom: 20px;
	clear: left;
}
#sitemap #main ul li a {
	background: url(../images/list_black.gif) no-repeat left center;
	padding-left: 25px;
	color: #333333;
}
#sitemap #main ul ul {
	margin-left: 50px;
	overflow: auto;
}
#sitemap #main ul ul li {
	float: left;
	width: 33%;
	padding-bottom: 10px;
	clear: none;
}
#mail #main {
	padding-bottom: 50px;
	background: url(../images/back_mail.jpg) no-repeat center center;
}
#mail table {
	font-size: 100%;
	margin: 1em auto;
}
#mail th, #mail td {
	border: 1px solid #CCCCCC;
}
#mail th, #mail td {
	font-weight: normal;
	padding: 0.3em 1em;
	line-height: 170%;
}
#mail th {
	background-color: #F6F2FB;
}
#mail i {
	font-size: 87.5%;
	color: #CC3399;
	margin-left: 10px;
}
#mail .area {
	border: 1px solid #CCCCCC;
	padding: 2px;
	width:350px;
}
#mail p img {
	vertical-align: bottom;
}
#mail #category1 {
	margin-right: 5px;
}
#mail #category2, #mail #category3, #mail #category4{
	margin-right: 5px;
	margin-left: 15px;
}
#mail #button_set {
	text-align: center;
}

#mail #button_set input {
	margin-right: 20px;
	margin-left: 20px;
	text-align: center;
	width: 6em;
}
#mail #main p, #mailsend #main p {
	text-align: center;
}
#mailsend #main em {
	font-size: 120%;
}
#english #main {
	padding-right: 230px;
	padding-left: 230px;
	background: url(../images/back_english.jpg) no-repeat center top;
	padding-bottom: 50px;
}