@media screen and (min-width: 768px){
body {
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: white;
  background-image: none;
  font-size: 12pt;
  line-height: 1.4;
}

head+body {
  width: 165mm;
  max-width: 100%;
  min-width: 80%;
  margin: 0 auto;
}

.kouza-datail{
  width:740px;
  overflow:hidden;
}

.kouza-datail .left{
  width:452px;
  float:left;
}

.kouza-datail .tit{
  margin-bottom:20px;
  width:437px;
  padding-left:15px;
  background:url(../../img/bg_tit_datail.gif) repeat-y left;
}

.kouza-datail h4{
  margin:0px;
  padding:0px;
  font-size:140%;
  font-weight:bold;
  line-height:150%;
}

.kouza-datail h5{
  margin:0px 0px 10px;
  border-bottom:1px #cad0c4 dotted;
  padding:0px 0px 8px;
  font-size:160%;
  font-weight:bold;
  line-height:150%;
}

.kouza-datail .left table{
  margin-bottom:20px;
  width:452px;
  background:#ccc;
}

.kouza-datail .left th{
  width:130px;
  padding:10px;
  text-align:left;
  background:#efefef;
  vertical-align:top;
}
.kouza-datail .left td{
  padding:10px;
  background:#fff;
}

.kouza-datail .left td img{
  vertical-align:-4px;
  margin-left:5px;
}

.kouza-datail .right{
  width:268px;
  float:right;
}

.kouxa-img{
  margin-bottom:13px;
  width:250px;
  height:188px;
  padding:9px;
  background: url(../../img/bg_img.jpg) no-repeat;
  text-align:center;
}

.kouxa-img p{
  margin-top: 0px;
}

.kouxa-img-sub{
  width:268px;
  padding-left:0px;
  padding-bottom:10px;
  overflow:hidden;
  cursor:pointer;
}

.kouxa-img-sub li{
  list-style-type:none;
  float:left;
  padding-bottom:10px;
}

.sub{
  padding-left: 14px;
}

.kouza-datail .right table{
  margin-bottom:20px;
  width:268px;
  background:#ccc;
}

.kouza-datail .right th{
  width:60px;
  padding:10px;
  text-align:left;
  background:#efefef;
  vertical-align:top;
}

.kouza-datail .right td{
  padding:10px;
  background:#fff;
}

.kouza-datail .right .kaijou{
  margin-bottom:8px;
  width:246px;
  padding:10px;
  border:1px #cad0c4 solid;
}

.kouza-datail .right .kaijou .tel{
  margin-bottom:2px;
  font-weight:bold;
  padding-left:25px;
  background:url(../../img/icon_tel.gif) no-repeat left 1px;
}

.kouza-datail .right .kaijou-guide{
  width:236px;
  padding:15px;
  border:1px #cad0c4 solid;
  background:#eef1eb;
}

.kouza-datail .right .kaijou-guide dt{
  font-weight:bold;
  margin-bottom:10px;
}

.kouza-datail .right .kaijou-guide dd{
  background:url(../../img/icon4.gif) no-repeat left 5px;
  padding:0px 0px 0px 15px;
}

#header,
#navi,
#side,
#footer,
p.pan,
p.tit-kouzsa-datail,
p.tec,
p.hide,
h3.mainimg,
div.hall-base,
div.hall-menu,
div.tit-kouzsa-datail,
div.right p.mrb20
{
  display: none;
}
}
@charset "utf-8";
* {
  word-break: break-all;
  word-wrap: break-word;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
img {
  vertical-align: middle;
  border-style: none;
}
img a {
  border-style: none;
}
/*@media screen and (min-width: 768px){*/
#sp{
    display: none;
}
body{
margin:0px;
color:#333;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background:url(../../img/bg_body.jpg) repeat-x top;
line-height:150%;
font-size:12px;
}

/* link base ********************************************/
a:link{
  color: #4d4d4d;
  text-decoration:none;
  display: block;
}
a:visited {
  text-decoration:underline;
}
a:hover {
  text-decoration:none;
  opacity: 0.8;
  -ms-filter: "alpha(opacity=80)";
}
a:active { text-decoration:none;}
#page a ,
#side a{ transition:all 0.2s ease; }
/*btn*/

#area .formArea .btnBox ul li input:hover {
  opacity: 0.8;
  -ms-filter: "alpha(opacity=80)";
}
#area .formArea .btnBox ul li input {
  transition:all 0.2s ease;
}
/*color*/
.red { color:#FF4D4D  }


/*pan*/
#pan {
  width: 100%;
  padding: 0 0 10px;
  background: url(/img/common/bg_shadow01.png) repeat-x 0 bottom;
}
#pan ul {
  width: 980px;
  margin: 0 auto;
}
#pan ul li {
  float: left;
  margin-left: 5px;
}
#pan ul li a {
  color: #0099CC;
  margin-right: 5px;
  display: inline;
}
/* page ********************************************/

p{
  margin:0px;
  padding:0px;
}
img{
  vertical-align: middle;
}
ul,li,dl,dt,dd{
padding:0px;
margin:0px;
}
.clear{ clear:both;
    padding:0px;
    margin:0px;
    line-height:1em;
    font-size:1px;
}
/*clearfix*/
.clearfix {
  width: 100%;
  min-height: 1%; }
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
.err{ color:#FF0000;}

a.pdf {}
a.link {}


/* margin ********************************************/

.mrb10{ margin-bottom:10px;}
.mrb15{ margin-bottom:15px;}
.mrb20{ margin-bottom:20px;}
.mrb30{ margin-bottom:30px;}
.mrb40{ margin-bottom:40px;}
.mrb4{margin-bottom:4px;}

.tecb30{  text-align:center;
      margin-bottom:30px;}

.pab40{padding-bottom:40px;:}
.pat20{padding-top:20px;}

.color1{color:#ff0000;}
.color2{color:#009944;}

.img-r{
float:right;
margin:0px 0px 20px 20px;
}

.tec{
text-align:center;
margin-bottom: 20px;
}

.tec a{
display:block;
width:358px;
margin-left:52px;
}

.ter{text-align:right;}
.teC { text-align: center; }
.teL { text-align: left; }
.teR { text-align: right; }
.pR5 { padding-right: 5px }
.pR10 { padding-right: 10px }
.pR15 { padding-right: 15px }
.pR20 { padding-right: 20px }


@media print{
/* header *************************************************/

#header{
width:980px;
height:94px;
overflow:hidden;
margin:0px auto 10px;
}
#header h1{
  margin:0px;
  padding:20px 23px 0px 0px;
  float:left;
}
#header-area{
width:167px;
padding:35px 0px 0px;
float:right;
}

#header-area p{
text-align:right;
padding-bottom:11px;
}

#header-area th{
text-align:left;
padding:0px 1px 0px 0px;
}

#header-area td{
padding:0px 0px 0px 5px;
}

/*contHeader-----------------------------------------------------------*/

#page #contHeader {
  width: 100%;
  position: relative;
  margin-bottom: 10px;
}
#page #contHeader h1 {
  padding: 0;
  float: left;
}
#page #contHeader h1 a {
  display: table-cell;
  width: 220px;
  text-align: center;
  vertical-align: middle;
  height: 80px;
}
#page #contHeader ul {
  float: right;
  display: inline-block;
  width: 740px;
  margin: 4px 0;
  padding-right: 0px;
}
#page #contHeader ul li {
  float: left;
  height: 80px;
  border-left: 1px dotted #5E3F1E;
}
#page #contHeader ul li:first-child {
  border-left: none;
}
#page #contHeader ul li a {
  display: block;
  text-align: center;
  color: #5E3F1E;
  font-size: 11px;
  font-weight: bold;
}
#page #contHeader ul li:first-child a {
  border-left: none;
  padding-right: 15px;
}
#page #contHeader ul li a img {
  margin: 10px 0 5px;
}
/**/
a {
  text-decoration: none;
  color: #4d4d4d;
}
#header {
  height: auto;
}
h1 {
  padding-top: 17px;
  width: auto;
}
ul {
  list-style-type: none;
}
/*btn*/
.btn {
  cursor: pointer;
  font-size: 12px;
}
.btn01 {
  background: #666;
  border: none;
  color: #fff;
}
.btn02 {
  background: orange;
  border: 1px solid #999;
  color: #fff;
}
.btn03 {
  background:#2585BE;
  border: none;
  color: #fff;
}
/*bnr*/
.bannerBox {
  text-align: center;
  margin-top: 36px;
}
.bannerBox a {}
.animation { margin-bottom: 10px; }
.bnr {
  background: #ccc;
  border: 2px solid #999;
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
  width: 100%;
  font-size: 18px;
  display: block;
}
.bnr01 {
  height: 150px;
  line-height: 150px;
}
.bnr02,
.bnr03 {
  height: 50px;
  line-height: 50px;
}
#area .bannerBox .bannerCenter {
  float: left;
  width: 530px;
}
#area .bannerBox .bannerCenter li {
  text-align: center;
  margin-bottom: 10px;
}
#area .bannerBox .bannerCenter li a {
  border: 2px solid #999;
  height: 50px;
  font-weight: bold;
  font-size: 18px;
  line-height: 50px;
  background-color: #ccc;
}
#area .bannerBox .bannerRight {
  float: right;
  width: 200px;
}
#area .bannerBox .bannerRight li {
  text-align: center;
  margin-bottom: 5px;
}
#area .bannerBox .bannerRight li a {
  border: 2px solid #999;
  font-weight: bold;
  font-size: 18px;
  background-color: #ccc;
}
#area .bannerBox .bannerRight .link01 a {
  height: 120px;
  line-height: 120px
}
#area .bannerBox .bannerRight .link02 a {
  height: 50px;
  line-height: 50px
}
/*subnav*/
#subNav {
  margin-top: 12px;
  width: auto;
  float: right;
}
#subNav a:hover {
  text-decoration: underline;
}
#subNav ul {
  border-left: 1px solid #ccc;
}
#subNav ul li {
  float: left;
  font-size: 12px;
  height: 35px;
  line-height: 35px;
  border-right: 1px solid #ccc;
  padding: 0px 20px;
}
#subNav ul li.search {
  border: none;
  padding: 0px;
  float: right;
}
#subNav .search ul {
  border: none;
}
#subNav .search > div > ul > li {
  font-size: 10px;
  height: 10px;
  line-height: 10px;
  margin-top: 2px;
  margin-left: 0px;
  padding: 0 5px;
  float: right;
  border-right: none;
  border-left: 1px solid #ccc;
}
#subNav .search > div > ul > li:last-child {
  padding: 0px 0px 5px 16px;
  float: right;
  clear: both;
  margin-top: 3px;
}
#subNav .search > div > ul > li:first-child {
  padding-right: 0;
}
#subNav .search ul *:first-child + * + * {
  clear: both;
  height: 25px;
  border: none;
}
#subNav .search ul *:first-child + * {
  border: none;
}
#subNav ul li input[type="text"] {
  width: 112px;
  height: 20px;
  vertical-align: middle;
}
#subNav .btn01 {
  width: 42px;
  height: 20px;
  font-size: 12px;
  vertical-align: middle;
  cursor: pointer;
}
#subNav .btn01:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
/*navi*/
#navi{
  width:890px;
  background:#7CBC34;
  padding:5px;
  position: absolute;
  left:280px;
  z-index: 100;
}
#navi:before{
  display: block;
  content:"";
  background: url(../../img/common/navi_arrow01.png) no-repeat;
  width: 8px;
  height: 6px;
  position: absolute;
  top:-5px;
  left:336px;
}
#navi dl dd ul li {
  float: left;
  height: 86px;
}
#navi #navCate01 {
  float: left;
  background-color: #fff;
  width: 567px;
  margin-right: 5px;
}
#navi dt {
  padding: 5px 0px;
  margin-bottom: 5px;
}
#navi #navCate01 dt {
  text-align: center;
}
#navi #navCate01 dd {
  text-align: center;
}
#navi #navCate01 ul {
  width: 488px;
  margin: 0 auto;
}
#navi #navCate01 ul li {
  width: 122px;
}
#navi #navCate02 {
  float: left;
  background-color: #fff;
  width: 308px;;
}
#navi #navCate02 dt {
  text-align: center;
}
#navi #navCate02 ul {
  width: 244px;
  margin: 0 auto;
}
#navi #navCate02 ul li {
  width: 122px;
  text-align: center;
}

#navi #navCate01 li a {
}
#navi #navCate02 li a {
}
#navi a:hover {
  opacity: 0.8;
  -ms-filter: "alpha(opacity=80)";
}
#navi {
  display: none;
}
/*content nav*/
#page #contents #area #header ul {
  display: block;
  width: 740px;
  border-bottom: 3px solid #5F5252;
}
#page #contents #area #header ul li {
  float: left;
  text-align: center;
  margin-right: 2px;
}
#page #contents #area #header ul li:first-child {
  margin-left: 5px;
}
#page #contents #area #header ul li a {
  width: 130px;
  overflow: hidden;
  height: 38px;
  padding-top: 11px;
  font-weight: bold;
}

#page #contents #area #header ul li {
  background: url(../../img/common/bg_tab01_off.png) no-repeat center;
  color: #5F5252;
}
#page #contents #area #header ul li .active {
  background: url(../../img/common/bg_tab01_on.png) no-repeat center;
  color: #fff;
}

/*page*/
#page {
  margin-top: 10px;
/*  width: 1100px;*/
  margin: 10px auto;
}
#page #area .infoBanner {
  margin: 10px 0 30px;
}
/*area serchbox*/
#area .searchBox {
  background: #ededed;
  padding: 14px;
  margin-bottom: 10px;
}
#area .searchBox h2 {
  height: 34px;
  padding: 8px 0 0 10px;
  color: #5E3F1E;
  border-left: 10px solid #ccc;
  background: #fff;
  margin-top: 0;
}
#area .searchBox .formArea {
  background: #fff;
  padding: 20px 0;
}
#area .searchBox dl dt {
  float: left;
  clear: both;
  width: 110px;
  padding-top: 3px;
  margin-right: 14px;
  text-align: right;
  font-weight: bold;
  margin-bottom: 8px;
}
#area .searchBox dl dd {
  float: left;
}
#area .searchBox dl dd select {
  height: 22px;
  width: 180px;
}
#area .searchBox dl dd input {
  width: 365px;
  height: 22px;
}
#area .searchBox .formArea .courseCheck,
#area .searchBox .formArea .check {
  margin-bottom: 14px;
}
#area .searchBox .formArea .courseCheck input,
#area .searchBox .formArea .check input {
  width: 15px;
  height: 15px;
  margin: 0;
  float: left;
  margin-top: 1px;
}
#area .searchBox .formArea .courseCheck label,
#area .searchBox .formArea .check label {
  display: inline-block;
  margin-left: 5px;
}
#area .searchBox .formArea .courseCheck ul,
#area .searchBox .formArea .check ul {
  width: 424px;
}
#area .searchBox .formArea .courseCheck ul li,
#area .searchBox .formArea .check ul li {
  float: left;
  margin-right: 10px;
  padding: 5px 0;
  min-width: 200px;
}
#area .searchBox .formArea .areaSelect ul li,
#area .searchBox .formArea .select ul li {
  float: left;
  margin-right: 5px;
}
#area .searchBox .btnBox {
  text-align: right;
  margin-right: 60px;
  margin-top: 10px;
}
#area .searchBox .btnBox li {
  display: inline-block;
}
#area .searchBox .radioBtn {
  width: 16px;
  height: 24px;
  margin-top: 0px;
}
#area .searchBox dl ul li .radiomenu {

}
#area .searchBox dl ul.radioBox {
  display: table-cell;
}
#area .searchBox dl ul.radioBox li {
  float: left;
  margin-right: 32px;
}
#area .searchBox .formArea .courseCheck ul,
#area .searchBox .formArea .check ul {
  width: 500px;
  border-bottom: 1px dotted #ccc;
}
#area .searchBox .formArea .courseCheck ul li,
#area .searchBox .formArea .check ul li {
  min-width: 156px;
}
/*courceBox*/
#area .courceBox {
  margin-bottom: 20px;
}
/*infoBox*/
#area .infoBox {
  margin-top: 20px;
  width: 100%;
}
#area .infoBox h3 {
  height: 34px;
  margin: 0;
  padding-left: 20px;
}
#area .infoBox h3 img {

}
#area .infoBox .event, #area .infoBox .info, #area .infoBox .picup {
  margin-left: 20px;
  float: left;
}
#area .infoBox .col01 { width: 700px }
#area .infoBox .col02 { width: 340px }
#area .infoBox .col03 { width: 220px }
#area .infoBox .list {
  height: 215px;
  overflow-y: scroll;
  border: 1px solid #ccc;
  width: 100%;
  border-top: 10px solid #ccc;
}
#area .infoBox .list dl {
  padding: 10px;
}
#area .infoBox .list dl dt {
  font-size: 10px;
  background: url(../../img/common/icon_tag01.png) no-repeat 0 center;
  padding-left: 20px;
  margin-top: 10px;
}
#area .infoBox .list a {
  text-decoration: underline;
  color: #FF1166;
}
#area .infoBox .link {
  text-align: right;
  margin: 10px;
}

/*area list*/
#area .schoolList {
  width: 100%;
  height: auto;
  margin-top: 30px;
}
#area .schoolList h2 {
  font-size: 18px;
  color: 2;
  background: url(../../img/music/icon_title03.png) no-repeat left;
  height: 30px;
  padding: 8px 0 0 36px;
  margin-left: 10px;
}
#area .schoolList dl {
  float: left;
  margin-left: 11px;
  margin-bottom: 10px;
  width: 354px;
  border: 1px solid #ccc;
  padding: 3px;
  background-color: #E5E3D1;
}
#area .schoolList dl dt {
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #39AA2B;
  border-left: 5px solid #39AA2B;
  padding: 6px 10px;
  background-color: #fff;
}
#area .schoolList dl dt a {
  display: inline-block;
  margin-left: 10px;
  font-size: 12px;
  text-decoration: underline;
  color: #0099CC;
}
#area .schoolList dl dt a:before {
  content: ">>";
  display: inline-block;
  text-decoration: underline;
}
#area .schoolList dl dd {
  background-color: #fff;
  padding: 10px 5px;
  height: 90px
}
#area .schoolList dl dd ul li {
  padding-left: 18px;
  margin-bottom: 5px;
}
#area .schoolList dl dd ul li.address {
  background: url(../../img/common/icon_address01.png) no-repeat left top;
}
#area .schoolList dl dd ul li.access{
  background: url(../../img/common/icon_station01.png) no-repeat left top;
}
#area .schoolList dl dd ul li.tel {
  background: url(../../img/common/icon_tel01.png) no-repeat left top;
}
/*-------------------------------------*/
/*area------------*/
#area .listBox {
  width: 100%;
  height: auto;
  margin-top: 30px;
}

/*----------------*/

/*colRight,colLeft*/
#page #colRight {
  float: right;
  width: 200px;
  margin-top: 10px;
}
.center {
  float: left;
  width: 530px;
}

/**********************************
  Text Resizer Buttons
 **********************************/
 
#textsizer{
width:167px;
overflow:hidden;
}
 
ul.textresizer {
list-style: none;
display: inline;
margin: 0px;
padding: 0px;
overflow:hidden;
}

ul.textresizer li {
float:left;
margin:0px 0px 0px 5px;
padding:0px;
}

ul.textresizer li img {padding-top:5px;}

/* small button */
ul.textresizer .sm a {
width:28px;
height:15px;
padding:5px 0px 0px;
display:block;
text-indent:-9999px;
text-align:center;
background:url(../../img/fontsize1_rollout.gif) no-repeat;
}
ul.textresizer .sm a:hover {
width:28px;
height:15px;
padding:5px 0px 0px;
display:block;
text-indent:-9999px;
text-align:center;
background:url(../../img/fontsize1_rollover.gif) no-repeat;
}

ul.textresizer .sm a.textresizer-active {
width:28px;
height:15px;
padding:5px 0px 0px;
display:block;
text-indent:-9999px;
text-align:center;
background:url(../../img/fontsize1_rollover.gif) no-repeat;
}

/* middle button */
ul.textresizer .mi a {
width:28px;
height:15px;
padding:5px 0px 0px;
display:block;
text-indent:-9999px;
text-align:center;
background:url(../../img/fontsize2_rollout.gif) no-repeat;
}

ul.textresizer .mi a:hover {
width:28px;
height:15px;
padding:5px 0px 0px;
display:block;
text-indent:-9999px;
text-align:center;
background:url(../../img/fontsize2_rollover.gif) no-repeat;
}

ul.textresizer .mi a.textresizer-active {
width:28px;
height:15px;
padding:5px 0px 0px;
display:block;
text-indent:-9999px;
text-align:center;
background:url(../../img/fontsize2_rollover.gif) no-repeat;
}

/* large button */
ul.textresizer .la a {
width:28px;
height:15px;
padding:5px 0px 0px;
display:block;
text-indent:-9999px;
text-align:center;
background:url(../../img/fontsize3_rollout.gif) no-repeat;
}

ul.textresizer .la a:hover {
width:28px;
height:15px;
padding:5px 0px 0px;
display:block;
text-indent:-9999px;
text-align:center;
background:url(../../img/fontsize3_rollover.gif) no-repeat;
}

ul.textresizer .la a.textresizer-active {
width:28px;
height:15px;
padding:5px 0px 0px;
display:block;
text-indent:-9999px;
text-align:center;
background:url(../../img/fontsize3_rollover.gif) no-repeat;
}

/* navi *************************************************/



/* contents *************************************************/

#contents{
margin:10px auto;
width:980px;
padding-bottom:55px;
min-height: 1%;
}
#contents:after{
  content: "";
  display: block;
  clear: both;
  float: none;
}

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

#area{
width:740px;
float:right;
}

/* side *************************************************/

.seach-box{
margin-bottom:13px;
width:220px;
padding-top:10px;
background:url(../../img/search_boxa.gif) no-repeat top;
}

.seach-box-innar{
width:220px;
padding-bottom:14px;
background:url(../../img/search_boxb.gif) no-repeat bottom;
}

.seach-box-body{
width:220px;
background:url(../../img/search_boxc.gif) no-repeat bottom;
}

.seach-box-body-innar{
width:196px;
padding:0px 12px;
background:url(../../img/search_boxd.gif) repeat-y;
}

.seach-box table{margin-bottom:2px;}

.seach-box th{width:65px;}

.seach-box td{
width:124px;
padding:0px 0px 5px 3px;}

.seach-box select{
width:124px;
}

.seach-box input{
width:118px;
}

#area-search{margin:0px;}

#area-search dt{
margin:0px;
height:39px;
overflow:hidden;
padding:0px 0px;
line-height:0;
cursor:pointer;
}

#area-search dd{
width:198px;
padding:8px 10px 1px;
display:none;
border-bottom:1px #dad9d9 solid;
border-left:1px #dad9d9 solid;
border-right:1px #dad9d9 solid;
}

#area-search dd li a{
width:198px;
display:block;
margin-bottom:8px;
padding-bottom:8px;
background:url(../../img/icon2.gif) no-repeat right;
list-style-type:none;
border-bottom:1px #ccc dotted;
}

#area-search dd li a:link { color: #666;text-decoration:underline;}
#area-search dd li a:visited { color: #666;text-decoration:underline;}
#area-search dd li a:hover {color: #666;text-decoration:none;}
#area-search dd li a:active {color: #666;text-decoration:none;}

#area-search dd li{
list-style-type:none;
}

#area-search dd li ul{
display:none;}






/* 折り畳み部分を隠す */
ul.accordion {

}

ul.accordion ul {display:none;}

ul.accordion > li {}

ul.accordion > li > p {
height:39px;
cursor:pointer;
}
ul.accordion > li > ul {border-bottom:1px #dad9d9 solid;}

ul.accordion > li > ul > li {
/*width:198px;*/
padding:8px 10px 1px;
border-left:1px #dad9d9 solid;
border-right:1px #dad9d9 solid;
}

ul.accordion > li > ul > li > p {
width:198px;
display:block;
margin-bottom:8px;
padding-bottom:8px;
background:url(../../img/icon2.gif) no-repeat right;
list-style-type:none;
border-bottom:1px #ccc dotted;
cursor:pointer;
}

ul.accordion > li > ul > li > ul{border-bottom:1px #dad9d9 solid;
padding-bottom:5px;}

ul.accordion > li > ul > li > ul > li{list-style-type:none;}

ul.accordion > li > ul > li > ul > li a {
padding-left:15px;
margin-bottom:5px;
display:block;
text-decoration:none;
background:url(../../img/icon4.gif) no-repeat left 6px;
}
ul.accordion > li > ul > li > ul > li:last-child {}

ul.accordion > li > a {}


ul.accordion > li > ul > li > a {}

ul.accordion > li > ul > li > ul > li a {}

#genre-menu{

}

#genre-menu dt{
display:block;
cursor:pointer;
width:198px;
height:28px;
color: #333;
font-size:12px;
line-height:150%;
text-decoration:none;
padding:10px 10px 0px 10px;
border-left:1px #dad9d9 solid;
border-right:1px #dad9d9 solid;
border-bottom:1px #dad9d9 solid;
background:url(../../img/bg_genre.jpg) repeat-x;
}

#genre-menu dt p{
padding-left:15px;
word-spacing:-2em;
background:url(../../img/icon1.jpg) no-repeat left;
}

#genre-menu dd{
width:198px;
padding:8px 10px 0px;
display:none;
border-left:1px #dad9d9 solid;
border-right:1px #dad9d9 solid;
border-bottom:1px #dad9d9 solid;
}

#genre-menu dd li{
list-style-type:none;
}

#genre-menu dd li a{
width:198px;
display:block;
margin-bottom:8px;
padding-bottom:8px;
background:url(../../img/icon2.gif) no-repeat right;
list-style-type:none;
border-bottom:1px #ccc dotted;
}

#genre-menu dd li a:link { color: #666;text-decoration:underline;}
#genre-menu dd li a:visited { color: #666;text-decoration:underline;}
#genre-menu dd li a:hover {color: #666;text-decoration:none;}
#genre-menu dd li a:active {color: #666;text-decoration:none;}


.mob{
margin-top:10px;
margin-bottom:10px;
width:210px;
padding:5px;
background:url(../../img/bg_mob.gif) repeat;
}

.mob-innar{
width:190px;
padding:10px;
background:#fff;
}

/* footer *************************************************/

#footer{
width:100%;
padding-bottom:10px;
background:url(../../img/bg_foot.jpg) repeat-x top;
}

#footer-body{
margin:0px auto;
width:980px;
overflow:hidden;
}

#footer a:link { color: #333;text-decoration:none; display: inline;}
#footer a:visited { color: #333;text-decoration:none;}
#footer a:hover {color: #333;text-decoration:none;}
#footer a:active {color: #333;text-decoration:none;}

#foot-left{
width:640px;
padding-top:20px;
float:left;
}

#foot-right{
width:330px;
float:right;
font-size:80%;
line-height:150%;
}

/* top *************************************************/

.mainimg{
padding:0px;
margin:0px 0px 15px;
text-align:center;
}

.tit-pickup{
margin-bottom:10px;
width:539px;
height:30px;
padding:6px 0px 0px 201px;
background:url(../../img/bg_pickup.jpg) no-repeat;
}

.pickup-base{
width:740px;
padding-bottom:20px;
overflow:hidden;
}

.pickup-window{
margin-right:10px;
width:120px;
min-height:240px;
max-height:360px;
overflow:hidden;
padding:9px;
background:#eef1eb;
border:1px #cad0c4 solid;
float:left;
}

.last{margin:0px;}

.pickup-window .tit dt{
margin-bottom:5px;
font-size:75%;
font-weight:bold;
line-height:120%;
color:#006699;
}

.pickup-window .tit dd a:link { color: #333;text-decoration:none;}
.pickup-window .tit dd a:visited { color: #333;text-decoration:none;}
.pickup-window .tit dd a:hover {color: #333;text-decoration:none;}
.pickup-window .tit dd a:active {color: #333;text-decoration:none;}

.pickup-window .tit dd{
margin-bottom:10px;
font-weight:bold;
font-size:100%;
line-height:120%;
/*word-spacing:-1.5em;*/
min-height:25px;
}

.img-block{
margin-bottom:9px;
max-width:120px;
min-height:90px;
text-align:center;
}

.pickup-window .taiken1 dt{
margin-bottom:5px;
font-size:90%;
font-weight:bold;
line-height:120%;
padding:3px 0px;
color:#fff;
background:#cc0000;
text-align:center;
}

.pickup-window .taiken1 dd{
color:#cc0000;
font-size:100%;
line-height:150%;
font-weight:bold;
}

.pickup-window .taiken2 dt{
margin-bottom:5px;
font-size:11px;
font-weight:bold;
line-height:120%;
padding:3px 0px;
color:#fff;
background:#6330A7;
text-align:center;
}

.pickup-window .taiken2 dd{
color:#6330A7;
font-size:12px;
line-height:150%;
font-weight:bold;
}

.pickup-window .taiken3 dt{
margin-bottom:5px;
font-size:11px;
font-weight:bold;
line-height:120%;
padding:3px 0px;
color:#fff;
background:#0099cc;
text-align:center;
}

.pickup-window .taiken3 dd{
color:#0099cc;
font-size:12px;
line-height:150%;
font-weight:bold;
}

.pickup-window .taiken4 dt{
margin-bottom:5px;
font-size:11px;
font-weight:bold;
line-height:120%;
padding:3px 0px;
color:#fff;
background:#FF7300;
text-align:center;
}

.pickup-window .taiken4 dd{
color:#FF7300;
font-size:12px;
line-height:150%;
font-weight:bold;
}

.pickup-window .taiken5 dt{
margin-bottom:5px;
font-size:11px;
font-weight:bold;
line-height:120%;
padding:3px 0px;
color:#fff;
background:#D60674;
text-align:center;
}

.pickup-window .taiken5 dd{
color:#D60674;
font-size:12px;
line-height:150%;
font-weight:bold;
}

.pickup-window .taiken6 dt{
margin-bottom:5px;
font-size:11px;
font-weight:bold;
line-height:120%;
padding:3px 0px;
color:#fff;
background:#78bd31;
text-align:center;
}

.pickup-window .taiken6 dd{
color:#78bd31;
font-size:12px;
line-height:150%;
font-weight:bold;
}

.pickup-window .taiken7 dt{
margin-bottom:5px;
font-size:11px;
font-weight:bold;
line-height:120%;
padding:3px 0px;
color:#fff;
background:#940BCA;
text-align:center;
}

.pickup-window .taiken7 dd{
color:#940BCA;
font-size:12px;
line-height:150%;
font-weight:bold;
}

.pickup-window .normal dd{
font-size:12px;
line-height:150%;
/*font-weight:bold;*/
}

.exp-color1{color: #cc0000;}
.exp-color2{color: #6330A7;}
.exp-color3{color: #0099cc;}
.exp-color4{color: #FF7300;}
.exp-color5{color: #D60674;}
.exp-color6{color: #78bd31;}
.exp-color7{color: #940BCA;}

/**************************/

.center-column{
width:740px;
overflow:hidden;
}

.news-column{
width:440px;
float:left;
}

.sp-column{
width:290px;
float:right;
}


.tit-news,.tit-event{
width:440px;
height:36px;
text-align:right;
}

.tit-news{background:url(../../img/bg_news.gif) no-repeat;}
.tit-event{background:url(../../img/bg_event.gif) no-repeat;}
/*
.news{
margin-bottom:13px;
width:438px;
height:367px;
overflow:auto;
border-left:1px #cad0c4 solid;
border-right:1px #cad0c4 solid;
border-bottom:1px #cad0c4 solid;
}
*/

.news-innar,.event-innar{
width:420px;
padding-top:20px;
}

.news-innar li{
margin:0px 0px 20px;
list-style:none;
border-bottom:1px #ccc dotted;
font-size:120%;
line-height:150%;
padding:0px 10px 18px 33px;
background:url(../../img/icon_news.gif) no-repeat 13px 7px;
}

.news-innar li span{
font-size:75%;
}

.news2{
margin-bottom:13px;
width:438px;
height:594px;
overflow:auto;
border-left:1px #cad0c4 solid;
border-right:1px #cad0c4 solid;
border-bottom:1px #cad0c4 solid;
}

.news2-innar{
width:420px;
padding-top:20px;
}

.news2-innar li{
margin:0px 0px 20px;
list-style:none;
border-bottom:1px #ccc dotted;
font-size:120%;
line-height:150%;
padding:0px 10px 18px 33px;
background:url(../../img/icon_news.gif) no-repeat 13px 7px;
}

.news2-innar li ing{
padding-left:5px;
vertical-align:-5px;
}

.event-innar dt{
font-size:120%;
font-weight:bold;
padding:0px 10px 0px 84px;
line-height:150%
}
.event-innar dt span{
font-size:75%;
}
.event-innar dd{
margin-bottom:15px;
border-bottom:1px #ccc dotted;
font-size:90%;
padding:0px 10px 15px 84px;
line-height:150%;
}



.event-innar .event1{background:url(../../img/icon_event1.jpg) no-repeat 11px 5px;}
.event-innar .event2{background:url(../../img/icon_event2.jpg) no-repeat 11px 5px;}
.event-innar .event3{background:url(../../img/icon_event3.jpg) no-repeat 11px 5px;}
.event-innar .event4{background:url(../../img/icon_event4.jpg) no-repeat 11px 5px;}
.event-innar .event5{background:url(../../img/icon_event5.jpg) no-repeat 11px 5px;}
.event-innar .event6{background:url(../../img/icon_event6.jpg) no-repeat 11px 5px;}

.event-bannar p{margin-bottom:10px;}

/*************/

.tit-ichioshi{
width:290px;
height:36px;
background:url(../../img/tit_ichioshi.gif) no-repeat;
}

.tit-ichioshi p{
text-align:right;
padding:7px 7px 0px 0px;
}


.ichioshi{
margin-bottom:13px;
width:288px;
height:367px;
overflow:auto;
border-left:1px #cad0c4 solid;
border-right:1px #cad0c4 solid;
border-bottom:1px #cad0c4 solid;
}

.ichioshi-innar{
width:260px;
padding:10px 0px 0px 10px;
}

.ichioshi-base{
width:260px;
margin-bottom:10px;
padding-bottom:10px;
overflow:hidden;
border-bottom:1px #ccc dotted;
}

.ichioshi-base .tit{
margin-bottom:8px;
font-size:14px;
line-height:150%;
font-weight:bold;
}

.ichioshi-base img{
width:78px;
display:block;
float:left;
}

.ichioshi-base .text{
width:170px;
display:block;
float:right;
}


.pdf-box{
width:290px;
/*margin-bottom:5px;*/
/*padding-bottom:9px;*/
/*background:url(../../img/bg_pdf.gif) repeat-x bottom;*/
}

/*.culture-box {padding-bottom:5px;}*/
.culture-box p{padding-top:5px;}

/*.sp-box {padding-bottom:13px;}*/
.sp-box p{padding-top:5px;}

.banner-line {padding-top:5px;}

.about{
width:248px;
margin-top: 10px;
padding:20px;
background:url(../../img/bg_about.jpg) repeat-x bottom;
border:1px #cad0c4 solid;
}

.about P{
    font-size:0.9em;
}
.about P span{
    color:#0B944D;
    font-weight:bold;
}

/*** under ***********************************************************************************************************************************/

.pan{margin-bottom:25px;}

div#rightcol div.section table.type2 tr td {
  border-right:2px solid #CCCCCC;
  border-bottom:1px solid #CCCCCC;
    padding:10px;
  font-size:13px;
  line-height:200%;
}


.hall-menu{
width:740px;
height:36px;
padding-bottom:20px;
overflow:hidden;
}

.hall-menu li{
list-style-type:none;
float:left;
}


.tit-work{
width:290px;
height:36px;
background:url(../../img/tit_event.jpg) no-repeat;
}

.tit-work p{
text-align:right;
padding:7px 7px 0px 0px;
}


.work{
margin-bottom:13px;
width:288px;
height:272px;
overflow:auto;
border-left:1px #cad0c4 solid;
border-right:1px #cad0c4 solid;
border-bottom:1px #cad0c4 solid;
}

.work-innar{
width:260px;
padding:10px 0px 0px 10px;
}

.work-base{
width:260px;
margin-bottom:10px;
padding-bottom:10px;
overflow:hidden;
border-bottom:1px #ccc dotted;
}

.work-base img{padding-bottom:3px;}

.work-base dt{
margin-bottom:3px;
font-size:120%;
font-weight:bold;
line-height:150%;
}

.work-base dt span{
font-size:75%;
}

.work-base dd{
font-size:90%;
line-height:150%;
}

.tit-taiken{
width:290px;
height:36px;
background:url(../../img/tit_taiken.jpg) no-repeat;
}

.tit-taiken p{
text-align:right;
padding:7px 7px 0px 0px;
}

.taiken-box{
margin-bottom:13px;
width:288px;
height:272px;
overflow:auto;
border-left:1px #cad0c4 solid;
border-right:1px #cad0c4 solid;
border-bottom:1px #cad0c4 solid;
}

.taiken-box.long{
height:594px;
}

.taiken-box-innar{
width:260px;
padding:10px 0px 0px 10px;
}

.taiken-box-base{
width:260px;
margin-bottom:10px;
padding-bottom:10px;
overflow:hidden;
border-bottom:1px #ccc dotted;
}

.taiken-box-base dt{
font-size:120%;
font-weight:bold;
line-height:150%;
}

.taiken-box-base dt span{
font-size:75%;
}

.taiken-box-base img{
width:38px;
display:block;
float:left;
}

.taiken-box-base .text{
width:210px;
display:block;
float:right;
}

.information-box{
padding:0px 10px;
}

.series-banner{
width: 730px;
margin-bottom: 20px;
padding: 5px;
text-align: center;
}

/*** kouza ***********************************************************************************************************************************/

.pager-base,.pager-base-line{
width:740px;
padding-bottom:20px;
overflow:hidden;
}

.pager-base-line{
margin-bottom:25px;
border-bottom:1px #ccc dotted;
}

.pager-text{
width:180px;
color:#666;
padding-top:10px;
float:left;
}

.pager{
width:550px;
float:right;
}

.pager ul{
overflow:hidden;
float:right;
}

.pager li{
list-style-type:none;
float:left;
padding-left:4px;
}

.pager a{
padding:2px 5px;
text-align:center;
display:block;
color:#333;
text-decoration:none;
border:2px #ccc solid;
}


.pager a:hover {
padding:2px 5px;
text-align:center;
display:block;
color:#fff;;
background:#96cd29;
text-decoration:none;
border:2px #96cd29 solid;
}


.pager a.ac{
padding:2px 5px;
text-align:center;
display:block;
text-decoration:none;
color:#fff;
background:#96cd29;
border:2px #96cd29 solid;
}

.pager a.next{
padding:2px 5px;
text-align:center;
display:block;
text-decoration:none;
color:#fff;
background:#666;
border:2px #666 solid;
}


.kouza-list{
margin-bottom:20px;
width:740px;
background:#cad0c4;
}

.kouza-list th{
padding:10px;
background:#f3f3e8;
text-align:left;
}

.kouza-list td{
padding:10px;
height: 60px;
background:#fff;
}

.kouza-list .img{
width:80px;
text-align:center;
}

.kouza-list span{
font-size:11px;
}
.kouza-list td a {
  text-decoration: underline;;
}
.pager-bottom {
  text-align: center;
}
.pager-bottom ul{
display: inline-block;
overflow:hidden;
}

.pager-bottom li{
list-style-type:none;
float:left;
padding-left:4px;
}

.pager-bottom a{
padding:2px 5px;
text-align:center;
display:block;
color:#333;
text-decoration:none;
border:2px #ccc solid;
}


.pager-bottom a:hover {
padding:2px 5px;
text-align:center;
display:block;
color:#fff;;
background:#96cd29;
text-decoration:none;
border:2px #96cd29 solid;
}


.pager-bottom a.ac{
padding:2px 5px;
text-align:center;
display:block;
text-decoration:none;
color:#fff;
background:#96cd29;
border:2px #96cd29 solid;
}

.pager-bottom a.next{
padding:2px 5px;
text-align:center;
display:block;
text-decoration:none;
color:#fff;
background:#666;
border:2px #666 solid;
}

/*** staff ***********************************************************************************************************************************/

.staff-information{
margin-bottom:20px;
width:698px;
padding:20px 20px 10px;
border-left:1px #cad0ca solid;
border-right:1px #cad0ca solid;
border-bottom:1px #cad0ca solid;
}

.staff-information dt{
margin:0px;
color:#5fa31e;
font-size:120%;
line-height:150%;
}
.staff-information dd{padding:0px 0px 10px 10px;}

.staff-information dd strong{color:#ff6600;}

.staff-img{
width:740px;
overflow:hidden;
}

.staff-img .img{padding-right:6px;}

.staff-img p{float:left;}

.tit-staff{
margin:0px 0px 18px;
padding:0px;
}

.staff-base{
width:740px;
padding-bottom:30px;
overflow:hidden;
}

.staff-left{
width:360px;
float:left;
}

.staff-right{
width:360px;
float:right;
}

.staff-base table{
width:360px;
background:#cad0ca;
}

.staff-base th{
text-align:left;
padding:5px 20px;
font-size:130%;
line-height:150%;
font-weight:normal;
color:#000;
background:#efefef;
}

.staff-base td{
background:#fff;
vertical-align:top;
}

.staff-base .td1{
width:140px;
padding:10px 20px;
}

.staff-base .none{
width:140px;
padding:10px 20px 10px 25px;
color:#999;
}

.staff-base .job{
padding:7px 5px;
}

.staff-base .job li{
padding:3px 0px 3px 20px;
list-style-type:none;
background:url(../../img/icon_job.gif) no-repeat left;
}


.tit-staff-datail{
margin:0px 0px 20px;
padding:0px 0px 20px;
font-size:160%;
font-weight:bold;
line-height:150%;
color:#5e3f1e;
background:url(../../img/bg_staff_d1.gif) repeat-x bottom;
}

.staff-text{
margin-bottom:20px;
width:698px;
padding:20px;
border:1px #cad0ca solid;
background:#eef1eb;
}

.staff-datail{
margin-bottom:20px;
width:740px;
background:#cad0ca;
}

.staff-datail th{
width:180px;
font-weight:normal;
text-align:left;
padding:10px 15px;
vertical-align:top;
background:#efefef;
}

.staff-datail td{
padding:10px 15px;
background:#fff;
}

.staff-datail td span{
font-weight:bold;
color:#ff0000;
}

.staff-step{
width:710px;
padding:15px;
background:#edf6fb;
color:#529Acb;
}

.staff-step span{color:#ff0000;}

/*** news ***********************************************************************************************************************************/

.tit-news-list{
margin-bottom:40px;
width:720px;
padding:14px 10px 0px;
height:34px;
background:url(../../img/tit_news.gif) no-repeat;
}

.tit-news-list table{
width:720px;
}

.tit-news-list th{
text-align:right;
font-variant:normal;
}

.tit-news-list td{
width:46px;
padding-left:10px;
}

.tit-news-detail{
margin-bottom:24px;
width:720px;
padding:14px 10px 0px;
height:48px;
background:url(../../img/tit_news_detail.gif) no-repeat;
}

.tit-news-detail table{
width:720px;
}

.tit-news-detail th{
text-align:right;
font-variant:normal;
}

.tit-news-detail td{
width:46px;
padding-left:10px;
}

.news-box{
margin-bottom:20px;
width:740px;
padding-bottom:20px;
border-bottom:1px #ccc dotted;
}

.news-tittle{margin-bottom:20px;}

.news-tittle strong{
font-size:140%;
line-height:150%;
}

.news-tittle span{font-weight:bold;}

.news-tittle a:link { color: #4cb233;text-decoration:underline;}
.news-tittle a:visited { color: #4cb233;text-decoration:underline;}
.news-tittle a:hover {color: #4cb233;text-decoration:none;}
.news-tittle a:active {color: #4cb233;text-decoration:none;}

.news-img{
width:740px;
overflow:hidden;
}
.news-img img {
  margin-bottom: 10px;
}

.news-img li{
list-style-type:none;
float:left;
}

.news-img .sub{
  padding-left: 10px;}

.sub-tittle{font-weight:bold;}

.news-text{
margin-bottom:15px;
line-height:1.8;
}
.more {
  color: #0099CC;
  padding: 10px;
}
.news-link{
padding:0px 0px 0px 15px;
font-weight:bold;
background:url(../../img/icon_link.gif) no-repeat left;
}

.news-pdf{
padding:0px 0px 0px 18px;
font-weight:bold;
background:url(../../img/icon_pdf.gif) no-repeat left;
}


/*** kiyaku ***********************************************************************************************************************************/

.kiyaku{padding-bottom:25px;}

.kiyaku dt{
width:710px;
margin-bottom:16px;
padding:8px 10px 0px 20px;
height:34px;
font-size:160%;
font-weight:bold;
line-height:150%;
background:url(../../img/tit_kiyaku2.jpg) no-repeat;
}

.kiyaku dd{
margin-bottom:10px;
padding:0px 10px 0px 38px;
background:url(../../img/bg_kiyaku3.gif) no-repeat left 5px;
}

.kiyaku2 dt{
width:710px;
margin-bottom:16px;
padding:8px 10px 0px 20px;
height:34px;
font-size:160%;
font-weight:bold;
line-height:150%;
background:url(../../img/tit_kiyaku2.jpg) no-repeat;
}

.kiyaku2 dd{
margin-bottom:10px;
padding:0px 10px 0px 38px;
background:url(../../img/bg_kiyaku3.gif) no-repeat left 5px;
}

.kiyaku3{
margin-bottom:25px;
padding:0px 10px 0px 18px;
}

.kiyaku2 span{color:#ff0000;}
.kiyaku3 span{color:#ff0000;}

/*** kaijou ***********************************************************************************************************************************/

.kaijou-data{
width:740px;
padding-bottom:24px;
overflow:hidden;
}

.kaijou-img{
width:348px;
float:left;
}

.kaijou-text{
width:370px;
float:right;
}

.kaijou-text dt{
color:#19850c;
font-size:120%;
font-weight:bold;
line-height:150%;
}

.kaijou-text dl{
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px #ccc dotted;
}

.kaijou-data-subimg{
width:740px;
overflow:hidden;
padding-bottom:30px;
}

.kaijou-data-subimg li{
width:180px;
float:left;
list-style-type:none;
}

.kaijou-data-subimg .second{margin-left:6px;}

.kaijou-data-subimg img{margin-bottom:10px;}

/*
.access{
width:740px;
border-right: 1px solid #5FA41E;
}

.accessTop{
width:740px;
height: 8px;
background: url("../../img/bg_access_top.jpg") no-repeat 0 0;
}
.accessBtm{
width:740px;
height: 8px;
background: url("../../img/bg_access_btm.jpg") no-repeat 0 0;
}

.access th{
width:124px;
text-align:center;
vertical-align: middle;
background: #62B009;
}

.access td{
padding:0px 10px;
}
*/

/*** genre ***********************************************************************************************************************************/

.genre-tit01{
margin-bottom:18px;
width:740px;
border-bottom:4px #9E9DCD solid;
}

.genre-tit01 p{
width:360px;
height:38px;
padding:6px 15px 0px 15px;
color:#fff;
font-size:200%;
line-height:150%;
font-weight:bold;
background:url(../../img/tit_genre01.gif) no-repeat;
}

.genre-tit02{
margin-bottom:18px;
width:740px;
border-bottom:4px #FFA467 solid;
}

.genre-tit02 p{
width:360px;
height:38px;
padding:6px 15px 0px 15px;
color:#fff;
font-size:200%;
line-height:150%;
font-weight:bold;
background:url(../../img/tit_genre02.gif) no-repeat;
}

.genre-tit03{
margin-bottom:18px;
width:740px;
border-bottom:4px #EBA2C9 solid;
}

.genre-tit03 p{
width:360px;
height:38px;
padding:6px 15px 0px 15px;
color:#fff;
font-size:200%;
line-height:150%;
font-weight:bold;
background:url(../../img/tit_genre03.gif) no-repeat;
}

.genre-tit04{
margin-bottom:18px;
width:740px;
border-bottom:4px #6FC3E0 solid;
}

.genre-tit04 p{
width:360px;
height:38px;
padding:6px 15px 0px 15px;
color:#fff;
font-size:200%;
line-height:150%;
font-weight:bold;
background:url(../../img/tit_genre04.gif) no-repeat;
}

.genre-tit05{
margin-bottom:18px;
width:740px;
border-bottom:4px #BFE377 solid;
}

.genre-tit05 p{
width:360px;
height:38px;
padding:6px 15px 0px 15px;
color:#fff;
font-size:200%;
line-height:150%;
font-weight:bold;
background:url(../../img/tit_genre05.gif) no-repeat;
}

.genre-tit06{
margin-bottom:18px;
width:740px;
border-bottom:4px #FB9991 solid;
}

.genre-tit06 p{
width:360px;
height:38px;
padding:6px 15px 0px 15px;
color:#fff;
font-size:200%;
line-height:150%;
font-weight:bold;
background:url(../../img/tit_genre06.gif) no-repeat;
}

.genre-tit07{
margin-bottom:18px;
width:740px;
border-bottom:4px #F6C736 solid;
}

.genre-tit07 p{
width:360px;
height:38px;
padding:6px 15px 0px 15px;
color:#fff;
font-size:200%;
line-height:150%;
font-weight:bold;
background:url(../../img/tit_genre07.gif) no-repeat;
}

.genre-tit08{
margin-bottom:18px;
width:740px;
border-bottom:4px #95EA9B solid;
}

.genre-tit08 p{
width:360px;
height:38px;
padding:6px 15px 0px 15px;
color:#fff;
font-size:200%;
line-height:150%;
font-weight:bold;
background:url(../../img/tit_genre08.gif) no-repeat;
}

.genre-tit09{
margin-bottom:18px;
width:740px;
border-bottom:4px #A2BDEC solid;
}

.genre-tit09 p{
width:360px;
height:38px;
padding:6px 15px 0px 15px;
color:#fff;
font-size:200%;
line-height:150%;
font-weight:bold;
background:url(../../img/tit_genre09.gif) no-repeat;
}
.genre-pickup-box1{
margin-bottom:40px;
width:740px;
padding:18px 0px 10px;
background:url(../../img/bg_genre_pick1.gif) repeat-x bottom;
}

.genre-pickup-base{
width:740px;
padding-bottom:30px;
overflow:hidden;
}

.genre-pickup-base .par20{padding-right:20px;}

.genre-pickup{
width:170px;
float:left;
}

.genre-pickup-img{
width:148px;
padding:10px;
font-size:120%;
line-height:150%;
font-weight:bold;
border-top:1px #ccc solid;
border-left:1px #ccc solid;
border-right:1px #ccc solid;
}

.genre-pickup-img dd{
min-height:158px;

max-height:158px;
padding:0px;
margin:0px;
}

.genre-pickup-img dt{
padding:0px;
margin:0px;
min-height:42px;
}

.genre-pickup-img dt img{
vertical-align:-4px;
padding-left:3px;
}

.genre-pickup table{
width:170px;
background:#ccc;
}

.genre-pickup th{
width:40px;
text-align:left;
padding:5px 10px;
background:#eef1eb;
}

.genre-pickup td{
background:#fff;
padding:5px 10px;
}

.genre-search{
margin-bottom:20px;
width:708px;
padding:20px 10px 20px 20px;
background:#f2f8e4;
border:1px #7Cbc34 solid
}

.genre-search p{
margin-bottom:4px;
}

.genre-search p img{
vertical-align:-4px;
margin-left:10px;
}

.genre-search ul{
margin-bottom:10px;
overflow:hidden;
padding-bottom:5px;
border-bottom:1px #ccc dotted;
}

.genre-search li{
list-style-type:none;
}

.genre-search li a{
width:145px;
float:left;
display:block;
margin:0px 4px 4px 0px;
padding:6px 10px;
}

.genre-search li a:link { color: #0099cc;text-decoration:underline;}
.genre-search li a:visited { color: #0099cc;text-decoration:underline;}
.genre-search li a:hover {color: #fff;text-decoration:none;background:#96CD29;}
.genre-search li a:active {color: #fff;text-decoration:none;}

.genre-search li a.ac{
width:145px;
float:left;
display:block;
margin:0px 4px 4px 0px;
padding:6px 10px;
color: #fff;
text-decoration:none;
background:#96CD29;
}

.genre-category-search{
width:666px;
padding:10px 10px 10px 20px;
border:1px #ccc solid;
background:#fff;
}

.genre-category-search td{
width:156px;
padding-bottom:5px;
}

.genre-category-search td input{
vertical-align:-2px;
margin-right:10px;
}

#genre-category dt{
width:220px;
cursor:pointer;
}

#genre-category dd{display:block;}

.search-btn{
width:740px;
text-align:center;
margin-bottom:35px;
padding-bottom:16px;
border-bottom:1px #999 solid;
}

.tit-event-list{
margin-bottom:40px;
width:720px;
padding:14px 10px 0px;
height:34px;
background:url(../../img/tit_event.gif) no-repeat;
}

.tit-event-list table{
width:720px;
}

.tit-event-list th{
text-align:right;
font-variant:normal;
}

.tit-event-list td{
width:46px;
padding-left:10px;
}

.tit-event-detail{
margin-bottom:40px;
width:720px;
padding:14px 10px 0px;
height:34px;
background:url(../../img/tit_event_detail.gif) no-repeat;
}

.tit-event-detail table{
width:720px;
}

.tit-event-detail th{
text-align:right;
font-variant:normal;
}

.tit-event-detail td{
width:46px;
padding-left:10px;
}

.eve-img{
width:740px;
padding-bottom:10px;
overflow:hidden;
}

.eve-img li{
list-style-type:none;
float:left;
}

.eve-img .sub{padding-left:10px;}

.tit-special-list{
margin-bottom:40px;
width:720px;
padding:14px 10px 0px;
height:34px;
background:url(../../img/tit_special.gif) no-repeat;
}

.tit-special-list table{
width:720px;
}

.tit-special-list th{
text-align:right;
font-variant:normal;
}

.tit-special-list td{
width:46px;
padding-left:10px;
}

.tit-special-detail{
margin-bottom:40px;
width:720px;
padding:14px 10px 0px;
height:34px;
background:url(../../img/tit_special_detail.gif) no-repeat;
}

.tit-special-detail table{
width:720px;
}

.tit-special-detail th{
text-align:right;
font-variant:normal;
}

.tit-special-detail td{
width:46px;
padding-left:10px;
}


/*** application ***********************************************************************************************************************************/

.tit-application{
margin:0px 0p@x 25px;
width:410px;
height:85px;
padding:70px 300px 0px 30px;
font-size:100%;
font-weight:normal;
background:url(../../img/bg_ap1.jpg) no-repeat;
}


.ap-base{
width:740px;
padding-bottom:30px;
overflow:hidden;
}

.ap-left{
width:580px;
float:left;
}

.ap-right{
width:135px;
float:right;
}

.ap-text{
padding:0px 0px 0px 33px;
}


.ap-text .text1{
width:512px;
min-height:110px;
padding:20px 0px 0px 37px;
background:url(../../img/bg_ap_text1.jpg) no-repeat left top;
}

.ap-text .text2{
width:512px;
min-height:380px;
padding:20px 0px 0px 37px;
background:url(../../img/bg_ap_text2.jpg) no-repeat left top;
}

.ap-text .text2 dl{padding-bottom:20px;}

.ap-text .text2 dt{
margin-bottom:10px;
}

.ap-text .text2 dd{
margin-bottom:10px;
}

.ap-text .text2 span{color:#876671;}


.ap-text .text3{
width:512px;
padding:20px 0px 0px 37px;
}

/*** giude ***********************************************************************************************************************************/

.guide-base{
width:740px;
padding-bottom:30px;
overflow:hidden;
}

.guide-left{
width:360px;
float:left;
}

.guide-right{
width:360px;
float:right;
}

.guide-base table{
margin-bottom:20px;
width:360px;
background:#cad0ca;
}

.guide-base th{
text-align:left;
padding:5px 20px;
font-size:130%;
line-height:150%;
font-weight:normal;
color:#000;
background:#efefef;
}

.guide-base td{
background:#fff;
vertical-align:top;
}

.guide-base .td1{
width:120px;
padding:10px 20px;
}

.guide-base .td2{
padding:10px 20px 10px 30px;
background:url(../../img/icon_pdf.gif) no-repeat 10px 10px #fff;
}

/*** hall list ***********************************************************************************************************************************/

.guide-base{
width:740px;
padding-bottom:30px;
overflow:hidden;
}

.guide-left{
width:365px;
border-bottom:1px #ccc solid;
float:left;
}

.guide-right{
width:365px;
border-bottom:1px #ccc solid;
float:right;
}

.hall-list{
width:343px;
padding:10px 0px 0px 20px;
border-left:1px #ccc solid;
border-right:1px #ccc solid;
overflow:hidden;
}

.tit-hall-list{
width:334px;
height:29px;
overflow:hidden;
padding:7px 15px 0px;
color:#fff;
font-size:140%;
font-weight:bold;
line-height:150%;
background:#53b44e;
}

.tit-hall-list2{
width:362px;
height:34px;
overflow:hidden;
color:#000;
font-size:140%;
line-height:150%;
border:1px #cad0c4 solid;
background:#efefef;
}

.tit-hall-list2 p{
width:332px;
height:28px;
padding:6px 15px 0px 7px;
border-left:8px #999999 solid;
}


.hall-list dl{
width:170px;
padding:0px 0px 10px 0px;
float:left;
}

.hall-list dt{
padding:0px 0px 0px 15px;
font-size:100%;
line-height:150%;
background:url(../../img/icon3.gif) no-repeat left 5px;
}

.hall-list .ls{letter-spacing:-0.09em;}

.hall-list dd{
padding:0px 0px 0px 15px;
font-size:90%;
line-height:150%;
}

/*** ctegory ***********************************************************************************************************************************/

.ctegory1{
margin-bottom:4px;
width:740px;
height:36px;
background:#dad9d9;
}

.ctegory1 th{background:url(../../img/bg_category1.jpg) repeat-x bottom;}

.cate1{width:180px;}
.cate2{
width:140px;
padding-left:10px;
padding-right:10px;
text-align:center;
}

.cate2 a:link { color: #333;text-decoration:underline;}
.cate2 a:visited { color: #333;text-decoration:underline;}
.cate2 a:hover {color: #333;text-decoration:none;}
.cate2 a:active {color: #333;text-decoration:none;}

.bg1{background:#fff;padding:10px 10px 0px;}
.bg2{background:#efedf8;padding-top:10px;padding-bottom:10px;}
.bg3{background:#fff5e8;padding-top:10px;padding-bottom:10px;}
.bg4{background:#feeff7;padding-top:10px;padding-bottom:10px;}
.bg5{background:#f0fbfb;padding-top:10px;padding-bottom:10px;}
.bg6{background:#f5fbec;padding-top:10px;padding-bottom:10px;}
.bg7{background:#ffeee8;padding-top:10px;padding-bottom:10px;}
.bg8{background:#fff8e1;padding-top:10px;padding-bottom:10px;}
.bg9{background:#ecfbed;padding-top:10px;padding-bottom:10px;}
.bg10{background:#edf1f8;padding-top:10px;padding-bottom:10px;}

.ctegory2,.ctegory3,.ctegory4,.ctegory5,.ctegory6,.ctegory7,.ctegory8,.ctegory9,.ctegory10{
margin-bottom:4px;
width:740px;
background:#dad9d9;
}

.ctegory2 th{
color:#6553b2;
font-size:140%;
font-weight:normal;
line-height:150%;
background:#e2dff2;
}

.ctegory2 th a:link { color: #6553b2;text-decoration:underline;}
.ctegory2 th a:visited { color: #6553b2;text-decoration:underline;}
.ctegory2 th a:hover {color: #6553b2;text-decoration:none;}
.ctegory2 th a:active {color: #6553b2;text-decoration:none;}

.ctegory3{
margin-bottom:4px;
width:740px;
background:#dad9d9;
}

.ctegory3 th{
color:#6553b2;
font-size:140%;
font-weight:normal;
line-height:150%;
background:#ffecd0;
}

.ctegory3 th a:link { color: #ff6600;text-decoration:underline;}
.ctegory3 th a:visited { color: #ff6600;text-decoration:underline;}
.ctegory3 th a:hover {color: #ff6600;text-decoration:none;}
.ctegory3 th a:active {color: #ff6600;text-decoration:none;}

.ctegory4 th{
color:#6553b2;
font-size:140%;
font-weight:normal;
line-height:150%;
background:#fddbed;
}

.ctegory4 th a:link { color: #f24da5;text-decoration:underline;}
.ctegory4 th a:visited { color: #f24da5;text-decoration:underline;}
.ctegory4 th a:hover {color: #f24da5;text-decoration:none;}
.ctegory4 th a:active {color: #f24da5;text-decoration:none;}

.ctegory5 th{
color:#6553b2;
font-size:140%;
font-weight:normal;
line-height:150%;
background:#d7f3f4;
}

.ctegory5 th a:link { color: #218fb4;text-decoration:underline;}
.ctegory5 th a:visited { color: #218fb4;text-decoration:underline;}
.ctegory5 th a:hover {color: #218fb4;text-decoration:none;}
.ctegory5 th a:active {color: #218fb4;text-decoration:none;}

.ctegory6 th{
color:#6553b2;
font-size:140%;
font-weight:normal;
line-height:150%;
background:#e7f4cc;
}

.ctegory6 th a:link { color: #678c1e;text-decoration:underline;}
.ctegory6 th a:visited { color: #678c1e;text-decoration:underline;}
.ctegory6 th a:hover {color: #678c1e;text-decoration:none;}
.ctegory6 th a:active {color: #678c1e;text-decoration:none;}

.ctegory7 th{
color:#6553b2;
font-size:140%;
font-weight:normal;
line-height:150%;
background:#fedbd8;
}

.ctegory7 th a:link { color: #f93424;text-decoration:underline;}
.ctegory7 th a:visited { color: #f93424;text-decoration:underline;}
.ctegory7 th a:hover {color: #f93424;text-decoration:none;}
.ctegory7 th a:active {color: #f93424;text-decoration:none;}

.ctegory8 th{
color:#6553b2;
font-size:140%;
font-weight:normal;
line-height:150%;
background:#fff1c8;
}

.ctegory8 th a:link { color: #a97f00;text-decoration:underline;}
.ctegory8 th a:visited { color: #a97f00;text-decoration:underline;}
.ctegory8 th a:hover {color: #a97f00;text-decoration:none;}
.ctegory8 th a:active {color: #a97f00;text-decoration:none;}

.ctegory9 th{
color:#6553b2;
font-size:140%;
font-weight:normal;
line-height:150%;
background:#cbf5cd;
}

.ctegory9 th a:link { color: #3d9f44;text-decoration:underline;}
.ctegory9 th a:visited { color: #3d9f44;text-decoration:underline;}
.ctegory9 th a:hover {color: #3d9f44;text-decoration:none;}
.ctegory9 th a:active {color: #3d9f44;text-decoration:none;}

.ctegory10 th{
color:#6553b2;
font-size:140%;
font-weight:normal;
line-height:150%;
background:#d2dcec;
}

.ctegory10 th a:link { color: #385586;text-decoration:underline;}
.ctegory10 th a:visited { color: #385586;text-decoration:underline;}
.ctegory10 th a:hover {color: #385586;text-decoration:none;}
.ctegory10 th a:active {color: #385586;text-decoration:none;}

.bg1 ul{overflow:hidden;}

.bg1 li{
padding:0px 10px 10px 0px;
list-style-type:none;
float:left;
}

/*** teacher_rec ***********************************************************************************************************************************/

.teacher-head {
margin-bottom:20px;
}

.teacher-head dt{
margin-bottom:4px;
font-size:120%;
line-height:150%;
color:#5fa31e;
font-weight:bold;
}

.info-box{
margin-bottom:10px;
padding-bottom:10px;
width:698px;
border-bottom:1px #ccc dotted;
}

.info-box-innar{
width:658px;
padding:20px;
overflow:hidden;
background:#edf6fb;
}

.info-box-innar .left{
width:410px;
float:left;
}

.info-box-innar .left .tit{
font-weight:bold;
margin-bottom:4px;
}

.info-box-innar .left .text1{
color:#529acb;
}

.info-box-innar .right{
width:242px;
padding-top:30px;
float:right;
}

.youkou{
margin-bottom:20px;
width:740px;
background:#ccc;
}

.youkou th{
width:190px;
padding:10px;
text-align:left;
font-weight:normall;
vertical-align:top;
background:#efefef;
}

.youkou td{
padding:10px;
background:#fff;
}

.youkou td span{color:#ff0000;}

.rec-img{
width:740px;
padding-bottom:40px;
overflow:hidden;
}

.rec-img li{
list-style-type:none;
float:left;
}

.rec-img .sub{padding-left:10px;}

.rec-information{
margin-bottom:20px;
width:698px;
padding:20px 20px 10px;
border-left:1px #cad0ca solid;
border-right:1px #cad0ca solid;
border-bottom:1px #cad0ca solid;
}

.rec-information dt{
margin:0px;
color:#ff0000;
font-size:120%;
line-height:150%;
}
.rec-information dd{padding:0px 0px 10px 10px;}

.rec-img{
width:740px;
overflow:hidden;
}

.rec-img .img{padding-right:6px;}

.rec-img p{float:left;}

/*** kouza datail ***********************************************************************************************************************************/

.tit-kouzsa-datail{
margin-bottom:25px;
width:731px;
height:35px;
text-align:right;
padding:9px 9px 0px 0px;
background:url(../../img/bg_tit_kouza_datail.gif) no-repeat;
}

.tit-kouzsa-datail a{
display: block;
float: right;
width: 116px;
}

.kouza-datail{
width:740px;
overflow:hidden;
}

.kouza-datail .left{
width:452px;
float:left;
}

.kouza-datail .tit{
margin-bottom:20px;
width:437px;
padding-left:15px;
background:url(../../img/bg_tit_datail.gif) repeat-y left;
}

.kouza-datail h4{
margin:0px;
padding:0px;
font-size:140%;
font-weight:bold;
line-height:150%;
}

.kouza-datail h5{
margin:0px 0px 10px;
border-bottom:1px #cad0c4 dotted;
padding:0px 0px 8px;
font-size:160%;
font-weight:bold;
line-height:150%;
}

.kouza-datail .left table{
margin-bottom:20px;
width:452px;
background:#ccc;
}

.kouza-datail .left th{
width:130px;
padding:10px;
text-align:left;
background:#efefef;
vertical-align:top;
}
.kouza-datail .left td{
padding:10px;
background:#fff;
}

.kouza-datail .left td img{
vertical-align:-4px;
margin-left:5px;
}

.kouza-datail .right{
width:268px;
float:right;
}

.kouxa-img{
margin-bottom:13px;
width:250px;
height:188px;
padding:9px;
background:url(../../img/bg_img.jpg) no-repeat;
text-align:center;
}

.kouxa-img-sub{
width:268px;
padding-bottom:10px;
overflow:hidden;
cursor:pointer;
}

.kouxa-img-sub li{
list-style-type:none;
float:left;
padding-bottom:10px;
}

.kouxa-img-sub .sub{padding-left:14px;}

.kouza-datail .right table{
margin-bottom:20px;
width:268px;
background:#ccc;
}

.kouza-datail .right th{
width:60px;
padding:10px;
text-align:left;
background:#efefef;
vertical-align:top;
}

.kouza-datail .right td{
padding:10px;
background:#fff;
}

.kouza-datail .right .kaijou{
margin-bottom:8px;
width:246px;
padding:10px;
border:1px #cad0c4 solid;
}

.kouza-datail .right .kaijou .tel{
margin-bottom:2px;
font-weight:bold;
padding-left:25px;
background:url(../../img/icon_tel.gif) no-repeat left 1px;
}

.kouza-datail .right .kaijou-guide{
width:236px;
padding:15px;
border:1px #cad0c4 solid;
background:#eef1eb;
}

.kouza-datail .right .kaijou-guide dt{
font-weight:bold;
margin-bottom:10px;
}

.kouza-datail .right .kaijou-guide dd{
background:url(../../img/icon4.gif) no-repeat left 5px;
padding:0px 0px 0px 15px;
}

.hide {
    display: none;
}

hr.line {
    display: block;
    margin: 10px 0 20px;
    padding: 0;
    border: none;
    border-top: 1px solid #CAD0C4;
}

p.linkSP {
    border-top:2px solid #222222;
    background-color:#333333;
    display:block;
    padding:10px;
    clear:both;
    float:none;
    overflow:hidden;
    margin-top:50px;
}


p.linkSP a{
    padding:10px;
    border-radius: 8px;
    background-image: -moz-linear-gradient(top, #F5F5F5 0% , #E9E9E9 100% );
    background-image: -webkit-linear-gradient(top, #F5F5F5 0% , #E9E9E9 100%  );
    background-image: -webkit-gradient(linear,left top,left bottom,from(#F5F5F5), to(#E9E9E9));
    background-image: linear-gradient(to bottom, #F5F5F5 0%, #E9E9E9 100%);
    border: 2px solid #D1D1D1;
    background-size: 100% auto;
    color:#202020;
    font-weight:bold;
    text-decoration:none;
    text-align:center;
    display:block;
    font-size: 180%;
    line-height:1em;
}
/*}*/
table.hyo2 {
    border-style: solid;
    border-width: 1px;
    border-color: #ffcc66;
    background-position: left top;
    background-repeat: repeat-y;
    width: 550px;
    height: 10px;
    font-size: 80%;
}
table td.hyo3 {
    padding-left: 15px;
    border-style: dotted;
    border-width: 2px;
    border-color: #ffcc66;
}

#main h2, #pan h2 {
    background: url("/img/psta/h2.gif") no-repeat;
    font-size: 90%;
    padding-left: 13px;
}
.tit01,
.tit01,
.tit01,
.tit01,
.tit01 {
  background: url(/img/common/bg_tit01.jpg) repeat-x 0 0 #77bb30;
  height: 44px;
  color: #fff;
  margin-bottom: 20px;
  padding: 0 15px;
}
.tit01 h1,
.tit01 h2,
.tit01 h3,
.tit01 h4,
.tit01 h5 {
  font-size: 18px;
  font-weight: bold;
  float: left;
}
.tit01 span {
  float: right;
  line-height: 44px;
}

.tit02,
.tit02,
.tit02,
.tit02,
.tit02 {
    background: url("/img/tit_kiyaku2.jpg") no-repeat scroll 0 0;
    padding: 0 10px 0 20px;
    margin-bottom: 16px;
    font-weight: bold;
}
.tit02 h1,
.tit02 h2,
.tit02 h3,
.tit02 h4,
.tit02 h5 {
    font-size: 16px;
    height: 42px;
    line-height: 42px;
}
.schoolList01 .area {
  border: 1px solid #ccc;
  padding: 9px;
  margin-bottom: 10px;
}
.schoolList01 .area dt {
  border-left: 3px solid #7cbc34;
  border-bottom: 1px solid #ccc;
  font-size: 14px;
  padding: 3px 5px;
  margin-bottom: 5px;
}
.schoolList01 .area dd table {
  width: 100%;
}
.schoolList01 .area dd table td {
  float: left;
  width: 25%;
  padding: 5px 5px 5px 14px;
    text-indent: -14px;
}
.schoolList01 .area dd table td a:before {
  content:"▶";
  color: #999;
  margin-right: 3px;
}
.schoolList01 .area dd table td a {
  display: inline;
  color: #3399CC;
}
.menuBox {
  width: auto;
}
.menuBox ul#menu li {
  position: relative;
  margin: 0;
  width: 84px;
  height: 42px;
  font-weight: normal;
  color: #fff;
  line-height: 42px;
  text-align: right;
  border-left: 1px solid #489000;
  cursor: pointer;
}
.menuBox ul#menu li img {
  margin-right:5px ;
}
.menuBox ul#menu li ul {
  position: absolute;
  right: -15px;
  top:44px;
  padding: 0px;

}
.menuBox ul#menu li ul li {
  margin: 0;
  padding: 0;
  width: 200px;
  background: #79AA8F;
  text-align: left;
  margin-left: 10px;
  border: none;
  border-top: 1px solid #489000;
  opacity: 0.9;
  padding-left: 10px;
  border-left: none;
}
.menuBox ul#menu li ul li:first-child {
  border-top: none;
}

.menuBox ul li ul li a {
  display: inline-block;
  width: 200px;
  height: 34px;
  color: #fff;
}
.menuBox ul li ul li a:hover {
  text-decoration: underline;
  opacity: 1;
}
.detailBox dl dt {
  border-bottom: 1px dotted #cecece;
  padding: 16px 30px;
  font-size: 18px;
  font-weight: bold;
}
.detailBox dl dd {
  padding: 10px 30px;
}
#header,
#pc #contHeader,
#pc #footer,
#pc #side,
#pc #pan {
  display: none;
}

#pc #area {
  width: 740px;
  margin: 0 auto;
  float: none;
}
body {
  background: none;
}
}