@charset "utf-8";
/* CSS Document */
html,body{
	scrollbar-face-color: #cccccc;       /* 表面の色 */
	scrollbar-3dlight-color: #ffffff;    /* 左端と上端の色 */
	scrollbar-highlight-color: #cccccc;  /* ハイライトの色 */
	scrollbar-shadow-color: #cccccc;     /* 影の色 */
	scrollbar-darkshadow-color: #ffffff; /* 右端と下端 */
	scrollbar-arrow-color: #ffffff;      /* 矢印の色 */
	scrollbar-track-color: #ffffff;      /* バーの背景の色 */
	text-decoration: none;
}


body{
margin:0;
padding:0;
text-align:center;
/*background-image:url(images/back.gif);*/}


body, td, th, div, p, a, pre{
line-height:1.2;
color:#796758;
font-family:
  'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 
  '平成角ゴシック', 'HeiseiKakuGothic', Osaka, 
  'ＭＳ Ｐゴシック', 'MS PGothic', 
  'ＭＳ ゴシック', 'MS Gothic',
  sans-serif;
font-size:small;}
  
select, input, textarea {
color:#796758;
line-height:1.2;
font-family:
  'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 
  '平成角ゴシック', 'HeiseiKakuGothic', Osaka, 
  'ＭＳ Ｐゴシック', 'MS PGothic', 
  'ＭＳ ゴシック', 'MS Gothic',
  sans-serif;}  

	
a{
color:#796758;
text-decoration:none;}
a:hover{
}
/*a:visited{
color:#996633;}*/

img{
border:0px;}

form{
margin:0; padding:0;}

.clear{
clear:both;
font-size:1px;
color:#FFFFFF;}

p{
margin:0;
padding:3px 0;}

strong{
font-weight:normal;}


h1{
font-size:small;
margin:0;
padding:8px 0 0 0;
font-weight:normal;
color:#796758;}
/*h1.h1txt a{
color:#796758;}*/

h2{
font-size:small;
margin:0;
padding:0;
font-weight:normal;}

h3{
font-size:small;
margin:0;
padding:0;
font-weight:normal;}


/*#wrap_kage{
width:1000px;
margin:0 auto;
background-image:url(images/back_kage.gif);
background-repeat:repeat-y;}*/

#wrapper{
width:950px;
margin:0 auto;
text-align:left;
background-color:#FFFFFF;}

#header{
width:950px;
margin:5px 0 0 0;}
.head_tel{
width:283px;
float:right;}
.head_center{
width:450px;
float:right;}
.head_center p{
margin:3px 0;}
.head_center h2{
margin:3px 0;}
.head_logo{
width:200px;
float:left;
padding:0;}


#header_navi{
width:950px;
height:30px;
border-top:#CCCCCC 1px solid;
background-image:url(images/navi_base.gif);
background-repeat:repeat-x;
background-position:left top;}
#header_navi ul{
list-style-type:none;
margin:0; padding:0 0 0 3px;}
#header_navi li{
width:118px;
height:30px;
float:left;
margin:0; padding:0;}

#header_navi2{
width:950px;
height:30px;
border-top:#CCCCCC 1px solid;
background-image:url(images/navi_base.gif);
background-repeat:repeat-x;
background-position:left top;}
#header_navi2 ul{
list-style-type:none;
margin:0; padding:0 0 0 3px;}
#header_navi2 li{
width:105px;
height:30px;
float:left;
margin:0; padding:0;}


.contents{
width:950px;
padding:10px 0 0 0;}

#right_contents{
width:660px;
float:right;}
#right_contents a{
color:#990000;}
#right_contents a:hover{
color:#6699FF;}


#left_navi{
width:270px;
float:left;}

.page_top{
border-bottom:#796758 1px solid;
border-top:#796758 1px solid;
padding:3px 5px;
margin:10px 0 5px 0;
text-align:right;}
p.page_top a{
color:#990000;
font-size:smaller;}
p.page_top a:hover{
color:#6699FF;}

#bottom{
width:940px;
padding:0 0 0 10px;
margin:0 0 10px 0;
background-image:url(images/credit_card.gif);
background-position:right top;
background-repeat:no-repeat;}

#bottom a:hover{
color:#CC0033;}


.topic_path{
margin:0 0 10px 0;}




/* index */


.top_plan{
width:660px;
margin:0 0 10px 0;}
.plan_style{
width:660px;
margin:0;
}
.top_plan p, .plan_style p{
font-size:small;
line-height:1.2;}

.top_pl_left{
width:320px;
float:left;
margin:0 0 10px 0;}
.top_pl_right{
width:320px;
float:right;
margin:0 0 10px 0;}

.topBannar{
	width: 320px;
	/*height: 110px;*/
	background-image: url(images/plan_bannar_back.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.topBannar .photo {
	float: right;
	margin: 9px 8px 10px 10px;
}
.topBannar p {
	text-align: right;
	margin: 10px 0px 7px 0px;
	font-size: 12px;
	line-height:1.35;
}

.top_pl660{
    width:660px;
    margin:0 0 10px 0;
    /*float:left;*/}

.topBannar660{
	/*height: 110px;*/
	background-image: url(images/plan_bannar660_back.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.topBannar660 .photo1 {
	margin: 9px 8px 10px 10px;
	float:right
}

.topBannar660 .photo2 {
	margin: 9px 0px 10px 10px;
	float:right
}

.topBannar660 .photo3 {
	margin: 9px 0px 10px 20px;
	float:right
}

.topBannar660 p {
	text-align: right;
	padding: 10px 0px 12px 0px;
	font-size: 12px;
	line-height:1.35;
}

.point_left{
width:210px;
float:left;
margin:0 15px 0 0;}
.point_right{
width:210px;
float:right;}


.top_support_left{
width:320px;
float:left;
margin:5px 0 0 0;}
.top_support_right{
width:320px;
float:right;
margin:5px 0 0 0;}



#new_scroll{
margin-top:5px;
text-align:left;
width:198px;
height:290px;
overflow:auto;
scrollbar-face-color: #cccccc;       /* 表面の色 */
scrollbar-3dlight-color: #ffffff;    /* 左端と上端の色 */
scrollbar-highlight-color: #cccccc;  /* ハイライトの色 */
scrollbar-shadow-color: #cccccc;     /* 影の色 */
scrollbar-darkshadow-color: #ffffff; /* 右端と下端 */
scrollbar-arrow-color: #ffffff;      /* 矢印の色 */
scrollbar-track-color: #ffffff;      /* バーの背景の色 */
/*border-style:solid;
border-color:#cccccc;
border-width:1px;*/
}

#new_scroll ul{
list-style-type:none;
margin:0; padding:0;}

#new_scroll li{
margin:0 0 5px 0;
padding:0 0 5px 7px;
border-bottom:#CCCCCC 1px dotted;
font-size:small;
color:#999999;}

#tayori_scroll{
margin-top:5px;
text-align:left;
width:268px;
height:190px;
overflow:auto;
scrollbar-face-color: #cccccc;       /* 表面の色 */
scrollbar-3dlight-color: #ffffff;    /* 左端と上端の色 */
scrollbar-highlight-color: #cccccc;  /* ハイライトの色 */
scrollbar-shadow-color: #cccccc;     /* 影の色 */
scrollbar-darkshadow-color: #ffffff; /* 右端と下端 */
scrollbar-arrow-color: #ffffff;      /* 矢印の色 */
scrollbar-track-color: #ffffff;      /* バーの背景の色 */
/*border-style:solid;
border-color:#cccccc;
border-width:1px;*/
}

#tayori_scroll ul{
list-style-type:none;
margin:0; padding:0;}

#tayori_scroll li{
margin:0 0 5px 0;
padding:0 0 5px 7px;
border-bottom:#CCCCCC 1px dotted;
font-size:small;
color:#999999;}


#new_scroll200{
margin-top:5px;
text-align:left;
width:198px;
height:215px;
overflow:auto;
scrollbar-face-color: #cccccc;       /* 表面の色 */
scrollbar-3dlight-color: #ffffff;    /* 左端と上端の色 */
scrollbar-highlight-color: #cccccc;  /* ハイライトの色 */
scrollbar-shadow-color: #cccccc;     /* 影の色 */
scrollbar-darkshadow-color: #ffffff; /* 右端と下端 */
scrollbar-arrow-color: #ffffff;      /* 矢印の色 */
scrollbar-track-color: #ffffff;      /* バーの背景の色 */
}

#new_scroll200 ul{
list-style-type:none;
margin:0; padding:0;}

#new_scroll200 li{
margin:0 0 5px 0;
padding:0 0 5px 7px;
border-bottom:#CCCCCC 1px dotted;
font-size:small;
color:#999999;}


.right_contents_plan{
background-color:#FFF7F6;
width:660px;
float:left;
text-align:left;
margin:0 0 10px 0;
}

.right_contents_plan img{
margin:5px 0 3px 0;
}

.right_contents_plan a{
font-size:x-small;
}


.right_contents_plan445{
background-color:#FFF7F6;
width:445px;
height:360px;
float:left;
text-align:center;
}

.right_contents_plan445 img{
margin:0 0 7px 0;
}

.right_contents_plan445 a{
font-size:x-small;
}

.right_contents_right{
width:198px;
float:right;
border-style:solid;
border-color:#C9AA4D;
border-width:1px;}

.right_contents_right_mar{
width:198px;
float:right;
margin:5px 0 0 0;
border-style:solid;
border-color:#cccccc;
border-width:1px;}

.right_contents_best5{
width:198px;
float:right;
border-style:solid;
border-color:#C9AA4D;
border-width:1px;}

.left_contents_best5{
width:268px;
border-style:solid;
border-color:#C9AA4D;
border-width:1px;
margin:0 0 10px 0;
}

.left_contents_best5 a{
color:#990000;}
.left_contents_best5 a:hover{
color:#6699FF;}


/* pers */
.pers_box{
border:#CCCCCC 1px solid;
padding:5px;
margin:0 0 10px 0;}
.pers_box p{
padding:0 0 8px 5px;}


.net_reserve{
width:270px;
background-color:#fef1f1;
padding:0 0 8px 0;
margin:0 0 15px 0;}
.net_reserve_form{
padding:3px 10px;}
.white_clear{
clear:both;
color:#FFFFFF;
font-size:1px;
border-bottom:#FFFFFF 2px dotted;}

.net_reserve_new{
width:268px;
/*background-image:url(images/navi_image_new2.gif);*/
margin:0 0 15px 0;
border-style:solid;
border-color:#cccccc;
border-width:1px;}



/* facilities */
#facility_navi{
width:640px;
height:120px;
background-image:url(facilities/images/navi_image.jpg);
background-position:left;
background-repeat:no-repeat;
padding:25px 0 0 20px;
color:#FFFFFF;}
#facility_navi p a{
color:#FFFFFF;}
#facility_navi p a:hover{
color:#FFFFFF;}
#facility_navi p a:visited{
color:#FFFFFF;}


/* room */
.room_txt{
width:340px;
float:left;}
.room_img{
width:300px;
float:right;}


/* spa */
#spa_navi{
width:640px;
height:110px;
background-image:url(spa/images/spa_navi_back.jpg);
background-position:left;
background-repeat:no-repeat;
padding:40px 0 0 20px;}
#spa_navi p a{
color:#FFFFFF;}
#spa_navi p a:hover{
color:#FFFFFF;}
#spa_navi p a:visited{
color:#FFFFFF;}

/* plan */
.planList {
margin: 10px 0px 20px 10px;
padding: 0px;
list-style-type: none;
}
.planList li {
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 24px;
	background-image: url(plan/images/plan_no001.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.planList li.no01 {
	background-image: url(plan/images/plan_no001.gif);
}
.planList li.no02 {
	background-image: url(plan/images/plan_no002.gif);
}
.planList li.no03 {
	background-image: url(plan/images/plan_no003.gif);
}
.planList li.no04 {
	background-image: url(plan/images/plan_no004.gif);
}
.planList li.no05 {
	background-image: url(plan/images/plan_no005.gif);
}


/* tourism */
#atsumi_tourism{
border:#CCCCCC 1px solid;
background-image:url(tourism/images/atsumi.jpg);
background-position:center;
background-repeat:no-repeat;
height:450px;}
.tourism_01{
width:205px;
padding:8px 0 0 15px;
float:left;}
.tourism_02{
width:205px;
padding:120px 0 0 15px;
float:left;}
.tourism_03{
width:200px;
padding:10px 0 0 5px;
float:right;}
.tourism_04{
width:150px;
padding:130px 5px 0 0;
float:right;}
.tourism_05{
width:160px;
padding:20px 135px 0 0;
float:right;}
.tourism_06{
width:170px;
padding:0 0 0 10px;
float:left;}

/*.tourism_05_mar{
margin:20px 0 10px 0;}

*:first-child+html p.tourism_05_mar{
padding:20px 0 0 0;}
*html p.tourism_05_mar{
padding:20px 0 0 0;}

*:first-child+html p.tourism_06_mar{
padding:20px 0 0 0;}
*html p.tourism_06_mar{
padding:20px 0 0 0;}*/


.spot_photo img{
margin:0 0 0 10px;}



/* sitemap */
#sitemap{
width:660px;
margin:0 0 10px 0;}
#sitemap p{
font-size:small;
line-height:1.2;}
#sitemap a{
color:#796758;}

.sitemap_left{
width:320px;
float:left;
margin:0 0 15px 0;}
.sitemap_right{
width:320px;
float:right;
margin:0 0 15px 0;}

#sitemap li{
padding:0 0 3px 0;
margin:0 0 0 20px;}
#sitemap ul{
margin:5px 5px 10px 5px;
padding:0 5px 3px 5px;
list-style-type:square;
border-bottom:#CCCCCC 1px dotted;}
#sitemap ul ul{
border:none;
list-style-type:circle;
margin:3px 3px 0 3px;
padding:0;}



/* list */
.navi ul{
list-style-type:none;
margin:5px 0; padding:0;}
.navi li{
border-bottom:#CCCCCC 1px dotted;}
.navi li a{
margin:0;
padding:3px 10px;
display:block;}
.navi li a:hover{
margin:0;
padding:3px 10px;
background-color:#f2f2f2;
display:block;
color:#CC0033;}

.gray_flame{
border-style:solid;
border-color:#cccccc;
border-width:1px;
}

.gray_flame_info{
border-style:solid;
border-color:#cccccc;
border-width:1px;
}

.gray_flame_info ul{
list-style-type:none;
margin:5px 0; padding:0;}
.gray_flame_info li{
border-bottom:#CCCCCC 1px dotted;}
.gray_flame_info li a{
margin:0;
padding:3px 10px;
display:block;}
.gray_flame_info li a:hover{
margin:0;
padding:3px 10px;
background-color:#f2f2f2;
display:block;
color:#CC0033;}

.list ol{
margin:5px;
padding:0;}
.list li{
padding:0 0 6px 0;
margin:0 0 0 20px;}
.list ul{
margin:5px;
padding:0;}

.magazine ul{
list-style-type:none;
margin:3px 10px 0 0; padding:0;}


/* box */
.gray_box{
border:#CCCCCC 1px solid;
padding:8px 5px 5px 10px;
margin:0 0 10px 0;}

.under_mar{
margin:0 0 10px 0;}

.plan_box{
width:320px;
margin:0 5px 5px 5px;
float:left;
}




/* images */
.q_a_img{
padding:0 8px 0 0;}
.right_img{
width:300px;
float:right;
margin:0 0 0 8px;}
.left_img{
width:300px;
float:left;
margin:0 8px 0 0;
text-align:center;
}
.left_img img{margin:0 0 3px 0;}

.right_contents_plan .otoku_img{
padding:0 0 7px 0;
margin:0px;
}

.okonomi_img{
padding:0 0 7px 0;
margin:0px;
}


/* txt */
.title_base660{
height:38px;
font-size:large;
font-weight:bold;
padding:30px 0 5px 110px;
display:block;
background-image:url(images/title_base660.gif);
background-position:left;
background-repeat:no-repeat;}

.q_a_title{
color:#796758;
font-weight:bold;
border-bottom:#CCCCCC 1px dotted;
padding:0 0 3px 0;}

.line_height_3{
line-height:1.3;}

.attention_txt{
color:#FF0033;
line-height:1.3;}

.brown{
color:#796758;}

.back_brown{
background-color:#796758;
padding:3px 5px 4px 10px;
color:#FFFFFF;}

.back_brown_large {
background-color:#796758;
padding:3px 5px 4px 10px;
color:#FFFFFF;
font-size: 140%;
font-weight: bold;
}

.magazine_frame {
width:660px
border-color:#796758;
border-style:solid;
border-width:1px;
padding:10px;
margin:0 0 10px 0;
}

.entry-header {
    margin: 5px 0 0 0;
    color: #796758;
    font-size: 12px;
	/*font-size:large;*/
    font-weight: bold;
	border:#CCCCCC 1px solid;
	/*border-bottom:#CCCCCC 1px dotted;*/
	background-color:#f2f2f2;
	padding:8px;
}


.back_gray{
background-color:#f2f2f2;
padding:3px 5px 4px 10px;}

.under_dotted{
border-bottom:#CCCCCC 1px solid;
padding:0 0 3px 0;
margin:0 0 3px 0;}

.dark_red{
	color:#990000;
	}
.red{
	color:#FF0000;
	}
.red_b{
	color:#FF0000;
	font-weight:bold;
	}
.font_120{
	font-size:120%;
	line-height:1.5;
	}
.font_120_b{
	font-size:120%;
	line-height:1.5;
	font-weight:bold;
	}
.font_120_b_under{
	font-size:120%;
	line-height:1.5;
	font-weight:bold;
	border-bottom:solid 1px #cccccc;
	margin:0 0 10px 0;
	}
.font_200_b{
	font-size:200%;
	font-weight:bold;
	}
.font_medium{
	font-size:medium;
	}
.font_large_b{
	font-size:large;
	font-weight:bold;
	line-height:1.5;
	}
.red_large{
	font-size:large;
	color:#FF0000;
	}
.red_medium{
	font-size:medium;
	color:#FF0000;
	}
.red_200{
	font-size:200%;
	color:#FF0000;
	line-height:1.5;
	}
.red_180{
	font-size:180%;
	line-height:1.5;
	color:#FF0000;
	}
.red_160{
	font-size:160%;
	color:#FF0000;
	}
.red_160_b{
	font-size:160%;
	color:#FF0000;
	font-weight:bold;
	}
.red_120{
	font-size:120%;
	line-height:1.5;
	color:#FF0000;
	}
.red_28{
	font-size:28px;
	color:#FF0000;
	}
.red_30{
	font-size:30px;
	color:#FF0000;
	}
.textCenter{
	text-align: center;
	}
	
.planDetails ol{
	list-style-type: decimal;
	}
	
	
	

/* ranking */
.rankingList {
width:262px;
margin: 0;
padding: 3px;
/*border: solid 1px #cccccc;*/
}

.rankingList p {
width:210px;
float:right;
text-align:left;
}

.rankingList a{ color: #990000;}

.rankingList p a:hover{
color:#CC0033;
}

.rankingList_w270 {
width:258px;
margin: 0;
padding: 3px;
/*border: solid 1px #cccccc;*/
}

.rankingList a{ color: #990000;}

.rankingList200 p {
width:130px;
float:right;
text-align:left;
}


.rankingList200 p a:hover{
color:#CC0033;
}

.rankingbox01, .rankingbox01_w200 {
	margin: 0px;
	padding: 5px 0px 5px 50px;
	border-bottom:dotted 1px #cccccc;
	background-image:url(images/ranking_001.gif);
	background-repeat:no-repeat;
	background-position:left center;
	text-align:left;
}

.rankingbox02, .rankingbox02_w200 {
	margin: 0px;
	padding: 5px 0px 5px 50px;
	border-bottom:dotted 1px #cccccc;
	background-image:url(images/ranking_002.gif);
	background-repeat:no-repeat;
	background-position:left center;
	text-align:left;
}

.rankingbox03, .rankingbox03_w200 {
	margin: 0px;
	padding: 5px 0px 5px 50px;
	border-bottom:dotted 1px #cccccc;
	background-image:url(images/ranking_003.gif);
	background-repeat:no-repeat;
	background-position:left center;
    text-align:left;
}

.rankingbox04, .rankingbox04_w200 {
	margin: 0px;
    padding: 5px 0px 5px 50px;
	border-bottom:dotted 1px #cccccc;
	background-image:url(images/ranking_004.gif);
	background-repeat:no-repeat;
	background-position:left center;
    text-align:left;
}

.rankingbox05, .rankingbox05_w200 {
	margin: 0px;
    padding: 5px 0px 5px 50px;
	background-image:url(images/ranking_005.gif);
	background-repeat:no-repeat;
	background-position:left center;
	text-align:left;
}

.rss-item a:link, .rss-item a:visited, .rss-item a:hover{color:#990000;}



/* event */

.show h3 {
	margin: 30px 0px 5px 0px;
	font-size: 24px;
	font-weight: bold;
}

.show h4 {
	margin: 30px 0px 5px 0px;
	padding: 0px 0px 3px 0px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #999999;
}

.show h4.orange {
	color: #EA9100;
	font-size: 18px;
}


.show p.days {
	margin: 0px 0px 5px 0px;
	font-size: 20px;
	font-weight: bold;
}

.show ul {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
.show li {
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 25px;
	background-image:url(plan003/images/show_listmark.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	list-style-type: none;
	font-weight: bold;
}

.show li strong {
	color: #CC0000;
	font-weight: bold;
	font-size: 120%;
}

.drive_plan{
    padding:10px;
    border:#138F2E;
    border-style:solid;
    border-width:1px;
}



.drive_plan h3 {
	font-size: 14px;
	line-height:140%;
}

.drive_plan ul {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.drive_plan li {
	margin: 10px 0px 0px 20px;
	line-height:160%;
}

/* table */
table.tbl_gray{
	background-color:#cccccc;
	}
.tbl_gray td{
	background-color:#FFFFFF;
	padding:3px;
	text-align:center;
	}
.tbl_gray .green{
	background-color:#74AD06;
	color:#FFFFFF;
	font-weight:bold;
	}
	
table.tbl_calendar{
	background-color:#cccccc;
	}
.tbl_calendar td{
	background-color:#FFFFFF;
	padding:6px 0 6px 6px;
	color:#333333;
	text-align:left;
	}
.tbl_calendar .beige{
	background-color:#DFDCBB;
	text-align:left;
	}
	
#right_contents .tbl_calendar a{
    color:#584C07;
    text-decoration:underline;
	}
#right_contents .tbl_calendar a:hover{
    color:#6699FF;
    }