@charset "utf-8";body{margin:0px;padding:0px;font:14px/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";color:#333;background:#fff url(../images/bg.jpg);}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{margin:0px;padding:0px;}
ul{list-style-type:none;}
img{border:none;vertical-align:bottom;}
input,textarea{font-size:1em;}
form{margin:0px;}
table{border-collapse:collapse;font-size:100%;border-spacing:0;}
a{color:#0000FF;}
a:hover{color:#e0230f;text-decoration:none;}
#container{width:982px;margin:0 auto;}
header{text-align:center;margin:5px 0px 0px 0px;padding-bottom:10px;}
#top header{padding-bottom:0px;}
header h1{background:#e0230f;font-size:11px;color:#FFF;border-radius:0px 0px 10px 10px;}
header #logo{padding:0px 0px 0px;}
.pc{display:block !important;}
.sp{display:none !important;}
#mainimg{clear:left;width:100%;height:auto;position:relative;margin-bottom:5px;}
#manu{margin:0px;padding:0px;}
#menubar-s{display:none;}
#menubar_hdr{display:none;}
nav#menubar ul li ,
nav#menubar-s ul li{float:left;width:156px;background:#FFF;background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e7e7e7));background:-webkit-linear-gradient(#FFF 50%, #e7e7e7);background:linear-gradient(#FFF 50%, #e7e7e7);margin-left:6px;border:1px solid #ccc;border-radius:10px;-webkit-box-shadow:1px 2px 5px rgba(0,0,0,0.1);box-shadow:1px 2px 5px rgba(0,0,0,0.1);font-weight:bold;text-align:center;}
nav#menubar ul li a ,
nav#menubar-s ul li a{text-decoration:none;display:block;letter-spacing:0.1em;}
nav#menubar ul li:first-child ,
nav#menubar-s ul li:first-child{margin-left:0;}
nav#menubar ul li a span ,
nav#menubar-s ul li a span{display:block;margin:0px 20px;font-weight:normal;font-size:11px;-webkit-text-size-adjust:none;background:#e33927;color:#FFF;border-radius:0px 0px 8px 8px;}
nav#menubar ul li:hover ,
nav#menubar-s ul li:hover{background:#FFF;position:relative;left:1px;top:1px;}
#contents{clear:left;padding-top:30px;}
#main{float:left;width:720px;padding-bottom:30px;}
#main h2{clear:both;margin-bottom:15px;font-size:100%;color:yellow;background:#ab6723 url(../images/bg4.jpg);background:url(../images/deco.png) no-repeat right center, url(../images/bg4.jpg),#ab6723;padding:8px 110px 8px 15px;border-radius:10px;}
#main h3{clear:both;margin-bottom:15px;font-size:100%;background:#FFF;background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#ededed));background:-webkit-linear-gradient(#FFF, #ededed);background:linear-gradient(#FFF, #ededed);padding:4px 15px;border:1px solid #ccc;border-radius:10px;}
#main h3::first-letter{border-left:3px solid #e0230f;padding-left:10px;}
#main p{padding:0.5em 15px 1em;}
#main p + p{padding-top:0px;}
#main h2 + p,
#main h3 + p{padding-top:0px;margin-top:-5px;}
#main section.list,
#main section.list1{border:1px solid #ccc;padding:15px;margin-bottom:15px;background:#FFF;background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f1f1f1));background:-webkit-linear-gradient(#FFF, #f1f1f1);background:linear-gradient(#FFF, #f1f1f1);position:relative;overflow:hidden;border-radius:10px;}
#main section.list1{width:45%;float:left;}
#main section.list p{padding:0px;margin-left:34%;line-height:180%;}
#main section.list figure img{float:left;background:#FFF;padding:5px;border:1px solid #CCC;margin-right:10px;width:30%;height:30%;}
#main section.list img{float:left;width:137px;height:133px;}
#main section.list h4{font-size:15px;border-bottom:2px dotted #e0230f;margin-bottom:5px;margin-left:34%;color:#e0230f;}
#main section.list1 h4{font-size:15px;border-bottom:2px dotted #e0230f;margin-bottom:0px;color:#e0230f;}
#main section.list h4::first-letter,
#main section.list1 h4::first-letter{border-left:3px solid #e0230f;padding-left:10px;}
#main section.list ul li{list-style-image:url('../images/ico_button.gif');list-style-type:none;position:relative;line-height:15px;margin-left:40%;padding:5px 0px 0px 0px;}
#main section.list1 ul li{list-style-image:url('../images/ico_button.gif');list-style-type:none;position:relative;line-height:15px;border-bottom:1px solid #e0230f;margin-left:7%;padding:5px 0px 0px 0px;}
#sub{float:right;width:240px;padding-bottom:30px;}
#sub h2{font-size:100%;padding:10px 15px;background:#e0230f;color:#FFF;border-bottom:4px solid #faa003;border-radius:10px 10px 0px 0px;}
#sub ul.submenu{margin-bottom:15px;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;}
#sub ul.submenu li{background:#fff;border-bottom:1px solid #ccc;}
#sub ul.submenu li a{text-decoration:none;display:block;padding:3px 15px;}
#sub .box1{padding:15px;margin-bottom:15px;background:#ffd8d4;border:1px solid #ccc;border-radius:10px;}
#sub .box1 h2{border-radius:0px;}
#sub .box1 ul.submenu{margin-bottom:0px;}
footer{width:982px;margin:0px auto 10px;clear:both;text-align:center;padding:10px 0px;background:#e0230f;border-radius:8px;color:#fff;}
footer .pr{display:block;font-size:1%;}
footer a{text-decoration:none;color:#fff;}
footer a:hover{color:#fff;}
#new{margin-bottom:15px;height:100%;}
#new dl{overflow:auto;height:250px;padding-left:15px;}
#new dt{font-weight:bold;float:left;width:100%;margin:0px;padding:0px;}
#new dt img{margin:0px 10px 5px 0px;}
#new dd{width:98%;float:left;border-bottom:1px solid #ccc;padding:0px 5px;}
#main label span{margin:8px 20px;font-size:11px;display:inline-block}
#new label{padding:5px 20px;position:relative;z-index:20;display:block;height:30px;cursor:pointer;text-shadow:1px 1px 1px rgba(255,255,255,0.8);line-height:33px;background:linear-gradient(top, #ffffff 1%,#eaeaea 100%);}
#new label:after,
#new input{display:none;}
#new article{background:rgba(255, 255, 255, 0.5);margin-top:-1px;overflow:hidden;height:0px;position:relative;z-index:10;-webkit-transition:height 0.3s ease-in-out,
box-shadow 0.6s linear;-moz-transition:height 0.3s ease-in-out,
box-shadow 0.6s linear;-o-transition:height 0.3s ease-in-out,
box-shadow 0.6s linear;-ms-transition:height 0.3s ease-in-out,
box-shadow 0.6s linear;transition:height 0.3s ease-in-out,
box-shadow 0.6s linear;}
.ta1{width:96%;margin:0 auto;margin-bottom:15px;background:#fff;}
.ta1, .ta1 td, .ta1 th{border:1px solid #ccc;}
.ta1 td{padding:10px;}
.ta1 th{width:150px;padding:10px;text-align:center;background:#efefef;}
.ta1 th.tamidashi{width:auto !important;text-align:left;background:#ffd8d4 !important;}
.ta1 h4{font-size:100%;color:#e0230f;}
.ta1 h4::first-letter{border-left:3px solid #e0230f;padding-left:5px;}
.ta1 p{padding:0px !important;}
.ta1 ul.disc{padding:0em 25px 0px;}
.ta1.event, .ta1.event td, .ta1.event th{border:2px solid #e0230f;}
.ta1.event th{width:100px;background:#f8f4c1;}
.ta1 ul li{list-style-image:url('../images/ico_button.gif');list-style-type:none;position:relative;line-height:15px;margin-left:10%;padding:5px 0px 0px 0px;}
.concept{display:block;margin-left:auto;margin-right:auto;}
input[type=submit], input[type=button], input[type=reset]{width:250px;padding:10px;margin-bottom:20px;border-radius:30px;background:#e5e5e5;background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e5e5e5));background:-webkit-linear-gradient(#FFF, #e5e5e5);background:linear-gradient(#FFF, #e5e5e5);font-size:16px;letter-spacing:0.1em;border:1px solid #999;}
input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover{background:#FFF;background:-webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#FFF));background:-webkit-linear-gradient(#e5e5e5, #FFF);background:linear-gradient(#e5e5e5, #FFF);}
#pagetop{clear:both;}
#pagetop a{color:#FFF;font-size:10px;background:#333;text-decoration:none;text-align:center;width:12em;display:block;float:right;margin-right:30px;letter-spacing:0.1em;}
#pagetop a:hover{background-color:#666;color:#FFF;}
.faq,
.link{padding:0px 15px;}
.faq dt,
.link dt{color:#e0230f;font-weight:bold;padding-top:15px;}
.faq dd,
.link dd{border-bottom:4px dotted #ccc;overflow:hidden;padding:0px 0px 15px 15px;line-height:20px;}
.look{background:#dcdcdc;}
.mb15,
.mb1em{margin-bottom:15px;}
.clear{clear:both;}
ul.disc{padding:0em 25px 1em;list-style:disc;}
.color1{color:#f87373;}
.pr{font-size:1px;}
.wl{width:96%;}
.ws{width:50%;}
.c{text-align:center;}
.r{text-align:right;}
img{max-width:100%;height:auto;}
.newicon{background:#F00;color:#FFF;font-size:10px;padding:0px 5px;border-radius:2px;margin:0px 5px;}
#menubar_hdr{display:none;}
.box ul{
padding: 0;
list-style-type: none;
text-align: center;
}

.box li{
padding: 0;
margin: 20px;
display: inline-block;
}

.box li a {
  position: relative;
  display: inline-block;
	width: 150px;
  padding: 30px 0px;
  background: -webkit-linear-gradient(#6495ED , #4169E1);
  background: linear-gradient(#6495ED , #4169E1);
  border: 1px solid #0000CD;
  border-radius: 4px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.box li a:after {
  position: absolute;
  bottom: -15px;
  left: 50%;
  z-index: -1;
  content: '';
  width: 100%;
  height: 24px;
  background-color: rgba(0,0,0,.1);
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.box li a:hover  {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  color: #e0230f;			/*マウスオン時の文字色（全体）*/
}
.box li a:hover::after {
  width: 70%;
  height: 18px;
}

@media (min-width:481px) and (max-width:800px){#container{width:auto;margin:0px 15px;}
header{width:93%}
nav#menubar ul li ,
nav#menubar-s ul li{margin:0;margin-bottom:10px;width:50%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
nav#menubar ul li:nth-child(odd)
nav#menubar-s ul li:nth-child(odd){width:49%;margin-right:1%;}
nav#menubar-s ul li a
nav#menubar ul li a{width:100%;}
#main, #sub{float:none;width:auto;}
#main section.list1{width:42%;float:left;}
#main label span{margin:8px 10px;font-size:10px;}
footer{width:auto;margin:15px;}
.ta1 img{width:100%;}
body.s-n #sub{display:none;}
#menubar_hdr{display:inline;position:absolute;top:5px;right:5px;background:-webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e5e5e5));background:-webkit-linear-gradient(#fbfbfb, #e5e5e5);background:linear-gradient(#fbfbfb, #e5e5e5);padding:10px;border:1px solid #cfcfcf;}
#menubar-s{display:block;}
#menubar{display:none;}
#sub .box1{display:none;}
}
@media (max-width:480px){
#container{width:auto;margin:0px 15px;}
#contents{padding-top:5px;}
header h1{display:none;}
header #logo{padding:5px 0px 0px;width:87%;height:auto;}
header #logo1{padding:15px 0px 0px;width:100%;height:auto;}
.pc{display:none !important;}
.sp{display:block !important;}
#top header #logo{width:100%;padding:5px 0px 0px;height:auto;}
#top header #logo1{padding:0px 0px 0px;}
#menubar-s{display:block;}
#menubar{display:none;}
#sub .box1{display:none;}
nav#menubar ,
nav#menubar-s{margin:10px 0px 0px 0px;}
nav#menubar ul li ,
nav#menubar-s ul li{margin:0px 0px 10px 0px;width:50%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
nav#menubar ul li a ,
nav#menubar-s ul li a{width:100%;}
#main, #sub{float:none;width:auto;}
#main section.list1{width:37%;float:left;}
#main label span{margin:0px 0px 10px 18px;padding:0px;font-size:11px;}
#main p{padding:0.5em 5px 1em;line-height:150%;}
#main section.list p{margin-left:0;}
#main section.list figure img{float:none;margin-right:0;width:100%;height: 100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-bottom:10px;}
#main section.list h4{margin-left:0;}
#main section.list ul li{margin-left:10%;}
footer{width:auto;margin:15px;line-height:11px;}
#new dl{height:250px;margin:5px 5px 0px;padding-left:0px;}
#new dt{float:none;width:auto;}
#new dd{padding-left:0;}
.ta1{width:100%;}
.ta1 td{width:auto;padding:2px;}
.ta1 th{width:10%;padding:4px;}
.ta1 img{width:100%;}
.ta1.event th{width:60px;}
.ws{width:96%;}
body.s-n #sub{display:none;}
.pr a{font-size:1px;}
#menubar_hdr{display:inline;position:absolute;top:5px;right:5px;background:-webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e5e5e5));background:-webkit-linear-gradient(#fbfbfb, #e5e5e5);background:linear-gradient(#fbfbfb, #e5e5e5);padding:10px;border:1px solid #cfcfcf;}
}