@charset "utf-8";
/* CSS Document */


/* import style
------------------------------------------------------------------- */
@import url('/css/mod_default.css');
@import url('/css/mod_layout.css');
@import url('/css/mod_headerfooter.css');
@import url('/css/mod_common.css');
@import url('/css/mod_others.css');

/* body
---------------------------------------------------------------------- */
body{
	color: #333;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

/* footer
---------------------------------------------------------------------- */

#footerArea {
	width: 830px;
	margin: 0 auto;
	background-image:none; background-color:#f6f6f6;
	-webkit-border-radius: 5px;  /* Safari,Google Chrome */
	-moz-border-radius: 5px;      /* Firefox12まで */
	border-radius: 5px;           /* Firefox13以降 */
}

ul.btnList {
	width: 830px;
	margin: 0 auto;
}

#eventWrapper{
	position: relative;
	background: url(../../../image/event/may2018/gw2018/bg_all.png) repeat center top #f5f0a0;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 30px;
	padding-top:30px;
	min-width: 1000px;
}


#eventWrapper a{
	display:block;
	transition: opacity 0.6s;
}

#eventWrapper a:hover{
	opacity: 0.8;
}

.top-img-left{
	background: url(/image/event/may2018/gw2018/img_top_left.png) no-repeat left top;
	position: absolute;
	width: 217px;
	height: 271px;
	top: 0;
	left: 0;
}

.top-img-right{
	background: url(/image/event/may2018/gw2018/img_top_rihgt.png) no-repeat left top;
	position: absolute;
	width: 222px;
	height: 271px;
	top: 0;
	right: 0;
}

#gw2018{
	position: relative;
	width: 1000px;
	height: auto;
	margin: 0 auto 32px;
}

#gw2018 h2{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	background: url(../../../image/event/may2018/gw2018/bg_main.png) no-repeat top left;
	width: 872px;
	height: 250px;
	margin: 0 auto 16px;
}

#gw2018 ul{
	width: 1000px;
	text-align: center;
}

#gw2018 ul a img{
	vertical-align: inherit;
}

#gw2018 li{
	display: inline-block;
	*display: inline;  
    *zoom: 1;  
	width: 290px;
	height: 376px;
	margin: 0 8px;
}

#gw2018 #gardenEvent{
	position: relative;
	width: 1000px;
	height: 823px;
	margin-top: 32px;
	background: url(../../../image/event/may2018/gw2018/bg_garden.png) no-repeat top left;
}

#gw2018 #gardenEvent p{
	position: absolute;
	top: 665px;
    left: 536px;
}

#gw2018 #gardenEvent .goto_garden{
	position: absolute;
	top: 737px;
    left: 327px;
}