﻿@charset "UTF-8";

body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, li,
brockquote, pre, table, caption, address, form, object, img,
span, a, strong, em, q, ins, del, site, code, dfn, abbr, acronym, 
section, header, footer, nav, aside, article, address, figure, hgroup,
menu {
  margin: 0;
  padding: 0;
}

html {
overflow-y:scroll;
}

body {
background:#fff;
color: #000;
text-align:center;
word-break:break-all;
font-size:14px;
line-height:22px;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
overflow: hidden;
margin: 0 !important;
padding: 0 !important;

}

ul {
  list-style-position: outside;
  list-style-type: none;
}

li a {
  border:none;
}

ol li {
  margin-bottom: 5px;
}
  
table {
  border-collapse: collapse;
  font-size: 100%;
}

img,
a {
  border:none;
}

address,
em,
cite {
  font-style: normal;
}

a {
  color:#000;
  overflow:hidden;
  outline:none;
  text-decoration:underline;
}

a:visited {
  text-decoration:underline;
  color:#333;
}

a:hover {
  text-decoration:none;
  color:#000;
}

.img-waku {
  margin:2px;
}

.nobr {
white-space:nowrap;	
}

/* ALL GROUND PARTS */

.clearboth {
  clear:both;
  width:0;
  height:0;
  margin:0;
  padding:0;
}

.m15 {
	margin:15px;
}

.mt10 {
	margin-top:10px;
}

.mr10 {
	margin-right:10px;
}

.ml10 {
  margin-left:10px;
}

.mr5 {
  margin-right:5px;
}

.mb5 {
  margin-bottom:5px;
}

.mb10 {
  margin-bottom:10px;
}

.mb20 {
  margin-bottom:20px;
}

.mb15 {
  margin-bottom:15px;
}

.mr3 {
  margin-right:3px;
}

.mt5 {
  margin-top:5px;
}

.mt15 {
  margin-top:15px;
}

.mb30 {
  margin-bottom:30px;
}

.mt30 {
  margin-top:30px;
}

.mtb10 {
  margin:10px 0;
}


.m5 {
margin:5px;
}

.mr20 {
margin-right:20px;
}

.ptb5 {
paddinb:5px 0;
}

.pb10 {
  padding-bottom:10px;
}

.pb15 {
  padding-bottom:15px;
}

.pr10 {
  padding-right:10px;
}

.pb20 {
padding-bottom:20px;
}

.mtb15 {
	margin-top:15px;
	margin-bottom:15px;
}

.mrl15 {
margin:0 15px;
}

.w100 {
	width:100px;
}

.txt-b20 {
  font-size:20px;
  font-weight:bold;
}

.txt-b16b {
  font-size:16px;
  font-weight:bold;
  color:#000;
}

.txt-10 {
  font-size:10px;
  line-height:16px;
}

.txt-12 {
  font-size:12px;
  line-height:18px;
}

.txt-center {
text-align:center;
}

.txt-blue {
  color:#0099ff;
}


.txt-red {
  color:#CC0000;
}

.txt-right {
  text-align:right;
}

.txt-mosgreen {
color:#767028;
}

.txt-gray {
color:#666;
}

.txt-yellow {
color:#aa8103;
}

.txt-small {
font-size:11px;
line-height:15px;
}

.txt-kome {
color:#815208;
font-size:12px;
line-height:16px!important;
}

.txt-non {
display:none;
}

.float-right {
  float:right;
}

.float-left {
  float:left;
}

.float-right-mtr5 {
  float:right;
  margin:5px 5px 0 0;
}

.float-right-ml10 {
  float:right;
  margin-left:10px;
}

.float-left-mr5 {
  float:left;
  margin-right:5px;
}

.absmiddle {
  vertical-align:middle;
}

.pagetop-txt {
  display:none;
}

.clearfix {
clear:both;
height:auto;
}

.clearfix:after {
content: "";
display: block;
clear: both;
}

a:hover img.img-over {
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}

/*HEADER*/
#header-block-top {
background:#dcd7c9;
height:auto;
}

#header-block-top:after {
content: "";
display: block;
clear: both;
}

/*SNS*/
#sns-block-top {
margin:auto;
width:220px;
height:auto;
padding:5px 0;
}

#sns-block-top:after {
content: "";
display: block;
clear: both;
}

.twitter-block {
float:left;
width:100px;
text-align:right;
padding-top:2px;
}

.fb-block {
float:left;
width:110px;
text-align:left;
}

.list-menu-top {
clear:both;
border-top:1px solid #fff;
background:#ec7194;
height:auto;
}

.list-menu-top:after {
content: "";
display: block;
clear: both;
}

.list-menu-top li {
width:50%;
float:left;
height:100%;
text-align:center;
border-bottom:1px solid #fff;
}

.list-menu-top li span {
font-size:70%;
color:#fff;
}

.list-menu-top li a {
padding:12px 0;
display:block;
text-decoration:none;
color:#fff;
}

.menu-news,.menu-school,.menu-comment,.menu-theaters {
background:url(../../img/top/line_white.gif) right top repeat-y;
}

/*CONTENTS*/
#contents-block-top {
clear:both;
height:auto;
padding-bottom:10px;
}

#contents-block-top:after {
content: "";
display: block;
clear: both;
}

.bnr-contents-top {
padding:0 10px;
height:auto;
}

.bnr-contents-top:after {
content: "";
display: block;
clear: both;
}

.bnr-ouen {
width:49%;
float:left;
}

.bnr-fb {
width:49%;
float:right;
}

/*TIT*/
.tit-01 {
background:url(../../img/top/border-top.gif) top center repeat-x;
margin-bottom:20px;
}

.tit-01-in {
font-size:16px;
background:url(../../img/top/border-bottom.gif) bottom center repeat-x;
padding:5px 0;
text-align:center;
color:#41210f;
}


/*FOOTER*/

#footer-block-top {
width:100%;
background:url(../../img/top/bg_footer.jpg) top center repeat-x #a0c9c8;
clear:both;
}

#footer-block-top-in {
margin:auto;
height:auto;
padding:30px 10px;
}

#footer-block-top-in:after {
content: "";
display: block;
clear: both;
}

.news-block-top {
border-radius: 10px;        /* CSS3草案 */  
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 10px;   /* Firefox用 */
background:#fff;
width:100%;
height:340px;
padding-top:10px;
margin-bottom:30px;
}

.list-news-top {
text-align:left;
height:323px;
overflow:auto;
}

.list-news-top li {
padding:10px 10px;
border-bottom:1px solid #e8e8e8;
}

.list-news-top li span {
color:#666;
}


.footer-info {
clear:both;
padding:20px 0;
}

/*PAGETOP*/
#backtotop {
bottom: 25px;
height: 55px;
position: fixed !important;
position: absolute;
right:25px;  
width: 55px;
text-indent:-9999px;
}
 

#backtotop a {
background: url(../../img/common/btn_backtotop.png) no-repeat scroll 0 0 transparent;
display: block;
height: 55px;
width: 55px;
}

#backtotop a:hover {
background: url(../../img/common/btn_backtotop.png) no-repeat scroll 0 -55px transparent;
}

/*PC*/

.pc-contents-top,#loading {
display:none;
}
