@charset "Shift_JIS";
/*-----/CommonStyles/-----*/

/*/ AllStyles /*/
* {
	padding: 0;
	margin: 0;
}
/*--------------------*/
body {
background-image:url(../images/header_haikie.gif);
background-position:top;
background-repeat:repeat-x;
background-color:#0B0808;
color:#FFFFFF;
}

/*/ link /*/
a:link   {color:#751212;}
a:visited{color:#751212;}
a:hover  {color:#4C0404;} 
/*--------------------*/



/*/ SEOTEXT /*/
h1.seotext {
	display: none;
}
/*--------------------*/

/*/ table class="data"のデザインは下記で変更可能です/*/
table.data { /*テーブルのデザイン*/
	width: 500px; /*幅*/
	height: ; /*高さ*/
	border-collapse: collapse; /*ボーダー同士の隣接間隔*/
	border: 1px solid #000; /*ボーダー（線幅・線の種類・色）*/
	margin: 10px; /*マージン*/
}
table.data th { /*見出しのデザイン*/
	color: #fff;
	width: 200px; /*幅*/
	height: ; /*高さ*/
	text-align: ; /*横位置*/
	vertical-align: ; /*縦位置*/
	background-color: #666; /*背景色*/
	padding: 5px; /*パディング*/
	border: 1px solid #000; /*ボーダー*/
}
table.data td { /*セルのデザイン*/
	width: 300px; /*幅*/
	height: ; /*高さ*/
	text-align: ; /*横位置*/
	vertical-align: ; /*縦位置*/
	background-color: ; /*背景色*/
	padding: 5px; /*パディング*/
	border: 1px solid #000; /*ボーダー*/
}
/*--------------------*/

/*/ img /*/
img {
	border: none;
}
/*--------------------*/

/*/ form /*/
form {
	margin: 0;
}
/*--------------------*/

/*/ p /*/
p {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	margin-bottom: 1em;
}
/*--------------------*/

/*/ fontsize-xtra_large /*/
.large_x {
	font-size: 18px;
	line-height: 1.3em;
}
.large_x_nomargin {
	font-size: 18px;
	line-height: 1.3em;
	margin-bottom: 0;
}
.large_x_h {
	font-size: 18px;
	line-height: 1.5em;
}
.large_x_h_nomargin {
	font-size: 18px;
	line-height: 1.5em;
	margin-bottom: 0;
}
/*--------------------*/

/*/ fontsize-large /*/
.large {
	font-size: 16px;
	line-height: 1.3em;
}
.large_nomargin {
	font-size: 16px;
	line-height: 1.3em;
	margin-bottom: 0;
}
.large_h {
	font-size: 16px;
	line-height: 1.5em;
}
.large_h_nomargin {
	font-size: 16px;
	line-height: 1.5em;
	margin-bottom: 0;
}
/*--------------------*/

/*/ fontsize-midium /*/
.midium {
	font-size: 14px;
	line-height: 1.3em;
}
.midium_nomargin {
	font-size: 14px;
	line-height: 1.3em;
	margin-bottom: 0;
}
.midium_h {
	font-size: 14px;
	line-height: 1.5em;
}
.midium_h_nomargin {
	font-size: 14px;
	line-height: 1.5em;
	margin-bottom: 0;
}
/*--------------------*/

/*/ fontsize-small /*/
.small {
	font-size: 12px;
	line-height: 1.3em;
	letter-spacing: 1px;
}
.small_nomargin {
	font-size: 12px;
	line-height: 1.3em;
	letter-spacing: 1px;
	margin-bottom: 0;
}
.small_h {
	font-size: 12px;
	line-height: 1.5em;
	letter-spacing: 1px;
}
.small_h_nomargin {
	font-size: 12px;
	line-height: 1.5em;
	letter-spacing: 1px;
	margin-bottom: 0;
}
/*--------------------*/

/*/ fontsize-xtra_small /*/
.small_x {
	font-size: 10px;
	line-height: 1.3em;
}
.small_x_nomargin {
	font-size: 10px;
	line-height: 1.3em;
	margin-bottom: 0;
}
.small_x_h {
	font-size: 10px;
	line-height: 1.5em;
	letter-spacing: 1px;
}
.small_x_h_nomargin {
	font-size: 10px;
	line-height: 1.5em;
	letter-spacing: 1px;
	margin-bottom: 0;
}
/*--------------------*/

/*/ fontsize_for_img_caption /*/
.caption_l {
	font-size: 12px;
	margin-top: 5px;
	letter-spacing: 1px;
	line-height: 1em;
}
.caption_s {
	font-size: 10px;
	margin-top: 5px;
	line-height: 1em;
	letter-spacing: 1px;
}
/*--------------------*/

/*/ fontsize_for_img_caption_center /*/
.caption_l_center {
	font-size: 12px;
	margin-top: 5px;
	letter-spacing: 1px;
	line-height: 1em;
	text-align: center;
}
.caption_s_center {
	font-size: 10px;
	margin-top: 5px;
	line-height: 1em;
	letter-spacing: 1px;
	text-align: center;
}
/*--------------------*/

/*/ fontsize_for_img_caption_right /*/
.caption_l_right {
	font-size: 12px;
	margin-top: 5px;
	letter-spacing: 1px;
	line-height: 1em;
	text-align: right;
}

.caption_s_right {
	font-size: 10px;
	margin-top: 5px;
	line-height: 1em;
	letter-spacing: 1px;
	text-align: right;
}
/*--------------------*/

/*------------------トップページ--*/
#catch {
display: block;
width: 476px;
height:113px;
text-indent: -9999px;
overflow: hidden;
background-image: url(../images/catch.jpg);
background-position: top;
background-repeat:no-repeat;
padding: 0;
border: 0;
}

#bn_ryokan a{
display: block;
width: 243px;
height:91px;
text-indent: -9999px;
overflow: hidden;
background-position: top;
background-repeat:no-repeat;
padding: 0;
border: 0;
}

#bn_kankou a{
display: block;
width: 233px;
height:91px;
text-indent: -9999px;
overflow: hidden;
background-position: top;
background-repeat:no-repeat;
padding: 0;
border: 0;
}


/*------------------ヘッダーメニュー--*/

#header_logo a{
display: block;
width: 168px;
height:73px;
text-indent: -9999px;
overflow: hidden;
background-position: top;
background-repeat:no-repeat;
padding: 0;
border: 0;
}

#submenu1 a{
display: block;
width: 71px;
height:33px;
text-indent: -9999px;
overflow: hidden;
background-position: top;
background-repeat:no-repeat;
padding: 0;
border: 0;
}


#submenu2 a{
display: block;
width: 71px;
height:33px;
text-indent: -9999px;
overflow: hidden;
background-position: top;
background-repeat:no-repeat;
padding: 0;
border: 0;
}

#submenu3 a{
display: block;
width: 56px;
height:33p;
text-indent: -9999px;
overflow: hidden;
background-position: top;
background-repeat:no-repeat;
padding: 0;
border: 0;
}

#submenu4 a{
display: block;
height:33px;
width: 71px;
text-indent: -9999px;
overflow: hidden;
background-position: top;
background-repeat:no-repeat;
padding: 0;
border: 0;
}



/*------------------メニュー--*/

/*---------/熱海温泉/-----*/

#menu1 a {
display: block;
width: 105px;
height: 41px;
text-indent: -9999px;
overflow: hidden;
background-image: url(../buttons/menu1.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#menu1 a:hover {
background-image: url(../buttons/menu1.gif);
background-position: 0px -41px;
}

/*---------/観光スポット/-----*/

#menu2 a {
display: block;
width: 106px;
height: 41px;
text-indent: -9999px;
overflow: hidden;
background-image: url(../buttons/menu1.gif);
background-repeat: no-repeat;
background-position: -105px 0px;
}
#menu2 a:hover {
background-image: url(../buttons/menu1.gif);
background-position: -105px -41px;
}

/*---------/日本旅館のすすめ/-----*/

#menu3 a {
display: block;
width: 108px;
height: 41px;
text-indent: -9999px;
overflow: hidden;
background-image: url(../buttons/menu1.gif);
background-repeat: no-repeat;
background-position: -211px 0px;
}
#menu3 a:hover {
background-image: url(../buttons/menu1.gif);
background-position: -211px -41px;
}

/*---------/旅館一覧/-----*/

#menu4 a {
display: block;
width: 102px;
height: 41px;
text-indent: -9999px;
overflow: hidden;
background-image: url(../buttons/menu1.gif);
background-repeat: no-repeat;
background-position: -319px 0px;
}
#menu4 a:hover {
background-image: url(../buttons/menu1.gif);
background-position: -319px -41px;
}

/*---------/交通案内/-----*/

#menu5 a {
display: block;
width: 69px;
height: 41px;
text-indent: -9999px;
overflow: hidden;
background-image: url(../buttons/menu1.gif);
background-repeat: no-repeat;
background-position: -421px 0px;
}
#menu5 a:hover {
background-image: url(../buttons/menu1.gif);
background-position: -421px -41px;
}

/*------------------メニュー内部--*/

/*---------/内部:熱海温泉/-----*/

#menu1n a {
display: block;
width: 123px;
height: 41px;
text-indent: -9999px;
overflow: hidden;
background-image: url(../buttons/menu_n.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#menu1n a:hover {
background-image: url(../buttons/menu_n.gif);
background-position: 0px -41px;
}

/*---------/内部:観光スポット/-----*/

#menu2n a {
display: block;
width: 133px;
height: 41px;
text-indent: -9999px;
overflow: hidden;
background-image: url(../buttons/menu_n.gif);
background-repeat: no-repeat;
background-position: -123px 0px;
}
#menu2n a:hover {
background-image: url(../buttons/menu_n.gif);
background-position: -123px -41px;
}

/*---------/内部:日本旅館のすすめ/-----*/

#menu3n a {
display: block;
width: 139px;
height: 41px;
text-indent: -9999px;
overflow: hidden;
background-image: url(../buttons/menu_n.gif);
background-repeat: no-repeat;
background-position: -256px 0px;
}
#menu3n a:hover {
background-image: url(../buttons/menu_n.gif);
background-position: -256px -41px;
}

/*---------/内部:旅館一覧/-----*/

#menu4n a {
display: block;
width: 130px;
height: 41px;
text-indent: -9999px;
overflow: hidden;
background-image: url(../buttons/menu_n.gif);
background-repeat: no-repeat;
background-position: -395px 0px;
}
#menu4n a:hover {
background-image: url(../buttons/menu_n.gif);
background-position: -395px -41px;
}

/*---------/内部:交通案内/-----*/

#menu5n a {
display: block;
width: 98px;
height: 41px;
text-indent: -9999px;
overflow: hidden;
background-image: url(../buttons/menu_n.gif);
background-repeat: no-repeat;
background-position: -525px 0px;
}
#menu5n a:hover {
background-image: url(../buttons/menu_n.gif);
background-position: -525px -41px;
}

/*---------/内部:HOME/-----*/

#menu6n a {
display: block;
width: 93px;
height: 41px;
text-indent: -9999px;
overflow: hidden;
background-image: url(../buttons/menu_n.gif);
background-repeat: no-repeat;
background-position: 623px 0px;
}
#menu6n a:hover {
background-image: url(../buttons/menu_n.gif);
background-position: -623px -41px;
}

/*---------/フッター文字/-----*/
.footer {
font-size:12px;
color:#906E6E;
margin: 0 0 5px 27px;
}

.footer_n {
font-size:12px;
color:#D5C3C3;
margin: 30px 0 5px 27px;
}

.flash {
font-size:10px;
color:#D5C3C3;
margin: 15px 0 0 27px;
padding: 0;
}

.footer_top {
font-size:12px;
color:#906E6E;
margin: 0 0 0 27px;
padding: 0;
}

/*---------/文字/-----*/


.nomal_text {
font-size:12px;
color:#4B1D17;
line-height: 1.5em;
letter-spacing: 1px;
margin: 10px 10px 5px 22px;
}

.catch_nomal_text {
font-size:12px;
color:#4B1D17;
line-height: 1.5em;
letter-spacing: 1px;
margin: 90px 10px 5px 22px;
}

.nomal_text_0 {
font-size:12px;
color:#4B1D17;
line-height: 1.5em;
letter-spacing: 1px;
}

.nomal_text_hyo {
font-size:12px;
color:#4B1D17;
line-height: 1.5em;
letter-spacing: 1px;
margin:5px 5px 5px 10px;
}

.text_red {
font-size:12px;
color:#BF3232;
line-height: 1.5em;
letter-spacing: 1px;
}

.text_white {
font-size:12px;
color:#ffffff;
line-height: 1.5em;
letter-spacing: 1px;
}

.list_title {
font-size:12px;
color:#ffffff;
line-height: 1.0em;
letter-spacing: 0.8px;
margin:0px 0 0 5px;
padding: 0;
}

.nomal_text_sigt {
font-size:12px;
margin-bottom:0;
color:#4B1D17;
line-height: 1.5em;
letter-spacing: 1px;
}

/*------------------横サイズ--*/
.header_size {
margin-left:14px;
}

/*------------------縦サイズ--*/
.margin_t90 {
margin-top:90px;
}

.margin10 {
padding: 0;
border: 0;
margin: 10px 0;
}

.margin20 {
padding: 0;
border: 0;
margin: 20px 0;
}

.margin_t10 {
padding: 0;
border: 0;
margin-top: 10px;
}

.margin_t20 {
padding: 0;
border: 0;
margin-top: 20px;
}

.margin_t30 {
padding: 0;
border: 0;
margin-top: 30px;
}

.margin_t40 {
padding: 0;
border: 0;
margin-top: 40px;
}