@charset "Shift_JIS";

/* 全体構造
---------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

#menu_head{
	float:left;
	width: 683px;
	height:19px;
	background-image: url(../images/head.gif);
}

#menu_foot{
	float:left;
	width: 683px;
	height: 27px;
	background-image: url(../images/foot.gif);
}


body {
	font-size: 12px;
	line-height: 150%;
}
.image {
	font-size:0.1px;
	line-height:0.1px;
}
.clear {
	clear:both;
}
.floatLeft {
	float:left;
}
.floatRight {
	float:right
}
.paddingTop20 {
	padding-top:20px;
}
/* ヘッダ
---------------------------------------------------- */
#header{
    width: 960px;
	margin: 0px auto;
	padding-bottom:16px;
}
#header h1{
	display:block;
	padding: 16px 0px;
	font-size: 10px;
	font-weight:normal;
}
#title {
	float: left;
	width: 220px;
	height: 60px;
}
#snavi {
	float: right;
	margin-top: 27px;
	width: 428px;
	display:inline;
}
#snavi li {
	float:left;
  list-style: none;
}
#snavi a {
  	display: block;
	height: 36px;
	text-indent: -9999px;
  	background: url(../common/snavi.gif);
}
#snavi1 a{width: 125px;background-position: 0px 0px;}
#snavi2 a{width: 101px;background-position: -125px 0px;}
#snavi3 a{width: 101px;background-position: -226px 0px;}
#snavi4 a{width: 101px;background-position: -327px 0px;}
#snavi1 a:hover{background-position: 0px 36px;}
#snavi2 a:hover{background-position: -125px 36px;}
#snavi3 a:hover{background-position: -226px 36px;}
#snavi4 a:hover{background-position: -327px 36px;}


/* グローバルナビゲーション
---------------------------------------------------- */
#gnavi {
  width:100%;
  height: 62px;
  background: url(../common/navi_bg.jpg);
	background-color:#000000;
	/*margin-top:16px;*/
}
#gnavi_main {
  width: 960px;
	margin: 0px auto;
}
#gnavi_main li {
	float:left;
	list-style: none;
}
#gnavi_main a{
  display: block;
	height: 62px;
	background: url(../common/navi.jpg);
	text-indent: -9999px;
}
#gnavi1 a{width: 160px;background-position: 0px 0px;}
#gnavi2 a{width: 161px;background-position: -160px 0px;}
#gnavi3 a{width: 159px;background-position: -321px 0px;}
#gnavi4 a{width: 160px;background-position: -480px 0px;}
#gnavi5 a{width: 160px;background-position: -640px 0px;}
#gnavi6 a{width: 160px;background-position: -800px 0px;}
#gnavi1 a:hover{background-position: 0px 62px;}
#gnavi2 a:hover{background-position: -160px 62px;}
#gnavi3 a:hover{background-position: -321px 62px;}
#gnavi4 a:hover{background-position: -480px 62px;}
#gnavi5 a:hover{background-position: -640px 62px;}
#gnavi6 a:hover{background-position: -800px 62px;}


/* フラッシュエリア
---------------------------------------------------- */
.flasharea {
	width: 100%;
	height: 500px;
	background-color: #000;
	text-align: center;

}
#flash{
 margin:0 auto;
}

/* コンテンツ
---------------------------------------------------- */

#contents{
	width: 100%;
	background:url(../common/bg.gif) center top;
}
#freehand3{
	padding:10px 0 0 10px;
}

#contents_main {
	width:960px;
	padding-top:20px;
	margin: 0px auto;
	background:url(../common/content_bg.gif);
}

/* 左ボックス
---------------------------------------------------- */
#leftbox{
	width: 220px;
	background:url(../img/left_middle.gif);
}

#leftmain{
	padding:0px 22px;
}

#leftmain h3 {
	font-weight:normal;
	padding:10px 0px;
	border-bottom:#666666 dotted 1px;
	margin-bottom:10px;
}

#con_ban1,#con_ban2, #con_ban3, #con_ban4, #con_ban5, #con_ban6, #con_ban9{
	padding:0 0 20px 0;
}
#con_ban2 a{
	display:block;
	width: 175px;
	height:93px;
	text-indent:-9999px;
	background:url(../common/ban_onsen.jpg);
}
#con_ban3 a{
	display:block;
	width: 175px;
	height:93px;
	text-indent:-9999px;
	background:url(../common/ban_plan.jpg);
}
#con_ban4 a{
	display:block;
	width: 175px;
	height:93px;
	text-indent:-9999px;
	background:url(../common/ban_room.jpg);
}
#con_ban5 a{
	display:block;
	width: 175px;
	height:93px;
	text-indent:-9999px;
	background:url(../common/ban_ryouri.jpg);
}
#con_ban6 a{
	display:block;
	width: 175px;
	height:93px;
	text-indent:-9999px;
	background:url(../common/ban_ashiyu.jpg);
}
#con_ban9 a{
	display:block;
	width: 175px;
	height:93px;
	text-indent:-9999px;
	background:url(../common/ban_salon.jpg);
}
.aaa_sideleft{
	float: left;
	width: 260px;
	padding: 0px 0px 20px 33px;
}

.aaa_sideleft #yoyaku_space{
	float:left;
	padding: 50px 0px 0px 0px
}

.aaa_sideleft #yoyaku_url{
	float:left;
	width: 258px;
	height: 166px;
	text-indent: -10000px;
	background-image: url(../images/menu/yoyaku2.jpg);
	background-position: 0px 0px;
}

.aaa_sideleft a#yoyaku_url:hover {
	color:#FFFFFF;
	background-image: url(../images/menu/yoyaku2.jpg);
	background-position: 0px 166px;
}

.aaa_sideleft #bbb {
	padding: 10px 0px 10px 0px;
}

.aaa_sideleft #hr1{
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: black;
	height: 1px;
	width: 258px;
	text-align: center;
}

/* 中央ボックス
---------------------------------------------------- */
#center {
	width: 495px;
	padding-left:8px;
}
#news {
	background:url(../img/center_middle2.gif);
	zoom:1;
}
#newsmain,#hpplanmain {
	padding:0px 20px;
}
#hpplan {
	background:url(../img/center_middle2.gif);
	zoom:1;
}
.cms_ttl {
	float:left;
	width:450px;
	padding-top:10px;
	padding-bottom:5px;
}
.news_word {float:left;width:450px;padding:5px 0px 10px 0px;margin-bottom:5px;border-bottom:#666666 1px dotted;}
.news_word img { vertical-align:middle;}
.news_date {padding-right:5px;}
.news_text {padding-left:10px;}
#news a {color:#000000;}
#news a:hover {color:#66C263;}
.news_list {margin-bottom:5px;}

.hpplan_word {width:330px;margin:5px 0px;}
.hpplan_image {width:107px;margin:5px 0px;}
.hpplan_ttl {color:#66C263;font-size:16px;margin-bottom:5px;}
.hpplan_text {margin-bottom:5px;}
.hpplan_link {color:#000000;}
a:hover.hpplan_link {color:#66C263;}

/* 右ボックス
---------------------------------------------------- */
#rightbox {
	width: 226px;
}
#rightmain {
	padding:15px 15px 0px 15px;
}
#hpplan2 {
	background:url(../img/center_middle3.gif);
	zoom:1;
}
#con_ban7{
	padding:0 0 20px 0;
}
#con_ban7 a{
	display:block;
	width: 195px;
	height:52px;
	text-indent:-9999px;
	background:url(../common/bus.jpg);
}
#con_ban8{
	padding:0 0 0 0;
}
#con_ban8 a{
	display:block;
	width: 226px;
	height:79px;
	text-indent:-9999px;
	background:url(../common/blog_ban1.gif);
}
#con_ban8 a:hover{background-position: 0px 79px;}
#con_ban11{
	padding:0 0 20px 0;
}
#con_ban11 a{
	display:block;
	width: 226px;
	height:79px;
	text-indent:-9999px;
	background:url(../common/ryunohitomi_ban.gif);
}
#con_ban11 a:hover{background-position: 0px 79px;}
#con_ban12{
	padding:0 0 0 0;
}
#con_ban12 a{
	display:block;
	width: 226px;
	height:79px;
	text-indent:-9999px;
	background:url(../common/photogallery_ban.gif);
}
#con_ban12 a:hover{background-position: 0px 79px;}
#rightbox h3{
	font-weight:normal;
}
#rightbox a#yoyaku_btn {height: 177px;	display:block;width:226px;text-indent:-9999px;
background-image: url(../img/contact.gif);}
#rightbox a#yoyaku_btn:hover {background-position: 0px 177px;}

#rightbox a#banner1{height:79px;bacfkground:url(../img/blog_ban1.gif) no-repeat;}
#rightbox a#banner2{height:79px;background:url(../img/blog_ban2.gif) no-repeat;}
#rightbox a#banner3{height:79px;background:url(../img/blog_ban3.gif) no-repeat;}
#rightbox a#banner4{height:79px;background:url(../img/blog_ban4.gif) no-repeat;}
#rightbox a:hover#banner1{background-position:0px -79px;}
#rightbox a:hover#banner2{background-position:0px -79px;}
#rightbox a:hover#banner3{background-position:0px -79px;}
#rightbox a:hover#banner4{background-position:0px -79px;}


/* サイドボックス（コンテンツページ）
---------------------------------------------------- */

#pagevisual {
	padding-bottom:50px;
}
#sidebox {
	width:275px;
}
a#yoyaku_btn2 {
	display:block;
	background:url(../common/contact2.gif);
	width:275px;
	height:180px;
	text-indent:-9999px;
}
a:hover#yoyaku_btn2 {
	background-position: 0px 180px;
}
#side_banner1 {
	display:block;
	width:275px;
	height: 110px;
	background:url(../common/sideban_ashiyu.jpg);
	text-indent:-9999px;
}
#side_banner2 {
	display:block;
	width:275px;
	height: 110px;
	background:url(../common/sideban_onsen.jpg);
	text-indent:-9999px;
}
#side_banner3 {
	display:block;
	width:275px;
	height: 110px;
	background:url(../common/sideban_plan.jpg);
	text-indent:-9999px;
}
#side_banner4 {
	display:block;
	width:275px;
	height: 110px;
	background:url(../common/sideban_room.jpg);
	text-indent:-9999px;
}
#side_banner5 {
	display:block;
	width:275px;
	height: 110px;
	background:url(../common/sideban_ryouri.jpg);
	text-indent:-9999px;
}
#side_banner6 {
	display:block;
	width:275px;
	height: 110px;
	background:url(../common/sideban_blog.jpg);
	text-indent:-9999px;
}
#side_banner7 {
	display:block;
	width:275px;
	height: 110px;
	background:url(../common/sideban_salon.jpg);
	text-indent:-9999px;
}
a:hover#side_banner1{background-position:0px 110px}
a:hover#side_banner2{background-position:0px 110px}
a:hover#side_banner3{background-position:0px 110px}
a:hover#side_banner4{background-position:0px 110px}
a:hover#side_banner5{background-position:0px 110px}
a:hover#side_banner6{background-position:0px 110px}
a:hover#side_banner7{background-position:0px 110px}
/* メインボックス（コンテンツページ）
---------------------------------------------------- */
#pankuzu {
	width:680px;
	height:49px;
	background:url(../common/mainbox_top.gif);
}
#pankuzu ul {
	padding:10px 0 0 15px;
}
#pankuzu li {
	float:left;
}
#pankuzu a{
	text-decoration: underline;
  color: black;
}	
#pankuzu a:hover {
  text-decoration: underline;
	color: #9C0000;
}
#mainbox {
	background:url(../common/mainbox_middle.gif);
	background-position:0px 49px;
	width:680px;
	margin-top:24px;
}
#mainbox a {
	color:#000;
}
#mainbox a:hover {
	color:#66C263;
}
#mainwords {
	float:left;
	padding:30px 0 0 30px;
	width:600px;
}
#mainwords div.image {
	text-align:center;
}
.kiji_image {
	padding:30px 0px;
}
#kiji_header {
	border-bottom:#666666 dotted 1px;
	margin-bottom:10px;
	padding-bottom:10px;
}
#kiji_midashi {
	float:left;
	font-size:18px;
}
#kiji_date {
	float:right
}
#kiji_text {
	font-size:14px;
	line-height:170%;
}
#kijinavi {
	padding-top:100px;
}
#kijiback {
	float:left;
}
#kijinext {
	float:right;
}
#syurui1{
	float:left;
}
#syurui1 img{
	float:left;
	width:67px;
	height;13px;
	padding:3px 5px 0 0;
}
#hiduke{
	float:left;
	width:600px;
}

#syurui2{
	float:left;
	padding-bottom:20px;
}
#syurui2 img{
	float:left;
	width:67px;
	height;13px;
	padding:3px 5px 0 0;
}

/* サブ画面
---------------------------------------------------- */
#right_mainbox2{
	width:680px;
}
#right_mainbox{
	background:url(../common/mainbox_middle.gif);
	background-position:0px 49px;
	width:680px;
	margin-top:24px;
}

#right_navi{
	float:left;
	font-size:13px;
	padding:20px 0 25px 35px;
}

#right_navi a{
  text-decoration: underline;
  color: black;
}

#right_navi a:hover {
  text-decoration: underline;
	color: #9C0000;
}
/* フッタナビゲーション＆トップへのアンカー
---------------------------------------------------- */

#goto_top_main a{
	display:block;
	float:right;
	width: 714px;
	height: 20px;
	text-indent: -9999px;
	background-image: url(../common/gototopmain.gif);
}
#goto_top_main a:hover {background-position: 0px 20px;}
#goto_top{
	padding-right:6px;
}
#goto_top a{
	float:right;
	width: 666px;
	height: 20px;
	text-indent: -9999px;
	background-image: url(../common/gototop.gif);
}
#goto_top a:hover {
	background-position: 0px 20px;
}
#footnavi {
	padding:0 0 0 100px;
}

#footnavi ul{
	width: 960px;
	text-align: left;
  padding-top: 30px;
  list-style: none;
}
#footnavi li{
  display: inline;
}
#footnavi a{
  text-decoration: none;
  color: black;
}
#footnavi a:hover {
  text-decoration: underline;
	color: #9C0000;
}

/* フッタ
---------------------------------------------------- */
#footer{
	width: 100%;
	height:194px;
	background:url(../common/footbg.gif) center;
}
#footer_main{
	width: 960px;
	height:194px;
	background:url(../common/footbgmain.gif);
	margin: 0 auto;
}

ul#sfootnavi{
	padding-top: 75px;
  list-style: none;
	text-align: right;
}
#sfootnavi li{
	display: inline;
	color: white;
}
#sfootnavi a{
	text-decoration: none;
	color: white;
}
#sfootnavi a:hover {text-decoration: underline;}

#footlogo{
	float: left;
	width: 195px;
	padding-top: 22px;
}
#footlogo a{
	display: block;
	width: 195px;
	height: 49px;
	text-indent: -9999px;
	background:url(../common/logow.gif);
}

#footaddress {
	float: left;
	text-align:left;
	color:#FFFFFF;
	width: 700px;
	padding-top: 22px;
	padding-left: 11px;
}

#footaddress h3 {
	float: left;
	padding: 5px 0px 10px 0px;
	font-size:12px;
	font-weight:normal;
}

#copyright{
	float:left;
	padding-top: 3px;
	text-align:left;
	color:#FFFFFF;
}
#contents_sub {
	width:960px;
	margin: 0px auto;
	background:url(../common/content_bg.gif);
}

.clear{
	clear:both;
}

#image{
	font-size:0.1px;
	line-height:0.1px;
}
.navigation{
	padding-top:20px;
}
.alignleft{
	float:left;
}
.alignright{
	float:right;
}