@charset "utf-8";

*{margin:0;padding:0;}

body{
font: 14px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#3d3d3d;
background:url(/hp/wp-content/themes/hale/images/bg.png);
}

a{color:#000000;text-decoration:none;font-weight:bold;}
a:hover{color:#3d3d3d;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}
p{margin-bottom: 10px;}
.center{text-align:center;}
.right{text-align:right;}

#bg_header1{
background:url(/hp/wp-content/themes/hale/images/bg_header1.png) top repeat-x;
margin:0 auto;
}

#bg_header2{
background:url(/hp/wp-content/themes/hale/images/bg_header2.png) top repeat-x;
margin:0 auto;
}

/*************
全体幅
*************/
#header, #container{
margin: 0 auto;
width: 1000px;
}

.inner{
margin: 0 auto;
/*width: 1400px;*/
width: 980px;
}

/*************
/* ヘッダー
*************/
#header{
position:relative;
height: 80px;
width: 1000px;
}

#header h1,#header h2, #header h3, #header ul{
position:absolute;
top:20px;
font-size: 6px;
line-height: 6px;
font-weight: normal;
color:#392a1b;
}

#header h2{
font-weight: normal;
right:0;
}

#header h3{top: 22px;}


/******************
/* ヘッダーナビゲーション
******************/
#header ul{
top: 34px;
right: 0px;
}

#header ul li{
list-style: none;
float:left;
}




/*************
メイン画像
*************/
#mainImage{
padding: 0px;
}


/*************
コンテンツ全体
*************/
#container{padding: 30px 0 0; }

.box{
float: left;
width: 225px;
margin-right: 15px;
padding-bottom: 10px;
line-height: 1.2;
}

/* 最後のbox */
.last{margin-right:0;}

/* 横に長いbox */
.long{width:470px;}

/* 画像を左に回りこみ */
.long img{
float:left;
margin: 0 10px 10px 0;
}

/* H2 見出し */
#container h2{
font-size: 14px;
margin: 0 0 15px;
padding: 5px 10px;
background:#eeeeee;
border-bottom: 1px solid #bebebe;
}

/* H3 見出し */
#container h3{
font-size: 14px;
margin: 0 0 15px;
padding: 5px 10px;
background:#eeeeee;
}

#container ul, .inner ul{margin-left: 5px;}

#container ul li, .inner ul li{
list-style: none;
margin-bottom: 7px;
padding-left: 7px;
}

.inner ul li{list-style: none;}

#date {
text-align: right;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 10px;
font-weight:bold;
color:#858585;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}

/************************
メイン（右側）コンテンツ
************************/
#main {
float: right;
width: 750px;
padding-bottom:60px;
}


/************************
サイド（左側）コンテンツ
************************/
#sidebar {
float: left;
width: 245px;
padding-bottom:30px;
}

#sidebar h3{
font-size: 14px;
margin: 0 0 15px;
padding: 5px 10px;
background:#eeeeee;
border-bottom: 1px solid #bebebe;
}

#sidebar ul{
padding-bottom:10px;
}
#side-inquiry{
background:url(/hp/wp-content/themes/hale/images/bg_inquiry.png) no-repeat;
width:220px;
height:175px;
}
#side-inquiry img{
margin:92px 0 0 12px;
}

/*************
/* フッター
*************/
#footerinner{
clear:both;
padding: 20px 0;
overflow: hidden;
/*background:#eeeeee;*/
border-bottom: 1px solid #444444;
width:1000px;
margin:0 auto;
}

#footerUpper .inner{
overflow: hidden;
background:#eeeeee;
}

#footerLower{
border-top: 1px solid #797979;
overflow: hidden;
background:url(/hp/wp-content/themes/hale/images/bg_bottom.png) bottom repeat-x;
height:150px;
}

#footerLower .inner{
position:relative;
min-height: 60px;
color: #fff;
font-size:13px;
}

* html #footerLower .inner{height:60px;}

#footerLower .inner p{
position:absolute;
top: 10px;
padding-bottom: 5px;
}

#footerLower .inner p#contact{right:0;}

.logo-footer{
float:left;
width:100px;
height:100px;
}
.shop-info{
float:left;
width:300px;
height:150px;
background:url(/hp/wp-content/themes/hale/images/name.png) no-repeat;
color:#fff;
padding-left:5px;
}
.shop-info a{
color:#fff;
}
.shop-info img{
margin:4px 0 5px 174px;
}
.shop-info span{
color:orange;
font-size:90%;
}

.box_footer-right{
float:right;
width:550px;
height:150px;
}
.box_footer-right p{
float:right;
width:400px;
color:#fff;
text-align:right;
}
.inquiry_footer{
float:left;
background:url(/hp/wp-content/themes/hale/images/bg_inquiry_footer.png) no-repeat;
width:360px;
height:72px;
}
.inquiry_footer img{
margin:8px 0 10px 194px;
}
.reserve_footer{
float:right;
}
.pagetop{
width:1000px;
margin:0 auto;
text-align:right;
}
.pagetop img{
margin-bottom:20px;
}

/*************
/* トップページ特徴
*************/
.feature-01{
background:url(/hp/wp-content/themes/hale/images/feature-01.png) no-repeat;
width:750px;
height:220px;
margin-bottom:20px;
}
.feature-01 p{
color:#fff;
font-size:90%;
padding:140px 0 0 30px;
}
.feature-02{
background:url(/hp/wp-content/themes/hale/images/feature-02.png) no-repeat;
width:750px;
height:220px;
margin-bottom:20px;
}
.feature-02 p{
color:#fff;
font-size:90%;
padding:140px 0 0 30px;
}
.feature-03{
background:url(/hp/wp-content/themes/hale/images/feature-03.png) no-repeat;
width:750px;
height:220px;
margin-bottom:20px;
}
.feature-03 p{
color:#fff;
font-size:90%;
padding:140px 0 0 30px;
}
#page-tl h2{
color:#fff;
font-size:150%;
background:none;
}
#page-01{
margin-top:30px;
width:700px;
padding:30px;
background:url(/hp/wp-content/themes/hale/images/bg_page.png);
border-radius:20px ;
-webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 20px;   /* Firefox用 */  
}
#page-01 h3{
background:url(/hp/wp-content/themes/hale/images/bg_tl.png) no-repeat;
width:650px;
height:50px;
padding:8px 0 0 80px;
font-size:190%;
font-weight:normal;
margin:30px 0 0 20px;
color:#f55929;
}
table.price {
margin:00px 80px 10px;
width:640px;
border-bottom:gray 2px dotted;
}
table.price th{
font-weight:normal;
border-top:gray 2px dotted;
text-align:left;
padding:10px 5px;
font-size:120%;
}
table.price th span{
font-size:90%;
}
table.price td{
border-top:gray 2px dotted;
padding:10px 5px 10px 5px;
font-size:120%;
}
.price-note{
margin:0 0 0 100px;
}
th.price-numbr{
font-size:110%;
border-top:none;
padding-left:50px;
}

.room {
padding:20px 30px 20px 20px;
}
.room-1 img{
text-align:left;
vertical-align:top;
margin:20px 10px;
border:#fff 5px solid;
clear:both;
} 
p.wp-caption-text {
text-align:center;
text-decoration:underline;
}
a.map{
margin-left:20px;
text-decoration:underline;
font-weight:normal;
}
.access{
margin-left:30px;
background:#fff;
padding:5px 20px;
width:550px;
margin:40px 50px 20px;
border-radius:5px;
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */  
}
.access h4{
text-decoration:underline;
}

/************* 
 /* よくある質問 
*************/ 
dl,dt,dd{ 
} 
.faqs{ 
font-size:120%;
margin:30px;
width:640px;
padding:0px 10px 0px 10px;
}
.faqs dt{ 
background:url(/faqs/images/faq-q.png) no-repeat;
margin:20px 0 10px 0px; 
padding:10px 0 10px 40px;
text-align:left;
} 
.faqs dt:hover{ 
cursor:pointer; 
} 
.faqs dd{ 
padding:0px 0 0px 30px; 
position:relative; 
font-size:120%;
color:#ff5856;
margin-bottom:20px;
} 
.faqs .hover{ 
color: gray; 
text-decoration:underline; 
} 
/************* 
/* 観光情報
*************/ 
.dist{
color:#f55929;
float:right;
margin:-40px 40px 0 0;
}
.sightseeing{
margin:10px 30px 20px 20px;
}
.sightseeing-img {
float:left;
width:280px;
}
.sightseeing-img img{
border-radius:50%;
}
.sightseeing-note {
float:right;
width:350px;
}
.sightseeing-tl {
text-decoration:underline;
font-size:90%;
font-weight:bold;
line-height:1em;
}
/************* 
/* 利用案内
*************/ 
.guide-01{
margin:20px 30px 0 20px;
}

.guide-01 ul li{
list-style-type: square; !important
}
.guide-02{
margin:20px 0 0 60px;
font-size:150%;
}
/************* 
/* 当館概要
*************/ 
#company table{
    width:650px;
    border:1px solid #dfdfdf;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
    margin:20px 0 0 30px;
}
#company th{
    width:150px; 
    border-bottom:1px solid #dfdfdf;
    border-right:1px solid #dfdfdf;
    padding:1.2em 0.2em;
    font-size:90%;
    font-weight:normal;
    text-align:center;
    background:#eee;
}
#company td{
    border-bottom:1px solid #dfdfdf;
    padding:1.3em 0.5em 1.3em 2em;
    background-color:#ffffff;
}


/************* 
/* 宿泊予約
*************/ 
table.order{
    width:650px;
    border:1px solid #dfdfdf;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
    margin:20px 0;
}
.order th{
    width:150px; 
    border-bottom:1px solid #dfdfdf;
    border-right:1px solid #dfdfdf;
    padding:1.2em 0.2em;
    font-size:90%;
    font-weight:normal;
    text-align:center;
    background:#eee;
}
.order td.order-01{
    border-bottom:1px solid #dfdfdf;
    padding:1.3em 0.5em 1.3em 2em;
    background-color:#ffffff;
}
.order td.order-02{
    border-bottom:1px solid #dfdfdf;
    padding:1.3em 1em;
    background-color:#ffffff;
    width:30px;
}
table.order a{
color:#214a78;
text-decoration:underline;
}
table.order span{
}
table.order span.red{
color:red;
}
.reservation-form{
text-align:right;
margin-right:20px;
}
.reservation-form span{
color:red;
font-size:140%;
}

/* フォーム
------------------------------------------------------------*/
input[type="text"], input[type="email"], textarea, select{
vertical-align:middle;
max-width:90%;
line-height:30px;
height:30px;
padding:1px 5px;
border:1px solid #d4d4d7;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
background:#fcfcfc;
}

textarea{
height:auto;
line-height:1.5;
}

input[type="submit"],input[type="reset"],input[type="button"], p.readon a{
vertical-align:top;

background: #111111;
background: -moz-linear-gradient(top, #111111 0%, #222222 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#111111), color-stop(100%,#222222));
background: -webkit-linear-gradient(top, #111111 0%,#222222 100%);
background: -o-linear-gradient(top, #111111 0%,#222222 100%);
background: linear-gradient(to bottom, #111111 0%,#222222 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#222222',GradientType=0 );
border:0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
line-height:28px;
font-size:120%;
color:#fff;
padding:5px 30px;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,p.readon a:hover{
background: #222222;
background: -moz-linear-gradient(top, #222222 0%, #111111 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#111111));
background: -webkit-linear-gradient(top, #222222 0%,#111111 100%);
background: -o-linear-gradient(top, #222222 0%,#111111 100%);
background: linear-gradient(to bottom, #222222 0%,#111111 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#111111',GradientType=0 );
cursor:pointer;
}
*:first-child+html input[type="submit"]{padding:3px;}


#hale{
text-indent:100%;
white-space:nowrap;
overflow:hidden;
line-height:0.01em;
}