@charset "UTF-8";


/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
ページレイアウト
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*フレーム*/
#wrapper { margin: 0; padding: 0; text-align: left; }
#container { margin: 0 auto; padding: 0; }
#containerInner { margin: 0; padding: 0; }

/*コンテンツエリア*/
#contentsArea_wrap { margin: 0 auto; width:791px;color:#333; }

#contentsArea { padding: 20px 18px 0;background-color:#fff;background:transparent url(http://www.pension-shiosai.jp/usr-data/template/simple-black-sec/common-img/content_middle.gif) repeat-y 0 0; }
#contentsAreaInner { margin: 0 auto;  }

/*メインエリア*/
#mainArea { float: left; padding: 0 0 40px 0; width: 558px; }

/*サイドバーエリア*/
#sidebarArea { float: right; padding: 0 0 20px 0; width: 183px;color:#2667CD;}

/*サイドバー編集エリア*/
.usersidearea { margin: 0 auto 12px; padding: 0; width: 183px;font-size:11px; }
.usersidearea div.r_middle{padding:8px;width:167px;background:transparent url(http://www.pension-shiosai.jp/usr-data/template/simple-black-sec/common-img/r_mid.gif) repeat-y 0 0; }
.usersidearea div strong{font-size:15px;color:#ff6600 !important;}


.usersidearea .r_middle .r_tel{margin:5px 0;width:162px;height:35px;background:transparent url(http://www.pension-shiosai.jp/usr-data/template/simple-black-sec/common-img/ico_tel.gif) no-repeat 123px 5px;line-height:175%;}
.usersidearea .r_middle .r_fax{margin:10px 0 5px;width:162px;height:auto;background:transparent url(http://www.pension-shiosai.jp/usr-data/template/simple-black-sec/common-img/ico_fax.gif) no-repeat 123px 5px;line-height:175%;}
.usersidearea .r_middle .r_fax a strong{display:none;}
.usersidearea .r_middle .r_fax a{display:block;margin-top:4px;width:162px;height:30px;background:transparent url(http://www.pension-shiosai.jp/usr-data/template/simple-black-sec/common-img/fax_bt.gif) no-repeat 0 0;}
.usersidearea .r_middle .r_fax a:hover{background-position:0 -30px;}

.usersidearea .r_middle .r_acces{margin:8px 0 0;width:162px;height:31px;line-height:130%;}
.usersidearea .r_middle .r_adres{margin:10px 0 5px;width:162px;line-height:130%;}
.usersidearea .r_middle .r_mel a{
display:block;width:162px;height:31px;background:transparent url(http://www.pension-shiosai.jp/usr-data/template/simple-black-sec/common-img/ico_mail.gif) no-repeat 123px 5px;}
.usersidearea .r_middle .r_acces a{
display:block;width:162px;height:31px;background:transparent url(http://www.pension-shiosai.jp/usr-data/template/simple-black-sec/common-img/ico_access.gif) no-repeat 123px 5px;}

.usersidearea .r_middle .r_mel a:hover,
.usersidearea .r_middle .r_acces a:hover
{background-color:#FEEFD2;background-position:123px -32px;}




/*ユーザー編集領域*/
#user-area { width: 558px; }

/*パンくずリスト*/
#breadcrumbsList { margin: 0 auto; padding: 0; width:; text-align: left; }
#breadcrumbsList ul { margin: 0; padding: 0 0 10px 0; }
#breadcrumbsList li { display: inline; margin: 0 4px 0 0; padding: 0; }
#breadcrumbsList li a { margin: 0; padding: 0 13px 0 0; background: url(http://www.pension-shiosai.jp/usr-data/template/simple-black-sec/common-img/ico_breadcrumbs.gif) no-repeat right; }

/*iPhone*/
@media screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
ヘッダーエリア
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#headerAreaOuter { margin: 0 auto; padding: 0; text-align: center; }
#headerArea { margin: 0 auto; padding:0; width: 784px; text-align: left; overflow: hidden; }
#headerAreaInner { width: 910px; height: 78px; }

/*ロゴ*/
#headerArea h1 { float: left; margin: 0; padding: 0; width: 300px; height: 50px; }
#headerArea h1 a { width: 300px; height: 50px; display: block; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; }

/*バナーエリア*/
#headerBanner { }

/*サブナビゲーション*/
#subNaviArea { float: right; margin: 0; padding: 0; width: 610px; height: 50px; text-align: right; font-size: 0.9em; }
#subNaviArea ul { margin: 0; padding: 0; list-style: none; }
#subNaviArea ul li { margin: 0; padding: 0 10px 0 8px; display: inline; line-height: normal; background-image: url(http://www.pension-shiosai.jp/usr-data/template/simple-black-sec/common-img/sub_navi_ico.gif); background-repeat: no-repeat; background-position: 0 0; }
#subNaviArea ul li a { font-weight: normal; text-decoration: none; }

/*サイト説明（SEO対策コメント）*/
#headerArea h2 { clear: both; margin: 0 0 3px 0; padding: 10px 0 0 0; width: 910px; display: block; font-size: 0.8em; font-weight: bold; line-height: normal; text-align: left; }

/*カバーエリア*/
#coverAreaOuter { margin: 0 auto; padding: 0; text-align: center; width:784px;}





/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
グローバルナビゲーション
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#globalNaviArea { margin: 0 auto; padding: 3px 0 0 0; width: 910px; text-align: center; }
#globalNaviAreaInner { margin: 0 auto; padding: 0; width: 910px; }
#globalNaviArea ul { margin: 0; padding: 0; list-style: none; }
#globalNaviArea ul li { float: left; margin: 0; padding: 0; display: block; text-align: center; line-height: 36px; white-space: nowrap; border-right: 3px solid #FFF; }
#globalNaviArea ul li a { float: left; margin: 0; padding: 0 25px 0 25px; height: 35px; display: block; font-weight: bold; text-decoration: none; }





/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
ローカルナビゲーション
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#localNaviArea { margin: 0 0 0 0; padding: 10px; }
#localNaviArea ul { margin: 0; padding: 0; list-style: none; list-style-position: outside; }
#localNaviArea ul li { margin-bottom: 2px; }
#localNaviArea ul li a { padding: 10px 10px 10px 20px; width: 170px; display: block; font-weight: bold; line-height: 1.2em; }
#localNaviArea ul li a:hover { text-decoration: none; }





/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
フッターエリア	
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#footerOuter { margin: 0 auto; padding:0; text-align: center; } 
#footerArea { position: relative; margin: 0 auto; padding: 0; width: 784px; height: 111px;background:  url(http://www.pension-shiosai.jp/usr-data/template/simple-black-sec/common-img/footer_line.gif) no-repeat 0 bottom; color:#2667CD;}
#footerAreaOuter {margin-top:5px;background:transparent url(http://www.pension-shiosai.jp/usr-data/template/simple-black-sec/common-img/footer_border_bg.gif) repeat-x 0 bottom;}

/*ページトップボタン*/
#pPageTop_wrap{text-align:right;} 
#pPageTop { clear: both;margin:0 0 0 670px; padding: 0;  width: 80px; height: 19px; }
#pPageTop a { margin: 0; padding: 0; width: 80px; height: 19px; display: block;   background: url(http://www.pension-shiosai.jp/usr-data/template/simple-black-sec/common-img/btn_pagetop.gif) no-repeat left top; }
#pPageTop a:hover { background: url(http://www.pension-shiosai.jp/usr-data/template/simple-black-sec/common-img/btn_pagetop.gif) no-repeat 0 -19px; }
#pPageTop a strong{display:none;}
/*フッターナビゲーションエリア*/
#footerNaviArea {  margin:0; padding:0; width: 784px;  text-align: center; font-size: 0.9em; }
#footerNaviArea ul { margin: 0; padding: 0; list-style: none; }
#footerNaviArea ul li { margin: 0; padding: 0; display: inline;color:#2667CD; }
#footerNaviArea ul li a { text-decoration: none;color:#2667CD; }
#footerNaviArea ul li a:hover { color:#FF6600; }
/*コピーライト*/
#footerArea p#pInfo { position:absolute;top:60px;left:205px; margin:0; padding: 0; width:520px;font-size:11px;line-height:150%;color:#2667CD; }
#pCopyright { margin:0 auto; padding: 0; width:322px;font-size:12px;color:#2667CD; }

* {padding:0;margin:0;color:#333;}
a,img {border:none;}
ul {list-style:none;}
a:hover img{
	opacity:0.6;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
}

html,body{background-color:#fff;font-size:12px;}

#coverArea,
#coverAreaInner{
width:784px !important;
}

#header_wrap{
background:transparent url(../common-img/head_border_bg.gif) repeat-x 0 0;
}


*:first-child+html #header_wrap{
margin-top:29px;
}



#header{
/*overflow: hidden;
zoom: 1;  IE向け */

margin:0 auto;
width:784px;
height:104px;
background:  url(../common-img/head_border.gif) no-repeat 0 15px;
color:#2667CD;

}

h1{margin:19px 0 0 17px;font-size:17px;color:#2667CD;}

.glogo{margin:20px 0 0 30px;_margin:0px 0 0 30px;}
.glogo a{padding:50px;
_padding:20px;_display:block;_width:200px;}
.glogo strong{visibility:hidden;}
.tel{margin:10px 0 0 580px;_margin:-30px 0 0 580px;}
*:first-child+html .tel{
margin:-8px 0 0 580px;
}


#flash{
margin:10px auto;
width:784px;

}

#gnav{
margin:10px auto;
width:784px;
color:#fff;
}

#gnav ul{
width:784px;
height:30px;
overflow: hidden;
zoom: 1;  IE向け 

}

#gnav ul li{
float:left;
}

#gnav li,
#gnav li span,
#gnav li span a {
display:block;
width:98px;
height:30px;
background:transparent url(../common-img/g_nav.gif) no-repeat;

}
.head_img{margin:0 0 10px;}
#page16-1 .head_img{display:none;}
.bTxt {padding:0 17px !important;width:auto !important;}

/*
==============================
ロールオーバー時
==============================
*/
li.gl_bt00 span{background-position:0 -30px !important;}
li.gl_bt01 span{background-position:-98px -30px !important;}
li.gl_bt02 span{background-position:-196px -30px !important;}
li.gl_bt03 span{background-position:-294px -30px !important;}
li.gl_bt04 span{background-position:-392px -30px !important;}

li.gl_bt05 span{background-position:-490px -30px !important;}
li.gl_bt06 span{background-position:-588px -30px !important;}
li.gl_bt07 span{background-position:-686px -30px !important;}
li.gl_bt08 span{background-position:-784px -30px !important;}
li.gl_bt09 span{background-position:-177px -30px !important;}

li.gl_bt10 span{background-position:-177px -30px !important;}
li.gl_bt11 span{background-position:-177px -30px !important;}
li.gl_bt12 span{background-position:-177px -30px !important;}
li.gl_bt13 span{background-position:-177px -30px !important;}
li.gl_bt14 span{background-position:-177px -30px !important;}

/*
==============================
IE リンク点滅防止
==============================
*/

#gnav li span a strong{display:none;}

#gnav li span a:hover {background-image:none;}

li.gl_bt00 a{background-position:0 0 !important;}
li.gl_bt01 a{background-position:-98px 0 !important;}
li.gl_bt02 a{background-position:-196px 0 !important;}
li.gl_bt03 a{background-position:-294px 0 !important;}
li.gl_bt04 a{background-position:-392px 0 !important;}

li.gl_bt05 a{background-position:-490px 0 !important;}
li.gl_bt06 a{background-position:-588px 0 !important;}
li.gl_bt07 a{background-position:-686px 0 !important;}
li.gl_bt08 a{background-position:-784px 0 !important;}
li.gl_bt09 a{background-position:0 0 !important;}

li.gl_bt10 a{background-position:0 -360px !important;}
li.gl_bt11 a{background-position:0 -400px !important;}
li.gl_bt12 a{background-position:0 -440px !important;}
li.gl_bt13 a{background-position:0 -480px !important;}
li.gl_bt14 a{background-position:0 -520px !important;}

/*
==============================
allways active states
==============================
*/
body#page1-1 li.gl_bt00 a{background-position:0 -30px !important;}
body#page2-1 li.gl_bt01 a{background-position:-98px -30px !important;}
body#page3-1 li.gl_bt02 a{background-position:-196px -30px !important;}
body#page4-1 li.gl_bt03 a{background-position:-294px -30px !important;}
body#page5-1 li.gl_bt05 a{background-position:-490px -30px !important;}

body#page6-1 li.gl_bt06 a{background-position:-588px -30px !important;}
body#page7-1 li.gl_bt07 a{background-position:-686px -30px !important;}
body#page8-1 li.gl_bt08 a{background-position:-784px -30px !important;}


/*各ページタイトルバー*/
#unit-217 .bTtl,
#unit-218 .bTtl,
#unit-194 .bTtl,
#unit-193 .bTtl,
#unit-192 .bTtl,
#unit-191 .bTtl,
#unit-190 .bTtl,
#unit-189 .bTtl,
#unit-188 .bTtl{
width:558px;
height:26px;
background:transparent url(http://www.pension-shiosai.jp/usr-data/template/simple-black-sec/common-img/p_title01.jpg) no-repeat;
}
#unit-217 h3,
#unit-218 h3,
#unit-194 h3,
#unit-193 h3,
#unit-192 h3,
#unit-191 h3,
#unit-190 h3,
#unit-189 h3,
#unit-188 h3{display:none;}

#unit-217 .bTtl{background-position: 0 0px;}/*その他の施設/設備*/
#unit-218 .bTtl{background-position: 0 -234px;}/*その他の施設/設備*/
#unit-191 .bTtl{background-position: 0 -52px;}/*その他の施設/設備*/
#unit-190 .bTtl{background-position: 0 -78px;}/*お部屋*/
#unit-189 .bTtl{background-position: 0 -156px;}/*お料理*/
#unit-188 .bTtl{background-position: 0 -208px;}/*周辺案内*/
#unit-192 .bTtl{background-position: 0 -130px;}/*露天風呂*/
#unit-193 .bTtl{background-position: 0 -104px;}/*大理石風呂(内風呂)*/
#unit-194 .bTtl{background-position: 0 -26px;}/*料金*/

/*トップ*/
#page1-1 .col1 {
margin-bottom:20px !important;
}
#page1-1 .hsNormal {
margin-bottom:0 !important;
}
#page1-1 .bSubTtl h4 {
font-size:12px !important;
color:#ff6600 !important;}
#page1-1 .bdSolid {
border-color:#9BC5EB;
}

#page14-1 .box1 .bTxt,
#page1-1 .box1 .bTxt{padding:0 !important;}

#page1-1 #unit-196 ul{padding:0 45px !important;margin-top:27px;}
#page1-1 #unit-196 ul li{font-size:18px;color:#FF6600 !important;line-height:1.8em;}

#page1-1 #unit-196 .ad2{margin-bottom:50px;}
#page1-1 #unit-208 #CatList208{padding:20px 0 0 12px;}
#page1-1 #unit-208 .bCatList{width:auto;}
#page1-1 #unit-208 .bCatListRss{margin-top:3px;}
#page1-1 #contentsArea_wrap {position:relative;}
#page1-1 #unit-223 {position:absolute;top:-334px; left:3px;}
#page1-1 #unit-223 {_width:791px;_top:-334px;_left:0;}

/*料理*/

#page2-1 #unit-34{margin-top:36px;}

#page2-1 #unit-40 h3,
#page2-1 #unit-42 h3,
#page2-1 #unit-43 h3{color:#FF6600 !important;font-weight:bold;}

#page2-1 #unit-40{margin-top:40px;}
#page2-1 #unit-36{margin-left:26px;}

#page2-1 #unit-47,
#page2-1 #unit-49,
#page2-1 #unit-51
{margin:0 0 5px !important;}
#page2-1 #unit-48 .bTxt {
padding:0 13px !important;
}
#page2-1 #unit-184 .bTxt {
padding:0 13px 0 0 !important;
}
/*お部屋*/
#page3-1 #unit-161 {margin-bottom:3px!important;}
#page3-1 #unit-161 p {display:none;}

#page3-1 #unit-169 .bTxt {font-size:10px;}
/*風呂*/
#page4-1 #unit-64
{margin-top:60px !important;}

#page4-1 #unit-63,
#page4-1 #unit-56
{margin-top:15px !important;}


#page4-1 .box2{height:170px;}
#page4-1 #unit-142,
#page4-1 #unit-62,
#page4-1 #unit-55,
#page4-1 #unit-63,
#page4-1 #unit-58
{margin:0 auto;width:234px;}
#page4-1 #unit-62{margin:30px 0 10px;}
#page4-1 #unit-63{margin:30px 0 10px 20px !important;}

#page4-1 #unit-55{
height:130px;
background:transparent url(http://www.pension-shiosai.jp/global-image/units/img/59-1-20100426171558.gif) no-repeat bottom right;
}
#page4-1 #unit-142,
#page4-1 #unit-58{/*薄ボカシ温泉マーク*/
margin-left:40px;
width:224px;
height:130px;
background:transparent url(http://www.pension-shiosai.jp/global-image/units/img/59-1-20100426171558.gif) no-repeat bottom right;
}
#page4-1 #unit-142{
margin-left:20px;
}
#page4-1 .bImgTxt .bImgTxtLeft img,#page4-1 .col1 .bImgTxt .bImgTxtLeft {width:auto !important;}

#page4-1 #unit-64 .bImgTxtRight
{padding:60px 10px 10px 80px !important;}
#page4-1 .tate {/*立て札*/height:200px;background:transparent url(http://www.pension-shiosai.jp/global-image/units/img/59-1-20100426171317.jpg) no-repeat right 0;}
#page4-1 .tate p{padding:56px 0 0 51px;width:177px;}
#page4-1 .tate,
#page4-1 .tate p,
#page4-1 .tate strong{color:#fff !important;}

/*#page4-1 .col2-1{margin-bottom:25px;}*/
#page4-1 #unit-137, #page4-1 #unit-139{margin-top:40px;}

#page4-1 #unit-140 h4{margin:25px 0 0 0 !important; background: url(http://www.pension-shiosai.jp/global-image/units/ttlimg/62-1-20100426170622.gif) no-repeat left top;width:90px;height:22px;text-indent:-9999px;}

#page4-1 #unit-143 h4{margin:40px 0 0 20px !important; background: url(http://www.pension-shiosai.jp/global-image/units/ttlimg/63-1-20100426170656.gif) no-repeat left top;width:90px;height:22px;text-indent:-9999px;}

#page4-1 .hsNormal {margin-bottom:8px!important;}

#page4-1 #unit-149,
#page4-1 #unit-151,
#page4-1 #unit-155 {margin-bottom:3px!important;}
#page4-1 #unit-155 {margin-bottom:30px!important;}
#page4-1 #unit-149 p,
#page4-1 #unit-151 p,
#page4-1 #unit-155 p {display:none;}


/*料金*/

#page5-1 #price{padding:0 17px !important;}

#page5-1 #price table{border-collapse:collapse;text-align:center;}
#page5-1 #price table td{border:1px solid #ccc;}

#page5-1 #unit-67{padding:20px 10px;}
#page5-1 #unit-67 img,
#page5-1 #unit-67 .bImgTxt .bImgTxtLeft{width:auto !important;}
#page5-1 #unit-67 .bImgTxt .bImgTxtLeft{margin:0 20px 0 0;}
#page5-1 #unit-65 .bTxt{padding:0 !important;
width:auto !important;}
/*周辺案内*/

#page6-1 .bImgTtlTxt .bImgTtlTxtRight h5{padding:5px 0 3px 12px;margin-bottom:5px;color:#333;background:transparent url(http://www.pension-shiosai.jp/usr-data/template/simple-black-sec/common-img/shuhen_titlebg.gif) no-repeat 0 0;color:#fff;}

#page6-1 .bImgTtlTxt .bImgTtlTxtRight p{padding:0 12px; 0}

#page6-1 #unit-127{margin-left:5px;}
#page6-1 iframe{border:1px solid #9BC5EB;}

#page9-1 .bTxt,
#page6-1 .bTxt {padding:0 !important;width:auto !important;}

/*ブログ*/
#page7-1 #sidebarArea{display:none !important;}
#page7-1 #mainArea  {
padding:0 20px 0 7px;
width:745px;
}
#page7-1 #user-area  {
width:745px;
}


/*問い合わせ*/
#page8-1 .bContact th{
padding:10px 10px 10px 25px ;
border-left-width:0;}


/*交通のご案内*/
#page9-1 #unit-136 h3 { background: url(../common-img/access_title01.gif) no-repeat left top;width:558px;height:26px;text-indent:-9999px; }
#page9-1 #unit-134 {margin-left:5px;}

#page9-1 #unit-144 {padding:0 10px;}
*:first-child+html #page9-1 #unit-144 {padding:0;}

#page9-1 #unit-145{background: url(../common-img/access_ico01.gif) no-repeat left bottom;}
#page9-1 #unit-147{background: url(../common-img/access_ico02.gif) no-repeat left bottom;}
#page9-1 #unit-147,
#page9-1 #unit-145{
height:26px;
border:1px solid #2667CD;
border-width:0 0 1px;
}

#page9-1 #unit-147 h4,
#page9-1 #unit-145 h4{
text-indent:34px;
}

#page9-1 #unit-147 .bSubTtl,
#page9-1 #unit-145 .bSubTtl
{padding-top:7px;}


#page9-1 #unit-146,
#page9-1 #unit-148
{padding-left:15px;}