/* mystyle.css */
/*-------------------------------------------------------------------
* init
  [color scheme] RED:#C0412D / BROWN:#7A3E20 / GREY:#444444
--------------------------------------------------------------------*/
a:active, a:focus { outline:none; }
::-moz-selection { background:#444444; color:#FFFFFF; }
::selection { background:#444444; color:#FFFFFF; }
html { background-color:#FFFFFF; color:#444444; overflow-y:scroll; overflow-x:hidden; }
body { font-size:14px; line-height:1.5; font-family:sans-serif; }
img { vertical-align:bottom; }

/* p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd { margin:0; padding:0; list-style:none; font-size:1em; font-weight:normal; } */
ul, ol, li, dl, dt, dd { margin:0; padding:0; }
ul, ol, li { list-style:none; }
p { margin:0 0 1.3em 0; }
p.mb0{ margin-bottom:0;}

/*-------------------------------------------------------------------
* link
--------------------------------------------------------------------*/
a, a:visited { color:#1675b8; text-decoration:none; }
a:hover, a:focus, a:visited:hover, a:visited:focus { color:#80bcde; }
/* a:hover img { -ms-filter:"alpha(opacity=70)"; filter:alpha(opacity=70); opacity:.7; } */
a.external { padding-right:15px; background:transparent url(../images/global_listmark_external.png) no-repeat right center; }
a.arrow { display:inline-block; font-size:0.9em; line-height:1.2; padding-left:10px; background:transparent url(../images/global_arrow.png) no-repeat left center; }


/*-------------------------------------------------------------------
* base
--------------------------------------------------------------------*/
body { width:100%; }
header { width:100%; margin-bottom:0; background: url(../images/global_head_bg.gif); border-bottom: 2px solid #58afe4; border-top: 14px solid #58afe4; }
body.home header { /* margin-bottom:40px; */ }
#content { /* width:960px; */ width:100%; margin:0; background: url(../images/global_side_bg.gif) repeat-y left top; }
#content #side { clear:both; width:182px; float:left; height: auto; }
#content #main { /* width:738px; */ width:auto; padding-left:212px; _zoom:1; }
body.home div#content div#main { padding-right: 30px; }
footer { width:100%; border-bottom: 2px solid #58afe4; border-top: 2px solid #58afe4; text-align: center; padding: 5px 0; line-height: 1; font-size: 0.75em; font-weight: normal; color: #333; background-color: #f5f5f5;color: #777; }

/*2783ba*/
/*58afe4*/

header h1#logo { background: transparent url(../images/global_header_right.gif) no-repeat right bottom; margin:0; width:100%; }
/*header h2 { border-top: 2px solid #58afe4; text-align: center; padding: 5px 0; line-height: 1; font-size: 0.8em; font-weight: normal; color: #777; margin: 0; background-color: #f5f5f5; letter-spacing:1px; }*/
header h2 { width:0; height:0; overflow:hidden; font-size:0; line-height:0;}

#side ul { background: url(../images/global_side_title.png) no-repeat center top; padding:40px 12px 12px 12px; margin:20px 0; }
#side li { margin-bottom: 10px; }
#side li.menu-item-491 { background: url(../images/navi_01_on.gif) no-repeat; }
#side li.menu-item-296 { background: url(../images/navi_02_on.gif) no-repeat; }
#side li.menu-item-297 { background: url(../images/navi_03_on.gif) no-repeat; }
#side li.menu-item-298 { background: url(../images/navi_04_on.gif) no-repeat; }
#side li.menu-item-599 { background: url(../images/navi_05_on.gif) no-repeat; }
#side li.menu-item-300 { background: url(../images/navi_13_on.gif) no-repeat; }
#side li.menu-item-301 { background: url(../images/navi_06_on.gif) no-repeat; }
#side li.menu-item-302 { background: url(../images/navi_07_on.gif) no-repeat; }
#side li.menu-item-303 { background: url(../images/navi_11_on.gif) no-repeat; }
#side li.menu-item-304 { background: url(../images/navi_08_on.gif) no-repeat; }
#side li.menu-item-305 { background: url(../images/navi_12_on.gif) no-repeat; }
#side li.menu-item-1406 { background: url(../images/navi_14_on.gif) no-repeat; }
#side li.menu-item-1403 { background: url(../images/navi_12_on.gif) no-repeat; }

#side li.menu-item-1413 { opacity:1;}
#side li.menu-item-1413 a:hover{ opacity:0.5;}

article#main h1 { background: url(../images/global_title_right.jpg) no-repeat right bottom, url(../images/global_title_bg.png) repeat-x right top; }
article#main h2 { font-weight:bold; font-size:1.1em; line-height:1; color: #FFF; background: #1b9914; padding:8px 6px; margin:0 0 30px 0; }
article#main h3 { font-weight:bold; font-size:1em; line-height:1.3; color:#009999; background:#FFF; padding:0; margin:1em 0 0.3em 0; }
article#main h4 {}
article#main h5 {}
article#main h6 {}

article#main ul, article#main ol { margin:0 0 1em 0; }
.list-dot li { border-bottom:1px dotted #ccc; padding-bottom:4px; margin-top:4px; }
.list-dot li.no { border-bottom:none; padding-bottom:4px; margin-top:4px; }
ol li { list-style: decimal inside none; }

article#main section { padding-right:30px; }
#home-topics article { width: 100%; padding: 15px 0; }
#home-topics h1 { margin:0; }
#home-topics article div.home-topics-body { float: left; width: 70%; }
#home-topics article div.home-topics-img { float: right; width: 30%; text-align: right;  border:none;}
#home-topics article div.home-topics-img img{ border:none;}
#home-topics article div.home-topics-body h2 { font-weight:bold; font-size:1.4em; line-height:1.5; background:none; padding:0; margin:0 0 20px 0; }
#home-topics article div.home-topics-body h2 a { color:#c00; }

#home-topics article { border-top: 1px solid #addcad; border-bottom: 1px solid #addcad; }

#home-news ul, ul.list-title { border-top: 1px solid #addcad; }
#home-news li, ul.list-title li { border-bottom: 1px solid #addcad; padding: 5px 0; list-style:disc inside none; color:#aa8455; }
#home-news li a {}

.menu-home-bnr-container { padding: 10px 0;  }
.menu-home-bnr-container ul { width:804px; }
.menu-home-bnr-container ul li { float: left; margin: 5px 4px 0 0; }

body.home section h1 { margin: 0 0 5px 0; }

.tablepress { border:1px solid #b0862c; border-collapse:collapse; border-spacing:0; width:auto; margin:0; }
.tablepress tbody td, .tablepress tfoot th { border: 1px solid #b0862c; }
.tablepress td.column-1 { background:#e9d5a9; }
.tablepress td.column-2 { background:#f4ead5; }
.tablepress td.column-3 {}
.tablepress thead th, .tablepress tfoot th { background-color:#FFF; font-weight:bold; vertical-align:middle; }
.tablepress thead th { border: 1px solid #b0862c; }
.tablepress th, .tablepress td { padding: 8px; }

article#main.post-53 section div#numbering { margin-top:-20px; }
article#main.post-53 section div#numbering dl, article#main.post-53 section div#numbering div { display:inline-block; /display:inline; /zoom:1; vertical-align:top; margin-right:20px; margin-top:30px; }
article#main.post-53 section div#numbering dt { clear:left; float:left; width:100px; }
article#main.post-53 section div#numbering dd { float:left; width:210px; padding-left:10px; margin:0; overflow:hidden; }
article#main.post-53 section div#numbering dd:after { content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both; }
article#main.post-53 section div#numbering dd h2 { font-weight:bold; font-size:1.3em; line-height:1.2; color:#333333; background:transparent url(../images/kashu_greybg.gif); padding:8px; margin:0; }
article#main.post-53 section div#numbering dd h2.na { background:none; padding:0; }
article#main.post-53 section div#numbering dd p, article#main.post-53 section div#numbering div p, article#main.post-53 section div#numbering p.note { line-height:1.35; margin-top:15px; }
article#main.post-53 section div#numbering p.note { margin-top:30px; }
article#main.post-53 section div#numbering dd p { font-size:0.95em; }
article#main.post-53 section div#numbering p.note { background:url(images/kashu_greybg.gif); padding:4px; }
article#main.post-53 section div#numbering div { width:318px; border:solid 1px #609C5C; color:#666; }
article#main.post-53 section div#numbering div h3 { font-weight:bold; font-size:1em; line-height:1; color:#609C5C; background:#FFF; padding:15px; margin:0; }
article#main.post-53 section div#numbering div p { padding:0 15px 15px 15px; margin:0; }
article#main.post-53 section div#allsongs, article#main.post-53 section div#selfselect { margin-top:50px; }
article#main.post-53 section div#allsongs h2, article#main.post-53 section div#selfselect h2 { font-weight:bold; font-size:1.2em; line-height:1.2; color:#333333; background:#FFF; padding:0 0 4px 0; margin:0; border-bottom:solid 1px #666;  }
article#main.post-53 section div#allsongs h3 { font-weight:bold; font-size:1.1em; line-height:1; color:#609C5C; background:#FFF; padding:6px; margin:15px 0 6px 0; }
article#main.post-53 section div#selfselect ul { margin-top:15px; }
article#main.post-53 section div#selfselect li { padding-top:10px; }
article#main.post-53 section div#selfselect li span { display:inline-block; /display:inline; /zoom:1; vertical-align:top; width:200px; color:#609C5C; }

article#main.post-20 section section dl { overflow:hidden; zoom:1; margin:1em 0; }
article#main.post-20 section section dl dt { width:6em; float:left; clear:both; margin-bottom:6px; }
article#main.post-20 section section dl dd { padding-left:7em; margin-bottom:6px; padding-bottom:6px; border-bottom:1px dotted #1b9914; }

article#main.post-22 section div dl, article#main.post-22 section section div { display:inline-block; /display:inline; /zoom:1; vertical-align:top; margin-right:20px; }
article#main.post-22 section div dl dt { clear:left; float:left; width:150px; text-align: center; }
article#main.post-22 section div dl dd { float:left; width:170px; padding:0; margin:20px 0 0 0; overflow:hidden; }
article#main.post-22 section div dl dd:after { content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both; }
article#main.post-22 section div dl dd h3 { font-weight:bold; font-size:1.3em; line-height:1.2; color:#333333; background:transparent url(../images/kashu_greybg.gif); padding:8px; margin:0; }
article#main.post-22 section div dl dd p, article#main.post-22 section section div p { line-height:1.5; margin-top:20px; }
article#main.post-22 section div dl dd p { font-size:0.95em; }


/*-------------------------------------------------------------------
* layout
--------------------------------------------------------------------*/
article h1 {}
article h2 {}
article h3 {}
article h4 {}
article h5 {}
article h6 {}

article section { margin-bottom:60px; }


/*-------------------------------------------------------------------
* font
--------------------------------------------------------------------*/
.font-sans { font-family:Arial,"Helvetica Neue",Helvetica,sans-serif; }
.font-serif { font-family:Georgia,"Times New Roman",Times,serif; }

.font-xlarge { font-size:2em !important; }
.font-large { font-size:1.2em !important; }
.font-medium { font-size:1em !important; }
.font-small { font-size:0.9em !important; line-height:1.3 !important; }

.font-mincho { font-size:25px; font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; letter-spacing:inherit; }


/*-------------------------------------------------------------------
* utility
--------------------------------------------------------------------*/
.row { margin-left:-21px; margin-top:-21px; }
.row:before, .row:after { content:""; display:table; line-height:0; }
.row:after { clear:both; }
[class*="span"] { float:left; margin-left:21px; margin-top:21px; }

.span2 { width:327px; }
.span3 { width:211px; }
.span4 { width:153px; }

.span3-1 { width:211px; }
.span3-2 { width:443px; }
.span4-1 { width:153px; }
.span4-3 { width:501px; }

[class*="span"] h1:first-child,
[class*="span"] h2:first-child,
[class*="span"] h3:first-child,
[class*="span"] h4:first-child,
[class*="span"] h5:first-child,
[class*="span"] h6:first-child,
[class*="span"] p:first-child,
[class*="span"] div:first-child,
[class*="span"] span:first-child,
[class*="span"] ul:first-child { margin-top:0; }

[class*="span"] p:last-child,
[class*="span"] div:last-child,
[class*="span"] span:last-child,
[class*="span"] ul:last-child { margin-bottom:0; }

.left { float:left; }
.right { float:right; }
.center { display:block; text-align:center; margin:inherit auto; }

.full { width:100%; }
.half { width:50%; }
.one-third { width:33.333%; }
.quarter { width:25%; }
.one-fifth { width:20%; }
.one-sixth { width:16.666%; }
.one-seventh { width:14.285%; }
.one-eighth { width:12.5%; }
.one-ninth { width:11.111%; }
.one-tenth { width:10%; }

.mt0 { margin-top:0px; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }
.mt60 { margin-top:60px; }
.mt60 { margin-top:60px; }
.mt70 { margin-top:70px; }
.mt80 { margin-top:80px; }
.mt90 { margin-top:90px; }

.mb0 { margin-bottom:0px; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }
.mb60 { margin-bottom:60px; }
.mb70 { margin-bottom:70px; }
.mb80 { margin-bottom:80px; }
.mb90 { margin-bottom:90px; }

.relative { position:relative; }
.space-zero { margin:0; padding:0; }
.min { font-size:0.1em; line-height:0; }
.haslayout { /zoom:1; }
.inner, .wrap { width:960px; margin:0 auto; }

.table { display:table; table-layout:fixed; width:100%; }
.table > div { display:table-cell; vertical-align:top; }

.rounded { -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }

.opacity50 { -ms-filter:"alpha(opacity=50)"; filter:alpha(opacity=50); opacity:.5; }
.opacity60 { -ms-filter:"alpha(opacity=60)"; filter:alpha(opacity=60); opacity:.6; }
.opacity70 { -ms-filter:"alpha(opacity=70)"; filter:alpha(opacity=70); opacity:.7; }
.opacity80 { -ms-filter:"alpha(opacity=80)"; filter:alpha(opacity=80); opacity:.8; }
.opacity90 { -ms-filter:"alpha(opacity=90)"; filter:alpha(opacity=90); opacity:.9; }

b, strong, .strong { color:#7A3E20; font-weight:bold; }
a.strong { text-decoration:underline; }

dfn, em, .em { font-style:italic; }

small, .small, .caption { font-size:0.9em; line-height:1.3; }
.caution { font-size:0.9em; line-height:1.3; }

.clearfix { zoom:1; }
.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }

.image-replacement{ text-indent:100%; white-space:nowrap; overflow:hidden; }

.frame { padding:2px; border:1px solid #cccccc; background-color:#FFFFFF; }

table.tbl01 { background-color:#F2ECE9; width:100%; }
table.tbl01 th { background-color:#7A3E20; color:#FFFFFF; width:86px; text-align:center; font-weight:bold; }
table.tbl01 th, table.tbl01 td { border-bottom:1px solid #FFFFFF; padding:7px 17px; }

table.tbl02 { width:100%; }
table.tbl02 tr { background-color:#7A3E20; }
table.tbl02 tr.odd { background-color:#7A3E20; }

/* tbl03 予約フォームのテーブルなど */
table.tbl03 { width:100%; }
table.tbl03 th { width:180px; font-weight:normal; text-align:left; }
table.tbl03 th, table.tbl03 td { padding:10px; }
table.tbl03 td input.form-radio { margin-right:0.5em; }
table.tbl03 td label { margin-right:1.5em; }
table.tbl03 td input.form-normal, table.tbl03 td textarea.form-normal { width:440px; }
table.tbl03 td textarea.form-normal { height:100px; }
table.tbl03 td input.form-small { width:140px; }
table.tbl03 tr { border-bottom:1px solid #CCCCCC; }
table.tbl03 td div.caption { margin-top:8px; }
span.require { font-size:0.9em; color:#C0412D; }
div.button-1 { width:100%; text-align:center; margin-top:30px; }
table.tbl03 td .error { color:#C0412D; }

/* pagination 主に一覧 */
.pagination-archive { margin-top:50px; text-align:center; font-size:0.85em; }
.pagination-archive li { display:inline-block; line-height:1; }
.pagination-archive li a { margin:0 3px; padding:6px 9px; display:block; background:#1b9914; color:#FFFFFF; border:1px solid #1b9914; }
.pagination-archive li a:link { color:#1b9914; }
.pagination-archive li span { background:#FFFFFF; border:1px solid #1b9914; color:#1b9914; margin:0 3px; padding:6px 9px; }
.pagination-archive li a:hover { background:#c9e8c9; color:#1b9914; border:1px solid #1b9914; }

/* pagination 主に詳細 */
.pagination-single { position:relative; margin-top:30px; }
.pagination-single p { line-height:1; margin:0; padding:0; }
.pagination-single p.prev { position:absolute; left:0; top:0; }
.pagination-single p.list { width:9em; margin:0 auto; text-align:center; }
.pagination-single p.next { position:absolute; right:0; top:0; }
.pagination-single p a { padding:6px 9px; display:block; background:#1b9914; color:#FFFFFF; border:1px solid #1b9914; }
.pagination-single p a:hover { background:#c9e8c9; color:#1b9914; border:1px solid #1b9914; }

/* scroolbar */
body.home #news .scrollWrap { width:235px; height:303px; }
body.home #news .scrollWrap .viewport { width:217px; height:303px; overflow:hidden; position:relative; }
body.home #news .scrollWrap .overview { position:absolute; left:0; top:0; }
body.home #news .scrollWrap .scrollbar { background:#F0F0F0; position:relative; background-position:0 0; float:right; width:9px; }
body.home #news .scrollWrap .track { background:#F0F0F0; height:100%; width:9px; position: relative; }
body.home #news .scrollWrap .thumb { background:#4D4D4D; height:5px; width:9px; cursor:pointer; overflow:hidden; position:absolute; left:0; top:0; }
body.home #news .scrollWrap .thumb .end { background:#4D4D4D; overflow:hidden; height:30px; width:9px; }
body.home #news .scrollWrap .disable { display:none; }

.btn-red { text-align:center; background:#C0412D; font-size:1.2em; line-height:1.2; color:#FFFFFF; font-weight:bold; padding:15px; -webkit-border-radius:6px; border-radius:6px; }
.btn-red a, .btn-red a:hover { color:#FFFFFF !important; }
.btn-red:hover { background:#D37A6C; }

.btn-grey { text-align:center; background:#666666; font-size:1.2em; line-height:1.2; color:#FFFFFF; font-weight:bold; padding:15px; -webkit-border-radius:6px; border-radius:6px; }
.btn-grey a, .btn-grey a:hover { color:#FFFFFF !important; }
.btn-grey:hover { background:#888888; }


/*-------------------------------------------------------------------
* header
--------------------------------------------------------------------*/


/*-------------------------------------------------------------------
* footer
--------------------------------------------------------------------*/


/*-------------------------------------------------------------------
* sidebar
--------------------------------------------------------------------*/


/*-------------------------------------------------------------------
* home
--------------------------------------------------------------------*/


/*-------------------------------------------------------------------
* 404
--------------------------------------------------------------------*/


/*-------------------------------------------------------------------
* search
--------------------------------------------------------------------*/


/*-------------------------------------------------------------------
* single
--------------------------------------------------------------------*/


/*-------------------------------------------------------------------
* page
--------------------------------------------------------------------*/


/*-------------------------------------------------------------------
* archive
--------------------------------------------------------------------*/


/*-------------------------------------------------------------------
* page-links

--------------------------------------------------------------------*/
.page-links td h4 { color:#FFF; padding:5px; margin:0;}
.page-id-914 #main table table td  { border:1px solid #c0c0c0; }
.page-id-914 #main table table td.bnone  { border:none; }


/*-------------------------------------------------------------------
* contact
--------------------------------------------------------------------*/
.page-link td b{ color:inherit;}


/*-------------------------------------------------------------------
* alpha
--------------------------------------------------------------------*/
.linkButton {
	/*float:left;
	margin:0 0 50px;*/
}
.linkButton ul li {
	float:left;
	display:inline;
}
.linkButton a {
	display:inline-block;
	padding:5px 10px;
	margin:0 15px 15px 0;
	font-size:14px;
	line-height:1.5;
	vertical-align:middle;
	text-align:left;
	text-decoration:none;
}
.linkButton.co1 a {background-color:#3074c1;color:#fff;}
.linkButton.co1 a:hover {background-color:#6499d5;color:#fff;}
.linkButton.co2 a {background-color:#3074c1;color:#fff;}
.linkButton.co2 a:hover {background-color:#6499d5;color:#fff;}
.linkButton.co3 a {background-color:#3074c1;color:#fff;}
.linkButton.co3 a:hover {background-color:#6499d5;color:#fff;}
.linkButton img {
	vertical-align:middle;
}
.h20{ display:block; height:15px;}
.fs_s{ font-size:80%;}
.bold{ font-weight:bold;}

