@charset "UTF-8";

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

/* 共通設定 */

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

.blc01,.blc02,.blc03,.blc04 {
margin-bottom:7em;
}

/*aboutManu--------------------------*/

h6.ttl{
background-color:#efefef;
border-left:5px solid #009;
cursor:pointer;
display:block;
margin:0 auto 1em;
padding:8px 8px 8px 15px;
}
h6.ttl:before{
background-color:#fff;
border-radius:12px;
box-sizing:border-box;
content:"+";
margin-right:15px;
padding:0 5px;
width:35px;
}
h6.ttl + ul {
	display:none;
}


/* blc01 ------------------*/
/*blc02----------------------*/
.blc02 ul{
list-style:disc;
padding-left: 20px;
}

.blc02 ul li{
margin-bottom: 2%;
line-height:180%;
}

/* blc03 ------------------*/
.rightBox{
width:75%;
float:right;
}

.leftBox{
width:25%;
float:left;
}
.blc03 .leftBox{
text-align: center;
max-width:130px;
}
#logoimg {
	text-align:center;
	margin-bottom:1em;
}

/* blc04 ------------------*/

/*info----------------------------*/
.infoList {
  background: #fff;
}

label.ttl {
background:#EFEFEF;
padding: 8px 8px 8px 15px;
border-left: #009 5px solid;
margin: 0 auto 1em;
  cursor: pointer;
  display:block;
}

label.ttl:hover {
background: rgba(170,220,210,.5);
}

input[type="checkbox"].on-off{
  display: none;
}

.menu ul {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}

.infoList li {
padding: 5px 5px 5px 25px;
}

input[type="checkbox"].on-off + ul{
  display: none;
}

input[type="checkbox"].on-off:checked + ul{
  display: block;
  margin-bottom:2%;
}
.infoList li a {
margin-bottom: 0.3em;
padding:0.5em 0.5em 0.5em 1em;
box-sizing: border-box;
border: 1px solid #CCC;
border-radius:3px;
width:98%;
display:block;
text-decoration:none;
}
.infoList li a:hover {
	text-decoration:underline;
}
label.ttl:before {
content:"+";
background:#FFF;
width:35px;
padding:0 5px;
box-sizing: border-box;
border-radius:12px;
margin-right:15px;
}
label.open:before {
content:"-";
padding:0 7px;
}

/*access---------------------------*/


table.tblDeco {
  width:100%;
}
table.tblDeco {
box-shadow:0px 0px 3px #ccc;
background:#FFF;
margin-bottom:2em;
}
table.tblDeco + iframe {
	margin-bottom:3em
}
.tblDeco th,.tblDeco td {
padding:0.8em 1em;
box-sizing: border-box;
border-bottom: 1px solid #e8e8e8;
}
.tblDeco th {
  width:30%;
  background:#F0F0F0;
}

.acTxt p{
line-height:2.0;
}

.accessBox{
padding-bottom: 14px;
}
#access .acTxt .txtArea {
	margin-bottom:5%;
}

/*news------------------------*/
.newsList {
border-bottom:1px dashed #ccc;
}
.newsList a{
text-decoration:none;
}

.newsList dt{
width:30%;
float:left;
clear:left;
padding: 15px 0;
}

.newsList dt img{
display:block;
margin:auto;
}

.newsList dd{
  padding:30%;
  min-height:160px;
  padding: 20px 18px 20px 34%;
}

.newsList dt,
.newsList dd{
margin:0;
}



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

/* タブレット */

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

@media only screen and (max-device-width:960px) and (orientation:landscape) {
body{
background-size:cover !important;
}


}
@media screen and (max-width: 960px) {
body::before{
background: -moz-linear-gradient(bottom, rgba(255,255,255,.5) 0%,rgba(255,255,255,.3) 70%,rgba(255,255,255,1) 100%),url(../w2img/20110915154750kokutaikisyu1.jpg) 0% 0% no-repeat;
background: -webkit-linear-gradient(bottom,rgba(255, 255, 255,.5) 0%,rgb(255, 255, 255,.3) 50%,rgb(255, 255, 255,1) 100%),url(../w2img/20110915154750kokutaikisyu1.jpg) 0% 0% no-repeat;
background:linear-gradient(to bottom, rgba(255,255,255,.5) 0%,rgba(255,255,255,.3) 70%,rgba(255,255,255,1) 100%),url(../w2img/20110915154750kokutaikisyu1.jpg) 0% 0% no-repeat;
background-size:100% auto;
}
}

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

/* SP・タブレット */

/* ------------------------------------ */
#ttlBlc figure img {
object-position: center 10%;
}

@media screen and (max-width: 768px) {
.blc03 .leftBox, .blc03 .rightBox {
float:none;
width:100%;
}
.blc03 .leftBox{
margin: 0 auto 3%;
}

.blc01,.blc02,.blc03,.blc04 {
margin-bottom:5em;
}
}

@media screen and (max-width: 480px) {
.aboutMenu li {
  width:50%;
  float:left;
  padding:0;
  margin:0;
  text-align:center;
}
.newsList dt{
width:100%;
float:none;
clear:none;
}
.newsList dd{
width:100%;
padding: 3% 3% 6%;
box-sizing:border-box;
min-height: inherit;
margin-bottom:5%;
}
.newsList dt{
box-sizing: border-box;
padding: 15px 0;
}

.newsList dt img{
display:block;
margin:auto;
}

.newsList dd{
  border-top:none;
}
.tblDeco th {
  width:100%;
  display:block;
  background:#F0F0F0;
}
.tblDeco th,.tblDeco td {
	display:block;
}
}
@media only screen and (max-device-width:768px) and (orientation:landscape) {
}