/* matsubaraya.co.jp common.css @charset "utf-8";
--------------------------------------------------*/

/* タグ・フォント リセット
--------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
fieldset,input,p,blockquote { margin: 0; padding: 0; }
fieldset,img { border: 0; }
table { border-collapse:collapse; border-spacing:0; }
address,caption,em,th,var { font-style: normal;
font-weight: normal; }
ol,ul { list-style: none; }

body { font:13px/1.231 "ＭＳ Ｐゴシック", "Osaka", Arial, sans-serif; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; line-height: 1.4; }
hr { height: 1px;border: none;border-top: 1px solid #778899; }
table { font-size:100%; }

/* アンカー
--------------------------------------------------*/
a       { color: #336699; }
a:hover { color: #ff0000; }
a img   { border: none; }

/* フォントサイズ・太字・下線・枠
--------------------------------------------------*/
.font10 { font-size:  77%; }
.font11 { font-size:  85%; }
.font12 { font-size:  93%; }
.font13 { font-size: 100%; }
.font14 { font-size: 107%; }
.font15 { font-size: 114%; }
.font16 { font-size: 122%; }
.font17 { font-size: 129%; }

.fontbold { font-weight: 700; }
.underline { text-decoration: underline; }
.marker { background:#ffff99; }

.waku { border: solid 1px #ccc; }

/* フォント カラー
--------------------------------------------------*/
.black { color: #000000; }
.white { color: #ffffff; }
.lpink { color: #ff99ff; }
.lglay { color: #333333; }
.pink  { color: #ff0099; }
.red   { color: #ff0000; }

/* 横幅
--------------------------------------------------*/
.w50 { width: 50px; }
.w80 { width: 80px; }
.w100 { width: 100px; } 

/* テキスト 位置
--------------------------------------------------*/
.textcenter { text-align: center; }
.textleft   { text-align: left; }
.textright  { text-align: right; }
.texttop     { vertical-align: top; }
.textbottom   { vertical-align: bottom; }

/* イメージ　フロート・ポジション
--------------------------------------------------*/
.alignleft { float: left;margin: 0 10px 0 0;display: inline; }
.alignright { float: right;margin: 0 0 0 10px;display: inline; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.allclear { clear: both; }
div.room img { float: left;margin: 0 20px 0 0; }
#restaurantfair img { float: left;margin-right: 25px; }
#main .hikariMap { display: block; margin:10px auto 20px auto; }
#aside .hikariMap { margin-top: 20px; }
.icon { position: relative; top: 2px; }
.asidebanner { margin-bottom: 5px;display:inline; }
.asideChapel { margin-top: 34px; }
.asidesitemap { margin-top: 55px; }
.noimg { display: none; }
.top5  { margin-top:5px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top20 { margin-top:20px; }
.top25 { margin-top:25px; }
.top30 { margin-top:30px; }
.top40 { margin-top:40px; }
.under5 { margin-bottom:5px; }
.under10 { margin-bottom:10px; }
.under15 { margin-bottom:15px; }

/* テーブル
--------------------------------------------------*/
/* ##### ドットライン テーブル ##### */
#main .dot table { width: 630px; }
#main .dot table caption { text-align: left;font-size: 107%; }
#main .dot table th,#main .dot table td { border-bottom: 1px dotted #778899;line-height: 1.5; }
#main .dot table th { width: 160px;padding: 8px 0px 1px 0px;text-align:left;font-size: 107%;font-weight: bold; }
#main .dot table td { padding: 8px 0px 1px 0px;font-size: 107%; }
#main .dot table td span { font-weight: bold; font-size: 122%; }
table.posttable { width: 600px;border-collapse:collapse; }
table.posttable th,table.posttable td { padding:3px; text-align: center; border: 1px solid #cccccc; }
table.dataTable { width: 100%;border-collapse:collapse; }
table.dataTable th,table.dataTable td { padding:5px; text-align: center; border: 1px solid #cccccc; }
/* ページナビゲーション
---------------------------------------------*/
.wp-pagenavi { clear: both;margin:1.2em 0; }
.wp-pagenavi span,.wp-pagenavi a {
    display: inline-block;
border-radius: 5px;
}
.wp-pagenavi a, .wp-pagenavi a:link {
    padding: 7px 15px; 
    margin: 5px;
    font-size: 107%;
    text-decoration: none;
    border: 1px solid #0066cc;
    color: #0066cc;
    background-color: #FFFFFF;	
    }
.wp-pagenavi a:visited {
    padding: 7px 15px; 
    margin: 5px;
    text-decoration: none;
    border: 1px solid #0066cc;
    color: #0066cc;
    background-color: #FFFFFF;	
    }
.wp-pagenavi a:hover {	
    border: 1px solid #000000;
    color: #000000;
    background-color: #ffff99;
    }
.wp-pagenavi a:active {
    padding: 7px 15px; 
    margin: 5px;
    text-decoration: none;
    border: 1px solid #0066cc;
    color: #0066cc;
    background-color: #FFFFFF;	
    }
.wp-pagenavi span.pages {
    padding: 7px 4px; 
    margin: 5px;
    font-size: 107%;
    color: #000000;
    border: 1px solid #000000;
    background-color: #FFFFFF;
    }
.wp-pagenavi span.current {
    padding: 7px 6px; 
    margin: 5px;
    font-size: 107%;
    font-weight: bold;
    border: 1px solid #ff0000;
    color: #ff0000;
    background-color: #FFFFFF;
    }
.wp-pagenavi span.extend {
    padding: 7px 4px; 
    margin: 5px;	
    border: 1px solid #000000;
    color: #000000;
    background-color: #FFFFFF;
    }
/* スクロールボタン（javascript 下から）
--------------------------------------------------*/
#page-top-js{
    background-color: rgba(0,0,0,0.6);
    /* ie8以下 */
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77000000,EndColorStr=#77000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77000000,EndColorStr=#77000000)";
}
#page-top-js:not(:target){
    filter: none;
    -ms-filter: none;
}
#page-top-js{
  display: block;
  position: fixed;
  z-index: 9999;
  bottom: -60px;
  right: 10px;
  width: 80px;
  padding: 20px 5px;
  background: rgba(136,136,136,.9);
  color: #fff;
  text-align: center;
  text-decoration: none;
  transition: .5s;
  border-radius: 5px;
}
#page-top-js:hover{ 
  background: rgba(136,136,136,.8);
}
/* スクロールボタン（noscript）
--------------------------------------------------*/
#page-top{
  display: block;
  position: fixed;
  z-index: 9999;
  bottom: 0px;
  right: 10px;
  width: 80px;
  padding: 20px 10px;
  background: rgba(0,0,0,.7);
  color: #fff;
  text-align: center;
  text-decoration: none;
  transition: .5s;
}
#page-top:hover{ 
  background: rgba(0,0,0,.8);
}
/* clearfix
--------------------------------------------------*/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */