@charset "UTF-8";
body {
background: url(../img/top/header_back.jpg) repeat-x;
background-size: 70px 105px;
}

/* main
---------------------------------------------------- */
#main{
display: none;
}
.main_box img{
max-width: 100%;
height: auto;
width /***/:auto;
}
.main_box2 img{
max-width: 100%;
height: auto;
width /***/:auto;
}
#message {
	background:url(../img/top/message_back.jpg) repeat-x bottom;
	width: 100%;
	padding: 10px 0px 25px 0px;
	margin: 0px 0px 10px 0px;
}
#message h4 {
	color: #390;
	font-size:130%;
	font-weight: normal;
}
#message img{
max-width: 100%;
height: auto;
width /***/:auto;
margin: 10px 0px 0px 0px;
}
.carousel {
	margin: 10px auto 0px auto;
	width: 100%;
	text-align: left;
	position: relative;
}
.carousel2 {
	margin: 0px 20px;
}
.carousel2 img {
	width: 98%;
}

/* spot
---------------------------------------------------- */
.spot {
margin: -10px 0px 20px 0px;
width: 100%;
clear:both;
}
.spot h4 {
padding: 0px 20px;
color: #960;
font-weight: normal;
font-size:110%;
}
.spot ul {
	list-style: none;
}
.spot ul li a {
	text-decoration: none;
	font-size: 9px;
	display: block;
	width: 100%;
	overflow:hidden;
	outline:none;
}
li.s01 a,
li.s02 a,
li.s03 a,
li.s04 a,
li.s05 a {
	height: 45px;
    -webkit-background-size: 41px 45px; /* WebKit */
    background-size: 41px 45px; /* WebKit以外 */
}

li.s01 a {
	background:url(../img/top/b_back01.jpg) repeat-x;
}
li.s01 span {
	background:url(../img/top/b_spot01.png) no-repeat;
}
li.s02 a {
	background:url(../img/top/b_back02.jpg) repeat-x;
}
li.s02 span {
	background:url(../img/top/b_spot02.png) no-repeat;
}
li.s03 a {
	background:url(../img/top/b_back03.jpg) repeat-x;
}
li.s03 span {
	background:url(../img/top/b_spot03.png) no-repeat;
}
li.s04 a {
	background:url(../img/top/b_back04.jpg) repeat-x;
}
li.s04 span {
	background:url(../img/top/b_spot04.png) no-repeat;
}
li.s05 a {
	background:url(../img/top/b_back05.jpg) repeat-x;
}
li.s05 span {
	background:url(../img/top/b_spot05.png) no-repeat;
}
li.s01 span,
li.s02 span,
li.s03 span,
li.s04 span,
li.s05 span {
    -webkit-background-size: 280px 45px; /* WebKit */
    background-size: 280px 45px; /* WebKit以外 */
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	overflow:hidden;
	outline:none;
	height: 45px;
	width:280px;
	margin: 0px auto;
}
/* news
---------------------------------------------------- */
.news_box_ {
	float: left;
	padding: 0px 0px 10px 0px;
	margin: 10px 0px 0px 0px;
	width:100%;
}
.news_t {
	background:url(../img/top/info_back.jpg) repeat-x;
	margin: 0px 0px 10px 0px;
	width:100%;
}
.news_t h4 {
	background:url(../img/top/info_t.png) no-repeat bottom;
	background-size: 100px 29px;
	float:left;
	width:100px;
	height:40px;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
}
.news_t p {
	background:url(../img/top/info_list.png) no-repeat;
	background-size: 96px 40px;
	float:right;
	width:96px;
	height:40px;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
}
.news_box {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px #690 solid;
}
.news_p {
	float:left;
	margin: 0px 10px 0px 0px;
	width:90px;
	height:66px;
	background:url(../img/top/noimg.jpg);
	background-size: 90px 66px;
}
.news_p img {
	width:90px;
vertical-align: bottom;
}
.news_box h5 {
 color: #090;
 font-weight: normal;
 font-size:90%;
}
.news_box h5 a {
 color: #090;
}
.news_box h5 a:hover {
 color: #6C0;
 text-decoration: none;
}
.event_box_ {
	padding: 0px 0px 10px 0px;
	margin: 10px 0px 0px 0px;
}


/* ------------------------------------- */
/*	 resposive768
/* ------------------------------------- */

@media screen and (min-width: 768px) {
body {
background-size: 110px 165px;
}

/* main
---------------------------------------------------- */
#main {
	width: 100%;
	text-align:center;
	margin: -10px 0px 0px 0px;
display: block;
}
.main_box {
margin: 0 auto;
width: 100%;
}
.main_box2,
.main_box2 img{
display: none;
}
#message {
	width: 100%;
	padding: 15px 0px 25px 0px;
	margin: 0px 0px 20px 0px;
}
.m_box {
	width: 70%;
	float: left;
}
.m_box2 {
	width: 28%;
	float: right;
}
#message img{
	margin: 0px 0px 0px 0px;
}
.carousel {
	margin: 20px auto 0px auto;
	width: 768px;
	text-align: left;
	position: relative;
}
.carousel2 {
	width: 760px;
	margin: 0px 0px 0px 11px;
}
.carousel2 img {
	width: 240px;
}
/* spot
---------------------------------------------------- */
.spot {
margin: 0px auto 20px auto;
width:748px;
}
.spot h4 {
	background: url(../img/top/spot_t.jpg) no-repeat;
	background-size: 748px 48px;
	width:748px;
	height:48px;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	padding: 0px;
}
.spot ul {
	list-style: none;
	background: url(../img/top/spot_back.jpg) bottom;
	background-size: 748px 176px;
	padding: 10px 0px 15px 20px;
}
.spot ul li a {
	text-decoration: none;
	font-size: 9px;
	display: block;
	width: 125px;
	height: 94px;
	overflow:hidden;
	outline:none;
	float:left;
	margin: 0px 20px 0px 0px;
	background-size: 125px 94px;
}
li.s01 a {
	background:url(../img/top/spot01.jpg) repeat-x;
}
li.s02 a {
	background:url(../img/top/spot02.jpg) repeat-x;
}
li.s03 a {
	background:url(../img/top/spot03.jpg) repeat-x;
}
li.s04 a {
	background:url(../img/top/spot04.jpg) repeat-x;
}
li.s05 a {
	background:url(../img/top/spot05.jpg) repeat-x;
}
li.s01 span,
li.s02 span,
li.s03 span,
li.s04 span,
li.s05 span,
li.s06 span {
	display: none;
}
.spot ul li a:hover {
  opacity: 0.6;
  transition: 0.5s;
}
/* news
---------------------------------------------------- */
.news_p {
	float:left;
	margin: 0px 10px 0px 0px;
	width:150px;
	height:110px;
	background-size: 150px 110px;
}
.news_p img {
	width:150px;
}

}

/* ------------------------------------- */
/*	 resposive992
/* ------------------------------------- */
@media screen and (min-width: 992px) {
.m_box {
	width:665px;
	float: left;
}
.m_box2 {
	width:300px;
	float: right;
}
#message h4 {
	background: url(../img/top/message_t.png) no-repeat;
	width:665px;
	height:39px;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
}
#message p {
	width:665px;
	margin: 10px 0px 0px 0px;
	font-size:110%;
	line-height: 180%;
}
.carousel {
	width: 1000px;
}
.carousel2 {
	width: 990px;
	margin: 0px 0px 0px 11px;
}
.carousel2 img {
	width: 318px;
}

/* spot
---------------------------------------------------- */
.spot {
width:980px;
}
.spot h4 {
	background-size: 980px 63px;
	width:980px;
	height:63px;
}
.spot ul {
	list-style: none;
	background: url(../img/top/spot_back.jpg) bottom;
	background-size: 980px 230px;
	padding: 10px 0px 15px 20px;
}
.spot ul li a {
	width: 172px;
	height: 129px;
	background-size: 172px 129px;
}
li.r01 span,
li.r02 span,
li.r03 span,
li.r04 span,
li.r05 span,
li.r06 span {
	display: none;
}
.spot ul li a:hover {
  opacity: 0.6;
  transition: 0.5s;
}


/* news
---------------------------------------------------- */
.news_box_ {
	width:474px;
	margin: 10px 32px 0px 0px;
}
.event_box_ {
	width:474px;
	float: left;
}
}