﻿@charset "UTF-8";
/* ------------------------------------ */
/* 海のほてる　いさば共通スタイルシート */
/* ------------------------------------ */
/*------------------------------------------------------*/
/*全体指定　ここから*/
/* UTF-8によるフォントの見栄え対応 */
* {
	font-family: "ＭＳ Ｐゴシック", Osaka, Arial;
	margin: 0px;
	padding: 0px;
}
img {
	border-style: none;
}

body {
	background-image: URL(../img/all_body_bg.png);
}
ul, li {
	margin: 0px;
	padding: 0px;
}
em {
	font-style: normal;
}
/*全体指定　ここまで*/
/*------------------------------------------------------*/
/*------------------------------------------------------*/
/*コンテンツ領域　ここから*/
#Container {
	width: 802px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}
	/*HEADER領域　ここから*/
	#Header_Box {
		background-image: URL(../img/all_header_box_bg.png);
		background-repeat: no-repeat;
		width: 802px;
		height: 69px;
	}
	#Header_Box #Header {
		background-image: URL(../img/all_header_bg.png);
		background-repeat: no-repeat;
		width: 761px;
		height: 69px;
		margin-left: auto;
		margin-right: auto;
	}
		/*ロゴ挿入　ここから*/
		#Header_Box #Header h1 {
			width: 219px;
			height: 69px;
			color: #715b34;
			font-size: 10pt;
			float: left;
		}
			#Header_Box #Header h1 a {
				width: 219px;
				height: 69px;
				display: block;
				background-image: URL(../img/all_header_logo.png);
				background-repeat: no-repeat;
				text-decoration: none;
			}
				#Header_Box #Header h1 a span{
					width: 219px;
					height: 69px;
					line-height: 69px;
					font-size: 10pt;
					position: relative;
					z-index: -1;
				}
		/*ロゴ挿入　ここまで*/
		/*menu領域ここから*/
		#Header_Box  #Header #menu-block {
			float: right;
			width: 540px;
			/*background-color: red;*/
		}
			#Header_Box  #Header  #menu-block #menu-add{
				background-image: URL(../img/menu-add.png);
				bacvkground-repeat: no-repeat;
				width:265px;
				height: 38px;
				/*background-color: yellow;*/
				margin-left:auto;
				margin-right: 0px;
			}
				#Header_Box  #Header  #menu-block #menu-add p{
					display: inline;
					width:265px;
					height: 38px;
					font-size: 10pt;
					position: relative;
					z-index: -1;
				}
		#Header_Box  #Header #menu {
			/*padding-right: 5px;*/
			padding-top: 0px;
			margin-left:auto;
			margin-right: 0px;
			width: 533px;
		}
			#Header_Box  #Header #menu h2{
				float: left;
				font-size: 10pt;
			}
				/*menuオーバー設定　ここから*/
				#Header_Box  #Header #menu h2 .plus {
					background-position: left bottom!important;
				}
				/*menuオーバー設定　ここまで*/
				/*トップ設定　ここから*/
				#Header_Box  #Header #menu h2 .top {
					/*background-image: URL(../img/all_menu_01.png);*/
					background-image: URL(../img/newmenu-li01.png);
					background-repeat: no-repeat;
					background-position: left top;
					display: block;
					width: 55px;
					height: 28px;
				}
				#Header_Box  #Header #menu h2 .top:hover {
					background-position: left bottom;
				}
					#Header_Box  #Header #menu h2 .top span {
						display: block;
						width: 52px;
						height: 19px;
						overflow: hidden;
						position: relative;
						z-index: -1;
					}
				/*トップ設定　ここまで*/
				/*温泉設定　ここから*/
				#Header_Box  #Header #menu h2 .hotspa {
					/*background-image: URL(../img/all_menu_02.png);*/
					background-image: URL(../img/newmenu-li02.png);
					background-repeat: no-repeat;
					background-position: left top;
					display: block;
					width: 55px;
					height: 28px;
				}
				#Header_Box  #Header #menu h2 .hotspa:hover {
					background-position: left bottom;
				}
					#Header_Box  #Header #menu h2 .hotspa span {
						display: block;
						width: 50px;
						height: 19px;
						overflow: hidden;
						position: relative;
						z-index: -1;
					}
				/*温泉設定　ここまで*/
				/*お部屋設定　ここから*/
				#Header_Box  #Header #menu h2 .room {
					/*background-image: URL(../img/all_menu_03.png);*/
					background-image: URL(../img/newmenu-li03.png);
					background-repeat: no-repeat;
					background-position: left top;
					display: block;
					width: 65px;
					height: 28px;
				}
				#Header_Box  #Header #menu h2 .room:hover {
					background-position: left bottom;
				}
					#Header_Box  #Header #menu h2 .room span {
						display: block;
						width: 65px;
						height: 19px;
						overflow: hidden;
						position: relative;
						z-index: -1;
					}
				/*お部屋設定　ここまで*/
				/*お料理設定　ここから*/
				#Header_Box  #Header #menu h2 .food {
					/*background-image: URL(../img/all_menu_04.png);*/
					background-image: URL(../img/newmenu-li04.png);
					background-repeat: no-repeat;
					background-position: left top;
					display: block;
					width: 63px;
					height: 28px;
				}
				#Header_Box  #Header #menu h2 .food:hover {
					background-position: left bottom;
				}
					#Header_Box  #Header #menu h2 .food span {
						display: block;
						width: 62px;
						height: 19px;
						overflow: hidden;
						position: relative;
						z-index: -1;
					}
				/*お料理設定　ここまで*/
				/*施設設定　ここから*/
				#Header_Box  #Header #menu h2 .facilities {
					/*background-image: URL(../img/all_menu_05.png);*/
					background-image: URL(../img/newmenu-li05.png);
					background-repeat: no-repeat;
					background-position: left top;
					display: block;
					width: 55px;
					height: 28px;
				}
				#Header_Box  #Header #menu h2 .facilities:hover {
					background-position: left bottom;
				}
					#Header_Box  #Header #menu h2 .facilities span {
						display: block;
						width: 55px;
						height: 19px;
						overflow: hidden;
						position: relative;
						z-index: -1;
					}
				/*施設設定　ここまで*/
				/*交通設定　ここから*/
				#Header_Box  #Header #menu h2 .access {
					/*background-image: URL(../img/all_menu_06.png);*/
					background-image: URL(../img/newmenu-li06.png);
					background-repeat: no-repeat;
					background-position: left top;
					display: block;
					width: 55px;
					height: 28px;
				}
				#Header_Box  #Header #menu h2 .access:hover {
					background-position: left bottom;
				}
					#Header_Box  #Header #menu h2 .access span {
						display: block;
						width: 52px;
						height: 19px;
						overflow: hidden;
						position: relative;
						z-index: -1;
					}
				/*交通設定　ここまで*/
				/*観光設定　ここから*/
				#Header_Box  #Header #menu h2 .surrounding {
					/*background-image: URL(../img/all_menu_09.png);*/
					background-image: URL(../img/newmenu-li07.png);
					background-repeat: no-repeat;
					background-position: left top;
					display: block;
					width: 54px;
					height: 28px;
				}
				#Header_Box  #Header #menu h2 .surrounding:hover {
					background-position: left bottom;
				}
					#Header_Box  #Header #menu h2 .surrounding span {
						display: block;
						width: 57px;
						height: 19px;
						overflow: hidden;
						position: relative;
						z-index: -1;
					}
				/*観光設定　ここまで*/
				/*プラン設定　ここから*/
				#Header_Box  #Header #menu h2 .plan {
					/*background-image: URL(../img/all_menu_07.png);*/
					background-image: URL(../img/newmenu-li08.png);
					background-repeat: no-repeat;
					background-position: left top;
					display: block;
					width: 65px;
					height: 28px;
				}
				#Header_Box  #Header #menu h2 .plan:hover {
					background-position: left bottom;
				}
					#Header_Box  #Header #menu h2 .plan span {
						display: block;
						width: 51px;
						height: 19px;
						overflow: hidden;
						position: relative;
						z-index: -1;
					}
				/*プラン設定　ここまで*/
				/*ご予約設定　ここから*/
				#Header_Box  #Header #menu h2 .reservation {
					/*background-image: URL(../img/all_menu_08.png);*/
					background-image: URL(../img/newmenu-li09.png);
					background-repeat: no-repeat;
					background-position: left top;
					display: block;
					width: 62px;
					height: 28px;
				}
				#Header_Box  #Header #menu h2 .reservation:hover {
					background-position: left bottom;
				}
					#Header_Box  #Header #menu h2 .reservation span {
						display: block;
						width: 59px;
						height: 19px;
						overflow: hidden;
						position: relative;
						z-index: -1;
					}
				/*プラン設定　ここまで*/
		/*menu領域ここまで*/
	/*HEADER領域　ここまで*/
	/*CONTENTS領域　ここから*/
	#Contents_box {
		background-image: URL(../img/all_contents_area_box_bg.png);
		background-repeat: repeat-y;
		width: 802px;
	}
		#Contents_box #Contents {
			background-image: URL(../img/all_contents_area_bg.png);
			background-repeat: repeat-y;
			width: 761px;
			margin-left: auto;
			margin-right: auto;
		}
			/*FLASH領域　ここから*/
			#Contents_box #Contents #Contents_FlashMovie {
				width: 761px;
			}
			/*FLASHムービー各種高さ設定　ここから*/
			.contents_index {height: 346px;font-size:7pt;}
			.contents_hotspa {height: 442px;font-size:7pt;}
			.contents_room {height: 442px;font-size:7pt;}
			.contents_food {height: 442px;font-size:7pt;}
			.contents_facilities {height: 442px;font-size:7pt;}
			.contents_access {height: 442px;font-size:7pt;}
			.contents_surrounding {height: 535px;font-size:7pt;}
			.contents_plan {height: 442px;font-size:7pt;}
			.contents_reservation {height: 442px;font-size:7pt;}
			.contents_isabaclub {height: 347px;font-size:7pt;}
			
			/*FLASHムービー各種設定　ここまで*/
			/*FLASH領域　ここまで*/
		#Contents_box #Contents-second {
			background-image: URL(../img/all_news_box_title_bg.png);
			background-repeat: repeat-y;
			width: 761px;
			margin-left: auto;
			margin-right: auto;
		}
			/*更新情報欄領域　ここから*/
			#News_box_position {
				width: 761px;
				margin-left: auto;
				margin-right: auto;
			}
				/*更新情報タイトル欄領域　ここから*/
				#News_box_position #News_box_title {
					background-image: URL(../img/all_news_box_title_bg.png);
					background-repeat: no-repeat;
					width: 761px;
					height: 23px;
				}
					#News_box_position #News_box_title .news{
						background-image: URL(../img/all_news_box_title02_.png);
						background-repeat: no-repeat;
						background-position: center top;/*注意*/
						width: 151px;/*注意*/
						height: 21px;
						margin-right: 170px;/*注意*/
						font-size: 10pt;
						float: left;
					}
						#News_box_position #News_box_title .news span {
							position: relative;
							z-index: -1;
							overflow: hidden;
						}
					#News_box_position #News_box_title .all{
						/*background-image: URL(../img/all_news_box_title01_.png);*/
						background-image: URL(../img/all_news_box_title01_.gif);
						background-repeat: no-repeat;
						width: 54px;
						height: 21px;
						font-size: 10pt;
						float: left;
					}
						#News_box_position #News_box_title .all span {
							position: relative;
							z-index: -1;
							overflow: hidden;
						}
				/*更新情報タイトル欄領域　ここまで*/
				/*更新情報コンテンツ欄領域　ここから*/
				#News_box_position #News_box_contents {
					background-image: URL(../img/all_news_box_contents_bg.png);
					background-repeat: repeat-y;
					width: 761px;
					font-size: 10pt;
					color: #FFFFFF;
				}
					/*ホームページ更新情報コンテンツ欄領域　ここから*/
					#News_box_position #News_box_contents #HP_news {
						width: 307px;
						float: left;
						padding-top: 3px;
						padding-bottom: 3px;
						padding-left: 10px;
					}
						#News_box_position #News_box_contents #HP_news .news {
							padding-left: 10px;
							padding-bottom: 3px;
							
						}
							#News_box_position #News_box_contents #HP_news .news a{
								text-decoration: none;
								color: #FFFFFF;
							}
								#News_box_position #News_box_contents #HP_news .news a:hover{
									color: #BED8DC;
									font-weight: bold;
								}
					/*ホームページ更新情報コンテンツ欄領域　ここまで*/
					/*お知らせ更新情報コンテンツ欄領域　ここから*/
					#News_box_position #News_box_contents #ALL_news{
						width: 430px;
						float: left;
						padding-top: 5px;
						padding-bottom: 3px;
						padding-left: 10px;
					}
						#News_box_position #News_box_contents #ALL_news .news .news_image{
							float: left;
							width: 20px;
							text-align: right;
							
						}
						#News_box_position #News_box_contents #ALL_news .news p{
							float: left;
							width: 400px;
							padding-left: 3px;
							padding-bottom: 8px;
							
						}
							#News_box_position #News_box_contents #ALL_news .news p a{
								text-decoration: none;
								color: #FFFFFF;
								border-bottom: 2px solid #FFFFFF;
								font-weight: bold;
							}
								#News_box_position #News_box_contents #ALL_news .news p a:hover{
									color: #BED8DC;
									font-weight: bold;
								}
									#News_box_position #News_box_contents #ALL_news .news p em{
										font-style: normal;
									}
					/*お知らせ更新情報コンテンツ欄領域　ここまで*/
					
					/*FOOTER MENU ここから*/
					#News_box_position #News_box_Footer_menu {
						background-image: URL(../img/all_news_box_title_bg.png);
						background-repeat: no-repeat;
						width: 761px;
						height: 23px;
					}
					#News_box_position #News_box_Footer_menu h2{
						font-size: 10pt;
					}
						/*旅人の記設定　ここから*/
						#News_box_position #News_box_Footer_menu h2 .tabibito {
							background-image: URL(../img/all_news_box_contents_footer_tabibito.png);
							background-repeat: no-repeat;
							background-position: left top;
							display: block;
							width: 91px;
							height: 23px;
							float: left;
						}
						#News_box_position #News_box_Footer_menu h2 .tabibito:hover {
							background-position: left bottom;
						}
							#News_box_position #News_box_Footer_menu h2 .tabibito span {
								display: block;
								width: 91px;
								height: 23px;
								overflow: hidden;
								position: relative;
								z-index: -1;
							}
						/*旅人の記設定　ここまで*/
						/*お客様の声・ご送信箱設定　ここから*/
						#News_box_position #News_box_Footer_menu h2 .sousin {
							background-image: URL(../img/all_news_box_contents_footer_sousin.png);
							background-repeat: no-repeat;
							background-position: left top;
							display: block;
							width: 180px;
							height: 23px;
							float: left;
						}
						#News_box_position #News_box_Footer_menu h2 .sousin:hover {
							background-position: left bottom;
						}
							#News_box_position #News_box_Footer_menu h2 .sousin span {
								display: block;
								width: 180px;
								height: 23px;
								overflow: hidden;
								position: relative;
								z-index: -1;
							}
						/*お客様の声・ご送信箱設定　ここまで*/
						/*お問い合わせ設定　ここから*/
						#News_box_position #News_box_Footer_menu h2 .toiawase {
							background-image: URL(../img/all_news_box_contents_footer_toiawase.png);
							background-repeat: no-repeat;
							background-position: left top;
							display: block;
							width: 128px;
							height: 23px;
							float: right;
						}
						#News_box_position #News_box_Footer_menu h2 .toiawase:hover {
							background-position: left bottom;
						}
							#News_box_position #News_box_Footer_menu h2 .toiawase span {
								display: block;
								width: 128px;
								height: 23px;
								overflow: hidden;
								position: relative;
								z-index: -1;
							}
						/*お問い合わせ設定　ここまで*/
				
				/*FOOTER MENU ここまで*/
			/*更新情報欄領域　ここまで*/
	/*CONTENTS領域　ここまで*/
	/*FOOTER領域　ここから*/
	#Footer_box {
		background-image: URL(../img/all_footer-bg.png);
		background-repeat: no-repeat;
		width: 802px;
		height: 128px;
	}
		#Footer_box_position {
			padding-top: 28px ;
		}
			/*フッターメールマガジンここから*/
			#Footer_mailemagazin {
				float: left;
				padding-top: 8px;
			}
				#Footer_mailemagazin_image {
					float: left;
					padding-left: 19px;
					padding-right: 8px;
				}
				#Footer_mailemagazin_contents {
					width: 175px;
					font-size: 7pt;
					float: left;
				}

					#Footer_mailemagazin_contents h2 a{
						display: block;
						background-image: URL(../img/all_footer_mailmagazin_title.png);
						background-repeat: no-repeat;
						background-position: left top;
						width: 153px;
						height: 13px;
						text-decoration: none;
						margin-bottom: 5px;
						font-size: 7pt;
					}
						#Footer_mailemagazin_contents h2 a:hover{
							background-position: left bottom;
						}
							#Footer_mailemagazin_contents h2 a span{
								font-size: 8pt;
								position: relative;
								z-index: -1;
								overflow: hidden;
							}
					#Footer_mailemagazin_contents .mailOn a{
						display: block;
						background-image: URL(../img/all_footer_mailmagazin_mailon.png);
						background-repeat: no-repeat;
						width: 105px;
						height: 12px;
						text-decoration: none;
						margin-bottom: 5px;
						font-size: 7pt;
					}
						#Footer_mailemagazin_contents .mailOn a:hover{
							background-position: left bottom;
						}
							#Footer_mailemagazin_contents .mailOn a span{
								position: relative;
								z-index: -1;
								overflow: hidden;
								
							}
					#Footer_mailemagazin_contents .backNo p{
						display: block;
						background-image: URL(http://maga.zivu.net/isaba/releaseno.php);
						background-repeat: no-repeat;
						width: 175px;
						height: 10px;
						text-decoration: none;
						font-size: 7pt;
					}
						#Footer_mailemagazin_contents .backNo p span{
							position: relative;
							z-index: -1;
							overflow: hidden;
						}
			
			/*フッターメールマガジンここまで*/
			/*フッターモバイルここから*/
			#Footer_mobile {
				float: left;
				padding-top: 8px;
			}
				#Footer_mobile_image {
					float: left;
					padding-left: 5px;
					padding-right: 8px;
				}
				#Footer_mobile_contents {
					width: 130px;
					float: left;
				}
					#Footer_mobile_contents h2 {
						background-image: URL(../img/all_footer_moble_title.png);
						background-repeat: no-repeat;
						width: 65px;
						height: 10px;
						margin-bottom: 5px;
						font-size: 7pt;
					}
						#Footer_mobile_contents h2 span {
							position: relative;
							z-index: -1;
							overflow: hidden;
						}
					#Footer_mobile_contents .contents {
						background-image: URL(../img/all_footer_moble_contents.png);
						background-repeat: no-repeat;
						width: 130px;
						height: 26px;
						font-size: 7pt;
					}
						#Footer_mobile_contents .contents span {
							position: relative;
							z-index: -1;
							overflow: hidden;
						}
			
			/*フッターモバイルここまで*/
			/*フッターロゴここから*/
			#Footer_logo {
				width: 250px;
				font-size: 10pt;
				padding-right: 22px;
				float: right;
			}
				#Footer_logo .name {
					background-image: URL(../img/all_footer_logo.png);
					background-repeat: no-repeat;
					width: 210px;
					height: 49px;
					
				}
					#Footer_logo .name span{
						position: relative;
						z-index: -1;
						font-size: 7pt;
						overflow: hidden;
					}
				#Footer_logo .add {
					background-image: URL(../img/all_footer_add.png);
					background-repeat: no-repeat;
					width: 250px;
					height: 16px;
					font-size: 7pt;
				}
					#Footer_logo .add span{
						position: relative;
						z-index: -1;
						line-height: 16px;
						overflow: hidden;
					}
				#Footer_logo .tel_fax {
					background-image: URL(../img/all_footer_tellfax.png);
					background-repeat: no-repeat;
					width: 207px;
					height: 15px;
					font-size: 7pt;
				}
					#Footer_logo .tel_fax span{
						position: relative;
						z-index: -1;
						line-height: 15px;
						overflow: hidden;
					}
			/*フッターロゴここまで*/
	/*FOOTER領域　ここまで*/
	/*ETC領域　ここから*/
	#etc #FLASH_link {
		float: right;
		width: 450px;
		margin-right: 10px;
		font-size: 10pt;
		border-left: 2px solid #FFFFFF;
		padding-left: 10px;
	}
		#etc #FLASH_link .F_contents {
			float: left;
			width: 415px;
			margin-right: 8px;
		}
		#etc #FLASH_link .F_image {
			float: left;
			width: 21px;
		}
	#etc #bana {
		float: left;
		width: 290px;
		margin-left: 10px;
	}
	
	/*ETC領域　ここまで*/
	
	
	

