/*
Theme Name: Sunplaza
Description: This themde is based on Twenty Twelve.
*/

@charset "utf-8";
@import url('/wp-content/themes/sunplaza/style_musasi.css');

/*
Theme Name: Twenty Twelve
Theme URI: http://wordpress.org/themes/twentytwelve
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/* =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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
	outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}










/*==================================================================================================================================*/













/* style override below */













/*==================================================================================================================================*/



body, div, span, ol, ul, li, table, tr, th, td, dd, dt, dd, img, a, p, h1, h2, h3, h4, h5, h6, nav, header, footer, section, article {
  font-family: "Verdana", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  padding: 0;
  margin: 0;
  border: none;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}

html, body {
  font-size: 13px;
  text-align: center;
  width: 100%;
  height: 100%;
	line-height: 1;
}

html {
  overflow-y: scroll;
}

body {
	background: url(/common/images/bg_cnt.png) repeat;
}


/* - - - - - - - - - - - tomoy custom 20191123 (common) - - - - - - - - - - - */
.option_red {
    min-width:220px !important;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:8px 0 10px !important;
    color:#fff;
    background-color:#bb0e20;
    border-radius:5px;
}


/* - - - - - - - - - - - layout (common) - - - - - - - - - - - */

/* clearfix */

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */




/* common */

body, th, td {
  color: #444;
}

a:link {
  color: #F03D00;
  text-decoration: underline;
}

a:visited {
  color: #F03D00;
  text-decoration: underline;
}

a:hover,
a:active {
  color: #BF3000;
  text-decoration: underline;
}

ul li {
  list-style-type: none;
}

img {
  vertical-align: top;
  border-style: none;
	max-width: 100%;
}

.center {
  text-align: center !important;
}

.left {
  text-align: left !important;
}

.right {
  text-align: right !important;
}

.fleft {
  float: left !important;
}

.fright {
  float: right !important;
}

.fleft45 {
	width: 47%;
  float: left !important;
}

.fright45 {
	width: 47%;
  float: right !important;
}

.fleft30 {
	width: 30%;
  float: left !important;
}

.fright60 {
	width: 64%;
  float: right !important;
}



.small {
  font-size: 11px;
}

.alignleft {
	float: left;
	padding: 0 20px 30px 0;
}

.alignright {
	float: right;
	padding: 0 0 30px 20px;
}

.hr{
	clear: both;
	border: none;
	border-top: solid 1px #DDD;
	height: 1px;
	color: #FFFFFF;
	margin: 0 0 30px 0;
	padding: 0 0 0 0;
}

.clear {
	clear: both;
}

.bold {
	font-weight: bold !important;
}

.noborder {
	border: none !important;
}

.fc01 { color: #7B85C0; }
.fc02 { color: #FAA229; }
.fc03 { color: #DD6FCC; }
.fc04 { color: #6CD06A; }
.fc05 { color: #52C0EF; }
.fc06 { color: #BDC741; }
.fc07 { color: #F78893; }
.fc08 { color: #777777; }

.bb {
	border-bottom: 1px solid #DDD;
}

.red {
	color: #C00;
}
.blue {
	color: #0060cc;
}

.middle {
	vertical-align: middle !important;
}

/* form parts */
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	background: #eee; /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	border: 1px solid #aaa;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 10px 60px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #444;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	margin-bottom: 20px;
	line-height: 21px;
}
	
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	color: #222;
	background: #eee; /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
	border: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #9d9d9d;
}
	
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
	background: #eee; /* Old browsers */
	background: -moz-linear-gradient(top, rgba(0,0,0,.3) 0%, rgba(255,255,255,.3) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,.3)), color-stop(100%,rgba(255,255,255,.3))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* W3C */
	border: 1px solid #888;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
}

input[type=text], input[type=email] { width: 90%; padding: 5px; }
textarea { width: 90%; padding: 5px; }
label { padding-right: 10px; }






/*==================================================================================================================================*/



/*layout (pc) */



/*==================================================================================================================================*/

/* pagetop */

#pagetop {
	position: fixed;
	bottom: 10px;
	right: 10px;
	font-size: 77%;
	text-indent: -9999px;
}

#pagetop a {
	display: block;
	background: url(/common/images/btn_pagetop_n.png) top no-repeat;
	width: 60px;
	height: 60px;
}

#pagetop a:hover {
	background: url(/common/images/btn_pagetop_o.png) top no-repeat;
}



/* - -  (common) - - */

#header {
	width: 100%;
	height: 24px;
	background-color: #000;
}

.headcopy {
	width: 940px;
	margin: 0 auto;
	padding: 7px 0 0 0;
	text-align: left;
	color: #FFF;
	font-size: 11px;
}

#headcntBox {
	width: 100%;
	background-color: #FFF;
}

#headcnt {
	width: 940px;
	margin: 0 auto;
	padding: 36px 0 30px;
	background: url(/common/images/pic_head_color.png) 420px 36px no-repeat;
}

.hd_logo {
	float: left;
	width: 340px;
}

.hd_contact {
	float: right;
}

.hd_contact li {
	display: block;
	float: left;
	padding: 0 0 0 0;
	width: 167px;
}

.contentbox {
	width: 940px;
	margin: 0 auto 30px;
	text-align: left;
}

.entry-meta {
	clear: both;
}









/* - -  (nav) - - */

#nav {
	float: left;
	width: 220px;
	border-top: 1px solid #CCC;
	margin: 0 0 20px 0;
	background-color: #FFF;
}

#nav li {
	width: 220px;
	background-color: #FFF;
	border-bottom: 1px solid #CCC;
}

#nav li a {
	display: block;
	width: 190px;
	height: 50px;
	padding: 0 0 0 30px;
	color: #666 !important;
	text-decoration: none;
	line-height: 50px;
}

#nav li.btn_nav01 a { background: url(/common/images/icn_nav01.png) left top no-repeat; }
#nav li.btn_nav02 a { background: url(/common/images/icn_nav02.png) left top no-repeat; }
#nav li.btn_nav03 a { background: url(/common/images/icn_nav03.png) left top no-repeat; }
#nav li.btn_nav04 a { background: url(/common/images/icn_nav04.png) left top no-repeat; }
#nav li.btn_nav05 a { background: url(/common/images/icn_nav05.png) left top no-repeat; }
#nav li.btn_nav06 a { background: url(/common/images/icn_nav06.png) left top no-repeat; }
#nav li.btn_nav07 a { background: url(/common/images/icn_nav07.png) left top no-repeat; }
#nav li.btn_nav08 a { background: url(/common/images/icn_nav08.png) left top no-repeat; background-color: #666666; color: #F0F0F0 !important; }

#nav li.btn_nav01 a:hover { background-color: #E5E7F2; }
#nav li.btn_nav02 a:hover { background-color: #FEECD4; }
#nav li.btn_nav03 a:hover { background-color: #F8E2F5; }
#nav li.btn_nav04 a:hover { background-color: #E2F6E1; }
#nav li.btn_nav05 a:hover { background-color: #DCF2FC; }
#nav li.btn_nav06 a:hover { background-color: #FDE7E9; }
#nav li.btn_nav07 a:hover { background-color: #FEF2CC; }
#nav li.btn_nav08 a:hover { background-color: #888888; }

.page-id-43 #nav li.btn_nav01 { background-color: #E5E7F2; }
.page-id-50 #nav li.btn_nav02 { background-color: #FEECD4; }
.page-id-51 #nav li.btn_nav03 { background-color: #F8E2F5; }
.page-id-52 #nav li.btn_nav04 { background-color: #E2F6E1; }
.page-id-53 #nav li.btn_nav05 { background-color: #DCF2FC; }
.page-id-54 #nav li.btn_nav06 { background-color: #FDE7E9; }
.page-id-55 #nav li.btn_nav07 { background-color: #FEF2CC; }
.page-id-56 #nav li.btn_nav08 { background-color: #888888; }

#nav li.btn_nav01 .current_page_item a { background-color: #E5E7F2; }
#nav li.btn_nav02 .current_page_item a { background-color: #FEECD4; }
#nav li.btn_nav03 .current_page_item a { background-color: #F8E2F5; }
#nav li.btn_nav04 .current_page_item a { background-color: #E2F6E1; }
#nav li.btn_nav05 .current_page_item a { background-color: #DCF2FC; }
#nav li.btn_nav06 .current_page_item a { background-color: #FDE7E9; }
#nav li.btn_nav07 .current_page_item a { background-color: #FEF2CC; }
#nav li.btn_nav08 .current_page_item a { background-color: #888888; }

#nav li.btn_nav01 .current_page_parent a { background-color: #E5E7F2; }
#nav li.btn_nav02 .current_page_parent a { background-color: #FEECD4; }
#nav li.btn_nav03 .current_page_parent a { background-color: #F8E2F5; }
#nav li.btn_nav04 .current_page_parent a { background-color: #E2F6E1; }
#nav li.btn_nav05 .current_page_parent a { background-color: #DCF2FC; }
#nav li.btn_nav06 .current_page_parent a { background-color: #FDE7E9; }
#nav li.btn_nav07 .current_page_parent a { background-color: #FEF2CC; }
#nav li.btn_nav08 .current_page_parent a { background-color: #888888; }

#nav li ul li {
	width: 220px;
	background-color: #FFF;
	border-bottom: none;
}

#nav li ul li a { background-image: none !important; }

#nav li ul li a {
	display: block;
	width: 180px;
	height:auto;
	min-height: 26px;
	padding: 5px 10px 0px ;
	color: #666 !important;
	text-decoration: none;
	line-height: 24px;
	border-left: 20px solid #FFF;

}


#nav li.btn_nav08 ul li a {
	color: #F0F0F0 !important;
	border-left: 20px solid #666666;
}

#nav2 {
	float: left;
	width: 220px;
}

#snav {
	float: left;
	width: 200px;
	background-color: #FFF;
	margin: 0 0 20px 0;
	padding: 5px 10px;
}

#snav li {
	width: 200px;
	border-bottom: 1px solid #CCC;
}

#snav li.r {
	border-bottom: none;
}

#snav li a {
	display: block;
	width: 184px;
height: 36px;
	padding: 0 0 0 16px;
	color: #666 !important;
	text-decoration: none;
	line-height: 36px;
	background: url(/common/images/icn_snav.png) 2px 10px no-repeat;
}

#snav li a:hover{
	background-color: #F5F5F5;
}

#hallbanner {
	float: left;
	width: 220px;
	margin: 0 0 13px 0;
}

#hallbanner li {
	width: 220px;
	margin: 0 0 7px 0;
}

#banner {
	float: left;
	width: 220px;
	margin: 0 0 13px 0;
}

#banner li {
	width: 220px;
	margin: 0 0 7px 0;
}

#topnav {
	clear: both;
	width: 940px;
	padding: 20px 0 0;
	margin: 0 auto 0 auto;
}

#topnav li {
	display: block;
	float: left;
	width: 150px;
	height: 50px;
	margin: 0 8px 0 0;
	text-align: left;
}

#topnav li.btn_topnav06 {
	margin: 0 0 0 0;
}

#topnav li a {
	display: block;
	width: 130px;
	height: 50px;
	padding: 0 0 0 20px;
	color: #FFF !important;
	text-decoration: none;
	line-height: 50px;
	font-size: 14px;
}

.btn_topnav01 a { background: url(/common/images/top/bg_hdnav01_n.png) left top no-repeat; }
.btn_topnav02 a { background: url(/common/images/top/bg_hdnav02_n.png) left top no-repeat; }
.btn_topnav03 a { background: url(/common/images/top/bg_hdnav03_n.png) left top no-repeat; }
.btn_topnav04 a { background: url(/common/images/top/bg_hdnav04_n.png) left top no-repeat; }
.btn_topnav05 a { background: url(/common/images/top/bg_hdnav05_n.png) left top no-repeat; }
.btn_topnav06 a { background: url(/common/images/top/bg_hdnav06_n.png) left top no-repeat; }
.btn_topnav01 a:hover { background: url(/common/images/top/bg_hdnav01_o.png) left top no-repeat; }
.btn_topnav02 a:hover { background: url(/common/images/top/bg_hdnav02_o.png) left top no-repeat; }
.btn_topnav03 a:hover { background: url(/common/images/top/bg_hdnav03_o.png) left top no-repeat; }
.btn_topnav04 a:hover { background: url(/common/images/top/bg_hdnav04_o.png) left top no-repeat; }
.btn_topnav05 a:hover { background: url(/common/images/top/bg_hdnav05_o.png) left top no-repeat; }
.btn_topnav06 a:hover { background: url(/common/images/top/bg_hdnav06_o.png) left top no-repeat; }






/* - -  (footer) - - */

#footer {
	clear: both;
	width: 100%;
	min-width: 940px;
	text-align: left;
	background-color: #FFF;
}

.foot_contact_wrapper {
	background-color: #777;
	padding: 20px 0;
}

.foot_contact {
	width: 940px;
	margin: 0 auto;
	font-size: 12px;
	color: #FFF;
}

.foot_contact_tel {
	float: left;
	width: 356px;
}

.foot_contact_tel2 {
	float: left;
	width: 439px;
}

.foot_address {
	float: left;
	padding: 16px 0 0 0;
}

.foot_contact img {
	vertical-align: middle;
	margin: 0 18px 0 0;
}

.btn_foot_contact,
.btn_foot_contact3 {
	display: block;
	float: right;
	width: 220px;
}

.btn_foot_contact2 {
	display: block;
	float: right;
	margin: 0 0 0 10px;
	width: 120px;
}

.btn_foot_contact img,
.btn_foot_contact2 img,
.btn_foot_contact3 img {
	margin: 0 0 0 0;
}

#fnav {
	clear: both;
	width: 940px;
	margin: 0 auto 0 auto;
	padding: 24px 0 24px 0;
}

#fnav li {
	float: left;
}

.fnav_01 { border-left: 2px solid #777777; }
.fnav_02 { border-left: 2px solid #7B85C0; }
.fnav_03 { border-left: 2px solid #FAA229; }
.fnav_04 { border-left: 2px solid #DD6FCC; }
.fnav_05 { border-left: 2px solid #6CD06A; }
.fnav_06 { border-left: 2px solid #52C0EF; }
.fnav_07 { border-left: 2px solid #F78893; margin-bottom: 10px; }
.fnav_08 { border-left: 2px solid #F9BD00; margin-bottom: 10px; }
.fnav_09 { border-left: 2px solid #777777; }

#fnav li ul li {
	display: block;
	float: none;
	margin: 0 0 0 0;
	border-left: none;
}

#fnav li a {
	display: block;
	padding: 4px 14px 4px 4px;
	font-size: 12px;
	color: #666 !important;
	text-decoration: none !important;
}

#fnav li a:hover {
	color: #999 !important;
}

#fnav2 {
	clear: both;
	width: 940px;
	margin: 0 auto 0 auto;
	padding: 0 0 24px 0;
}

#fnav2 li {
	float: left;
}

#fnav2 li a {
	display: block;
	padding: 4px 10px 4px 10px;
	font-size: 12px;
	color: #666 !important;
	text-decoration: none !important;
	border-left: 1px solid #CCC;
}

#fnav2 li a:hover {
	color: #999 !important;
}

.foot_logo {
	clear: both;
	width: 940px;
	margin: 0 auto;
	padding: 0 0 40px 0;
	background: url(/common/images/pic_head_color.png) 590px 2px no-repeat;
}

.foot_logo img {
	display: block;
	float: left;
	margin: 0 30px 0 0;
}

.copyright {
	float: left;
	font-size: 10px;
	color: #777;
	padding: 10px 0 0 0;
}





/* - -  (content) - - */

.cntbox {
	position: relative;
	float: right;
	width: 700px;
	height: auto;
	min-height: 650px;
	background-color: #FFF;
	line-height: 1.8;
}

.cntbox_top {
	width: 700px;
	background-color: transparent;
	padding: 0;
	line-height: 1.3;
}

.cntbox_lower {
	margin: 20px;
}

.cntbox_lower p {
	margin: 0 0 20px 0;
}

.pic_head {
	width: 940px;
	margin: 0 auto 20px auto;
}

#breadcrumb {
	font-size: 11px;
	margin: 0 0 20px 0;
}

#breadcrumb .current {
	font-weight: normal !important;
}

.page-id-115 #breadcrumb {
	display: none;
}

h2 {
	clear: both;
	font-size: 36px;
	line-height: 1.2;
	border-bottom: 1px solid #CCC;
	margin: 0 0 20px 0;
	padding: 0 0 5px 20px;
	background: url(/common/images/bg_h2_00.png) left top no-repeat;
}

h2.ttl_about { background: url(/common/images/bg_h2_01.png) left top no-repeat; }
h2.ttl_reservation { background: url(/common/images/bg_h2_02.png) left top no-repeat; }
h2.ttl_restaurant { background: url(/common/images/bg_h2_03.png) left top no-repeat; }
h2.ttl_banquet { background: url(/common/images/bg_h2_04.png) left top no-repeat; }
h2.ttl_memorial { background: url(/common/images/bg_h2_05.png) left top no-repeat; }
h2.ttl_wedding { background: url(/common/images/bg_h2_06.png) left top no-repeat; }
h2.ttl_access { background: url(/common/images/bg_h2_07.png) left top no-repeat; }
h2.ttl_hall { background: url(/common/images/bg_h2_08.png) left top no-repeat; }

.page-id-115 h2 {
	display: none;
}

h3 {
	clear: both;
	font-size: 20px;
	line-height: 1.2;
	border-bottom: 1px solid #CCC;
	margin: 0 0 15px 0;
	padding: 0 0 3px 0;
	font-weight: bold;
}

h4 {
	clear: both;
	font-size: 14px;
	margin: 0 0 10px 0;
	line-height: 1.2;
	font-weight: bold;
}

table {
	width: 100%;
	margin: 0 0 20px 0;
	border-collapse: separate;
	border-spacing: 5px;
	line-height: 1.5;
}

table th {
	padding: 5px 16px;
	white-space: nowrap;
	background: #E5E7F2;
	text-align: center;
	vertical-align: top;
}

table td {
	padding: 5px 16px;
	vertical-align: top;
}

.btn_l {
	margin: 0 0 20px 0;
}

.btn_l li:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .btn_l  li { zoom: 1; } /* IE6 */
*:first-child+html .btn_l li { zoom: 1; } /* IE7 */

.btn_l li {clear: both;margin: 0 0 10px 0;}

.btn_l a {
	display: block;
height: 90px;
	padding: 10px 10px 10px 20px;
	background: #CCC;
	color: #444 !important;
	text-decoration: none !important;
	font-size: 20px;
	line-height: 90px;
}

.btn_l a span {display: block;float: left;font-weight: 700 !important; width: 55%; margin-right: 3%;}

.btn_l a img {display: block;float: right; width: 42%;}


.btn_l_about li a { background: #E5E7F2; }
.btn_l_about li a:hover { background: #EDEEF6; }
.btn_l_reservation li a { background: #FEECD4; }
.btn_l_reservation li a:hover { background: #FEF2E1; }
.btn_l_restaurant li a { background: #F8E2F5; }
.btn_l_restaurant li a:hover { background: #FAEBF8; }
.btn_l_banquet li a { background: #E2F6E1; }
.btn_l_banquet li a:hover { background: #EBF9EA; }
.btn_l_memorial li a { background: #DCF2FC; }
.btn_l_memorial li a:hover { background: #E6F6FD; }
.btn_l_hall li a { background: #E4E4E4; }
.btn_l_hall li a:hover { background: #ECECEC; }

.display-posts-listing {
	max-width: 100%;
}

.listing-item {
	max-width: 100%;
}

.display-posts-listing a.title {
	display: none;
}

.topcnt10 .display-posts-listing a {
	display: block;
}

.icn_pdf {
	vertical-align: text-bottom;
}

footer {
	clear: both;
}









/* - -  (content top) - - */

.topimage_bg {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 0 20px 0;
}

.topimage {
	position: relative;
	width: 100%;
	height: auto;
	background: url(/common/images/top/bg_topimage.jpg) center top no-repeat;
}

#topslide {
	display: none;
	max-width: 1020px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

#topslide img {
	max-width: 100%;
	height: auto;
}

#topslidenav {
	width: 960px;
	margin: 0 auto 0 auto;
	padding: 5px 0 0 5px;
}

#topslidenav li {
  float: left;
  margin: 0 5px 0 5px;
	list-style: none;
}

#topslidenav li a {
  display: block;
  width: 176px;
  height: 76px;
  padding: 2px;
	background-color: #CCC;
}

#topslidenav li.activeSlide a {
  background-color: #F03D00;
}

.topcnt01 {
	float: left;
	width: 200px;
	padding: 10px;
	background-color: #FFF;
	margin: 0 20px 20px 0;
}

.topcnt02 {
	float: left;
	width: 440px;
	padding: 10px;
	background-color: #FFF;
	margin: 0 0 20px 0;
}

.topcnt03 {
	float: left;
	width: 440px;
	padding: 10px;
	background-color: #FFF;
	margin: 0 0 20px 0;
}

.topcnt04 {
	float: left;
	width: 200px;
	padding: 10px;
	background-color: #FFF;
	margin: 0 20px 20px 0;
}

.topcnt05 {
	float: left;
	width: 200px;
	padding: 10px;
	background-color: #FFF;
	margin: 0 20px 20px 0;
}

.topcnt06 {
	float: left;
	width: 200px;
	padding: 10px;
	background-color: #FFF;
	margin: 0 0 20px 0;
}

.topcnt07 {
	float: left;
	width: 200px;
	padding: 10px;
	background-color: #FFF;
	margin: 0 20px 20px 0;
}

.topcnt10 {
	clear: both;
	width: 680px;
	padding: 10px;
	background-color: #FFF;
	margin: 0 0 20px 0;
}

.topcnt01 img {
	width: 200px;
	margin: 0 0 10px 0;
}

.topcnt02 img {
	float: left;
	width: 200px;
	margin: 0 10px 10px 0;
}

.topcnt03 img {
	float: left;
	width: 200px;
	margin: 0 10px 10px 0;
}

.topcnt04 img {
	width: 200px;
	margin: 0 0 10px 0;
}

.topcnt05 img {
	width: 200px;
	margin: 0 0 10px 0;
}

.topcnt06 img {
	width: 200px;
	margin: 0 0 10px 0;
}

.topcnt07 img {
	width: 200px;
	margin: 0 0 10px 0;
}

.link_topcnt01 a {
	display: block;
	width: auto;
	height: 40px;
	padding: 0 0 0 10px;
	background: url(/common/images/top/bg_btntop01.png) right top no-repeat;
	color: #FFF !important;
	text-decoration: none !important;
	line-height: 40px;
}

.link_topcnt02 a {
	display: block;
	width: auto;
	height: 40px;
	padding: 0 0 0 10px;
	margin: 0 0 0 210px;
	background: url(/common/images/top/bg_btntop02.png) right top no-repeat;
	color: #FFF !important;
	text-decoration: none !important;
	line-height: 40px;
}

.link_topcnt03 a {
	display: block;
	width: auto;
	height: 40px;
	padding: 0 0 0 10px;
	margin: 0 0 0 210px;
	background: url(/common/images/top/bg_btntop03.png) right top no-repeat;
	color: #FFF !important;
	text-decoration: none !important;
	line-height: 40px;
}

.link_topcnt04 a {
	display: block;
	width: auto;
	height: 40px;
	padding: 0 0 0 10px;
	background: url(/common/images/top/bg_btntop04.png) right top no-repeat;
	color: #FFF !important;
	text-decoration: none !important;
	line-height: 40px;
}

.link_topcnt05 a {
	display: block;
	width: auto;
	height: 40px;
	padding: 0 0 0 10px;
	background: url(/common/images/top/bg_btntop05.png) right top no-repeat;
	color: #FFF !important;
	text-decoration: none !important;
	line-height: 40px;
}

.link_topcnt06 a {
	display: block;
	width: auto;
	height: 40px;
	padding: 0 0 0 10px;
	background: url(/common/images/top/bg_btntop06.png) right top no-repeat;
	color: #FFF !important;
	text-decoration: none !important;
	line-height: 40px;
}

.link_topcnt07 a {
	display: block;
	width: auto;
	height: 40px;
	padding: 0 0 0 10px;
	background: url(/common/images/top/bg_btntop07.png) right top no-repeat;
	color: #FFF !important;
	text-decoration: none !important;
	line-height: 40px;
}

.link_topcnt10 a {
	display: block;
	float: right;
	width: 220px;
	height: 40px;
	padding: 0 0 0 10px;
	background: url(/common/images/top/bg_btntop10.png) right top no-repeat;
	color: #FFF !important;
	text-decoration: none !important;
	line-height: 40px;
}

.link_topcnt01 a:hover { background: url(/common/images/top/bg_btntop01_o.png) right top no-repeat; }
.link_topcnt02 a:hover { background: url(/common/images/top/bg_btntop02_o.png) right top no-repeat; }
.link_topcnt03 a:hover { background: url(/common/images/top/bg_btntop03_o.png) right top no-repeat; }
.link_topcnt04 a:hover { background: url(/common/images/top/bg_btntop04_o.png) right top no-repeat; }
.link_topcnt05 a:hover { background: url(/common/images/top/bg_btntop05_o.png) right top no-repeat; }
.link_topcnt06 a:hover { background: url(/common/images/top/bg_btntop06_o.png) right top no-repeat; }
.link_topcnt07 a:hover { background: url(/common/images/top/bg_btntop07_o.png) right top no-repeat; }
.link_topcnt10 a:hover { background: url(/common/images/top/bg_btntop10_o.png) right top no-repeat; }

.topics {
	display: block;
	float: left;
	width: 420px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.topics dt {
	clear: both;
	float: left;
	padding: 4px 0 4px 4px;
}

.topics dd {
	padding: 4px 4px 4px 90px;
	border-bottom: 1px solid #EEE;
}







/* - -  (content about) - - */

.qalist li a {
	display: block;
	width: 610px;
	height: 80px;
	background: url(/common/images/bg_btn_faq.png) left top no-repeat;
	margin: 0 0 10px 0;
	padding: 0 0 0 50px;
	line-height: 80px;
	font-size: 20px;
	font-weight: bold;
	color: #444 !important;
	text-decoration: none !important;
}

.qalist li a:hover {
	color: #777 !important;
	background: url(/common/images/bg_btn_faq_o.png) left top no-repeat;
}

.stafftxt {
	font-size: 15px;
	 padding: 5px 0 5px 10px;
}

.bl1 { border-left: 5px solid #E5E7F2; }
.bl2 { border-left: 5px solid #FEECD4; }
.bl3 { border-left: 5px solid #F8E2F5; }
.bl4 { border-left: 5px solid #E2F6E1; }
.bl5 { border-left: 5px solid #E4E4E4; }






/* - -  (content reservation) - - */

.guestroom_ttl {
	font-size: 30px !important;
	background: url(/common/images/reservation/line_reservation_guestroom.png) left bottom 5px no-repeat;
	padding: 0 0 0 20px;
	border-bottom: 1px solid #DDD;
	line-height: 30px;
}







/* - -  (content restaurant) - - */

.restaurantbox {
	clear: both;
	margin: 20px 0;
	padding: 15px 0;
	text-align: center;
	font-size: 16px;
	border: 4px solid #F8E2F5;
}

.news {
	clear: both;
	font-size: 20px;
	line-height: 1.2;
	margin: 0 0 15px 0;
	padding: 5px 0 5px 10px;
	font-weight: bold;
	border-left:#dd6fcc solid 8px;
	border-bottom: 0px;
	background-color:#F8E2F5;
}

.newmenu {
	clear: both;
	background-color:#F8E2F5;
	padding:20px 10px 0 10px;
	border-left:#dd6fcc solid 3px;
}

.newmenu .icon{
	background-color:#dd6fcc;
	color:#ffffff;
	padding:5px 30px;
}



/* - -  (content banquet) - - */

.parkingbox {
	clear: both;
	margin: 20px 0;
	padding: 15px 0;
	text-align: center;
	font-size: 16px;
	border: 4px solid #6CD06A;
}

.banquetTable {
	clear: both;
	width: 100%;
	margin: 0 0 20px 0;
	line-height: 1.6;
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 1.5;
}

.banquetTable th {
	padding: 5px 5px;
	white-space: normal;
	background: #E2F6E1;
	text-align: center;
	border: 1px solid #DDD;
	vertical-align: middle;
}

.banquetTable td {
	padding: 5px 5px;
	vertical-align: top;
	text-align: center;
	border: 1px solid #DDD;
	vertical-align: middle;
}

.banquetTable2 {
	float: left;
	width: 48%;
	margin: 0 2% 20px 0;
	line-height: 1.6;
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 1.5;
}

.banquetTable2 th {
	padding: 5px 5px;
	white-space: normal;
	background: #E2F6E1;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #DDD;
}

.banquetTable2 td {
	padding: 5px 5px;
	vertical-align: top;
	text-align: right;
	vertical-align: middle;
	border: 1px solid #DDD;
}

.bgw {
	background-color: #FFF !important;
}

.misobox {
	clear: both;
	margin: 20px 10px;
	padding: 10px 20px;
	text-align: left;
	border: 1px solid #6CD06A;
}








/* - -  (content memorial) - - */

.memorialTable {
	float: left;
	width: 48%;
	margin: 0 2% 20px 0;
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 1.5;
}

.memorialTable th {
	width: 70%;
	padding: 5px 5px;
	white-space: nowrap;
	background: #DCF2FC;
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px solid #DDD;
}

.memorialTable td {
	padding: 5px 5px;
	text-align: right;
	vertical-align: middle;
	border-bottom: 1px solid #DDD;
}

.memorialbox {
	clear: both;
	margin: 20px 0;
	padding: 15px 0;
	text-align: center;
	font-size: 16px;
	border: 4px solid #DCF2FC;
}

.memorialmenu {
	float: left;
	width: 300px;
	margin: 0 0 20px 0;
	line-height: 1.3;
	border-collapse: collapse;
	border-spacing: 0;
}

.memorialmenu th {
	width: auto;
	padding: 0 20px 5px 0;
	white-space: nowrap;
	background: #FFF;
	text-align: left;
	vertical-align: top;
	border-bottom: none;
}

.memorialmenu td {
	padding: 0 0 5px 0;
	text-align: left;
	vertical-align: top;
	border-bottom: none;
}








/* - -  (content wedding) - - */

.weddingbox {
	clear: both;
	margin: 20px 0;
	padding: 15px 0;
	text-align: center;
	font-size: 16px;
	border: 4px solid #FDE7E9;
}






/* - -  (content access) - - */

.sunplazamap {
	width: 660px;
	height: 400px;
}







/* - -  (content hall) - - */

.halleventTable {
	width: 100%;
	margin: 0 0 30px 0;
	border-collapse: separate;
	border-spacing: 5px;
	line-height: 1.5;
}

.halleventTable th {
	width: 28%;
	padding: 5px 0 5px 20px;
	white-space: nowrap;
	background: #E4E4E4;
	text-align: left;
	vertical-align: top;
}

.halleventTable td {
	padding: 5px 20px;
	vertical-align: top;
}

#aec-filter {
	display: none;
}

.fc-header-title h2 {
	font-size: 20px;
	font-weight: bold;
	border: none;
	background-image: none;
}

.fc-header-right {
	display: none;
}

.hallreserveTable {
	width: 100%;
	margin: 0 0 30px 0;
	border-collapse: collapse;
	border: 1px solid #CCC;
	line-height: 1.5;
}

.hallreserveTable td {
	padding: 5px 20px;
	vertical-align: middle;
}

.yel {
	background-color: #F3E98B;
}

.blu {
	background-color: #B9E4EA;
}

.hallpriceTable {
	width: 100%;
	margin: 0 0 30px 0;
	border-collapse: collapse;
	line-height: 1.3;
}

.hallpriceTable td {
	border: 1px solid #CCC;
	padding: 7px 3px;
	vertical-align: middle;
	text-align: center;
}

.gre {
	background-color: #DDD;
}

.hallbox {
	clear: both;
	margin: 0 0 40px 0;
	padding: 10px;
	text-align: left;
	border: 4px solid #E4E4E4;
}

.abouthallTable {
	width: 100%;
	margin: 0 0 30px 0;
	border-collapse: collapse;
	line-height: 1.3;
	border-top: 1px solid #CCC;
}

.abouthallTable th {
	border-bottom: 1px solid #CCC;
	padding: 7px 10px;
	vertical-align: middle;
	text-align: center;
	background-color: #EEE;
}

.abouthallTable td {
	border-bottom: 1px solid #CCC;
	padding: 7px 10px;
	vertical-align: middle;
	text-align: center;
}

.hallareamapTable {
	width: 100%;
	margin: 0 0 20px 0;
	border-collapse: separate;
	border-spacing: 5px;
	line-height: 1.5;
}

.hallareamapTable td {
	padding: 0 0 0 0;
	vertical-align: top;
	text-align: center;
}

.hallareamapTable td a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 5px 5px;
}

.hallareamapTable td a.viewf {
	background-color: #E7FAFA;
}

.hallareamapTable td a.viewl {
	background-color: #F9F9DE;
}

.hallareamapTable td a.viewc {
	background-color: #E1F9E0;
}

.hallareamapTable td a.viewr {
	background-color: #F7D3F7;
}








/* - -  (content news) - - */

.post-116 .topics {
	display: block;
	float: none;
	width: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}







/* - -  (content sitemap) - - */

#menu-sitemapmenu {
	padding: 0 0 0 100px;
}

#menu-sitemapmenu li {
	padding: 0 0 0 24px;
	background: url(/common/images/icn_list1.png) left top no-repeat;
	background-position: 0 10px;
	line-height: 2.4;
}

#menu-sitemapmenu ul li {
	background: url(/common/images/icn_list2.png) left top no-repeat;
	background-position: 0 6px;
}

#menu-sitemapmenu ul li ul li {
	background: url(/common/images/icn_list3.png) left top no-repeat;
	background-position: 0 6px;
}







/* - -  (content english) - - */


table.english_room {
	width: auto;
	margin: 0 0 20px 0;
	border-collapse: separate;
	border-spacing: 5px;
	line-height: 1.5;
}

table.english_room th {
	padding: 5px 16px;
	white-space: nowrap;
	background: #E5E7F2;
	text-align: center;
	vertical-align: top;
}

table.english_room td {
	padding: 5px 16px;
	vertical-align: top;
}











/* - -  (font-size) - - */

.fs10 { font-size: 10px !important; }
.fs11 { font-size: 11px !important; }
.fs12 { font-size: 12px !important; }
.fs13 { font-size: 13px !important; }
.fs14 { font-size: 14px !important; }
.fs16 { font-size: 16px !important; }
.fs18 { font-size: 18px !important; }
.fs20 { font-size: 20px !important; }

/* - -  (line-height) - - */

.l130 { line-height: 1.3 !important; }
.l150 { line-height: 1.5 !important; }
.l170 { line-height: 1.7 !important; }
.l200 { line-height: 2.0 !important; }

/* - -  (margin) - - */

.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }

.mr0 { margin-right: 0px !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }

/* - -  (padding) - - */

.pb0 { padding-bottom: 0 !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb50 { padding-bottom: 50px !important; }

.pl0 { padding-left: 0 !important; }
.pl3 { padding-left: 3px !important; }
.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl20 { padding-left: 20px !important; }
.pl30 { padding-left: 30px !important; }

.pr0 { padding-right: 0 !important; }
.pr3 { padding-right: 3px !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr20 { padding-right: 20px !important; }
.pr30 { padding-right: 30px !important; }


/* - -  (print) - - */

@media print {
	html,body { width: 1040px; }
}













/*==================================================================================================================================*/



/*layout (ipad) */



/*==================================================================================================================================*/

@media only screen and (min-width: 768px) and (max-width: 961px) {

html {
	overflow-y: auto;
}

body {
	zoom: 0.8;
}

.topimage {
	background: none;
}




}












/*==================================================================================================================================*/



/*layout (smartphone) */



/*==================================================================================================================================*/

@media only screen and (max-width: 767px) {

/* img */

img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}

img.harf{
	max-width: 50%;
	height: auto;
	width /***/:auto;
}

.alignleft {
	float: left;
	padding: 0 5px 20px 0;
}

.alignright {
	float: right;
	padding: 0 0 20px 5px;
}



/* pagetop */

#pagetop {
	position: fixed;
	bottom: 5px;
	right: 5px;
	font-size: 77%;
	text-indent: -9999px;
}

#pagetop a {
	display: block;
	background: url(/common/images/btn_pagetop_n.png) top no-repeat;
	width: 30px;
	height: 30px;
	background-size: contain;
}

#pagetop a:hover {
	background: url(/common/images/btn_pagetop_o.png) top no-repeat;
	background-size: contain;
}



/* - -  (common) - - */


html {
	overflow-y: auto;
}


#header {
	width: 100%;
	height: 20px;
	background-color: #000;
}

.headcopy {
	width: 100%;
	margin: 0 auto;
	padding: 7px 0 0 0;
	text-align: center;
	color: #FFF;
	font-size: 9px;
}

#headcnt {
	width: 100%;
	min-width: 320px;
	margin: 0 auto;
	padding: 18px 0 12px;
	background: url(/common/images/pic_head_color.png) center 42px no-repeat;
}

.hd_logo {
	float: none;
	width: auto;
}

.hd_logo img {
	width: 220px;
	height: auto;
}

.hd_contact {
	float: none;
	width: 300px;
	margin: 0 auto;
	padding: 35px 0 0 0;
}

.hd_contact li {
	display: inline-block;
	float: none;
	width: 150px;
	padding: 0 auto 0 auto;
}

.contentbox {
	width: 100%;
	min-width: 320px;
	margin: 0 auto 0;
	text-align: left;
}









/* - -  (nav) - - */

#nav {
	float: none;
	width: 100%;
	min-width: 300px;
	border-top: 1px solid #CCC;
	margin: 0 auto 10px auto;
	background-color: #FFF;
}

#nav li {
	float: left;
	width: 50%;
	background-color: #FFF;
	border-bottom: 1px solid #CCC;
	overflow: hidden;
}

#nav li a {
	display: block;
	width: 100%;
	height: 20px;
	padding: 0 0 0 20px;
	color: #666 !important;
	text-decoration: none;
	line-height: 20px;
	font-size: 9px;
}

#nav li.btn_nav01 a { background: url(/common/images/icn_nav01.png) left top no-repeat; background-size: contain; }
#nav li.btn_nav02 a { background: url(/common/images/icn_nav02.png) left top no-repeat; background-size: contain; }
#nav li.btn_nav03 a { background: url(/common/images/icn_nav03.png) left top no-repeat; background-size: contain; }
#nav li.btn_nav04 a { background: url(/common/images/icn_nav04.png) left top no-repeat; background-size: contain; }
#nav li.btn_nav05 a { background: url(/common/images/icn_nav05.png) left top no-repeat; background-size: contain; }
#nav li.btn_nav06 a { background: url(/common/images/icn_nav06.png) left top no-repeat; background-size: contain; }
#nav li.btn_nav07 a { background: url(/common/images/icn_nav07.png) left top no-repeat; background-size: contain; }
#nav li.btn_nav08 a { background: url(/common/images/icn_nav08.png) left top no-repeat; background-size: contain; background-color: #666666; color: #F0F0F0 !important; }

#nav li ul li {
	width: 100%;
	background-color: #FFF;
	border-bottom: none;
}

#nav li ul li a { background-image: none !important; }

#nav li ul li a {
	display: block;
	width: 94%;
	height: 16px;
	padding: 0 0 0 20px;
	color: #666 !important;
	text-decoration: none;
	line-height: 16px;
	border-left: 12px solid #FFF;
}

#nav2 {
	float: none;
	width: 100%;
	margin: 0 auto;
}

#snav {
	float: left;
	width: 44%;
	background-color: #FFF;
	margin: 0 0 20px 0;
	padding: 5px 10px;
}

#snav li {
	width: 100%;
	border-bottom: 1px solid #CCC;
}

#snav li.r {
	border-bottom: none;
}

#snav li a {
	display: block;
	width: 109px;
	height: 22px;
	padding: 0 0 0 16px;
	color: #666 !important;
	text-decoration: none;
	line-height: 22px;
	background: url(/common/images/icn_snav.png) 2px 6px no-repeat;
	background-size: contain;
	font-size: 9px;
}


#snav li a:hover{
	background-color: #F5F5F5;
}

#hallbanner {
	float: left;
	width: 48%;
	margin: 0 0 13px 0;
}

#hallbanner li {
	width: 100%;
	margin: 0 0 7px 0;
}

#hallbanner li img {
	width: 100%;
	height: auto;
}

#banner {
	float: right;
	width: 48%;
	margin: 0 0 13px 0;
}

#banner li {
	width: 100%;
	margin: 0 0 7px 0;
}

#banner li img {
	width: 100%;
	height: auto;
}

#topnav {
	display: none;
}









/* - -  (footer) - - */

#footer {
	clear: both;
	width: 100%;
	min-width: 100%;
	text-align: left;
	background-color: #FFF;
}

.foot_contact_wrapper {
	background-color: #777;
	padding: 10px 0;
}

.foot_contact {
	width: 100%;
	margin: 0 auto;
	font-size: 12px;
	color: #FFF;
	text-align: center;
}

.foot_contact_tel {
	float: none;
	width: auto;
}

.foot_contact_tel2 {
	float: none;
	width: auto;
}

.idx_tel {
	width: 60px;
	height: auto;
}

.idx_num {
	width: 130px;
	height: auto;
}

.foot_address {
	float: none;
	padding: 10px 0 10px 0;
}

.foot_contact img {
	vertical-align: middle;
	margin: 0 5px 0 5px;
}

.btn_foot_contact {
	display: block;
	float: none;
	width: 220px;
	height: auto;
	margin: 0 auto;
}

.btn_foot_contact2 {
	display: block;
	float: right;
	width: 96px;
	height: auto;
	margin: 0 20px 0 0;
}

.btn_foot_contact3 {
	display: block;
	float: left;
	width: 176px;
	height: auto;
	margin: 0 0 0 20px;
}

.btn_foot_contact img,
.btn_foot_contact2 img,
.btn_foot_contact3 img {
	margin: 0 0 0 0;
}

#fnav {
	display: none;
}

#fnav2 {
	display: none;
}

.foot_logo {
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding: 30px 0 40px 0;
	background: url(/common/images/pic_head_color.png) center 70px no-repeat;
	text-align: center;
}

.foot_logo img {
	display: block;
	float: none;
	margin: 0 auto;
	text-align: center;
	width: 200px;
	height: auto;
}

.copyright {
	float: none;
	font-size: 9px;
	color: #777;
	padding: 10px 0 0 0;
	text-align: center;
}







/* - -  (content) - - */

.cntbox {
	position: relative;
	float: right;
	width: 100%;
	min-height: 200px;
	background-color: #FFF;
	margin: 0 0 20px 0;
	padding: 0;
}

.cntbox_top {
	background-color: transparent;
	padding: 0;
}

.cntbox_lower {
	margin: 10px;
}

.cntbox_lower p {
	margin: 0 0 15px 0;
}

.pic_head {
	width: 100%;
	margin: 0 0 20px 0;
}

.pic_head img {
	width: 100%;
	height: auto;
}

#breadcrumb {
	font-size: 11px;
	margin: 0 0 15px 0;
}

h2 {
	font-size: 18px;
	line-height: 1.2;
	border-bottom: 1px solid #CCC;
	margin: 0 0 15px 0;
	padding: 0 0 3px 10px;
	background: url(/common/images/bg_h2_00.png) left -2px bottom 4px no-repeat;
}

h2.ttl_about { background: url(/common/images/bg_h2_01.png) left -2px bottom 4px no-repeat; }
h2.ttl_reservation { background: url(/common/images/bg_h2_02.png) left -2px bottom 4px no-repeat; }
h2.ttl_restaurant { background: url(/common/images/bg_h2_03.png) left -2px bottom 4px no-repeat; }
h2.ttl_banquet { background: url(/common/images/bg_h2_04.png) left -2px bottom 4px no-repeat; }
h2.ttl_memorial { background: url(/common/images/bg_h2_05.png) left -2px bottom 4px no-repeat; }
h2.ttl_wedding { background: url(/common/images/bg_h2_06.png) left -2px bottom 4px no-repeat; }
h2.ttl_access { background: url(/common/images/bg_h2_07.png) left -2px bottom 4px no-repeat; }
h2.ttl_hall { background: url(/common/images/bg_h2_08.png) left -2px bottom 4px no-repeat; }

h3 {
	font-size: 14px;
	line-height: 1.2;
	border-bottom: 1px solid #CCC;
	margin: 0 0 15px 0;
	padding: 0 0 2px 0;
	font-weight: bold;
}

h4 {
	font-size: 13px;
	margin: 0 0 7px 0;
	line-height: 1.2;
	font-weight: bold;
}

table {
	width: 100%;
	margin: 0 0 20px 0;
	line-height: 1.6;
	border-collapse: separate;
	border-spacing: 0;
	line-height: 1.5;
}

table th {
	display: block;
	padding: 5px 5px;
	white-space: nowrap;
	background: #E5E7F2;
	text-align: left;
	vertical-align: top;
}

table td {
	display: block;
	padding: 5px 5px;
	vertical-align: top;
}

.btn_l {
}

.btn_l li {
}

.btn_l a {
	display: block;
	height: 36px;
	padding: 10px 10px 10px 10px;
	background: #CCC;
	color: #444 !important;
	text-decoration: none !important;
	font-weight: bold;
	font-size: 13px;
	line-height: 36px;
}

.btn_l a span {
	display: block;
	float: left;
	font-weight: bold !important;
}

.btn_l a img {
	display: block;
	width: 120px;
	height: auto;
	float: right;
}







/* - -  (content top) - - */

.topimage {
	position: relative;
	width: 100%;
	height: auto;
	background: none;
	background-size: cover;
}

#topslide {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

#topslide img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.topimage_bg {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 0 20px 0;
}

#topslidenav {
	width: 315px;
	margin: 0 auto 0 auto;
	padding: 5px 0 0 5px;
}

#topslidenav li {
  float: left;
  margin: 0 1px 0 1px;
	list-style: none;
}

#topslidenav li a {
  display: block;
  width: 58px;
  height: auto;
  padding: 1px;
	background-color: #CCC;
}

#topslidenav li.activeSlide a {
  background-color: #F03D00;
}

.topcnt01 {
	clear: both;
	float: none;
	width: auto;
	min-width: 300px;
	padding: 10px;
	background-color: #FFF;
	margin: 0 0 10px 0;
	font-size: 12px;
}

.topcnt02 {
	clear: both;
	float: none;
	width: auto;
	min-width: 300px;
	padding: 10px;
	background-color: #FFF;
	margin: 0 0 10px 0;
	font-size: 12px;
}

.topcnt03 {
	clear: both;
	float: none;
	width: auto;
	min-width: 300px;
	padding: 10px;
	background-color: #FFF;
	margin: 0 0 10px 0;
	font-size: 12px;
}

.topcnt04 {
	clear: both;
	float: none;
	width: auto;
	min-width: 300px;
	padding: 10px;
	background-color: #FFF;
	margin: 0 0 10px 0;
	font-size: 12px;
}

.topcnt05 {
	clear: both;
	float: none;
	width: auto;
	min-width: 300px;
	padding: 10px;
	background-color: #FFF;
	margin: 0 0 10px 0;
	font-size: 12px;
}

.topcnt06 {
	clear: both;
	float: none;
	width: auto;
	min-width: 300px;
	padding: 10px;
	background-color: #FFF;
	margin: 0 0 10px 0;
	font-size: 12px;
}

.topcnt07 {
	clear: both;
	float: none;
	width: auto;
	min-width: 300px;
	padding: 10px;
	background-color: #FFF;
	margin: 0 0 10px 0;
	font-size: 12px;
}

.topcnt10 {
	clear: both;
	float: none;
	width: auto;
	min-width: 300px;
	padding: 10px;
	background-color: #FFF;
	margin: 0 0 0 0;
	font-size: 12px;
}

.topcnt01 img {
	float: left;
	width: 140px;
	height: auto;
	margin: 0 10px 10px 0;
}

.topcnt02 img {
	float: left;
	width: 140px;
	height: auto;
	margin: 0 10px 10px 0;
}

.topcnt03 img {
	float: left;
	width: 140px;
	height: auto;
	margin: 0 10px 10px 0;
}

.topcnt04 img {
	float: left;
	width: 140px;
	height: auto;
	margin: 0 10px 10px 0;
}

.topcnt05 img {
	float: left;
	width: 140px;
	height: auto;
	margin: 0 10px 10px 0;
}

.topcnt06 img {
	float: left;
	width: 140px;
	height: auto;
	margin: 0 10px 10px 0;
}

.topcnt07 img {
	float: left;
	width: 140px;
	height: auto;
	margin: 0 10px 10px 0;
}

.link_topcnt01 a {
	display: block;
	width: auto;
	height: 26px;
	padding: 0 0 0 10px;
	margin: 0 0 0 150px;
	background: url(/common/images/top/bg_btntop01s.png) right top no-repeat;
	color: #FFF !important;
	text-decoration: none !important;
	line-height: 26px;
	font-size: 10px;
}

.link_topcnt02 a {
	display: block;
	width: auto;
	height: 26px;
	padding: 0 0 0 10px;
	margin: 0 0 0 150px;
	background: url(/common/images/top/bg_btntop02s.png) right top no-repeat;
	color: #FFF !important;
	text-decoration: none !important;
	line-height: 26px;
	font-size: 10px;
}

.link_topcnt03 a {
	display: block;
	width: auto;
	height: 26px;
	padding: 0 0 0 10px;
	margin: 0 0 0 150px;
	background: url(/common/images/top/bg_btntop03s.png) right top no-repeat;
	color: #FFF !important;
	text-decoration: none !important;
	line-height: 26px;
	font-size: 10px;
}

.link_topcnt04 a {
	display: block;
	width: auto;
	height: 26px;
	padding: 0 0 0 10px;
	margin: 0 0 0 150px;
	background: url(/common/images/top/bg_btntop04s.png) right top no-repeat;
	color: #FFF !important;
	text-decoration: none !important;
	line-height: 26px;
	font-size: 10px;
}

.link_topcnt05 a {
	display: block;
	width: auto;
	height: 26px;
	padding: 0 0 0 10px;
	margin: 0 0 0 150px;
	background: url(/common/images/top/bg_btntop05s.png) right top no-repeat;
	color: #FFF !important;
	text-decoration: none !important;
	line-height: 26px;
	font-size: 10px;
}

.link_topcnt06 a {
	display: block;
	width: auto;
	height: 26px;
	padding: 0 0 0 10px;
	margin: 0 0 0 150px;
	background: url(/common/images/top/bg_btntop06s.png) right top no-repeat;
	color: #FFF !important;
	text-decoration: none !important;
	line-height: 26px;
	font-size: 10px;
}

.link_topcnt07 a {
	display: block;
	width: auto;
	height: 26px;
	padding: 0 0 0 10px;
	margin: 0 0 0 150px;
	background: url(/common/images/top/bg_btntop07s.png) right top no-repeat;
	color: #FFF !important;
	text-decoration: none !important;
	line-height: 26px;
	font-size: 10px;
}

.link_topcnt10 a {
	display: block;
	width: 120px;
	height: 26px;
	padding: 0 0 0 10px;
	margin: 0 0 0 150px;
	background: url(/common/images/top/bg_btntop10s.png) right top no-repeat;
	color: #FFF !important;
	text-decoration: none !important;
	line-height: 26px;
	font-size: 10px;
}

.link_topcnt01 a:hover { background: url(/common/images/top/bg_btntop01s_o.png) right top no-repeat; }
.link_topcnt02 a:hover { background: url(/common/images/top/bg_btntop02s_o.png) right top no-repeat; }
.link_topcnt03 a:hover { background: url(/common/images/top/bg_btntop03s_o.png) right top no-repeat; }
.link_topcnt04 a:hover { background: url(/common/images/top/bg_btntop04s_o.png) right top no-repeat; }
.link_topcnt05 a:hover { background: url(/common/images/top/bg_btntop05s_o.png) right top no-repeat; }
.link_topcnt06 a:hover { background: url(/common/images/top/bg_btntop06s_o.png) right top no-repeat; }
.link_topcnt07 a:hover { background: url(/common/images/top/bg_btntop07s_o.png) right top no-repeat; }
.link_topcnt07 a:hover { background: url(/common/images/top/bg_btntop10s_o.png) right top no-repeat; }

.topics {
	display: block;
	float: none;
	width: auto;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

.topics dt {
	clear: both;
	float: left;
	padding: 4px 0 4px 4px;
}

.topics dd {
	padding: 4px 4px 4px 90px;
	border-bottom: 1px solid #EEE;
}






/* - -  (content about) - - */

.qalist li a {
	display: block;
	width: 96%;
	height: 60px;
	background: url(/common/images/bg_btn_faq_s.png) left top no-repeat;
	border: 1px solid #CCC;
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	line-height: 60px;
	font-size: 13px;
	font-weight: bold;
	color: #444 !important;
	text-decoration: none !important;
}

.qalist li a:hover {
	color: #777 !important;
	background: url(/common/images/bg_btn_faq_s_o.png) left top no-repeat;
}

.staffphoto {
	width: 40%;
}

.stafftxt {
	font-size: 13px;
}







/* - -  (content reservation) - - */

.guestroom_ttl {
	font-size: 24px !important;
	background: url(/common/images/reservation/line_reservation_guestroom.png) left -3px bottom 5px no-repeat;
	padding: 0 0 0 16px;
	border-bottom: 1px solid #DDD;
	line-height: 24px;
}





/* - -  (content restaurant) - - */

.restaurantbox {
	clear: both;
	margin: 20px 0;
	padding: 10px 0;
	text-align: center;
	font-size: 13px;
	border: 3px solid #F8E2F5;
}

.news {
	clear: both;
	font-size: 14px;
	line-height: 1.2;
	margin: 0 0 15px 0;
	padding: 5px 0 5px 10px;
	font-weight: bold;
	border-left:#dd6fcc solid 8px;
	border-bottom: 0px;
	background-color:#F8E2F5;
}




/* - -  (content banquet) - - */

.parkingbox {
	clear: both;
	margin: 20px 0;
	padding: 10px 0;
	text-align: center;
	font-size: 13px;
	border: 3px solid #6CD06A;
}

.banquetTable {
	width: 100%;
	margin: 0 0 20px 0;
	line-height: 1.6;
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 1.5;
	font-size: 10px;
}

.banquetTable th {
	display: table-cell;
	padding: 5px 5px;
	white-space: normal;
	background: #E2F6E1;
	text-align: center;
	border: 1px solid #DDD;
	vertical-align: middle;
}

.banquetTable td {
	display: table-cell;
	padding: 5px 5px;
	text-align: center;
	border: 1px solid #DDD;
	vertical-align: middle;
}

.banquetTable2 {
	float: none;
	width: 100%;
	margin: 0 0 20px 0;
	line-height: 1.6;
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 1.5;
}

.banquetTable2 th {
	display: table-cell;
	width: 60%;
	padding: 5px 5px;
	white-space: normal;
	background: #E2F6E1;
	text-align: left;
	vertical-align: middle;
}

.banquetTable2 td {
	display: table-cell;
	padding: 5px 5px;
	vertical-align: top;
	text-align: right;
	vertical-align: middle;
}







/* - -  (content memorial) - - */

.memorialTable {
	float: none;
	width: 100%;
	margin: 0 0 20px 0;
	line-height: 1.6;
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 1.5;
}

.memorialTable th {
	display: table-cell;
	width: 60%;
	padding: 5px 5px;
	white-space: normal;
	background: #DCF2FC;
	text-align: left;
	vertical-align: middle;
}

.memorialTable td {
	display: table-cell;
	padding: 5px 5px;
	vertical-align: top;
	text-align: right;
	vertical-align: middle;
}

.memorialbox {
	margin: 20px 0;
	padding: 10px 10px;
	text-align: center;
	font-size: 13px;
	border: 3px solid #DCF2FC;
}

.memorialmenu {
}

.memorialmenu th {
	display: table-cell;
}

.memorialmenu td {
	display: table-cell;
}




/* - -  (content access) - - */

.sunplazamap {
	width: 100%;
	height: 240px;
}






/* - -  (content hall) - - */

.halleventTable {
	width: 100%;
	margin: 0 0 20px 0;
	line-height: 1.6;
	border-collapse: separate;
	border-spacing: 5px;
	line-height: 1.5;
}

.halleventTable th {
	display: block;
	width: auto;
	padding: 5px 0 5px 15px;
	white-space: nowrap;
	background: #E4E4E4;
	text-align: left;
	vertical-align: top;
}

.halleventTable td {
	display: block;
	padding: 5px 15px;
	vertical-align: top;
}

.fc-content {
}

.fc-border-separate th,
.fc-border-separate td {
	display: table-cell !important;
	width: auto !important;
}

.hallpriceTable {
	width: 100%;
	margin: 0 0 20px 0;
	border-collapse: collapse;
	line-height: 1.2;
	font-size: 10px;
}

.hallpriceTable td {
	display: table-cell;
	border: 1px solid #DDD;
	padding: 3px 1px;
	vertical-align: middle;
	text-align: center;
}

.abouthallTable {
	width: 100%;
	margin: 0 0 20px 0;
	border-collapse: collapse;
	line-height: 1.2;
	font-size: 10px;
	border-top: 1px solid #CCC;
}

.abouthallTable th {
	display: table-cell;
	border-bottom: 1px solid #CCC;
	padding: 3px 3px;
	vertical-align: middle;
	text-align: left;
	background-color: #EEE;
}

.abouthallTable td {
	display: table-cell;
	border-bottom: 1px solid #CCC;
	padding: 3px 3px;
	vertical-align: middle;
	text-align: left;
}

.hallareamapTable {
	width: 98%;
	margin: 0 0 20px 0;
	border-collapse: separate;
	border-spacing: 5px;
	line-height: 1.5;
}

.hallareamapTable td {
	display: table-cell;
	padding: 0 0 0 0;
	vertical-align: top;
	text-align: center;
}

.hallareamapTable td a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 5px 5px;
	font-size: 11px;
}

.hallareamapTable td a.viewf {
	background-color: #E7FAFA;
}

.hallareamapTable td a.viewl {
	background-color: #F9F9DE;
}

.hallareamapTable td a.viewc {
	background-color: #E1F9E0;
}

.hallareamapTable td a.viewr {
	background-color: #F7D3F7;
}







/* - -  (content sitemap) - - */

#menu-sitemapmenu {
	padding: 0 0 0 0;
}

#menu-sitemapmenu li {
	padding: 0 0 0 24px;
	background: url(/common/images/icn_list1.png) left top no-repeat;
	background-position: 0 10px;
	line-height: 2.0;
}

#menu-sitemapmenu ul li {
	background: url(/common/images/icn_list2.png) left top no-repeat;
	background-position: 0 6px;
}

#menu-sitemapmenu ul li ul li {
	background: url(/common/images/icn_list3.png) left top no-repeat;
	background-position: 0 6px;
}







/* - -  (content english) - - */


table.english_room {
	width: auto;
	margin: 0 0 20px 0;
	border-collapse: separate;
	border-spacing: 5px;
	line-height: 1.2;
}

table.english_room th {
	display: table-cell;
	padding: 5px 5px;
	white-space: nowrap;
	background: #E5E7F2;
	text-align: center;
	vertical-align: top;
}

table.english_room td {
	display: table-cell;
	padding: 5px 5px;
	vertical-align: top;
}











}







/* - - - - - - - - - - - /end - - - - - - - - - - - */