.rolloverA01 img {
	-webkit-transition: 0.4s ;
	transition: 0.4s ;
}
.rolloverA01 img:hover {
	filter: alpha(opacity=70) ;
	opacity: 0.7;
}

.hdg_l2_02 { 
	margin-top: 2em;
	margin-bottom: 1em;
	padding: 6px 10px 5px;
	border: 1px solid #eee;
	clear: both;
	border-radius: 3px;
	background: #F8F7F3;
	font-size: 14px;
}
.hdg_l2_02.select { 
	margin-top: 0;
	border: none;
	background: #CACAEC;
	color: #3939A5;
}


/*	contents
:::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.eventHistory {
	overflow: hidden;
	margin-top: 40px;
}


/*	media
:::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.movie-wrap {
    position: relative;
    padding-top: 56.25%;
    height: 0;
    overflow: hidden;
}
.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.iframe-wrap {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-overflow-scrolling: touch !important;
	overflow: auto !important;
}
.iframe-wrap iframe {
	overflow: hidden;
	display: block;
	width: 100%;
	height: 100%;
}

.photo-cover {
	position: relative;
}
.photo-cover .cover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}
.photo-cover .cover img {
	display: block;
	width: 100%;
	height: 100%;
}


/*	btn style
:::::::::::::::::::::::::::::::::::::::::::::::::::::*/

a.btn_linkBox01 {
	display: block;
	margin: 0 auto;
	padding: 8px;
	width: 100%;
	text-align: center;
	color: #fff;
	text-decoration: none;
	background-color: #4031A8;
	border-radius: 5px;
	outline: none;
}
a.btn_linkBox01:hover {
	opacity: 0.9;
}

a.btn_linkBox02 {
	display: block;
	margin: 0 auto;
	padding: 16px 25px;
	width: 60%;
	text-align: center;
	color: #fff;
	text-decoration: none;
	background-color: #4031A8;
	border-radius: 5px;
	outline: none;
}
a.btn_linkBox02:hover {
	opacity: 0.9;
}


/*	modal window
:::::::::::::::::::::::::::::::::::::::::::::::::::::*/

body {
	position: relative;
}
.pageLock {
	overflow: hidden;
}
.modalInit {
	position: static !important;
}
#modalWrapper {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9000;
}
#modalWrapper:before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.7;
	z-index: 9010;
}
#modalCover {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9020;
}
#modalInner {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 9025;
}
.modalDetailWrap {
	position: relative;
	padding: 5% 0;
}
.modalDetail {
	position: relative;
	margin: 0 auto;
	padding: 40px 3% 3%;
	width: 86%;
	max-width: 600px;
	height: auto;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 0 7px 0px #333;
	z-index: 9030;
}
.modalDetailHeader {
	position: absolute;
	top: 15px;
	right:3%;
	width:10px;
	height:10px;
	z-index: 9040;
}
.modalDetailHeader img {
	width: 100%;
}
.modalDetailInner {
}
.modalDetailFooter {
	margin-top: 30px;
}
.modalDetailFooter .closeBtn {
	margin-bottom: 0;
}
.modalDetailFooter .closeBtn a {
	display: block;
	margin: 0 auto;
	padding: 10px 0;
	width:25%;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.2;
	text-align: center;
	color: #fff;
	text-decoration: none;
	background-color: #4031A8;
	border-radius: 5px;
	outline: none;
}
.modalDetailFooter .closeBtn a:hover {
	opacity: 0.9;
}
.modalItem {
	display: none;
}

@media only screen and (max-width: 640px) {
	.modalDetail {
		top: 5%;
		padding: 70px 5% 3%;
	}
	.modalDetailHeader {
		right:5%;
	}
	.modalDetailFooter .closeBtn a {
		width: 50%;
	}
}

/*	in scroll modal window
:::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#modalInner.inScroll {
	overflow: hidden;
}
#modalInner.inScroll .modalDetailWrap {
    position: absolute;
    top: 0;
    left: 0;
	width: 100%;
	height: 100%;
}
#modalInner.inScroll .modalDetail {
	position: absolute;
	top: 5%;
	left: 5%;
	right: 5%;
	bottom: 5%;
	padding: 40px 3% 64px;
	width: 90%;
	height: 90%;
}
#modalInner.inScroll .modalDetail .modalDetailInner {
	overflow-x: hidden;
	overflow-y: auto;
	height: 100%;
}
#modalInner.inScroll .modalDetail .modalDetailFooter {
	position: absolute;
	bottom: 15px;
	left:0;
	margin-top: 0;
	width:100%;
	z-index: 9040;
}

@media only screen and (max-width: 640px) {
	#modalInner.inScroll .modalDetail {
		padding: 40px 5% 64px;
	}
}

/*	no scroll modal window
:::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#modalInner.noScroll {
	overflow: hidden;
}
#modalInner.noScroll .modalDetailWrap {
    position: absolute;
    top: 0;
    left: 0;
	width: 100%;
	height: 100%;
}
#modalInner.noScroll .modalDetail {
	position: absolute;
	top: 5%;
	left: 5%;
	right: 5%;
	bottom: 5%;
	padding: 40px 3% 3%;
	width: 90%;
	height: 90%;
}
#modalInner.noScroll .modalDetail .modalDetailInner {
	overflow: hidden;
	height: 100%;
}
#modalInner.noScroll .modalDetail .modalDetailFooter {
	display: none;
}

@media only screen and (max-width: 640px) {
	#modalInner.noScroll .modalDetail {
		padding: 40px 5% 5%;
	}
}