/*
THEME NAME: RayOut
THEME URI: http://rayout.jp/
DESCRIPTION: Styling so simple it's just moo . . .
VERSION: 1.0
AUTHOR: rayout.jp
AUTHOR URI: http://rayout.jp/
TEMPLATE: sandbox
*/

@import url('./reset.css');
@import url('./menu.css');
/* constants */
html {font-size:12px; padding: 0;margin: 0;overflow:auto;height:100%;background: #FFF;
background:url(./images/pageback.jpg) repeat left top;
}
body{font-family: Hiragino Mincho Pro,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-size:12px;margin: 0 auto;padding: 0;
background:url(./images/pageback.jpg) repeat left top;
color: #333333;line-height:150%;}
a{background: inherit;color:#333333;text-decoration:none;outline: none;font-weight: normal;}
a:hover{color:#333333;text-decoration:underline;outline: none;}
a:visitedcolor:#666666;text-decoration:none;outline: none;}
blockquote {color: #9E3500;background: inherit;border: 0;font-style:italic;	text-indent: 15px;line-height: 1.8em;}
p{padding: .5em 0 .7em 0;display: block;}
ol, ul, li {list-style: none;}
h1{font-size: 11px;}
h2{font-size: 12px;}
h3{font-size: 12px;}
h4{font-size: 12px;}
h5{font-size: 12px;}
h6{font-size: 12px;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
strong{font-weight:700;font-style:italic;text-decoration: underline;background: #FFFFD1;color: #3B3B3B;}
em{font-weight: normal;text-decoration: underline;background: #FFFFD1;color: #3B3B3B;}
del, del a, div.entry-content p del a {background:inherit;color: #C4C4C4;}
.caps{text-transform:uppercase;}
code, pre {white-space: pre-wrap;font-family:"Bitstream Vera Sans Mono",Monaco,"Andale Mono",monospace;font-size:.9em;margin-bottom:0pt;margin-left:0pt;}
.fontmeiryo{font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}

/* layout */
div#wrapper.hfeed {width: 900px;margin: 0 auto;background-color:#ffffff;
background:url(./images/wrapback.jpg) repeat left top;

}
div#header {text-align:left;margin-bottom: 0px;padding: 0px;height: 100px;
background:url(./images/headback.jpg) no-repeat left top;
}
div#container {float: left;margin: 0;width: 880px;padding:0 10px 0 10px;background:url(./images/wrapback.jpg) repeat left top;}
div#content {margin: 0;padding:0;}
div.sidebar {float: right;overflow: hidden;font-size: 12px;width: 270px;padding-right: 15px;}
div#secondary {clear: right;margin-bottom: 1em;}
div#footer {width: 100%;border-top: 0px solid #3C3C3C;height: 60px;
background:url(./images/footback.png) repeat left top;
}

/* header */
#blog-title {width: 800px;text-align: left;padding-top: 0px;font-size: 12px;text-transform: uppercase;letter-spacing: 2px;color:#333333;height:16px;margin-left:10px;}
#blog-title a {color: #333333;background: inherit;cursor: pointer;outline: none;}
#blog-title a:hover {background: none;}
#blog-logo{margin-top:10px;margin-left:170px;float:left;width:220px;}
#head-link{text-align:right;margin-right:15px;margin-top:65px;float:right;width:480px;}
#head-link img{vertical-align:middle;margin-left:10px;margin-right:2px;}
#head-link a{vertical-align:middle;}
#blog-description {color: #666;float: right;width: 27%;text-align: right;padding-top: 20px;}
div#access {clear:both;margin-bottom:10px;}

/* navigation */
div#menu{font-size:1em;height:70px;padding:0px;width:900px;}
div#menu ul a{font-weight:700;text-decoration:none;text-transform: uppercase;outline: none;}
div#menu ul,div#menu ul ul,div#menu ul li{list-style:none;margin:0;padding:0;}
div#menu ul li{float:left;}
div#menu ul li a{padding:0.3em 0.5em;outline: none;}
div#menu ul li a:hover, div#menu ul li:hover ul li a:hover, div#menu ul li:hover ul li {color: #333333;}
div#menu ul ul{display:none;}
div#menu ul ul li{float:none;}
div#menu ul ul li a{margin:0;padding:0;outline: none;}
div#menu ul li:hover ul{display:block;font-size:0.8em;padding-top:.2em;position:absolute;}
div#menu ul li:hover ul li a{background:inherit;color: #FAFAFA;border-top: 1px solid #FAFAFA;display:block;padding:0.1em;width:9em;text-transform: uppercase;outline: none;}

/* content */
div.entry-content {width: 880px;float: right;padding: .5em 0 2.5em 0;}
.page div.entry-content {width: 880px;float: left;padding: .5em 0 2.5em 0;}
.entry-title{clear:both;font-size: 1.5em;margin: .3em 0;width:200px;margin-left:0px;}
.entry-title-aisatsu{clear:both;font-size: 1.5em;margin: 0;width:600px;margin-left:20px;}
.entry-title-plan{clear:both;font-size: 1.5em;margin-bottom: 20px;width:100%;text-align:center;height:70px;margin-left:0px;}
.entry-title-plan img{vertical-align:middle;}

.entry-title a, .entry-title-aisatsu a{display: block;vertical-align:middle;}
.entry-title img{vertical-align:middle;}
.entry-title-aisatsu img{vertical-align:middle;}

.entry-title a:hover, .entry-title-aisatsu a:hover{color:#3B3B3B;text-decoration:underline;outline: none;}

/* #pagesummary{width:700px;float:right;height:60px;margin:10px 20px 10px 0;font-size:14px;letter-spacing: 1px;} */
#pagesummary{width:680px;clear:both;height:60px;margin:10px auto;font-size:14px;letter-spacing: 1px;text-align:center;padding-left:20px;}
#pagesummary p{text-align:left;margin:0 auto;}
#contentarea{clear:both;padding:10px 20px 10px 40px;}

div.entry-date {margin: .5em 0;background:inherit;color: #666;font-size: .9em;}
div.entry-meta {color: #3B3B3B;width: 170px;background: inherit;margin: 1em 0;padding: .5em 0;display: block;font-size: .9em;}
div.entry-meta a {background:inherit;color: #3B3B3B;}
span.author.vcard {margin-bottom: .5em;}
div.entry-meta span.cat-links {display: block;margin: .5em 0;}
div.entry-meta span.comments-link {display: block;}
div.comments p a, div.entry-content a, div.entry-content ul li a, div.entry-content ol li ul a {background:inherit;color: #2400CC;}
div.comments a:hover, div#nav-below a:hover, div.entry-content p a:hover, div.entry-content ul li a:hover, div.entry-content ol li ul a:hover, div.comment-meta a:hover, div.comments .bypostauthor .comment-meta a:hover, div.comments .byuser .comment-meta a:hover, div.comments .bypostauthor .comment-meta span.edit-link a, div.comments .byuser .comment-meta span.edit-link a:hover {color: #333333;}
div.entry-content p del a:hover {color: #333333;}
div.entry-content blockquote p a {background:inherit;color: #9E3500;}
div.entry-content blockquote p a:hover {color:#333333;}
div.entry-content p code a {white-space: pre-wrap;font-family:"Bitstream Vera Sans Mono",Monaco,"Andale Mono",monospace;font-size:.9em;border-bottom: 1px dotted #666;}
div.comments p strong a, div.entry-content p ins a {border: none;text-decoration: underline;}
div.comments p strong a, div.entry-content p ins a:hover {border: none;text-decoration: underline;}
a.more-link, div.page-link, p.akpc_pop {font-size: .8em;}
div.entry-content div.page-link a {background:#F1F1F1;color:inherit;}
.error404 div, .noresults div {width: 700px;background: inherit;color: #C44100;float: left;}
/*div.entry-content ol li ul, div.entry-content ul li {list-style: square;margin: .5em 1.5em;}*/
#category-archives h3, #monthly-archives h3, #linkcat-2 h3, #linkcat-3 h3 {border-bottom: 1px dotted #A9A9A9;margin-top: .5em;padding: .5em 0 0;}
li#category-archives.content-column, li#monthly-archives.content-column, li#linkcat-2.linkcat, li#linkcat-3.linkcat {list-style: none;margin: 1em 0;}
div.entry-content ol {padding-left: 1.5em;margin: .5em 0 1em;}
div.entry-content ol li {list-style: decimal;margin: .2em 0;}
div.entry-content ol li ol {margin: .2em 0;}
div.entry-content ol li ol li {list-style: upper-roman;}
div.entry-content ol li ul li, div.sidebar ul ul ul li {list-style: square;}
div.entry-content ol li ol li ol {margin: .2em 0;}
div.entry-content ol li ol li ol li {list-style: lower-alpha;}
div.entry-content p abbr, div.entry-content abbr {cursor: help;border-bottom: 1px dotted #666;}
div.entry-content p ins {text-decoration: none;border-bottom: 1px dotted #666;}
.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}
div#nav-above, div.skip-link {display: none;}
div#nav-below{width:100%;height:1em;clear: both;margin:1.5em 0;font-size: .9em;padding: 1em 0;}
div#nav-below a {background:inherit;color: #333333;}

/* asides */
body.home .category-asides .entry-content, body.home .category-asides .entry-content p, body.home .category-asides .entry-meta {display: inline;margin: 0 .7em 0 0;}
body.home .category-asides {font-size: .9em;background:inherit;color: #666;}
body.home .category-asides a {font-weight: normal;}
body.home .category-asides .entry-meta {display: none;}
body.home .category-asides .entry-date abbr.published {display: none;}
body.home .category-asides div.entry-content {clear: none;float: left;width: 100%;}

/* comments & trackbacks */
div#respond {clear: both;margin-top: .5em;}
#respond h3, #comments-list h3, #trackbacks-list h3{clear: both;padding-top: 1em;margin: 1em 0;border-bottom: 1px solid #666;text-align: left;text-transform: uppercase;}
#comments-list,#trackbacks-list {margin: 1em 0;}
div.comment-meta {background: inherit;color: #666;float: left;width: 170px;margin: .3em 0 .5em;padding: 0;display: block;font-size: .9em;}
div.comment-meta a {display: block;background: inherit;color: #666;}
div.comment-author {clear: both;width: 693px;background: #C4C4C4;color:inherit;display: block;margin: .9em 0 .5em;padding: 7px 0 7px 7px;font-size: .9em;}
div.comment-author a a:visited{background:inherit;color:#000;text-decoration:none;outline:0;}
div.comments .byuser .comment-meta, div.comments .bypostauthor .comment-meta {display: block;}
div.comments .byuser .comment-meta a {background: transparent url(./images/by.registered.gif) no-repeat scroll right center;display: block;}
div.comments .bypostauthor .comment-meta a {background: transparent url(./images/by.author.gif) no-repeat scroll right center;display: block;}
div.comments .bypostauthor .comment-meta span.edit-link a, div.comments .byuser .comment-meta span.edit-link a {background: none;color: #666;}
form#commentform .form-label{margin:1em 0 0;}
form#commentform,form#commentform p{padding:0;margin: 1em 0;}
input#author,input#email,input#url{width:50%;border:1px solid #666;padding: 2px;}
input#author,input#email,input#url,textarea#comment{padding:0.2em;border:1px solid #3B3B3B;}
input#submit {border:1px solid #666;padding: 1px;}
div.comments ol li{margin:0 0 1em;clear: both;}
div.comments ol li p, span.unapproved {width: 500px;float: right;margin: .3em 0 .5em;padding: 0 0 .5em;}
textarea#comment{height:15em;margin:0 0 0.5em;overflow:auto;width:80%;}
form#commentform span.required, span.unapproved{background: inherit;color:#C44100;}

/* sidebar */
div.sidebar h3{font-size:1.3em;padding: .5em 0 .1em;border-bottom: 1px dotted #666;margin-bottom: 5px;text-transform: uppercase;}
div.sidebar input#s{width:9em;}
input#s {border:1px solid #666;padding: 2px;}
input#searchsubmit {border:1px solid #666;padding: 1px;}
div.sidebar li{list-style:none;margin:0 0 1em;}
div.sidebar li form{margin:0.2em 0 0;padding:0;}
div.sidebar ul li a {background: inherit;color: #333333;}
div.sidebar ul li a:hover {color: #333333;}
div.sidebar ul ul{margin:.3em 0}
div.sidebar ul ul li{list-style:none;margin:.2em 0;}
div.sidebar ul ul ul{margin:0 0 0 1.2em;}
#searchform div {padding: .2em 0;}

/* widgets and misc */
table#wp-calendar {width: 100%;}
#archives select {margin:0.2em 0 0;padding:0;}
.sidebar li#pages, .home li#recent-posts.widget.widget_recent_entries, span.meta-sep, li#pages.widget.widget_pages, .single div#secondary.sidebar, .page div#secondary.sidebar, .single li#text-1.widget.widget_text, .page li#text-1.widget.widget_text {display: none;}

/* footer */
div#footer{clear: both;text-align:center;margin-top: 0;padding: 15px 0pt;letter-spacing: 2px;color:#D6BBAD;}
div#footer, #generator-link a, #theme-link a, #generator-link a:hover, #theme-link a:hover {color:#D6BBAD;}
#generator-link a {float: left;padding: 7px 15px;}
#theme-link a {float: right;padding: 7px 15px;}
#bottom-navi{margin:5px 0;text-align:center;color:#4F0A05;letter-spacing: 1px;}
#bottom-navi a{color:#4F0A05;letter-spacing: 1px;}
/* Images */
div.entry-content p img {max-width: 500px;}
div.entry-content p.attachment a img {width: 500px;}
.page div.entry-content p img {max-width: 100%;}
.sidebar li img, .sidebar li a img {padding: 5px;border: 2px solid #333333;max-width: 190px;}
img.center {display: block;text-align: center;margin: 0 auto;}
img.alignleft {padding: .9em .5em .5em;}
img.alignright {padding: .9em 0 .5em .5em;}
img.wp-smiley {background: inherit;color:inherit;}

.mgt10{margin-top:10px;}
.mgt20{margin-top:20px;}
.mgt30{margin-top:30px;}
.mgt40{margin-top:40px;}
.mgb10{margin-bottom:10px;}
.mgb20{margin-bottom:20px;}
.mgb30{margin-bottom:30px;}
.mgb40{margin-bottom:40px;}
.mgr0{margin-right:0px;}
.mgr10{margin-right:10px;}
.mgr20{margin-right:20px;}
.mgr30{margin-right:30px;}
.mgr40{margin-right:40px;}
.mgl0{margin-left:0px;}
.mgl10{margin-left:10px;}
.mgl20{margin-left:20px;}
.mgl30{margin-left:30px;}
.mgl40{margin-left:40px;}
.mgl50{margin-left:50px;}
.fs10{font-size:10px;}
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs13{font-size:13px;}
.fs14{font-size:14px;}
.fs15{font-size:15px;}

ul.breadcrumbs {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size:12px;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
ul.breadcrumbs li {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}


#contentsarea{width:860px;text-align:center;margin:10px auto;clear:both;}
#menu_contents{padding-left:30px;}
.menu_area{width:235px;height:200px;float:left;margin-right:20px;}
.menu_title{width:235px;text-align:center;}
.menu_image{margin:5px 0 10px;}
.menu_summary{text-align:left;}

/* 温泉 */
.spa_contents_area{clear:both;width:860px;}
.spa_content{width:410px;float:left;margin-left:0px;}
.spa_content h3{height:40px;}
.spa_image{height:265px;}
.spa_content p{height:60px;width:400px;letter-spacing: 1px;}


.spa_dl dl {
margin:40px 0 0 0;
padding:20px 10px;
 border:1px solid #999;
 width:380px;
height:225px;
background-color:#ffffff;
letter-spacing: 1px;
}
.spa_dl dt {
 float:left;
 width:5em;
margin:0;
 padding:5px 0 5px 10px;
 clear:both;
 font-weight:300;
text-align:right;
}
.spa_dl dd {
 width:290px;
 margin:0 0 0 5em;
 padding:5px 5px 5px 10px;
}

/* 館内 */
.kannai_contents_area{clear:both;width:860px;}
.kannai_content{width:391px;float:left;margin-left:20px;}
.kannai_content h3{height:30px;}
.kannai_image{height:265px;}
.kannai_content p{height:60px;width:390px;letter-spacing: 1px;}

/*挨拶*/
.aisatsu p{letter-spacing: 1px;line-height:160%;font-size:14px;}

/*TOP*/
.plan_area{width:380px;float:left;margin-right:10px;}
.plan_image{height:85px}
.plan_summary{width:360px;margin-top:-5px;margin-right:20px;height:40px;}

.big_plan_area{width:380px;float:left;margin-right:10px;}
.big_plan_image{height:158px}
.big_plan_summary{width:360px;margin-top:-5px;margin-right:20px;height:40px;}

/*客室*/
.room_top_menu_area{width:259px;height:241px;float:left;margin:20px 15px 0 0;}
.room_top_menu_title{width:259px;text-align:center;}
.room_top_menu_image{margin:10px 0 5px;}
.room_top_menu_summary{text-align:left;}
.room_top_menu_summary_link{text-align:right;}
/*料理*/
.food_contents_area{clear:both;}
.food_contents_area h3{margin-bottom:10px;}
.food_image{float:left;width:400px;}
.food_menu{float:right;width:400px;}
.food_menu h4{font-size:15px;}
.food_menu p{font-size:14px;}

.food_menu_image_area{clear:both;margin:30px 0;height:320px;}
.food_menu_image{float:left;width:190px;margin-right:10px;}

/*交通*/
#access_area{text-align:left;}
#access_area h3{color:#7F0000;font-size:16px;text-align:left;width:100%;}

.style6{color:#ffffff;}
.style7{color:#333333;}

/*客室詳細*/
.subroom_area{width:830px;height:360px;margin:10px auto;text-align:left;}
.subroom_image{float:left;width:410px;margin-right:10px;padding-top:25px;}
.subroom_text{float:right;width:410px;}
.subroom_text h3{width:410px;height:77px;background:url(./images/title-hed.png) no-repeat scroll left center;}
.subroom_text h3 img{margin:30px 0 0 70px;}
.subroom_summary{margin:10px 0;}
.subroom_data{text-align:left;}

.subroom_data dl {
margin:20px auto;
padding:20px 20px;
 border:1px solid #999;
 width:760px;
height:820px;
background-color:#ffffff;
letter-spacing: 1px;
}
.subroom_data dt {
 float:left;
 width:9em;
margin:0;
 padding:5px 0 5px 10px;
 clear:both;
 font-weight:300;
text-align:right;
letter-spacing: 1px;
}
.subroom_data dd {
 width:630px;
 margin:0 0 0 9em;
 padding:5px 5px 5px 10px;
letter-spacing: 1px;
line-height:160%;
}
.confirmation{text-align:right;padding-right:30px;}
.confirmation p{padding-right:20px;margin-top:-10px;}

.room_sum_menu_area{float:left;width:90px;}
.room_sum_menu_title{}
.room_sum_menu_image{}



/* 宝山 */
.houzan_line{clear:both;margin-bottom:30px;height:210px;}
.houzan_content{width:270px;float:left;}
.houzan_image{width:64px;float:left;}
.houzan_text{width:200px;float:right;text-align:left;font-size:12px;}
.houzan_text h3{color:#8B272B;font-size:15px;margin-bottom:4px;}
.houzan_text p{padding:0;line-height:120%;}
.gentei{color:#8B272B;text-align:right;}

/*観光*/
.kanko_area{clear:both;border-top:1px #cccccc solid;margin-bottom:10px;padding-top:10px;margin-left:30px;width:810px;}
.kanko_content_top{float:left;width:400px;text-align:left;}
.kanko_content_topmap{float:right;height:360px;width:320px;}

.kanko_content{width:400px;float:left;}
.kanko_content h3, .kanko_content_top h3{text-align:left;color:#94252A;font-size:16px;}
.kanko_content h4, .kanko_content_top h4{text-align:left;color:#333333;font-size:16px;}
.kanko_content h4{float:left;width:190px;}
.kanko_link{float:right;width:50px;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
color:#2400CC;font-size:12px;
}
.kanko_link a{color:#2400CC;text-decoration:underline;}

.kanko_s{clear:both;}
.kanko_image{float:left;width:130px;}
.kanko_text{float:right;width:260px;text-align:left;margin-right:10px;}
.kanko_time{text-align:right;}

/*プラン*/
#plan_text{clear:both;width:480px;height:60px;margin:30px auto 20px;text-align:left;}

.plan_data{text-align:left;}

.plan_data dl {
margin:40px auto;
padding:40px 20px;
 border:1px solid #999;
 width:760px;
background-color:#ffffff;
letter-spacing: 1px;
}
.plan_data dt {
 float:left;
 width:130px;
margin:0;
 padding:10px 0 5px 10px;
 clear:both;
 font-weight:300;
text-align:right;
letter-spacing: 1px;
color:#94252A;
border-top:1px #cccccc dotted;
}
dt.dttop {border:none;}


.plan_data dd {
 width:610px;
 margin:0 0 5px 130px;
 padding:10px 5px 5px 10px;
letter-spacing: 1px;
line-height:160%;
border-top:1px #cccccc dotted;
}
dd.ddtop {border:none;}

.plan_yoyaku{text-align:right;padding-right:30px;}
.plan_yoyaku p{padding-right:20px;margin-top:-20px;}


a#kaiin {
margin-left:70px;
   display: block;
   width: 123px; /* 画像1枚分の横幅 */
   height: 12px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("./images/hitou2.png"); /* 画像ファイル名 */
}

a#kaiin:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

#whatsnew{margin:10px auto 30px;width:640px;text-align:left;}
#whatsnew_title{}
#whatsnew_data{
border-radius: 5px;         /* CSS3 */
-moz-border-radius: 5px;    /* Firefox */
-webkit-border-radius: 5px; /* Safari,Chrome */
text-align:left;width:620px;background-color:#ffffff;padding:10px;
}
.wdate{float:left;width:80px;}
.wtite{float:right;width:500px;}
#site_summary{text-align:left;width:760px;margin-left:70px;margin-bottom:20px;}

#allplan01{}
.allplan_area{clear:both;}
.all_plan_data{height:260px;}
.allplan_image{float:left;width:300px;}

.allplan_data{float:right;width:440px;}
.allplan_title{margin:bottom:10px;}
.allplan_p1{border-bottom:#999999 2px solid;padding-bottom:10px;}
.allplan_p2{margin:10px 0;}
.allplan_syosai{text-align:right;}

.allplan_data{}



