@charset "UTF-8";
/* @override 
	http://wsc.studiobrain.net/5/wp-content/themes/wsc5-0-b3/style.css
*/
/*  
Theme Name: WSC(HHN-Custom)
*/





/***** Reset (ここは編集しないこと) *****/
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%;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;color: #333;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
caption {width: 100%;}
p{color: #333;}






/***** 横幅設定 (100% or 950px) *****/
#container{width: 1000px;}


/***** カラム設定 (3 or 2 or 1) *****/
/*2カラム右*/
#main{width: 700px;}
#side{width: 280px; float:right; background-color: #666;}
#mainwrap{width: 700px;float: left;}
#sidebar2{width: 100%;background-color: #666;}





/***** 共通のタグ CommonTag *****/
body{font: 13px/1.231 arial, helvetica, clean, sans-serif;*font-size: small;*fonto: x-small;background: url(http://hotel-higashinihon-morioka.com/h/img/header_back.jpg) repeat-x #f6f5f5;font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;}
table {font-size: inherit; font: 100%;}
pre, code, kbd, samp, it {font-family: monospace;*font-size: 108%;line-height: 100%}
h1,h2,h3,h4,h5,h6,p{margin: 0;padding: 0px 0 15px;}
a{ outline:none;color: #333;text-decoration: none;}
a:hover{color: #999;text-decoration: underline;}






/***** スペース領域 AreaSpace *****/
#container{margin-right:auto;margin-left:auto;}
#main{padding-bottom: 10px;text-align:left;background-color: #fff;overflow: hidden;background: url(http://hotel-higashinihon-morioka.com/h/img/page_back.jpg) repeat;}
#mainwrap{overflow: hidden;}
#side{overflow: hidden;}
#sidebar1{overflow: hidden;}
#sidebar2{float: right;overflow: hidden;}
.sidebar{padding-bottom: 15px;overflow: hidden;background: #f6f5f5;}
#header{
  height: 103px;float: left;width: 1000px;
  background:#F6F4F5 url(http://www.hotel-higashinihon-morioka.com/h/img/menu_bg.jpg) repeat-x bottom;
}
#header p{display: none;visibility: hidden;}
#header2{height: 277px;width: 1000px;margin-bottom: 25px;float: left;}
#footer{clear:both;background-color: #333;float: left;width: 100%;}
#wrap{clear:both;width: 1000px;overflow: hidden;margin-left: auto;margin-right: auto;}
#pagewrap{clear: both;float: left;overflow: hidden;width: 700px;}
#main_bottom{height: 20px;background: url(http://hotel-higashinihon-morioka.com/h/img/page_back_bottom.jpg) no-repeat;}
#main_top{height: 20px;background: url(http://hotel-higashinihon-morioka.com/h/img/page_back_top.jpg) no-repeat;}
#sidebar4 {background-color: #fff;}





/***** ヘッダー Header *****/
#header #header-left{float: left;width: 163px;}
#description {
  float:left;
  position:absolute; top:35px; margin:0 0 0 30px;
  font-size:9px;
  color: #999;
}

/*ヘッダーナビ header_navi*/
#header_navi{
  padding:0;
  float:right;
  margin-top:10px;
}
#header_navi #page_navi{
  border-left:1px solid #ccc;
  list-style-type:none;
  text-align:right;
  white-space:nowrap;
  float:right;
  width:100%;
  padding:0;
}



#header_navi #page_navi li{padding: 0;margin: 0;float: left;}
#header_navi #page_navi li ul{float: left;padding: 0;margin: 0;list-style-type: none;}
#header_navi #page_navi li ul li{padding: 0;}
#header_navi #page_navi li a{letter-spacing: 3px;color: #666;padding: 0px 10px;float: left;border-right: 1px solid #ccc;font-size: 9px;}
#header_navi #page_navi li a:hover{text-decoration: none;color: #000;}
#header_navi #page_navi li.current_page_item a{color: #875400;}





/***** フッター Footer *****/
#footer{background: url(http://hotel-higashinihon-morioka.com/h/img/foot_back.jpg) repeat-x #f6f5f5;width: 100%; height: 110px;}
#copy{width: 1000px:margin-right: auto;margin-left: auto;margin-top: 25px;text-align: center;}
#copy p{color: #fff;line-height: 2px;font-size: 10px;letter-spacing: 1px;}
#foot_logo {margin: 10px;}







/***** コンテンツ Content *****/
.pagename{font-weight: bold;clear: both;color: #005376;background-color: #eee;border-bottom: 1px solid #999;margin-bottom: 0;padding: 15px 2%;font-size: 120%;}
.content {clear: both;font-size: 90%;line-height: 180%;padding: 0px 20px;}
.content .title{margin: 0;padding: 0 0 10px;}
.content .title a{color: #C00;text-decoration:none;display: block;background-color: #ccc;font-size: 105%;line-height: 100%;padding: .2em 1.5%;}
.content .title a:hover{color:#E6332D;background-color: #dfdfdf;} 
.content p{}
.content h1{font-size: 140%;line-height: 100%;}
.content h2{font-size: 120%;line-height: 100%;}
.content h3{font-size: 105%;line-height: 100%;}
.content h4{font-size: 95%;line-height: 100%;}
.content h5{font-size: 90%;line-height: 100%;}
.content h6{font-size: 75%;line-height: 100%;}
.content small{font-size: 80%;}
.content big{font-size: 130%;}
.content a{color: #226db9;} 
.content a:hover{color: #2783de;} 
.content a.more-link {display: block;margin: 10px 0 0;padding: 5px 7px;background-color: #f6f6f6;border-right: 5px solid #3774bb;text-align: right;font-size: 90%;line-height: 120%;} 
.content ul{list-style-position: outside;padding: 0 0 15px 25px;list-style-type: disc;line-height: 140%;}
.content ol{list-style-position: outside;margin: 0;padding: 0 0 15px 25px;list-style-type: decimal;line-height: 140%;}
.content ul ul,.content ol ol,.content ul ol,.content ol ul{padding-left: 3%;}
.content blockquote {margin: 0 0 15px;background-color: #e1f5f9;border: 1px solid #b2d3e0;clear: both;padding: 10px 2% 0;}
.content blockquote p{margin: 0;padding: 0px 0px .8em;}
.content blockquote ol,.content blockquote ul{margin: 0;padding: 0px 0px .8em 25px;}
.content .postmetadata {margin: 0;color: #333;clear: both;border-top: 1px solid #bbb;padding: 8px 0 0;font-size: 80%;line-height: 160%;}
.content img.alignleft{float:left;padding:0 10px 10px 0;}
.content img.alignright{float:right;padding:0 0 10px 10px;}
#pagewrap .relation ul {padding: 15px 0 15px 40px;}

/*コメント comments*/
#comments-area {padding: 15px;font-size: 90%;line-height: 170%;clear: both;}
#comments-area small{font-size: 85%;}
#comments-area ol.commentlist {list-style-type: none;padding-left: 5%;}
#comments-area input#author,
#comments-area input#email,
#comments-area input#url {border: 1px solid #666;padding: 3px;width: 50%;}
#comments-area textarea#comment {border: 1px solid #666;width: 92%;padding: 3px;}
#comments-area form#commentform {padding: 0 0 0 5%;}
#comments-area p.nocomments {display: none;}

/*ナビゲーション Navi*/
.navigation{clear: both;text-align: center;padding:10px 0;white-space: nowrap;float:left;width:100%;}
.navigation a{color: #fff;padding:2px 5px;background-color: #999;border: 2px solid #ccc;float: left;font-size:70%;line-height:100%;}
.navigation a:hover{color: #fff;}
.navigation div.alignleft {float: left;padding:0 0 0 10px;}
.navigation div.alignright {float: left;padding:0 0 0 10px;}





/***** サイドバー Sidebar *****/
.sidebar {font-size: 0.85em;line-height: 1.4em;}
.sidebar ul{list-style-type: none;margin: 0;overflow: hidden;background-color: #f6f5f5;padding: 0;}
.sidebar ul li{background: #f6f5f5 url(http://www.hotel-higashinihon-morioka.com/h/img/blog_p.jpg) no-repeat 0 0.6em;padding: 5px 0px 0px 10px;}
.sidebar p{color: #993300;margin-left: -5px;margin-top: -5px;margin-bottom: -5px;}
.sidebar .widget{overflow: hidden;margin: 0;}
.sidebar .module_title {margin: 0 0 5px;clear: both;background-color: #ccc;font-size: 90%;line-height: 130%;font-weight: bold;padding: 3px 2%;}
.sidebar a {color: #05f;}
.sidebar a:hover {color: #08f;text-decoration: underline;}

/*テキスト textwidget*/
.sidebar .textwidget p {background-color: #fff;}

/*検索 search*/
.sidebar #searchform input#s {width: 70%;border: 1px solid #999;padding: 4px;font-size: 100%;}
.sidebar #searchform label.hidden {font-weight: bold;}

/*カレンダー Calendar*/
.sidebar #wp-calendar {color: #333;background-color: #fff;line-height: 100%;font-size: 95%;width:100%;margin:0 auto;}
.sidebar #calendar p.module_title {display: none;}
.sidebar #wp-calendar thead {background-color: #eee;}
.sidebar #wp-calendar caption {color: #000;font-weight: bold;background-color: #ccc;padding: 5px 0;}
.sidebar #wp-calendar th{text-align: center;padding: 3px 0;}
.sidebar #wp-calendar td{text-align: center;padding: 3px 0;}

/*タグクラウド*/
.sidebar #tag_cloud {line-height: 1.2;}








/***** その他 Others *****/
.no-screen{ display:none; }

#main .edit{text-align: center;font-style: italic;padding: 0;float: right;width: 49px;height: 15px;margin: -33px -11px 0 0;}
#main .edit a{position: absolute;top: 0;right: 0;background-color: #07f;color: #fff;padding: 2px 10px;}

/*
#navi {width: 912px;height: 34px;margin-top: 69px;margin-left: auto;margin-right: auto;padding: 0px;}
#navi ul {width: 912px;height: 34px;margin-top: 69px;margin-left: auto;margin-right: auto;padding: 0px;list-style: none;
background: url(http://www.hotel-higashinihon-morioka.com/h/img/menu.jpg) no-repeat; 
}
#navi a {text-decoration: none;height: 34px;margin: 0px;padding: 0px;display: block;}
#navi .navi {visibility: hidden;}
#navi .btn {float: left;height: 34px;margin: 0px;padding: 0px;}

li#btn1 a { background: url(http://www.hotel-higashinihon-morioka.com/h/img/menu.jpg) no-repeat    0px 0px; }
li#btn2 a { background: url(http://www.hotel-higashinihon-morioka.com/h/img/menu.jpg) no-repeat -114px 0px; }
li#btn3 a { background: url(http://www.hotel-higashinihon-morioka.com/h/img/menu.jpg) no-repeat -228px 0px; }
li#btn4 a { background: url(http://www.hotel-higashinihon-morioka.com/h/img/menu.jpg) no-repeat -342px 0px; }
li#btn5 a { background: url(http://www.hotel-higashinihon-morioka.com/h/img/menu.jpg) no-repeat -456px 0px; }
li#btn6 a { background: url(http://www.hotel-higashinihon-morioka.com/h/img/menu.jpg) no-repeat -570px 0px; }
li#btn7 a { background: url(http://www.hotel-higashinihon-morioka.com/h/img/menu.jpg) no-repeat -684px 0px; }
li#btn8 a { background: url(http://www.hotel-higashinihon-morioka.com/h/img/menu.jpg) no-repeat -798px 0px; }
li#btn1 a:hover { background-position:    0px -35px;}
li#btn2 a:hover { background-position: -114px -35px;}
li#btn3 a:hover { background-position: -228px -35px;}
li#btn4 a:hover { background-position: -342px -35px;}
li#btn5 a:hover { background-position: -456px -35px;}
li#btn6 a:hover { background-position: -570px -35px;}
li#btn7 a:hover { background-position: -684px -35px;}
li#btn8 a:hover { background-position: -798px -35px;}

div#navi ul li.current a { background-position-y:-70px!important; }
*/

#navi {
width: 980px; height: 34px; margin-top: 69px; margin-left: auto; margin-right: auto; padding: 0px; }
#navi ul {
width: 980px;height: 34px;margin-top: 69px;margin-left: auto;margin-right: auto;padding: 0px;list-style: none;
/*background: url(http://www.hotel-higashinihon-morioka.com/h/img/menu.jpg) repeat-x top;*/
}
#navi a {text-decoration: none;height: 34px;width: 114px;margin: 0px;padding: 0px;display: block;}
#navi .navi {visibility: hidden;}
#navi .btn {float: left;height: 34px; margin: 0px;padding: 0px;}
#navi .btn a { background: url(http://www.hotel-higashinihon-morioka.com/h/img/menu_bg2.jpg) no-repeat; }

#navi #btn1 a { background-position: -5px 0px; width: 100px; }
#navi #btn2 a { background-position: -120px 0px; width: 100px; }
#navi #btn3 a { background-position: -235px 0px; width: 100px; }
#navi #btn4 a { background-position: -343px 0px; width: 110px; }
#navi #btn5 a { background-position: -450px 0px; width: 120px; }
#navi #btn6 a { background-position: -573px 0px; width: 110px; }
#navi #btn7 a { background-position: -680px 0px; width: 120px; }
#navi #btn8 a { background-position: -805px 0px; width: 100px; }
#navi #btn9 a { background-position: -915px 0; width: 107px; }

#navi #btn1 a:hover { background-position: -5px -35px; width: 100px; }
#navi #btn2 a:hover { background-position: -120px -35px; width: 100px; }
#navi #btn3 a:hover { background-position: -235px -35px; width: 100px; }
#navi #btn4 a:hover { background-position: -343px -35px; width: 110px; }
#navi #btn5 a:hover { background-position: -450px -35px; width: 120px; }
#navi #btn6 a:hover { background-position: -573px -35px; width: 110px; }
#navi #btn7 a:hover { background-position: -680px -35px; width: 120px; }
#navi #btn8 a:hover { background-position: -805px -35px; width: 100px; }
#navi #btn9 a:hover { background-position: -915px -35px; width: 107px; }

div#navi ul li.current a { background-position-y: -70px!important; }




/*******トップページ更新もの***********/
#whatsnew{
  text-align:left;
  height:auto;
  background: url(http://hotel-higashinihon-morioka.com/h/img/page_back.jpg) repeat-y;
  padding:0;
}

#staffblog p{
  text-align:left;
  text-indent:-85px;
  margin:0 0 5px 85px;
  font:normal 10px/12px "Lucida Console";
  height:auto;
  padding:0;
}

#whatsnew p a,
#staffblog p a{
  color:#333;
}
#staffblog p a img{
  position:relative;
  top:2px;
}

#w_top,
#s_top{ height: 5px; background: url(http://hotel-higashinihon-morioka.com/h/img/page_back_top.jpg) no-repeat;}
#s_bottom,
#w_bottom{ height: 20px; background: url(http://hotel-higashinihon-morioka.com/h/img/page_back_bottom.jpg) no-repeat;}

#plun_hyo_top {width: 660px; height: 11px; background: url(http://hotel-higashinihon-morioka.com/h/img/plun_hyo_top.jpg) repeat-x;}
#plun_hyo_bottom {width: 660px; height: 13px; background: url(http://hotel-higashinihon-morioka.com/h/img/plun_hyo_bottom.jpg) repeat-x;}



#syukuhakusuu { width: 90px; float: left;}
#yoyaku {
  margin-left:30px;
  padding-top:10px;
  line-height:100%;
}
#yoyaku_back{
  background:url(http://www.hotel-higashinihon-morioka.com/h/img/yoyaku_back160.jpg);
  height:160px;
}

html {overflow-x: hidden;}

a:hover img {
-moz-opacity:0.5;
opacity:0.7;
filter: alpha(opacity=50);
}


table.yotei{
color: #333;
background:#fbfeeb;
width:600px;
margin:5px 30px;
border:1px solid #aaafb0;
}

table.yotei td{
color: #333;
padding:5px;
border:1px solid #aaafb0;
text-align:left;
vertical-align:middle;
}


