@charset "utf-8";
/* CSS Document */
#imghd	{height:490px; margin:-23px auto 0 auto; overflow: hidden; text-align:center; background:url(../img/index/imghd.jpg) center 0 repeat-x;}
#left,
#right	{margin-top:-20px;}

#imghd { background:url(../img/cms/bg-imghd.png) repeat-x 0 bottom; height:136px;}

#imghd h2 {
  margin:0 auto;
  text-align:center;
  height:136px;
  text-indent:-2000px;
  overflow:hidden;
  background-repeat: no-repeat;
  background-position: center top;
}
#gallery #imghd{/*height:146px;*/}
#gallery #imghd h2{background-image: url(../img/cms/gallery/imghd.jpg);/*height:151px;*/}
#voice #imghd{height:172px;}
#voice #imghd h2 {
  background-image: url(../img/cms/voice/imghd.jpg);
height:176px;
}
#blog #imghd {height:148px;}
#blog #imghd h2 {
  background-image: url(../img/cms/blog/imghd.jpg);
  height:153px;

}
#news #imghd h2 {
  background-image: url(../img/cms/new/imghd.jpg);
}
#voice #left,#blog #left,#gallery #left{margin-top:20px;}
#event #imghd,
#news #imghd {height:172px;}
#event #imghd h2,
#news #imghd h2 {
  height:177px;

}

.entry p{
  margin-bottom: 7px;
  color: #583F19;
}
p{line-height:175%;}
a:hover img.btn{opacity:0.7; filter:alpha(opacity=70);}
#left a:hover img{opacity:0.7; filter:alpha(opacity=70);}


#nav-gallery				{width:700px; overflow:hidden; position:relative;}
#nav-gallery li			{float:left;}
#nav-gallery a			{
  height:46px;
  background-image:url(../img/cms/gallery/nav-gallery.png);
  background-repeat:no-repeat;
  text-indent:-9999px;
  display:block;
}
#nav-gallery1	 {width:98px; background-position:0px 0;}
#nav-gallery2	 {width:105px; background-position:-98px 0;}
#nav-gallery3	 {width:89px; background-position:-203px 0;}
#nav-gallery4	 {width:109px; background-position:-292px 0;}
#nav-gallery5	 {width:102px; background-position:-401px 0;}
#nav-gallery6	 {width:93px; background-position:-503px 0;}
#nav-gallery7	 {width:104px; background-position:-596px 0;}
          
#nav-gallery1:hover	 {width:98px; background-position:0px -46px;}
#nav-gallery2:hover	 {width:105px; background-position:-98px -46px;}
#nav-gallery3:hover	 {width:89px; background-position:-203px -46px;}
#nav-gallery4:hover	 {width:109px; background-position:-292px -46px;}
#nav-gallery5:hover	 {width:102px; background-position:-401px -46px;}
#nav-gallery6:hover	 {width:93px; background-position:-503px -46px;}
#nav-gallery7:hover	 {width:104px; background-position:-596px -46px;}
          
#onsen #nav-gallery1	 {width:98px; background-position:0px -46px;}
#cuisine #nav-gallery2	 {width:105px; background-position:-98px -46px;}
#room #nav-gallery3	 {width:89px; background-position:-203px -46px;}
#facilities #nav-gallery4	 {width:109px; background-position:-292px -46px;}
#service #nav-gallery5	 {width:102px; background-position:-401px -46px;}
#exterior #nav-gallery6	 {width:93px; background-position:-503px -46px;}
#misc #nav-gallery7	 {width:104px; background-position:-596px -46px;}




/* event
----------------------------------------------------------------------- */
#event #content	{ position:relative; width:700px; background-image: url(../img/cms/event/block-bg.png); background-position: left top; background-repeat: repeat-y; }
#event #content h3{position:absolute;left:0px;top:0px;z-index:0;}
#event #content #loop{ /*position:absolute;*/ z-index:1; width: 700px; background-image: url(../img/cms/event/block-foot.png); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 15px; padding-top: 60px; margin-bottom: 20px; }

/*post*/
#event #content .post{position:relative; width:640px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999; padding-top: 15px; padding-bottom: 15px; margin-right: auto; margin-left: auto; }
#event #content .post .info{ float:left; width: 290px;height:112px; position:relative;}
#event #content .post .info p.date{
  position:absolute;
  left:0px;
  top:0px;
  background: url(../img/sitemap/icon.png) no-repeat left center;
  padding-left: 10px;
}
#event #content .post .info h4{
  position:absolute;
  left:95px;
  top:47px;
  font-size: 14px;
  color: #E05568;
  font-weight: bold;
}
#event #content .post .info .img{
  position:absolute;
  left:0px;
  top:25px;
    padding: 2px;
  border: 1px solid #C96F7D;
  background-color:#FFFFFF;
  width:80px;
  height:80px;
}

#event #content .post .info h4 a{ color:#E05568; font-size: 14px; font-weight: bold; text-decoration: none; }
#event #content .post .info ul.tags{ position:absolute; top:25px;left: 95px; }
#event #content .post .info ul.tags li{ float:left; width:85px; text-align:center; color:#FFFFFF; background-image: url(../img/cms/event/tag1.png); background-repeat: repeat; background-position: left top; margin-right: 4px; }
#event #content .post .info ul.tags li.tag1{background-image: url(../img/cms/event/tag1.png);}
#event #content .post .info ul.tags li.tag2{background-image: url(../img/cms/event/tag2.png);}
#event #content .post .info ul.tags li.tag3{background-image: url(../img/cms/event/tag3.png);}
#event #content .post .info ul.tags li.tag4{background-image: url(../img/cms/event/tag4.png);}
#event #content .post .info ul.tags li.tag5{background-image: url(../img/cms/event/tag5.png);}
#event #content .post .info ul.tags li.tag6{background-image: url(../img/cms/event/tag6.png);}
#event #content .post .info ul.tags li.tag7{background-image: url(../img/cms/event/tag7.png);}
#event #content .post .info ul.tags li.tag8{background-image: url(../img/cms/event/tag8.png);}
#event #content .post .info ul.tags li.in{background-image: url(../img/cms/event/tag2.png);}
#event #content .post .info ul.tags li.out{background-image: url(../img/cms/event/tag4.png);}
#event #content .post .info ul.tags li.out2{background-image: url(../img/cms/event/tag4.png);width:95px;}

#event #content .post div.entry{ float:right; width:330px; padding-left: 10px; border-left-width: 1px; border-left-style: dotted; border-left-color: #999999; padding-top: 2px; padding-right: 0px; padding-bottom: 2px; min-height:100px;}

/* gallery
----------------------------------------------------------------------- */
#gallery #gnav7	{background-position:-700px -40px;}

#gallery .select1 { background-position:0 -46px;}
#gallery .select2	 {width:105px; background-position:-98px -46px;}
#gallery .select3	 {width:89px; background-position:-203px -46px;}
#gallery .select4	 {width:109px; background-position:-292px -46px;}
#gallery .select5	 {width:102px; background-position:-401px -46px;}
#gallery .select6	 {width:93px; background-position:-503px -46px;}
#gallery .select7	 {width:104px; background-position:-596px -46px;}

#gallery #caption{ background-image:url(../img/cms/gallery/caption.png); background-position: left top; height: 80px; width: 640px; padding-right: 30px; padding-left: 30px; margin-top: 0px; margin-bottom: 0px; padding-top: 20px; padding-bottom: 0px; }
#gallery #content{ background-image: url(../img/cms/gallery/gallery-bg.png); background-repeat: no-repeat; background-position: left 46px; }
#gallery ul.imgs{margin-bottom:20px;padding-left:25px;padding-right:0px;margin-top:30px;height:641px;}
#gallery ul.imgs li{float:left;width:149px;margin-right:17px;height:150px;}
#gallery ul.imgs li img{
  width:143px;
  height:107px;
  display: block;
  padding: 2px;
  border: 1px solid #C96F7D;
}
#gallery ul.imgs li p{
  padding-left:15px;
  margin-top: 3px;
  background: url(../img/cms/gallery/dot.png) no-repeat left 6px;
  line-height:110%;
  padding-top:3px;
}

/* voice
----------------------------------------------------------------------- */



/*caption*/
#voice #caption	{height:212px;position:relative;}
#voice #caption	img	{position:absolute;z-index:0;left:0px;top:0px;}
#voice #caption	p	{ position:absolute; z-index:1; width:500px; bottom:65px; left:35px; }

#voice #content{
  position:relative;
  width:700px;
  background-image: url(../img/cms/voice/line-bg.png);
  background-position: left 46px;
  background-repeat: repeat-y;
}
#voice #content #loop{ background-repeat: no-repeat; background-position: bottom; }

/*post*/
#voice .post{ width:336px; height:500px; background-image: url(../img/cms/voice/block-bg.png); background-position: left top; position: relative; float: left; display: inline; margin-left: 9px; margin-bottom: 10px; }
#voice .post p.date{ line-height:115%;position:absolute; left:17px; top:14px; text-align:center; width:72px; height:64px; background-image: url(../img/cms/voice/date1.png); background-repeat: no-repeat; background-position: left top; padding-top: 15px; }
#voice .post p.date strong{ display:block; font-size: 24px; font-weight: bold; line-height: 101%; }
#voice .post p.date1{background-image: url(../img/cms/voice/date1.png);}
#voice .post p.date2{background-image: url(../img/cms/voice/date2.png);}
#voice .post p.date3{background-image: url(../img/cms/voice/date3.png);}
#voice .post p.date4{background-image: url(../img/cms/voice/date4.png);}
#voice .post p.date5{background-image: url(../img/cms/voice/date5.png);}

#voice .post h4{ position:absolute; left:104px; top:30px; font-size: 20px; color: #E05568; font-weight: bold; }
#voice .post div.excerpt{ position:absolute; left:104px; top:62px; }
#voice .post div.entry{
  position:absolute;
  left:75px;
  top:330px;
  padding-right:20px;
}
#voice .post a.btn{ position:absolute; display:block; width:230px; height: 26px; left: 40px; bottom: 20px; background-image: url(../img/cms/voice/btn-bg.png); background-repeat: no-repeat; background-position: left; color:#573F1A; text-decoration: none; text-align: center; padding-left: 20px; padding-top: 10px; }
#voice .post a.btn:hover{opacity:0.7; filter:alpha(opacity=70);}

#voice .post .img{ position:absolute;top:100px;left:17px;width:300px;height:270px;}

#voice .navigation,
#news .navigation{ background-image: url(../img/cms/voice/line-last.png); background-repeat: no-repeat; background-position: left top; height: 82px; clear: both; width: 680px; margin-top:-20px; padding-top:20px; /margin-top:0px;padding-right: 10px; padding-left: 10px; }
#voice .navigation a,
#news .navigation a{background-repeat: no-repeat;   background-color: #FFFFFF; height: 20px; }
#voice .navigation .alignleft a,
#news .navigation .alignleft a{ float:left; background-image: url(../img/cms/voice/navi-prev.png); background-position: left top; padding-left: 30px; padding-top: 2px; padding-right: 5px; display: block; width: 80px; }
#voice .navigation .alignright a,
#news .navigation .alignright a{ float:right; background-image: url(../img/cms/voice/navi-next.png); background-position: right top; padding-top: 2px; padding-right: 30px; padding-left: 5px; display: block; width: 80px; }
#news .navigation{ background-image:none;margin-top:20px;padding-top:0px;}
#voice #archive{
  margin-left:auto;
  margin-right:auto;
  margin-bottom:20px;
  width:680px;
  background: url(../img/cms/voice/archive-bg.png);
  padding-bottom:15px;
}
#voice #archive ul li{
  padding-left:20px;
  width:320px;
  float:left;

  font-size:16px;
  font-weight:bold;
  color: #FDECD5;
  height:70px;
}
#voice #archive ul ul li{display:inline;padding:0;height:auto;width:auto;font-size:12px;font-weight:normal;color:#666666	height:15px;
margin-right:14px;}

#voice #archive ul li a{color:#852e42;text-decoration:none;cursor:default;}

#voice #archive ul li li a{color:#333333;text-decoration:underline;cursor:pointer;}
#voice #archive ul li li a:hover{color:#555555;text-decoration:underline;}


/* blog
----------------------------------------------------------------------- */
#blog #body{float:right;width:510px;}
#blog #body h3{ background-image:url(../img/cms/blog/header.png); width:470px; height:54px; font-size:22px; padding-top: 24px; font-weight: bold; color: #be3163; padding-left: 40px; }
#blog #body h3 span{ color:#FFA2B1; font-size: 12px; font-weight: normal; padding-left: 10px; }


/*post*/
#blog #body .post{ background-image: url(../img/cms/blog/block-bg.png); background-repeat: no-repeat; background-position: left bottom; width: 510px; }

/*post-header*/
#blog #body .post .info{background-image: url(../img/cms/blog/block-header.png); background-repeat: no-repeat;  width: 510px; position:absolute;height:100px;position:relative;}
#blog #body .post .info a{ color:#FC7C93 }
#blog #body .post p.date{ position:absolute; left:17px; top:14px; text-align:center; width:72px; height:64px; background-image: url(../img/cms/blog/date1.png); background-repeat: no-repeat; background-position: left top; padding-top: 15px; }
#blog #body .post p.date strong{ display:block; font-size: 24px; font-weight: bold; line-height: 101%; }
#blog #body .post p.date1{background-image: url(../img/cms/blog/date1.png);}
#blog #body .post p.date2{background-image: url(../img/cms/blog/date2.png);}
#blog #body .post p.date3{background-image: url(../img/cms/blog/date3.png);}
#blog #body .post p.date4{background-image: url(../img/cms/blog/date4.png);}
#blog #body .post p.date5{background-image: url(../img/cms/blog/date5.png);}


#blog #body .post .info h4{ position:absolute; left:104px; top:50px; font-size: 20px; color: #E05568; font-weight: bold; }
#blog #body .post ul.post-categories { position:absolute; left:104px; top:27px; }
#blog #body .post ul.post-categories a{ display:block; background-color: #852e42; margin-right: 3px; padding-top: 2px; padding-right: 15px; padding-bottom: 2px; padding-left: 15px; color: #FFFFFF; text-decoration:none;}
#blog #body .post ul.post-categories a:hover{
  background-color: #C4516A;}
#blog #body .post ul.post-categories li{ float:left;}
/*navi*/
#blog #body .navigation{
  position:relative;
  background-image: url(../img/cms/blog/navigation.png);
  background-repeat: no-repeat;
  background-position: left top;
  height: 146px;
  clear: both;
  width: 490px;
  margin-top:-20px;
  padding-top:20px;
  padding-right: 10px;
  padding-left: 10px;
}
#blog #body .navigation div a{background-repeat: no-repeat;   background-color: #FFFFFF; height: 20px; }
#blog #body .navigation .alignleft a{ float:left; background-image: url(../img/cms/voice/navi-prev.png); background-position: left top; padding-left: 30px; padding-top: 2px; padding-right: 5px; display: block; width: 80px; }
#blog #body .navigation .alignright a{ float:right; background-image: url(../img/cms/voice/navi-next.png); background-position: right top; padding-top: 2px; padding-right: 30px; padding-left: 5px; display: block; width: 80px; }
#blog #body .navigation #oldblog{
  position:absolute;
  bottom:20px;
  left:120px;
}

/*post-entry*/
#blog #body .post .entry{padding-bottom:30px;min-height:180px; padding-left:30px;padding-right:30px;}

/*sub*/
#blog #sub{ float:left; width:190px; background-image: url(../img/cms/blog/sub-bg.png); background-repeat: repeat-y; }
#blog #sub h3{ margin-top:20px; margin-bottom: 10px;margin-left:10px; }
#blog #sub #top{ background-image:url(../img/cms/blog/sub-bg-top.png); background-repeat: no-repeat; }
#blog #sub #bottom{ margin-top:20px; background-image: url(../img/cms/blog/sub-bg-bottom.png); background-repeat: no-repeat; background-position: left bottom; text-align: center; padding-bottom: 20px; }

#blog #sub ul {width:160px;margin-left:20px;}
#blog #sub ul li{ background-image:url(../img/cms/blog/dot.png); background-repeat: no-repeat; background-position: left 6px;padding-left:10px; }
#blog #sub ul ul{margin-left:10px;width:auto;}
#blog #sub a{ color:#563D17 }

/*検索*/
#blog form#searchform #s{width:100px;}
#blog form#searchform #searchsubmit{width:50px;}
/*カレンダー*/
#wp-calendar{width:160px;margin-left:20px;}
#wp-calendar caption{
  font-weight: bold;
  text-align: left;
  padding: 5px 5px 0px 10px;
  margin-bottom:10px;
  height:24px;
  background: url(../img/cms/blog/calendar-caption.png) no-repeat center center;
}
#wp-calendar td,
#wp-calendar td{
  text-align: center;
  vertical-align: middle;
  border-top: 1px solid #FFFFFF;
  padding:4px 0;
  width:14.2%;
}
#wp-calendar th{padding-bottom:5px;}
#wp-calendar a {	display:block;width:18px;text-align:center;background-color:#FC7C93;text-decoration:none;padding:1px;}
#wp-calendar a:hover {
  background-color:#FDB3BF;
  text-decoration:none;
}
#wp-calendar #next a,
#wp-calendar #prev a{background-color:transparent;display:inline;}
#wp-calendar #next{text-align:right;}
#wp-calendar #prev{text-align:left;}
#wp-calendar td#today{
  display:table-cell!important;
  border-style: none!important;
  background: #FFFFFF!important;
}

/*フック*/
.screen-reader-text{display:none!important;}



/* new
----------------------------------------------------------------------- */
#news #left{margin-top:20px;}
#news #content	{ position:relative; width:700px; background-image: url(../img/cms/new/block-bg.png); background-position: left top; background-repeat: repeat-y; min-height:400px; }
* html #news #content{height:400px;}
#news #content h3{position:absolute;left:0px;top:0px;z-index:0;}
#news #content #loop{ /*position:absolute;*/ z-index:1; width: 700px; background-image: url(../img/cms/new/block-foot.png); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 15px; padding-top: 60px; margin-bottom: 20px; }

/*post*/
#news #content .post{position:relative; width:640px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999; padding-top: 15px; padding-bottom: 15px; margin-right: auto; margin-left: auto; }
#news #content .post .info{ float:left; width: 200px;min-height:35px; position:relative;}
#news #content .post .info p.date{position:absolute;left:0px;top:0px;}
#news #content .post .info h4{
  position:absolute;
  left:0px;
  top:17px;
  font-size: 14px;
  color: #E05568;
  font-weight: bold;
}
#news #content .post .info .img{
  position:absolute;
  left:0px;
  top:25px;
    padding: 2px;
  border: 1px solid #C96F7D;
  background-color:#FFFFFF;
  width:80px;
  height:80px;
}
#news #content .post .info h4 a{ color:#E05568; font-size: 14px; font-weight: bold; text-decoration: none; }

#news #content .post div.entry{ float:right; width:420px; padding-left: 10px; border-left-width: 1px; border-left-style: dotted; border-left-color: #999999; padding-top: 2px; padding-right: 0px; padding-bottom: 2px; }

#blog .entry img{
  max-width:100%;
  height:auto;
}