@charset "utf-8";
/* CSS Document */

/* ------ Tags init ------ */
:link,:visited{text-decoration: none;}
html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td,
artilce,section,aside,nav{margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6{font-size: 100%;font-weight: normal;}
fieldset,img,abbr,acronym{border: 0;} 
address,caption,cite,code,dfn,em,strong,b,u,s,i,th,var{font-style: normal;font-weight: normal;}
q:before,q:after{content: '';}
a{text-decoration: underline;outline: none;}
hr{border: 0;height: 1px;background-color: #000;color: #000;}
a img,:link img,:visited img{border: none;}
address{font-style: normal;display: inline;}

body{color:#222222;font-family:Verdana,Meiryo, 'MS PGothic', sans-serif;font-size:14px;line-height:1.6;}
a{color:#666;text-decoration:none;}
a:hover { text-decoration:underline;}

strong { font-weight:bolder;}

/* ------ Utilities ------ */

/* Common
 ---------------------*/
.hidden	{display:none;}
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
input, textarea,{ margin: 0; padding: 0; }
ol, ul{ list-style:none; } 
table{ border-collapse: collapse; border-spacing:0; }
caption, th{ text-align: left; }
a:focus { outline:none; }
.clearfix:after { content: ""; display: block; clear: both; height: 0;	visibility: hidden; }
.clearfix { min-height: 1px; }
* html .clearfix { height: 1px; }
.both{ clear:both; }

/* ------ Utilities ------ */

/* Unit Title Content
---------------------*/
.unit	{display:block;}
.title	{font-weight:bolder;}
.contents{display:block;}


/* WordPress Native Styles
---------------------*/
.aligncenter {
display: block;
margin: 0 auto;
}
.alignright { float: right; }
.alignleft { float: left; }

/* ------ 共通 ------ */
.container { margin:0 auto; min-width:1000px; overflow-x:hidden;}
.content { width:1000px; margin:0 auto;}

.al_center { text-align:center;}
.al_right { text-align:right;}
.mincho { font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
.ft_big { font-size:24px; font-weight:bolder;}
.ft_mini { font-size:80%;}

.mg_tb { margin:20px 0;}

.washi_wrap { background:url(cmn/imgs/top_access_bk.jpg); }



/* global-navigation */
#global-navigation-wrap { background:url(cmn/imgs/nav_bk.jpg) center repeat-x; width:100%;}
#global-navigation .menu li { display:inline-block; float:left; }
#global-navigation .menu li a { display:block; height:100px; text-indent:-9999px; background:url(cmn/imgs/nav.jpg) no-repeat;}

#global-navigation .menu li#menu01 a { width:287px; background-position: 0px 0px;}
#global-navigation .menu li#menu02 a { width:145px; background-position: -287px 0px}
#global-navigation .menu li#menu03 a { width:158px; background-position: -432px 0px}
#global-navigation .menu li#menu04 a { width:161px; background-position: -590px 0px}
#global-navigation .menu li#menu05 a { width:120px; background-position: -751px 0px}
#global-navigation .menu li#menu06 a { width:129px; background-position: -871px 0px}
#global-navigation .menu li#menu01:hover a { width:287px; background-position: 0px -100px}
#global-navigation .menu li#menu02:hover a { width:145px; background-position: -287px -100px}
#global-navigation .menu li#menu03:hover a { width:158px; background-position: -432px -100px}
#global-navigation .menu li#menu04:hover a { width:161px; background-position: -590px -100px}
#global-navigation .menu li#menu05:hover a { width:120px; background-position: -751px -100px}
#global-navigation .menu li#menu06:hover a { width:129px; background-position: -871px -100px}

#global-navigation .menu li#menu01 { position:relative; }

/* footer */
#ft_wrap { background:url(cmn/imgs/ft_bk.jpg) repeat-x; padding:30px 0;}
#ft_content .logo { float:left; width:360px; padding:30px 0 0 100px;}
#ft_content .text { float:right; width:440px;}
#ft_content .text p { padding:5px 0 0 10px;}
#copyright { text-align:center; color:#FFF; padding:10px 0; background:url(cmn/imgs/copyright_bk.jpg) repeat-x;}


/* トップページ */
#top_main {
  background-image: url(cmn/imgs/top_bk.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#top_main h1 { text-align:center;}

/* コンセプト */
#top_concept p {
    font-family: "游明朝", "ＭＳ 明朝", serif; /* Windows環境しか考えていない */
    -ms-writing-mode: tb-rl; /* for MS IE8+ */
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
	font-size:18px; color:#FFF; width:auto; height:680px; margin:0 auto; padding:50px; line-height:2;text-shadow: #000 0px 0px 2px;

}
#top_concept {
  background-image: url(cmn/imgs/top_motu.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#top_concept .message { width:620px; margin:0 auto;}


/* 店舗 */
#top_shop { padding:30px 0;}
#top_shop h2 { padding:50px 0 30px 0; text-align:center;}
#top_shop table { font-size:18px;}
#top_shop th { padding:15px 40px; border-bottom:1px dotted #c8a22f; color:#c8a22f; font-weight:bolder;}
#top_shop td { padding:15px 40px; border-bottom:1px dotted #c8a22f;}
#top_shop .img { float:right; width:400px;}

#acc_text { margin:20px 200px; padding:15px 0; font-size:24px; font-weight:bolder; text-align:center; border: solid 2px #CC0000; background:#fff; }

/* アクセス */
#top_access { padding:30px 0 60px 0;}
#top_access .img { float:left; width:580px;}
#top_access .map { float:right; padding-top:20px;}
#top_access .map iframe { width:398px; height:398px;}


/* 特製もつなべ */
#motu .main_img {
   max-width: 1920px; /* 最大幅 */
   min-width: 240px; /* 最小幅 */
   margin:0 auto;
}
#motu .main_img img { width:100%; display:block;}
#motu .motu_bk { background:url(cmn/imgs/motu_bk.jpg) top center no-repeat; padding-bottom:20px;}
#motu .motu_bk h1 { float:right;}
#motu .motu_bk p {
    font-family: "游明朝", "ＭＳ 明朝", serif; /* Windows環境しか考えていない */
    -ms-writing-mode: tb-rl; /* for MS IE8+ */
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
	font-size:18px; color:#FFF; width:auto; margin:0 auto; padding:50px; line-height:2; float:right;
}
#motu .motu_bk .img { float:left; width:380px; padding:50px 0 0 0;}

/* 宴会 */
#enkai { padding:30px 0; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; font-weight:bold; text-align:center; position:relative;}
#enkai h2 { padding:50px 0 30px 0;}
#enkai h3 { font-size:30px; color:#CC0000; margin-bottom:30px;font-weight:bold; }
#enkai p { font-size:16px; margin-bottom:20px;}
#enkai_menu { padding:50px 0; background:url(cmn/imgs/enkai_bk.png) center; margin-bottom:30px;}
#enkai_menu p { font-size:18px;}

#enkai .img { position:absolute;}
#enkai #enkai_01 { top:150px; left:900px;}
#enkai #enkai_02 { top:700px; left:900px;}
#enkai #enkai_03 { top:300px; left:-800px;}


/* 個室 */
.washi_room_wrap { background:url(cmn/imgs/room_bk.jpg)}

#room { padding:30px 0; font-weight:bold; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; font-size:18px;}
#room h2 { padding:50px 0 30px 0; text-align:center;}

#room .f_left { float:left; width:410px; padding:40px; position:relative;}
#room .f_left p { padding:5px; text-align:center;}
#room .f_left .maru { position:absolute; top:0; left:0;}

#room .f_right { float:right; width:410px; padding:40px; position:relative;}
#room .f_right p { padding:5px; text-align:center;}
#room .f_right .maru { position:absolute; top:0; left:380px;}
#room .memo {text-align:center;}

/* メニュー */
#menu { padding:30px 0; font-size:18px;}
#menu img { margin-bottom:15px; }
#menu .menu-notice { text-align:right; }
#menu h2 { padding:50px 0 30px 0; text-align:center; }
#menu h3 { font-size:24px; font-weight:bold; color:#CC0000; margin-bottom:30px; text-align:center; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
#menu h4 { background:#c8a22f; color:#FFF; font-size:21px; text-align:center; font-weight:bold;}
#menu table { width:100%; margin-bottom:30px; font-weight:bold; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
#menu th, #menu td { padding:5px 0; }
#menu th { color:#CC0000; font-weight:bold; padding:50px 0 20px 0;}
#menu td { border-bottom:1px dotted #c8a22f }
#menu td + td { text-align:right;}

#menu p.notice { font-size:14px;  }