@charset "UTF-8";

.bg27{
 background: #000;
}

#loadarea{
 margin-bottom: 80px;
}

#siseki-Wrapper-Title{
 max-width: 800px;
 width: 90%;
 margin: 30px auto 0;
 text-align: center;
}

#siseki-Wrapper-Title h1 {
 font-weight: bold;
 margin-bottom: 10px;
 font-family: "ＭＳ Ｐ明朝","ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ 明朝",serif;
 font-size: 240%;
 border-bottom: 1px solid #fff;
 color: #fff;
}
#siseki-Wrapper-Title p {
 color: #fff;
 font-size: 110%;
}

.shiseki-all-list, #item1, #item2, #item3, #item4{
 max-width: 1800px;
 padding:1%;
 margin: 2% auto 3%;
}

.areaNameBox{
 width: 97%;
 position: relative;
 margin-top: 30px;
}

.areaNameBox h3{
 color: #FFF;
 font-size: 1.8em;
 font-family: "ＭＳ Ｐ明朝","ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ 明朝",serif;
 margin: 0 0 1px 0;
 line-height: 1.2;
 text-align: left;
 font-weight: bold;
 float: left;
 margin-bottom: 10px;
}
.areaNameBox h3 span{
 font-size: 14px;
 font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
 font-weight: normal;
}
.areaNameBox p{
 font-size: 14px;
 font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
 float: right;
 margin: 20px 0 0 0;
}
.shiseki-all-list h3 span a, #item1 h3 span a, #item2 h3 span a, #item3 h3 span a, #item4 h3 span a{
	font-size:12px;
	font-weight:normal;
  font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif!important;
  line-height: 1.2;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #83c41a;
	padding:5px 8px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
	background:-ms-linear-gradient( top, #9dce2c 5%, #8cb82b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #9dce2c), color-stop(100%, #8cb82b) );
	background-color:#9dce2c;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #689324;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #c1ed9c;
 	-moz-box-shadow:inset 1px 1px 0px 0px #c1ed9c;
 	box-shadow:inset 1px 1px 0px 0px #c1ed9c;
}
.shiseki-all-list h3 span a:hover, #item1 h3 span a:hover, #item2 h3 span a:hover, #item3 h3 span a:hover, #item4 h3 span a:hover {
	background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
	background:-ms-linear-gradient( top, #8cb82b 5%, #9dce2c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #8cb82b), color-stop(100%, #9dce2c) );
	background-color:#8cb82b;
}
.shiseki-all-list h3 span a:active, #item1 h3 span a:active, #item2 h3 span a:active, #item3 h3 span a:active, #item4 h3 span a:active {
	position:relative;
	top:1px;
}




.sisekidiscri-style p, #item1 p, #item2 p, #item3 p, #item4 p{
 color: #fff;
 font-size: 110%;
}

.shiseki-all-list ul li, #item1 ul li, #item2 ul li, #item3 ul li, #item4 ul li{
 max-width: 280px;
 padding: 1px;
 margin: 5px;
 float: left;
 text-align: center;
 background: #FFF;
 border-radius: 5px;        /* CSS3草案 */  
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
 -moz-border-radius: 5px;   /* Firefox用 */  
}

.shiseki-all-list ul li img, #item1 ul li img, #item2 ul li img, #item3 ul li img, #item4 ul li img{
 -moz-border-radius-topleft: 5px;
 -moz-border-radius-topright: 5px;
 -webkit-border-top-left-radius: 5px;
 -webkit-border-top-right-radius: 5px;
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
}

.sisekiNameBox{
 background: #000;
 text-align: left;
 -moz-border-radius-bottomleft: 5px;
 -moz-border-radius-bottomright: 5px;
 -webkit-border-bottom-left-radius: 5px;
 -webkit-border-bottom-right-radius: 5px;
 border-bottom-left-radius: 5px;
 border-bottom-right-radius: 5px;
 min-height: 50px;
}

.sisekiNameBox h4{
 font-size: 1.4em;
 font-weight: normal;
 line-height: 1.2;
 padding: 5px 5px 2px 5px;
}
.sisekiNameBox p{
 color: #FFF;
 font-size: 100%!important;
 padding: 0 5px 3px 5px!important;
 margin: 0!important;
}

@media screen and (max-width: 1900px) {
 .shiseki-all-list, #item1, #item2, #item3, #item4 {width: 1500px;}/*5個*/
}
@media screen and (max-width: 1600px) {
 .shiseki-all-list, #item1, #item2, #item3, #item4 {width: 1200px;}/*4個*/
}
@media screen and (max-width: 1350px) {
 .shiseki-all-list, #item1, #item2, #item3, #item4 {width: 900px;}/*3個*/
}
@media screen and (max-width: 1040px) {
 .shiseki-all-list, #item1, #item2, #item3, #item4 {width: 600px;}/*2個*/
}

@media screen and (max-width: 640px) {
 .shiseki-all-list, #item1, #item2, #item3, #item4 {width: 95%;margin: 0 auto;}
 .shiseki-all-list ul li, #item1 ul li, #item2 ul li, #item3 ul li, #item4 ul li {width: 100%;max-width: 100%;padding:1px;margin:0 0 10px 0;}
 .shiseki-all-list ul li img, #item1 ul li img, #item2 ul li img, #item3 ul li img, #item4 ul li img {width: 100%;margin:0 auto;margin: 0 auto;}
 .areaNameBox{width: 100%;position: relative;}
 #siseki-Wrapper-Title{width: 97%;}
 .areaNameBox h3{font-size: 1.6em;}
.areaNameBox h3 span{ font-size: 12px;}
.areaNameBox p{font-size: 12px;}
}

.down{
  width: 70%;
  text-align: right;
  margin: 0 auto;
}
.down p{
  cursor: pointer;
  border: 1px solid #FFF;
  width: 50px;
}
.content{
  border: 1px solid #FFF;
}
.btn_top {
  cursor: pointer;
}