@charset "utf-8";

/* ============================



 base set
 
 
 
=============================== */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,address {
	margin: 0px;
	padding: 0px;
}
img {border:none;vertical-align:bottom;}
ul,li {list-style: none;}
table,tr,td,th {margin:0px;padding:0px;border:none;}
table {border-collapse:collapse;border-spacing:0;font-size:inherit;font:100%;}
th,td {text-align:left;vertical-align:top;}
body {
	color: #666666;
	text-align: center;
	font: 100%/1 "ＭＳ Ｐゴシック", Helvetica, "ヒラギノ角ゴ Pro W3", sans-serif;
	background-color: #FFFFFF;
}
* html body {font-size:82%;vertical-align:baseline;}
*:first-child+html body {font-size:82%;}
html>/**/body {font-size:82%;}
html:not(:target) body {font-size:13px;}
h1,h2,h3,h4,h5 {font-size:100%;line-height:1;}

/* ============================



 common set
 
 
 
=============================== */
/* ------------------

 header layout
 
------------------ */
#headerBack {
	height: 106px;
	background-image: url(../images/header_back.jpg);
	background-repeat: repeat-x;
}
#header {
	padding: 11px 10px 0px 10px;
	margin: 0px auto;
	width: 930px;
	height: 95px;
	text-align: left;
	background-image: url(../images/header.jpg);
}* html #header {width:950px;height:106px;}
h1 {
	width: 230px;
	float: left;
}
#headerRight {
	width: 382px;
	float: right;
	text-align: right;
}
#headerNavi li {
	float: left;
}
#pageImageBack {
	margin-bottom: 10px;
}
#pageImage {
	margin: 0px auto;
}

/* ------------------

 content gnavi layout
 
------------------ */
#pageImageBack {
	background-image: url(../images/page_image_back.jpg);
	background-repeat: repeat-x;
	margin-bottom: 10px;
}
#content {
	width: 950px;
	margin-bottom: 10px;
	text-align: left;
	margin: 0px auto;
}
#leftArea {
	width: 220px;
	float: left;
}
#plan01 {
	background-attachment: scroll;
	background-image: url(../images/plan_bottom.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 10px;
	padding-bottom: 8px;
}* html #plan01 {height:1%;}
#plan01 ul {
	background-image: url(../images/plan_ul_back.jpg);
	background-repeat: repeat-y;
	padding: 3px 0px 0px 10px;
}
#plan01 ul li {
	padding-bottom: 3px;
}
#gnavi {
	padding: 2px 0px 0px 2px;
	border: 3px solid #CCCCCC;
	margin-bottom: 10px;
}
#gnavi li {
	padding-bottom: 2px;
}

#rightArea {
	width: 710px;
	float: right;
}
#pan {
	font-size: 84.6%;
	color: #3A87AF;
	background-color: #F5F5F5;
	padding: 5px 10px;
	background-attachment: scroll;
	background-image: url(../images/pan_line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-bottom: 15px;
}
#pan a {
	text-decoration: none;
	color: #3A87AF;
	background-color: #F5F5F5;
}
#pan a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	background-color: #F5F5F5;
}
/* ------------------

 page top , home
 
------------------ */
#pageTop {
	text-align: right;
	margin: 0px auto;
	width: 950px;
}
#pageTopIn {
	width: 176px;
	margin-left: 774px;
}
#pageTopLeft {
	width: 83px;
	float: left;
}
#pageTopRight {
	width: 83px;
	float: right;
}
/* ------------------

 footer layout
 
------------------ */
#footerNaviBack01 {
	background-color: #5FA6CB;
	background-image: url(../images/footer_navi_back01.jpg);
	background-repeat: repeat-x;
}
#footerNavi01 {
	width: 429px;
	margin: 0px auto;
	padding: 19px 0px 0px 521px;
}* html #footerNavi01 {width:950px;}
#footerNavi01 li {
	float: left;
}
#footerAddressBack {
	background-image: url(../images/footer_address_back.jpg);
	background-repeat: repeat-x;
}
#footerAddress {
	width: 950px;
	margin: 0px auto;
	text-align: left;
}
#footerNaviBack02 {
	background-color: #69AB52;
	background-image: url(../images/footer_navi_back02.jpg);
	background-repeat: repeat-x;
}
#footerNavi02 {
	width: 935px;
	text-align: right;
	background-image: url(../images/footer_navi02.jpg);
	background-repeat: no-repeat;
	padding: 8px 0px 20px 15px;
	margin: 0px auto;
	color: #F0FFB6;
	background-color: #69AB52;
}* html #footerNavi02 {width:950px;}
#footerNavi02 a {
	font-size: 84.6%;
	line-height: 2;
	color: #F0FFB6;
	text-decoration: underline;
	background-color: #69AB52;
}
#footerNavi02 a:hover {
	color: #FFD987;
	text-decoration: none;
	background-color: #69AB52;
}
/* ------------------
 h2,h3,h4,p,ul,li,dl,dt,dd
------------------ */
.h2Title01 {
	margin-bottom: 15px;
	background-image: url(../images/h2_title01.jpg);
	background-repeat: no-repeat;
	height: 28px;
	font-size: 123%;
	color: #FFFFFF;
	background-color: #32789D;
	padding: 12px 0px 0px 31px;
}* html .h2Title01 {height:40px;}
.h2Title02 {
	margin-bottom: 12px;
}
.h3Title01 {
	margin-bottom: 15px;
	background-image: url(../images/h3_title01.jpg);
	background-repeat: no-repeat;
	height: 25px;
	font-size: 107.6%;
	color: #555555;
	background-color: #FFFFFF;
	padding: 11px 0px 0px 31px;
}* html .h3Title01 {height:36px;}
.h4Title01 {
	background-attachment: scroll;
	background-image: url(../images/h4_title01.jpg);
	background-repeat: no-repeat;
	background-position: left 4px;
	font-size: 92%;
	border-bottom: 1px solid #6EB356;
	border-top: 1px solid #6EB356;
	padding: 5px 0px 4px 23px;
	margin-bottom: 10px;
	color: #6EB356;
	background-color: #FFFFFF;
	font-weight: normal;
}
.h4Title02 {
	font-size: 92%;
	color: #00679D;
	background-color: #FFFFFF;
	font-weight: bold;
	padding-bottom: 10px;
}
.h4Title02 a {
	color: #00679D;
	background-color: #FFFFFF;
	text-decoration: none;
}
.h4Title02 a:hover {
	color: #CCCCCC;
	background-color: #FFFFFF;
	text-decoration: underline;
}
.p01 {
	font-size: 92%;
	line-height: 1.66;
	padding-bottom: 15px;
}
.p01 a {
	color: #55ACEC;
	text-decoration: none;
	background-color: transparent;
}
.p01 a:hover {
	color: #CCCCCC;
	text-decoration: underline;
	background-color: transparent;
}
.p02 {
	font-size: 92%;
	line-height: 1.66;
	padding-bottom: 15px;
	color: #333333;
	background-color: transparent;
}
.p03 {
	font-size: 92%;
	line-height: 1.66;
	padding-bottom: 15px;
	text-align: right;
}
.p03 a {
	color: #55ACEC;
	text-decoration: none;
	background-color: transparent;
}
.p03 a:hover {
	color: #CCCCCC;
	text-decoration: underline;
	background-color: transparent;
}
.ul01 {
	padding: 0px 0px 5px;
}
.ul01 li {
	font-size: 92%;
	background-attachment: scroll;
	background-image: url(../images/arrow01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px 0px 12px 25px;
	line-height: 1.1;
}
.ul01 a {
	color: #333333;
	text-decoration: none;
	background-color: transparent;
}
.ul01 a:hover {
	color: #CCCCCC;
	text-decoration: underline;
	background-color: transparent;
}
.ul02 {
	padding: 15px 0px 0px 15px;
	color: #666666;
	background-color: #F0F0F0;
	margin: 0px 20px 15px;
}
.ul02 li {
	padding: 0px 12px 15px 0px;
	float: left;
}
.ul03 {
	padding: 8px 0px 0px 3px;
	color: #666666;
	background-color: #F0F0F0;
	margin: 0px 0px 15px;
}
.ul03 li {
	padding: 0px 1px 8px 0px;
	float: left;
}
/* ------------------
 layout Box
------------------ */
.box01 {
	padding: 0px 10px 15px;
}* html .box01 {height:1%;}
.box02 {
	background-image: url(../images/box_back02.jpg);
	background-repeat: repeat-y;
	border-top: 1px solid #9D9D9D;
	border-bottom: 1px solid #9D9D9D;
	margin: 0px 10px 15px;
	padding: 15px 15px 0px;
}* html .box02 {height:1%;}
.box03 {
	width: 300px;
	float: left;
}* html .box03 {height:1%;}
.box04 {
	width: 370px;
	float: left;
	margin-left : 15px;
}* html .box04 {height:1%;}
.box05 {
	padding: 0px 20px 15px;
}* html .box05 {height:1%;}
.box06 {
	width: 330px;
	float: left;
}* html .box06 {height:1%;}
.box07 {
	width: 330px;
	float: right;
}* html .box07 {height:1%;}
.box08 {
	background-attachment: scroll;
	background-image: url(../images/line01.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 5px;
	margin: 0px 10px 25px;
}* html .box08 {height:1%;}
.box09 {
	background-attachment: scroll;
	background-image: url(../images/line02.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 5px;
	margin: 0px 10px 25px;
}* html .box09 {height:1%;}
.box10 {
	width: 330px;
	float: left;
	background-attachment: scroll;
	background-image: url(../images/line01.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 5px;
	margin-bottom: 15px;
}* html .box10 {height:1%;}
.box11 {
	width: 330px;
	float: right;
	background-attachment: scroll;
	background-image: url(../images/line01.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 5px;
	margin-bottom: 15px;
}* html .box11 {height:1%;}
.box12 {
	width: 400px;
	float: left;
}* html .box12 {height:1%;}
.box13 {
	width: 270px;
	float: right;
}* html .box13 {height:1%;}
.box14 {
	background-attachment: scroll;
	background-image: url(../images/line03.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 5px;
	margin: 0px 10px 25px;
}* html .box14 {height:1%;}
.box15 {
	width: 220px;
	float: left;
	margin-right: 15px;
}* html .box15 {height:1%;}
.box16 {
	width: 220px;
	float: right;
}* html .box16 {height:1%;}
.box17 {
	width: 450px;
	float: left;
}* html .box17 {height:1%;}
.box18 {
	width: 270px;
	float: left;
}* html .box18 {height:1%;}
.box19 {
	width: 400px;
	float: right;
}* html .box19 {height:1%;}
/* ------------------
 photo Box
------------------ */
.photo01 {
	margin-bottom: 15px;
	border: 1px solid #666666;
}
/* ------------------
 table
------------------ */
.table01 {
	margin-bottom: 10px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	font-size: 92%;
	line-height: 1.5;
	width: 100%;
}
.table01 th {
	color: #9F7858;
	background-color: #F6F4F3;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 5px 18px;
	font-weight: normal;
	white-space: nowrap;
}
.table01 td {
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 5px 15px;
}
.table01 th.th01 {
	border-right-style: none;
}
.table02 {
	margin-bottom: 10px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	font-size: 92%;
	line-height: 1.5;
}
.table02 th {
	color: #9F7858;
	background-color: #F6F4F3;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 5px 30px;
	font-weight: normal;
	white-space: nowrap;
	text-align: center;
}
.table02 td {
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 5px 30px;
	text-align: center;
}
.table02 th.th02 {
	color: #444444;
	background-color: #E6E6E6;
}
/* ------------------
 clear
------------------ */
.clearfix:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
	font-size: 0.1em;
	line-height: 0;
}.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* ============================

 top page
 
=============================== */
#topPageImageBack {
	background-image: url(../images/top_page_image_back.jpg);
	background-repeat: repeat-x;
	margin-bottom: 10px;
}
#topicsTitle {
	margin-bottom: 7px;
}
.topBox01 {
	background-image: url(../images/box_back01.jpg);
	background-repeat: repeat-y;
	border-top: 1px solid #9C9C9C;
	border-bottom: 1px solid #9C9C9C;
	padding: 10px 10px 0px;
	margin-bottom: 15px;
}
#topicsDl01 {
	padding: 0px 10px 15px;
	font-size: 92%;
	line-height: 1.5;
}
#topicsDl01 dt {
	float: left;
	width: 59px;
	background-image: url(../images/mini_title01.jpg);
	background-repeat: no-repeat;
	padding: 0px 0px 7px 0px;
	color: #FFFFFF;
	background-color: #6FBA55;
	padding: 2px 7px 0px;
}* html #topicsDl01 dt {width:73px;}
#topicsDl01 dd {
	background-attachment: scroll;
	background-image: url(../images/dot01.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding: 2px 0px 6px 93px;
	margin-bottom: 5px;
}

#topBannerBox01 {
	width: 340px;
	float: left;
	margin-bottom: 8px;
}* html #topBannerBox01 {height:1%;}
#topBannerBox02 {
	width: 340px;
	float: right;
	margin-bottom: 8px;
}
#topBannerBox03 {
	width: 280px;
	float: left;
}
#topBannerBox04 {
	width: 400px;
	float: right;
}
#topBannerBox05 {
	width: 223px;
	float: left;
}
#topBannerBox06 {
	width: 223px;
	float: left;
	padding-left: 10px;
}* html #topBannerBox06 {width:233px;}
#topBannerBox07 {
	width: 223px;
	float: right;
}
#topBannerBox08 {
	margin-bottom: 10px;
	background-attachment: scroll;
	background-image: url(../images/top_line01.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}* html #topBannerBox08 {height:1%;}
#topBannerBox09 {
	margin-bottom: 10px;
	background-attachment: scroll;
	background-image: url(../images/top_line02.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}* html #topBannerBox09 {height:1%;}
.topBox01 p {
	font-size: 92%;
	line-height: 1.5;
	padding: 5px 0px 8px;
	color: #333333;
	background-color: transparent;
}
/* ============================

 料理 page
 
=============================== */
.oshinagakiUl01 {
	background-attachment: scroll;
	background-color: #000000;
	background-image: url(../dining/images/oshinagaki_back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom: 2px solid #CCCCCC;
	padding: 0px 15px 10px;
	color: #FFFFFF;
	font-size: 107.6%;
	line-height: 1.1;
	margin-bottom: 15px;
}
.oshinagakiUl01 li {
	padding: 0px 0px 15px 20px;
	width: 100px;
	background-attachment: scroll;
	background-image: url(../dining/images/oshinagaki_icon01.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	float: left;
}* html .oshinagakiUl01 li {width:120px;}
.diningBox01 {
	text-align: center;
	padding-top: 20px;
}
/* ============================

 渚の湯 page
 
=============================== */
#nagisaPageImageBack {
	background-image: url(../nagisa_spa/images/nagisa_image_back.jpg);
	background-repeat: repeat-x;
	margin-bottom: 10px;
}
#nagisaPageImage {
	background-attachment: scroll;
	background-image: url(../nagisa_spa/images/page_image.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px auto 10px;
	padding-left: 650px;
	width: 300px;
	height: 530px;
}* html #nagisaPageImage {width:950px;}
#nagisaBox01 {
	width: 300px;
}
#nagisaBox02 {
	width: 450px;
	float: left;
}
#nagisaBox03 {
	width: 450px;
	float: right;
}
#nagisaBox01 p {
	padding: 15px 26px 0px 29px;
	font-size: 84.6%;
	line-height: 1.6;
	color: #FFFFFF;
	background-color: transparent;
	text-align: left;
}
.nagisaTitle01 {
	margin-bottom: 15px;
}
#nagisaP01 {
	font-size: 92%;
	line-height: 1.66;
	background-attachment: scroll;
	background-image: url(../nagisa_spa/images/nagisa_image01.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	min-height: 150px;
	margin: 0px 20px 20px;
}* html #nagisaP01 {height:150px;}
.nagisaP02 {
	font-size: 92%;
	line-height: 1.66;
	margin: 0px 20px 20px;
}
#nagisaP03 {
	font-size: 92%;
	line-height: 1.66;
	margin: 0px 10px 20px;
	background-attachment: scroll;
	background-image: url(../nagisa_spa/images/nagisa_image02.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	min-height: 300px;
}* html #nagisaP03 {height:300px;}
/* ============================

 プライバシーポリシー page
 
=============================== */
#privacyUl01 {
	padding: 0px 0px 5px;
}
#privacyUl01 li {
	font-size: 92%;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left 3px;
	padding: 0px 0px 20px 35px;
	line-height: 1.66;
}
#privacyLi01 {background-image:url(../privacy/images/privacy_num01.gif);}
#privacyLi02 {background-image:url(../privacy/images/privacy_num02.gif);}
#privacyLi03 {background-image:url(../privacy/images/privacy_num03.gif);}
#privacyLi04 {background-image:url(../privacy/images/privacy_num04.gif);}
#privacyLi05 {background-image:url(../privacy/images/privacy_num05.gif);}
#privacyLi06 {background-image:url(../privacy/images/privacy_num06.gif);}
#privacyLi07 {background-image:url(../privacy/images/privacy_num07.gif);}
#privacyLi08 {background-image:url(../privacy/images/privacy_num08.gif);}
#privacyP01 {
	font-size: 92%;
	line-height: 1.2;
	padding: 0px 25px 10px 0px;
	color: #333333;
	background-color: #FFFFFF;
	text-align: right;
}
#privacyP02 {
	font-size: 123%;
	line-height: 1.1;
	padding: 0px 25px 15px 0px;
	font-weight: bold;
	color: #333333;
	background-color: #FFFFFF;
	text-align: right;
}