@charset "utf-8";
@import url(reset.css);
@import url(base.css);
@import url(common.css);

#mainimg h2{
	background: url('../image/maining_index.png') center no-repeat;
	padding: 44px 0;
}
#welcome{
	margin-bottom: 80px;
}
#welcome .box-top{
	position: relative;
	background: url('../image/index02.png') right top no-repeat;
	padding-bottom: 120px;
	margin-bottom: 56px;
}
#welcome .box-top p{
	width: 322px;
	margin-bottom: 24px;
}
#welcome .box-top p.img{
	width: 430px;
	margin-top: 10px;
}
#welcome .box-top p.top-img {
	position: absolute;
	top: 354px;
	right: 260px;
	width: auto;
	margin: 0;
}
#welcome > p.img{
	text-align: center;
	margin-bottom: 26px;
}
#welcome .box-center{
overflow: hidden;
margin-bottom: 40px;
}
#welcome .box-center dl{
	width: 250px;
	float: left;
	margin-right: 40px;
}
#welcome .box-center dl:last-child{
	margin-right: 0;
}
#welcome .box-center dl dt{
	margin-bottom: 20px;
}
#content .aside{
	padding: 0 20px;
	margin-bottom: 60px;
}
#content .aside li{
	margin-right: 40px;
}
#welcome .box-bottom{

}
#welcome .box-bottom {
	margin-bottom: 10px;
	overflow: hidden;
	/zoom: 1;
}
#welcome .box-bottom dl {
	float: left;
	width: 252px;
	margin-right: 37px;
	margin-bottom: 20px;
}
#welcome .box-bottom dl:nth-child(3n),
#welcome .box-bottom dl.none {
	margin-right: 0;
}
#welcome .box-bottom dl dt {
	margin-top: 5px;
		color: #DD8D47;
font-weight: bold;
}
#welcome .box-bottom dl dt a {
	color: #DD8D47;
	font-weight: bold;
}
#welcome .box-bottom dl dd.image {
	background: url('../image/square246_bg.jpg') no-repeat;
	padding: 1px;
	width: 252px;
	height: 250px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}


/*-------------------------------------------------------------------
	.#event 
-------------------------------------------------------------------*/
#event{
	margin-bottom: 120px;
}
#event h4{
	color: #fff;
	font-weight: bold;
	margin-bottom: 20px;
	background: #AA974D;
	border-radius: 20px;
	text-align: center;
	padding: 5px 20px 3px;
	font-size: 1.28em;
}
#event .section {
	margin-bottom: 50px;
}
#event .section .box {
	margin-bottom: 20px;
	overflow: hidden;
	/zoom: 1;
}
#event .section .box ul.image {
	width: 252px;
}
#event .section .box ul li {
    background: url('../image/square246_bg.jpg') no-repeat;
	width: 250px;
	height: 250px;
	padding: 1px;
}
#event .section .box ul li span {
	width: 250px;
	height: 250px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}
#event .section .att {
	margin-top: 5px;
}

#event table th{
  width:180px;
  font-weight:normal;
  padding: 12px 10px;
}
#event table td{
  padding: 12px 10px;
}
#event .box-bottom{
	background: url('../image/bg_index01.png') right 170px top 50px no-repeat,
		url('../image/bg_index02.png') left 170px bottom no-repeat;
	overflow: hidden;
	padding-bottom: 70px;
}
#event .box-bottom dl{
	width: 320px;
		float: left;
		margin-right: 190px;
}
#event .box-bottom dl:last-child{
	margin-right: 0;
	margin-top: 60px;
}
#event .box-bottom dl:last-child dt{
	margin-bottom: 4px;
}
#event .box-bottom dl dt{
	margin-bottom: 20px;
}
#event .box-bottom dl dd.btn{
	background: url(../image/bg_sweets.png) left top no-repeat;
	padding: 13px 0 25px;
	margin-top: 27px;
	text-align: right;
}
/*-------------------------------------------------------------------
	#product
-------------------------------------------------------------------*/
#product {
	margin-bottom: 80px;
	overflow: hidden;
	/zoom: 1;
}
#product dl {
	width: 252px;
	float: left;
	margin-right: 37px;
	margin-bottom: 40px;
}
#product dl:nth-child(3n),
#product dl.none {
	margin-right: 0;
}
#product dl dt {
	margin-top: 5px;
}
#product dl dt a{
	color: #BA551F;
	font-weight: bold;
}
#product dl dd.image a {
	background: url('../image/square246_bg.jpg') no-repeat;
	padding: 1px;
	width: 250px;
	height: 250px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}
#product dl dd.comment {
	font-size: 0.85em;
}



/*-------------------------------------------------------------------
	#topics
-------------------------------------------------------------------*/
#topics {
	height: 150px;
	margin-bottom: 120px;
	line-height: 1.6;
	overflow-y: scroll;
}
#topics dl {
	overflow: hidden;
	/zoom: 1;
	padding: 8px 0 7px 0px;
}
#topics dl.even {
	background: #E3E3E3;
}
#topics dt {
	float: left;
}
#topics dd {
	padding: 0 0 0 106px;
}
#topics dd a{
	color: #B9541F;
	font-weight: bold;
}

/*-------------------------------------------------------------------
	#info
-------------------------------------------------------------------*/
#info {
	margin-bottom: 120px;
	overflow: hidden;
}
#info #map {
	float: left;
	width: 400px;
	height: 250px;
	margin-right: 30px;
}