@charset "EUC-JP";


* {
	margin: 0;padding: 0;
	line-height: 140%;
	word-break: break-all ;
	word-wrap: break-word ;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
img {border:0;}

textarea,
input {
	background-color: #F9F9F9;
	font: normal normal normal 100%/1.5 "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, Osaka, verdana ,arial ,sans-serif;
}

/* basic */

/* ボディ（部分的に[HG]） */
body {
	color: #333;
	background:#10441F;
	text-align:center;
	font-size: 100%;
	font: normal normal normal 100%/1.5 "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, Osaka, verdana ,arial ,sans-serif;
	margin: 0px; padding: 0px;
} 

/* 全体を囲う箱 */

#inbox {
 width:750px; 
color:#FFF; 
text-align:left; 
margin:0 auto; 
padding:0; 
position:relative; 
border-left:1px solid #49633F; 
border-right:1px solid #49633F; 
}

/* リンク関連 

A                {color:#FFF; }
A:link           { color: #FFF; }
A:link:hover     {  color:#F7AF3D; }
A:link:active    { color:#F7AF3D; }
A:visited        { color: #FFF; }
A:visited:hover  {  color:#F7AF3D; }

h2,h3,h4 {
	margin: 0px;
	padding-left: 5px;
	font-weight: bold;
	font-size: 80%;
	text-align: left;
	border-bottom: 1px solid #999;
}

pre		{ display: block; }

em {
	font-style: normal;
	font-weight: normal;
	border-bottom: 3px double #993333;
}
strong		{ font-weight: bold; }
blockquote {
	margin: 10px;
	padding: 5px 7px;
	color: #9D7A55;
	border: 1px solid #E2C19E;
	font-size: 90%;
}

blockquote p {
	padding: 0px;
	margin: 0px;
	font-style: italic;
}

p.source {
	margin: 0px 20px 1em 20px;
	padding: 0px;
	font-size: 90%;
	text-align: right;
}

q {
	color: #669;
	font-style: italic;
}

cite		{ font-style: normal; }
dl dd		{ padding-left: 2em; }
del		{ color:#aaa;text-decoration: line-through; }
ins		{ text-decoration:none;border-bottom: 1px dashed #993333; }

/* images */
img.pict	{ }

/* title */
div.title {
 height:88px; margin-bottom:90px;
}


/* footer */
div.footer {
clear:both; 
padding:0 0 0 0; 
margin:0; 
}

div.footer address	{
font-style:normal; 
font-size:80%; 
line-height:1.5em; 
}

div.footer p#link2top {
	text-align: right;
}

/* main */
div.contents {
	width: 530px;
	float: left;
	clear: left;
	margin:10px 0px;
*margin:0 0 10px 0;
display:inline;
}

div.page {
	font-size : 90%;
	text-align: center;
}

div.page a { text-decoration: none; color:#F7AF3D; }

div.body hr {
	clear: both;
	height: 1px;
	margin: 0px auto;
	padding: 0px;
	color: #fff;
	border-style: none;
	border-top: 1px solid #666;
}

/* entry */
div.entry {
	margin: 10px 0px 10px 0px;
	padding: 0px 0 0px 10px;
}
div.entry h2 A { 
color:#10441F; 
font-size:14px; 
background:url(http://www.hashidate-bay-hotel.com/common/blog_ber.gif) no-repeat 0 0; 
padding-left:25px;
display:block;
height:28px;
line-height:28px;
margin-bottom:10px;
}

div.entry div.entry_author {
	margin: 0px;
	padding: 1px 5px;
	font-size: 80%;
	text-align: right;
}
div.entry div.entry_author A{ color:#FFF;}
div.entry div.entry_body {
	margin-top: 5px;
	padding: 15px 10px 5px;
	font-size: 90%;
}

div.entry div.entry_body A    { text-decoration: underline; color:#FFF;}

div.entry div.entry_more {
	margin: 0px 10px;
	padding: 5px 0px 15px;
	font-size: 90%;
}

div.entry div.entry_more A    { text-decoration: underline;color:#FFF; }

div.entry div.entry_state {
	margin: 0px;
	padding: 2px 10px 2px 10px;
	font-size: 90%;
	text-align: right;
}

div.entry div.entry_state a { text-decoration: underline; color:#FFF;}

div.entry div.entry_navi {
	margin: 0px;
	padding: 0px 10px 10px 10px;
	font-size: 90%;
	text-align: center;
}
div.entry div.entry_navi a {
	text-decoration: none;color:#FFF;
}
/* comment */
div.comment {
	margin: 10px 0px;
	padding: 0px 10px;
}

div.comment h3 {
	margin: 0px;
	padding-left: 5px;
	font-weight: bold;
	font-size: 18px;
	text-align: left;
	color: #FFF;
	background: #82ADAD;
}

div.comment h4 {
	margin-bottom: 10px;
	padding-left: 5px;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	color: #889;
	border-bottom: 1px solid #999;
}

div.comment form {
	margin: 10px 0px;
	padding: 0px;
}

div.comment form dl { font-size: 90%; }
div.comment form dl dt {
	display: block;
	clear: left;
	float: left;
	width: 8em;
	margin: 0px;
	padding: 0px;
	font-family: "Verdana",sans-serif;
	text-align: right;
}

div.comment form dl dt label#labelsubmit { display: none; }

div.comment form dl dd {
	margin: 0px 0px 0px 8.5em;
	padding: 0px;
}

div.comment dl.body {
	margin: 10px 0px;
	padding: 5px 10px 0px;
	line-height: 1.3em;
	font-size: 90%;
	border:1px solid #000;
}

div.comment dl.body dt {
	border-top: 1px dashed #999; 
	margin: 3px 0px;
	padding: 0px;
	font-size: 90%;
	text-align: right;
}

div.comment dl.body dd {
	margin: 0px;
	padding: 0px;
}


/* trackback */
div.trackback {
	margin: 10px 0px;
	padding: 0px 10px;
}

div.trackback h3 {
	margin: 0px;
	padding-left: 5px;
	font-weight: bold;
	font-size: 18px;
	text-align: left;
	color: #FFF;
	background: #82ADAD;
}

div.trackback p.link {
	text-align: right;
	font-size: 90%;
	padding: 2px 5px;
}

div.trackback dl.body {
	margin: 10px 0px;
	padding: 0px;
	line-height: 1.3em;
	font-size: 90%;
}

div.trackback dl.body dt {
	margin: 2px 3px 2px 10px;
	padding: 0px;
	text-align: right;
	border-top: 1px dashed #999; 
}

div.trackback dl.body dd {
	margin: 0px;
	padding: 0px 10px 0px 20px;
}

/* profile */
div.profile {
	margin: 10px 0px 10px 0px;
	padding: 0px 10px 0px 10px;
}

div.profile div.profile_body {
	margin: 0px;
	padding: 15px 20px 5px 20px;
	font-size: 100%;
	line-height: 1.4em;
	color: #445;
}

/* navigation */
div.navigation {
	border-left: 1px solid #A99D86;
	margin-left: 550px;
	padding: 8px;
}

/* links */
div.navigation dl {
	margin: 10px 0px;
	padding: 0px;
}

div.navigation dl dt {
	margin: 0px;
	padding: 2px 3px 2px 20px;
	font-weight: bold;
	font-family: "Verdana",sans-serif;
        background:url(http://www.hashidate-bay-hotel.com/common/b_2.gif) no-repeat 0 0.5em;
	font-size:85%;
}

div.navigation dl dd {
	margin: 0px;
	padding: 0px;
}

div.navigation dl dd ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

div.navigation dl dd ul li {
	display: block;
	margin: 0px;
	padding: 2px 0px 2px 5px;
	font-size: 80%;
	color: #FFF;
	border-bottom: 1px dashed #999;
}

div.navigation dl dd ul li li {
	border-top: 1px dashed #ccd;
	border-bottom: 0px none #fafaff;
}

div.navigation dl dd ul li a	{ text-decoration: none; color:#FFF; }
div.navigation dl dd ul li a:hover{ text-decoration: underline; color:#FFF; }
div.navigation dl.extra dt	{ font-family: "Verdana",sans-serif; }
div.navigation dl.extra ul {
	margin: 0px;
	padding: 3px 0px;
	list-style: none;
	text-align: center;
}

div.navigation dl.extra a {
	text-decoration: none;
}

div.navigation dl.extra li {
	padding: 0px;
	line-height: 1.3em;
	color: #668;
	border-bottom: 1px none #ccd;
}

div.navigation dl.search {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	text-align: center;
}

div.navigation dl.search dt { font-family: "Verdana",sans-serif; }


/* calendar */
div.navigation dl#calendar {}

div.navigation dl#calendar dd {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

div.navigation dl#calendar dd table {
	width: 170px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	border: 0px none;
	border-color: #ccc #333 #333 #ccc;
}

div.navigation dl#calendar dd table td.cell {
	padding: 1px;
	font-size: 10px;
	line-height: 170%;
	color: #FFF;
	text-align: center;
}

div.navigation dl#calendar dd table td.weekday {
	padding: 1px;
	font-family: mono-space;
	font-size: 10px;
	line-height: 170%;
	text-align: center;
color:#FFF;
}
div.navigation dl#calendar dd table td.weekday a { color:#FFF;}

div.navigation dl#calendar dd table td.cell a {
	margin: -1px;
	padding: 1px;
	text-decoration: none;
	font-weight: bold;
	display: block;
color:#F7AF3D;
}

div.navigation div#calendar table td.cell span.today {
	color: #b99;
}

div.navigation div#calendar table td.cell a span.today {
	font-weight: bold;
}

div.navigation dl#calendar dd td.calendar_month {
	font-size: 10px;
	text-align: center;
color:#FFF;
}

div.navigation dl#calendar dd td.calendar_month a {
	text-decoration: none;
        color:#FFF;
}

/* 続きを読む　の表示  */
div.continue {
	margin-top:10px;
	padding-top: 3px;
	font-weight:bold;
	border-top:1px dashed #333;
}

/* PBBS　の表示  */
div.navigation .pbbs {

	background:#EFE0C0;
	border: 1px solid #E2C19E;
	font-size: 90%;
	margin: 6px 0px 5px;
	height: 100px;
	overflow: auto;
}

.pbbsbody {
	margin: 3px;
	padding: 5px;
	border-bottom:1px dashed #333;
}

.foot1, .foot2 {
	text-align:right;
}

.pagenum {
	text-align:center;
}


/* 汎用メニューボックスの表示 */

div.navigation .linktitle {
	margin: 10px 0px 0px;
	padding: 2px 3px 0px;
	font-weight: bold;
	font-family: "Verdana",sans-serif;
	border-bottom: 1px solid #000;
	font-size:90%;
}


div.navigation .linktext {
	list-style: none;
	padding: 5px 0px 2px 5px;
	font-size: 90%;
	color: #668;
	border-bottom: 1px dashed #999;
}


div.title #logo{ margin:10px 0 0 25px; }

div.title ul li ,#nav li,#another_nav li { float:left; display:block;}
div.title ul li a ,#nav li a,#another_nav li a{ float:left; display:block; text-indent:-9999px;}

div#headbot { 
hegiht:150px;
margin-bottom:30px; 
clear:both;
color#10441F;
*margin-bottom:0px; 
}
div#headbot a { color:#10441F; }
h1 {font-size:10px;}
#another_nav { width:227px; position:absolute; top:10px; left:515px; height:32px;}
#another_nav li { height:32px;}
#n-korea { width:75px; background:url(http://www.hashidate-bay-hotel.com/common/another_nav.gif) no-repeat -152px 0 ; height:32px; }
#n-english { width:79px; background:url(http://www.hashidate-bay-hotel.com/common/another_nav.gif) no-repeat 0  0 ; height:32px; }
#n-chinese { width:73px; background:url(http://www.hashidate-bay-hotel.com/common/another_nav.gif) no-repeat -79px 0 ; height:32px;}
#sub_nav { width:350px; position:absolute; top:47px; left:390px; height:31px; clear:both; }
#n-question{ width:93px; background:url(http://www.hashidate-bay-hotel.com/common/sub_nav.gif) no-repeat 0 0 ; height:31px;}
#n-home{ width:63px; background:url(http://www.hashidate-bay-hotel.com/common/sub_nav.gif) no-repeat -87px 0  ; height:31px;}
#n-mobile { width:183px; background:url(http://www.hashidate-bay-hotel.com/common/sub_nav.gif) no-repeat -142px 0 ;height:31px;}


#nav{ position:absolute;top:88px; left:0; background:url(http://www.hashidate-bay-hotel.com/common/nav_base.gif) repeat-x ;height:46px; width:750px;padding:0;margin:0;}
#nav li { height:46px; }
#nav li a{ height:46px; }
#n-guidance { width:94px;background:url(http://www.hashidate-bay-hotel.com/common/nav.gif) no-repeat 0 0 ;}
#n-institution{ width:93px; background:url(http://www.hashidate-bay-hotel.com/common/nav.gif) no-repeat -94px 0 ;}
#n-guestroom{ width:94px;background:url(http://www.hashidate-bay-hotel.com/common/nav.gif) no-repeat -187px 0 ;}
#n-restaurant{ width:93px;background:url(http://www.hashidate-bay-hotel.com/common/nav.gif) no-repeat -281px 0 ;}
#n-relaxation{ width:94px;background:url(http://www.hashidate-bay-hotel.com/common/nav.gif) no-repeat -374px 0 ;}
#n-reservation{ width:94px;background:url(http://www.hashidate-bay-hotel.com/common/nav.gif) no-repeat -468px 0 ;}
#n-sightseeing{ width:93px; background:url(http://www.hashidate-bay-hotel.com/common/nav.gif) no-repeat -562px 0 ;}
#n-access { width:95px; background:url(http://www.hashidate-bay-hotel.com/common/nav.gif) no-repeat -655px 0 ;}
a:hover#n-guidance { background:url(http://www.hashidate-bay-hotel.com/common/nav.gif) no-repeat 0 -47px ;}
a:hover#n-institution{ background:url(http://www.hashidate-bay-hotel.com/common/nav.gif) no-repeat -94px -47px ;}
a:hover#n-guestroom{ background:url(http://www.hashidate-bay-hotel.com/common/nav.gif) no-repeat -187px -47px ; }
a:hover#n-restaurant{ background:url(http://www.hashidate-bay-hotel.com/common/nav.gif) no-repeat -281px -47px ;}
a:hover#n-relaxation{ background:url(http://www.hashidate-bay-hotel.com/common/nav.gif) no-repeat -374px -47px ;}
a:hover#n-reservation{ background:url(http://www.hashidate-bay-hotel.com/common/nav.gif) no-repeat -468px -47px ;}
a:hover#n-sightseeing{background:url(http://www.hashidate-bay-hotel.com/common/nav.gif) no-repeat -562px -47px ;}
a:hover#n-access{ background:url(http://www.hashidate-bay-hotel.com/common/nav.gif) no-repeat -655px -47px ;}

#footer ul { text-align:center; }
#footer ul.line { padding-top:20px; border-top:1px solid #49633F;}
#footer li { display:inline; margin:2px 0; border-left:1px solid #FFF; padding:0 8px ;font-size:12px; }
#footer li a { color:#FFF; text-decoration:under-line; }
#footer li.list_end { border-right:1px solid #FFF;}
#footer address { padding:10px; font-size:13px; text-align:center;  }
#footer p { text-align:center; color:#F9E9C8; }
p.pagetop{ text-align:right;  border-top:1px solid #49633F ; }
p.pagetop img { margin-right:0; }
#footer #copy {font-size:10px;}
hr.clear { width:1px ;clear:both; height:1px; border-color:#10441F;}
#room_nav,
#relax_nav,
#restaurant_nav,
#sightseeing_nav,
#reserve_nav,
#instirution_nav,
#layer_back { 
 position:absolute; 
 left:0; 
 top:133px; 
 width:750px; 
 height:30px; 
 text-align:center; 
 background:#10441F;
}
#room_nav li,
#relax_nav li,
#restaurant_nav li,
#sightseeing_nav li,
#reserve_nav li,
#instirution_nav li{ display:inline; padding:10px 10px ;font-size:12px; line-height:2.5em; letter-spacing:0.1em;  } 
#room_nav li a,
#relax_nav li a,
#restaurant_nav li a,
#sightseeing_nav li a ,
#reserve_nav li a,
#instirution_nav li a{ color:#FFF;line-height:2.5em;}

#sightseeing_nav li,#room_nav li { letter-spacing:0; padding:10px 4px ; }