a[href$=".pdf"] {
    background: url(../../../common/img/common/pdf_icon_mini.jpg) no-repeat right center;
    padding-right: 1.5em;
    margin-left: 0;
}

#main_area dl.kinen_list dt {
    float: left;
    padding: 0.5em 0;
    text-align: right;
}
#main_area dl.kinen_list dd {
    padding: 0.5em 0 0.5em 10em;
}
#main_area .imgright {
    float: right;
    margin: 0 0 10px 10px;
}
#main_area dl.course_list dt {
    border-bottom: dotted 1px #999999;
    padding: 0.5em 0 0.3em 0.5em;
    margin: 0 0 0.7em;
    color: #FF6473;
    font-size: 110%;
    font-weight: bold;
}
#main_area dl.course_list dd {
    background: url(../../../common/img/common/point_icon01.gif) no-repeat left 3px;
    margin: 0 0 0.5em 1em;
    padding-left: 1em;
}
#main_area a:hover {
    color: #0099CC;
    text-decoration: underline;
    font-weight: bold;
}
#main_area .textcenter {
    text-align: center;
}
#main_area .textright {
    text-align: right;
}

#main_area .middle{
vertical-align:middle;
}
#main_area .red {
    color: #ff0000;
}
#main_area .color_pink {
    color: #FF6666;
}
#main_area .blue {
    color: #0066CC;
}
#main_area .color_blue2 {
    color: #0099FF;
}
#main_area .color_red {
    color: #FF3300;
}
#main_area #fee_table td{
    text-align: center;
    vertical-align:middle;
}
#main_area #fee_table td.left{
text-align: left;
}

#main_area .color_orange {
    color: #FF6600;
}
#main_area .btn_toppage {
    border: solid 1px #CCCCCC;
    background: url(../img/common/btn_back00.jpg) repeat-x bottom;
    padding: 0.5em 0;
    display: block;
    width: 13em;
    text-align: center;
    margin: 0;
    font-size: 90%;
    float: right;
    border-radius: 8px;
}
#main_area .tablebox table th {
    padding: 8px;
    border-collapse: collapse;
    border: 1px solid #999;
}

#main_area dl.fee_list dd {
    padding: 0.5em 0 0.5em 7em;
}
#main_area dl.fee_list dt {
    float: left;
    padding: 0.5em 0;
    text-align: right;
}
#main_area .color_red02 {
    color: #D20000;
}

#main_area .text_box {
    width: 99%;
    margin: 0 auto 1.5em;
    overflow: hidden;
}
#main_area .text_box ul{
padding:0;
}
#main_area .topics-day{
    display: table-cell;
    margin: 0 0.5em 0 0;
    vertical-align: top;
}
#main_area .topics-img {
    display: table-cell;
    margin: 0 0.5em 0 0;
    vertical-align: top;
padding:0 10px;
}
#main_area .topics-text {
    display: table-cell;
    margin: 0 0.5em 0 0;
    vertical-align: top;

}
#main_area .text_box ul{
list-style:none;
}
#main_area .text_box li{
margin:5px 0;
}
#main_area #page_frame {
    margin: 0 0 10px;
    padding: 20px 10px 20px;
    border: solid 2px #E2E2E2;
    text-align: center;
}

#single table{
 border: none;
  border-collapse: collapse;
  border-spacing: 0;
}
#single td{
border: none;
}

#main_area ul.links li {
    list-style: outside url(../../../common/img/temp/side_arrow_orenge.png);
    margin-left: 2em;
    line-height: 2;
}
#main_area .title2 {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: dotted;
    border-left-style: none;
    border-bottom-width: 1px;
    border-bottom-color: #999999;
    font-size: 16px;
    font-weight: bold;
    color: #666666;
    padding-left: 20px;
    padding-bottom: 3px;
}
#main_area .yotei ul{
list-style:none;
}
#main_area .yotei img{
width:80%;
}
#topnews dl dt#news div dl dd.icon img{
width:10%;
}

#counter{
 padding: 10px;
 width: 80%;
 margin: 0 auto 30px;
 border: 1px solid #CCC;
 text-align: center;
}
#heads p#logo img{
  height: 50px!important;
}
ul#topbanar2 li.twe{
 padding: 0 95px 0;
}


#swiper-title{
 position: absolute;
 z-index: 20;
 margin: -300px auto 0;
 width: 100%;
 font-size: 40px;
 font-weight: bold;
 font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
 line-height: 160%;
 text-shadow: 1px 1px 0 #FFF,
             -1px 1px 0 #FFF,
             1px -1px 0 #FFF,
             -1px -1px 0 #FFF;
}
#swiper-title .title{
 width: 1000px;
 margin: 0 auto;
}
#swiper-title small{
 font-size: 16px;
 line-height: 80%;
}
#swiper-title small br{
 display: none;
}
#reservation_list th{
 color: #FFFFFF;
 background-color: rgb(0, 153, 255);
}










@media screen and (max-width: 1100px){
 #swiper-title{
  margin: -200px auto 0;
  text-shadow: 1px 1px 0 #FFF,
             -1px 1px 0 #FFF,
             1px -1px 0 #FFF,
             -1px -1px 0 #FFF;
 }
 #swiper-title .title{
  font-size: 30px;
  line-height: 140%;
  padding-left: 30px;
 }
 #swiper-title small{
  font-size: 14px;
  line-height: 80%;
 }
 #swiper-title small br{
  display: inline;
 }
}

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

 #swiper-title{
  margin: -80px auto 0;
 text-shadow: 1px 1px 0 #FFF,
             -1px 1px 0 #FFF,
             1px -1px 0 #FFF,
             -1px -1px 0 #FFF;
 }
 #swiper-title .title{
  font-size: 13px;
  line-height: 130%;
  padding-left: 30px;
 }
 #swiper-title small{
  font-size: 12px;
  line-height: 120%;
 }
  #heads p#logo img{
    height: 30px!important;
  }
  ul#topbanar2 li.twe{
   padding: 0;
  }
  #topbanar1 .none{
   display: none;
 }
 #swiper-title small br{
  display: inline;
 }
#main_area .topics-text {
    display: table-cell;
    margin: 0 0.5em 0 0;
    vertical-align: top;
    width: 99%;
    float: right;
}

#main_area .text_box .text12{
    width: 90%;
}
.category-topics .text_box img{
width:20%!important;
height:auto;
}
.category-topics .topics-img{
width:80%!important;
height:auto;
}
.category-topics ul{
padding:0;
}
.category-topics .topics-text{
width:95%!important;
}
.page-id-7 .text_box img{
width:50%!important;
height:auto;
}
.page-id-47 .text_box img{
width:5%!important;
height:auto;
}
.page-id-77 .text_box img{
width:40%!important;
height:auto;
}
.page-id-68 .text_box img{
width:200%!important;
height:auto;
}
.page-id-95 .text_box woman_table img{
width:90%!important;
height:auto;
}
.page-id-129 .text_box img{
width:50%!important;
height:auto;
}
.page-id-104 .text_box img{
width:70%!important;
height:auto;
}
.page-id-106 .text_box img{
width:70%!important;
height:auto;
}
.page-id-109 .text_box img{
width:70%!important;
height:auto;
}
.page-id-120 .text_box img{
width:50%!important;
height:auto;
}
.page-id-350 .text_box img{
width:50%!important;
height:auto;
}
.page-id-368 .text_box img{
width:50%!important;
height:auto;
}
#main_area .text_box img{
    width:90%;
    height:auto;
}

#single table{
 border: none;
  border-collapse: collapse;
  border-spacing: 0;
width: 99%;
}
#main_area #page_frame {
    margin-top: 50px;
}

}