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



h2{
	font-size:30px;
	margin-bottom:20px;
	letter-spacing:1.5px;
	font-weight:bold;
}



/*-------------------
	boxslider
--------------------*/

.accentBox{
	position:relative;
	width:100%;
	text-align:center;
	overflow:hidden;
	margin:0 auto;
  }


.accentBox .bx-wrapper {
    position: relative;
    margin: 0 auto 0px;
    padding: 0;
	height:550px;
    min-height: 550px;
}

.accentBox .bx-wrapper ul li {
	position:relative;
    display: block;
    min-height: 550px;

}

.accentBox .bx-wrapper img {
	position:absolute;
	top: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left:0;
	bottom:0;
	min-width: 100%;
	width:auto;
    display: block;
}

@media (min-width: 0) {
	.accentBox .bx-wrapper img {
		top: 50%;
	}
}



.accentBox .ctlbtn {
    position: absolute;
    right: 50%;
    bottom: 10px;
    z-index: 5;
	margin-right: -200px;
}
.accentBox .ctlbtn li {
    display: inline;
    margin-right: 10px;
    line-height: 1;
    font-size: 1px;
}

.accentBox .ctlbtn li a {
    width:15px;
    height:15px;
    display: inline-block;
    text-align: left;
    background: #444;
    border-radius: 20px;
}

.accentBox .ctlbtn li a:hover{
    background: #e92b90;
}


/*---------------
	news
---------------*/

.newsBox{
	margin:30px 0;
	position:relative;
}

.newsBox h2{
	background:url(../../images/index/boader.gif) 0 bottom no-repeat;
	padding-bottom:15px;
}

.newsBox p.more a{
	position:absolute;
	top:12px;
	right:0px;
	padding-right:13px;
	font-weight:bold;
	background:url(../../images/index/arrow.gif) right 5px no-repeat;
}

.newsBox p.more a:hover{
	background:url(../../images/index/arrow_on.gif) right 5px no-repeat;
}

.newsBox ul li{
	padding-bottom:10px;
}

.contents .newsBox ul.newslist{
	margin:0 auto;
}
.contents .newsBox ul.newslist li{
	padding-bottom:10px;
}

.contents .newsBox ul.newslist li dl dt{
	display:inline-block;
	width:100px;
	vertical-align:top;
	color:#666;
}
.contents .newsBox ul.newslist li dl dd{
	display:inline-block;
	vertical-align:top;
	width:895px;
}


/*---------------
	eventBox
---------------*/

.eventBox{
	clear:both;
}

.eventBox ul.bxslider02{
	margin:0 20px 40px;
	clear:both;
	width:950px;
}

.eventBox ul.bxslider02 li{
	position:relative;
	width:226px !important;
	margin-right: 24px !important;
	z-index:1;
}

.eventBox ul.bxslider02 li dl dt{
	padding-bottom:10px;
}

.eventBox ul.bxslider02 li dl dd.date{
	font-size:90%;
	padding-bottom:8px;
	font-weight:normal;
}

.eventBox ul.bxslider02 li .end:before{
	content:"END";
	font-weight:bold;
	margin-right:10px;
	padding:3px 8px;
	border-radius: 3px;		/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;	/* Firefox用 */
	background:#c8c8c8;
	color:#646464;
}
.eventBox ul.bxslider02 li .new:before{
	content:"NEW";
	font-weight:bold;
	margin-right:10px;
	padding:3px 8px;
	border-radius: 3px;		/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;	/* Firefox用 */
	background:#000;
	color:#fff;
}
.eventBox ul.bxslider02 li .report:before{
	content:"Report up";
	font-weight:bold;
	margin-right:10px;
	padding:3px 8px;
	border-radius: 3px;		/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;	/* Firefox用 */
	background:#c8c8c8;
	color:#646464;
}


.eventBox ul.bxslider02 li dl dd span{
	font-size:108%;
	font-weight:bold;
}

.eventBox ul.bxslider02 li img{
	z-index:-1;
	width:222px;
	border:2px solid #000;
	display:block;

}

.eventBox ul.bxslider02 li p.caption{
	display:none;
	position:absolute;
	top:0;
	left:0;
	display:block;
	height:100%;
	width:80%;
	padding:0 10%;
	background:#000;
	margin:0;

	opacity:0.8;
	z-index:5;
}

.eventBox ul.bxslider02 li p.caption a{
	display:table-cell;
	height:150px;
	vertical-align:middle;
	color:#fff;
}


.eventBox ul.bxslider02 li a.report{
	background:url(../../images/calendar/lineup.png) left top no-repeat;
	display:block;
	width:226px;
	height:159px;
	z-index:999;
}
.eventBox ul.bxslider02 li a.event{
	background:url(../../images/calendar/event.png) left top no-repeat;
	display:block;
	width:207px;
	height:159px;
	z-index:999;
}





.eventBox .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 35%;
    margin-top: -16px;
    outline: 0;
    width: 19px;
    height: 50px;
    text-indent: -9999px;
    z-index: 9999;
}

.eventBox .bx-wrapper .bx-prev {
    left: -25px;
    background: url(../../images/calendar/left.png) no-repeat 0 0;
}

.eventBox .bx-wrapper .bx-next {
    right: -25px;
    background: url(../../images/calendar/right.png) no-repeat 0 0;
}