@charset "shift-jis";
/* =========================================================
　Reset
========================================================= */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { margin: 0; padding: 0; }
ol, ul { list-style: none; box-sizing: border-box;}
fieldset, img { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
td { padding: 0; }
a:focus{ outline: none; }

.ui-btn-inner,                /* ボタン */
.ui-li-heading,                /* リスト見出し */
.ui-li .ui-btn-text a.ui-link-inherit,    /* リンクリスト */
.ui-li-desc                /* リスト詳細 */
{ overflow: visible; white-space: normal; }



/* =========================================================
　Body
========================================================= */
body { background: #fbf1e3; margin: 0;  line-height: 1.5; font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;  margin:0 auto; }
a:link, a:visited {  color: #666; text-decoration: none; }
a:hover, a:active {  text-decoration: none; }
#contents{ overflow:hidden; }
.ui-header .ui-title,.ui-footer .ui-title,.ui-btn-inner,.ui-li-heading,.ui-li .ui-btn-text a.ui-link-inherit,.ui-li-desc {  overflow: visible; }
.ui-body-c { background: #fbf1e3; }
.ui-header { margin-top: 10px; }
.ui-collapsible {
    margin : 8px -15px;
}11111111		
.sj { padding-left:5px; margin-bottom:10px; }
.custom-button .ui-btn-corner-all{
  -moz-border-radius: 0.1em;
  -webkit-border-radius: 0.1em;
  border-radius: 0.1em;}
td { margin-bottom:5px; }

/* =========================================================
  Head
========================================================= */
#photo { margin-bottom: 20px; margin-top:30px; }
#head { margin-bottom: 30px; }
#con {  background:#2ba406; color:#FFF; margin-top:25px; width:102%; }

/* =========================================================
  Foot
========================================================= */
#bfoot { background:#e4d4bd;   margin-top:25px; margin-left:9px; margin-right:5px; }
.foot { border-top:solid #CCC 1px; padding-top:5px; margin-top:15px; }

/* =========================================================
  Menu
========================================================= */
#menu { width: 100%; margin: 0 0 0 1.1%; }
#menu li { width: 24%; margin: 0 0.9% 0.9% 0; float: left; font-size: x-small; font-weight: normal; text-align: center; }
#menu a { width: 100%; -webkit-border-radius: 5px; display: block; color: #FFFFFF; }
#menu a:link, #menu a:visited {background: -webkit-gradient(linear, left top, left bottom, from(#CCC), to(#CCC)); }
#menu a:active, #menu a:hover { background: -webkit-gradient(linear, left top, left bottom, from(#CCC), to(#CCC)); }

/* =========================================================
  style
========================================================= */
.cl { clear: both; }
.title { padding: 10px; background: #5997D1; color: #FFF; font-weight: bold; }
.toplist { font-size: small; line-height: 1.4; }
.toplist img { margin: 5px; }
.button { width: 80px; font-size: small; color: #333; float: right; }
.button2 { background: -webkit-gradient(linear, left top, left bottom, from(#4372bb), to(#002a8e)); color: #FFF; }
a:link.button2, a:visited.button2 { background: -webkit-gradient(linear, left top, left bottom, from(#4372bb), to(#002a8e)); color: #FFF; }
a:active.button2, a:hover.button2 { background: -webkit-gradient(linear, left top, left bottom, from(#002a8e), to(#4372bb)); color: #FFF; }


h2 { padding: 8px; background: #0A2F8C; color:#FFFFFF; font-size: medium; text-shadow: 1px 1px 2px #4871da; }
.event { margin-bottom: 20px; }
.event div { padding: 10px; }
.event .img { margin: 10px 0; text-align: center; }

.cd { margin-bottom: 20px; font-size: small; }
.cd table { width: 100%; border-top: 1px solid #CCC; border-left: 1px solid #CCC; }
.cd th { padding: 5px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; background: #5997D1; color: #FFF; text-shadow: none; }
.cd td { padding: 5px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }
.cd .rank { background: #dff0ff; text-align: center; font-weight: bold; }
.cd .brank { background: #EEE; text-align: center; font-weight: bold; }

.no { margin-bottom: 20px; }
.no h3 { margin: 0; }
.no p { margin: 0; }
.no input[type=text] { width: 40px; padding: 5px; border: 1px solid #CCC; border-radius: 10px; }
.no input[type=submit] { width: 90%; margin: 5px 5%; padding: 10px 0; background: -webkit-gradient(linear, left top, left bottom, from(#4372bb), to(#002a8e)); color: #FFF; border-radius: 10px; }
.no input[type=submit]:hover { background: -webkit-gradient(linear, left top, left bottom, from(#002a8e), to(#4372bb)); color: #FFF; border-radius: 10px; }

.reserved { margin-bottom: 20px; }
.reserved h3 a { background: #daeeff; }
.reserved p { margin: 10px; font-size: small; }
.reserved strong { color: #002a8e; }
.title { margin: 0; padding: 8px; background: #4372bb; color:#FFFFFF; font-size: small; text-shadow: 1px 1px 2px #4871da; }

.stview { margin-bottom: 20px; }
.stview h3 a { background: #daeeff; }
.stview p { margin: 10px; font-size: small; }
.stview strong { color: #002a8e; }

.pagetop { width: 100%; padding: 10px 0; background: #437dbe; display: block; font-size: small; color: #FFF; text-align: center; }
a:link.pagetop, a:visited.pagetop { color: #FFF; }
a:active.pagetop, a:hover.pagetop { color: #F00; text-shadow: none; }

a.oubo{
  color: #fff;
  font-size: 20px;
  border: 1px solid #ee674b;
  background: #ee674b;
  text-shadow: 0 -1px 1px #c8604a;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5f9cc5), to(#396b9e));
  background-image: -webkit-linear-gradient(#5f9cc5, #396b9e);
  background-image: -moz-linear-gradient(#5f9cc5, #396b9e);
  background-image: -ms-linear-gradient(#5f9cc5, #396b9e);
  background-image: -o-linear-gradient(#5f9cc5, #396b9e);
  background-image: linear-gradient(#ee674b, #cc3c1e);
}

.pan { font-size: 10px; margin: 0 0 20px 0; padding: 6px 10px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; background: #F6F6F6; }


.outline table th{
  vertical-align: top;
  padding: 6px 0;
  border-bottom: 1px solid #ddd;
}
.outline table td{
  padding: 6px 0;
  border-bottom: 1px solid #ddd;
}
.outline table tr:last-child th,
.outline table tr:last-child td{
  border: none;
}

.kitei{
  font-size: 13px;
}
.kitei p{
  margin-bottom: 6px;
}
.kitei p:not(.t) {
  text-indent: -0.6em;
  padding-left: 0.6em;
}