@charset "UTF-8";
/* TOP */

#headNav h1 {
	border: none;
}

header {
	margin-bottom: 20px;
	background: none;
	padding: 0;
}

#headNav {
	overflow: visible;
}

.jMenu .jmenu-level-0 > a {
	color: #FFF;
}

#movieArea {
	margin:0 auto;
	text-align:center;
}

#movieArea #movie {
	position: relative;
	width: 100%;
	min-width:980px;
	height: 620px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

/*#movieArea li {
	position: absolute;
	top: 0;.tabStyle .commonTabCont li
	left: 0;
	width: 100%;
	display:none;
}*/



#movieArea li .movieWrap {
	width:100%;
	position:relative;
}

#movieArea li .photoTitle {
	position:absolute;
	right:15px;
	bottom:10px;
	color: #CCC;
	font-size:11px;
}

#movieArea li .movieTxt {
	position:absolute;
	top:40%;
	left: 0;
	width:100%;
	text-align:center;
}
#movieArea .textBtm li .movieTxt {
	bottom:5%;
	top: auto;
}

#jMenu li a, #movieArea li h2{
	text-shadow: 0px 0px 18px rgba(16, 16, 16, 1);
}

#movieArea li h2 {
	color:#FFF;
	line-height:1.4;
}

#movieArea li .movieBtn {
	display:block;
	text-align:center;
	margin: 20px auto 0;
}

#movieArea li .movieBtn a {
	display:block;
	color:#454545;
	background: url(../images/btn-top-mv.png) 0 0;
	/*-webkit-font-smoothing: antialiased;*/
}

#movieArea li .movieBtn a:hover {
	background-color: #FFF;
	color:#0E728C;
}


@media screen and (max-width: 1180px) {
	#movieArea li .movieTxt {
		top: 37%;
	}
	
	#movieArea li .movieBtn {
		width:180px;
		margin-top: 15px;
	}
	
	#movieArea li .movieBtn a {
		font-size: 15px;
		padding:7px 0;
	}
	
	#movieArea li h2 {
		font-size: 20px;
	}
	
	#movieArea li span {
		font-size: 40px;
	}
}

@media screen and (min-width: 1180px) {
	#movieArea li .movieBtn {
		width:220px;
	}
	
	#movieArea li .movieBtn a {
		font-size: 18px;
		padding:10px 0;
	}
	
	#movieArea li h2 {
		font-size:22px;
	}
	
	#movieArea li span {
		font-size: 44px;
	}
}

@media screen and (min-width: 1360px) {
	#movieArea li h2 {
		font-size:25px;
	}
	
	#movieArea li span {
		font-size: 52px;
	}
}





#headNav {
	position:absolute;
	top:0;
	left: 50%;
	background:none !important;
	margin:50px auto 0 -490px;
	z-index: 99999;
}


#headNav h1 a {
	background:url(../images/logo_top.png) no-repeat;
}

 
#headNav nav li a {
	color:#FFF;
}

#headNav nav li a:hover {
	color:#FFF;
}


.tabStyle .tabBtnBg { background: url(../images/bg_line.gif) no-repeat left bottom; }
.tabStyle .tabBtn { margin-bottom: 30px; padding-left: 10px; }
.tabStyle .tabBtn li {
	width: 170px;
	text-align: center;
	float: left;
	border-bottom: 1px solid #454545;
	margin: 0 3px 0 0;
}
.tabStyleL .tabBtn li:nth-child(1) { width: calc(19% - 13px); }
.tabStyleL .tabBtn li:nth-child(2) { width: calc(16% - 3px); }
.tabStyleL .tabBtn li:nth-child(3) { width: calc(30% - 3px); }
.tabStyleL .tabBtn li:nth-child(4) { width: calc(19% - 3px); }
.tabStyleL .tabBtn li:nth-child(5) { width: calc(16% - 3px); }
.tabStyle .tabBtn li span {
	display: block;
	padding: 12px 5px;
	background-color: #454545;
	color: #FFFFFF;
	font-size: 14px;
	cursor: pointer;
	line-height: 1.2;
	border: 1px solid #454545;
	border-width: 1px 1px 0;
}
.tabStyle .tabBtn .active {	border-bottom: 1px solid #FFF; }
.tabStyle .tabBtn .active span,
.tabStyle .tabBtn li span:hover { background-color: #FFF; color: #454545; }
.tabStyle .commonTabCont li {
	border-bottom: 1px dotted #ccc;
	padding: 0 0 7px 10px;
	/*padding: 0 0 10px 10px;*/
	margin-bottom: 7px;
	/*margin-bottom: 10px;*/
}
.tabStyle .commonTabCont li:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.titleBox .link { margin-top: 15px; }
#newsBox2 .titleBox .link,
#newsBox3 .titleBox .link { margin-top: 5px; }

.noticeBox { padding:30px; }
.titleBox h1 { width:530px; }
#newsBox2 .titleBox h1,
#newsBox3 .titleBox h1 { font-size: 23px; }

.listBox { width: 715px; overflow: hidden; }
.listBox .imgArea { width: 184px; }
.listBox .sumArea { width: 500px; }
.listBox h2 {
	font-size: 24px;
	line-height: 1.4;
	margin-bottom: 10px;
}

.listBox h2 a {
	color:#454545;
}

.listBox h2 a:hover {
	color: #0E728C;
}

.listBox h2 span {
	font-size:14px;
	display:block;
	margin-bottom: -5px;
}

.listBox .sumArea p {
	margin-bottom: 5px;
}

.listBox .sumArea .date {
	font-weight: bold;
	margin-top: -10px;
	margin-bottom: 10px;
}

.listBox p {
	line-height:1.8;
}

.listBox .date {
	font-size:14px;
	margin:-3px 0 10px;
}

.listBox p a {
	padding-right:15px;
	background:url(../images/icon_arrow03.gif) no-repeat 100% 50%;
}

.infoBox li .cat {
	margin-bottom: 13px;
}

.infoBox li .mainTitle {
	margin-bottom: 3px;
}

.infoBox li .sumArea {
	padding-top: 15px;
}




.titleBox h1 span {
	display: inline;
}



/* FlexSlider */

.flexslider {
	border: none;
	margin: 0;
	background: none;
	box-shadow: none;
}

.flex-direction-nav a {
	background: url(../images/top-slide-arrow.png) no-repeat 0 0;
	padding-top: 40px;
	overflow: hidden;
}

.flex-next {
	background-position: 0 -40px !important;
}

.flex-control-paging li a {
	background-color: #CCC;
}

.flex-control-paging li a.flex-active {
	background-color: #0E728C;
}

.flex-control-paging li a{
	box-shadow: none;
}

#emergency {
	text-align:center;
	margin-bottom: 20px;
	background-color: #FFF;
	border: 1px solid #e4e4e4;
	padding: 20px;
}
#emergency .emergency_to {
	font-size: 20px;
	text-decoration: underline;
}
#emergency .emergency_main {
	margin: 5px 0;
	font-size: 30px;
}
#emergency .emergency_summary {
	margin-bottom: 10px;
}
#emergency .emergency_from {
	text-align: right;
	font-size: 14px;
	line-height: 1.4;
}
#emergency .emergency_from span {
	font-size: 17px;
}




#movieArea li.emergency {
	background:#5e5e5e;
	padding:180px 0 60px;
}

#movieArea li.emergency div {
	width:980px;
	margin:0 auto;
	color:#454545;
	padding:30px;
	background:#fff;
	font-size:18px;
}

#movieArea li.emergency div .textRight {
	font-size:16px;
}

#movieArea li .emergencytxt {
	font-size:22px;
	margin:20px auto;
}

#movieArea li.emergency h2 {
	color:#454545;
	text-shadow: none;
	font-size:24px;
}