@charset "utf-8";

a:focus{
	outline:none;
	border:0;
}

#header {
	z-index: 200;
}

#mainContent{
	min-width:1280px;
	margin:0 auto;
	height:auto;
}

.main_inner{
	position:relative;
}

#mainContent a{
	color:#009acf;
}

#mainContent img{
	display:block;
}

#mainContent p{
	margin:0;
	padding:0;
}

#mainContent h1{
	width:1900px;
	margin:0 auto;
}

#mainContent #main_visual{
	width:100%;
}

#mainContent #main_visual .visual_wrapper{
	width:1900px;
	margin:0 auto;
	height:920px;
	position:relative;
	overflow:hidden;
}

#mainContent #main_visual .visual_wrapper .information{
	position:absolute;
	right:0;
	bottom:0;
	width:780px;
	height:155px;
}

#mainContent #main_visual .visual_wrapper .information .sns_wrapper{
	width:660px;
	height:20px;
	position:relative;
	margin-bottom:20px;
}

#mainContent #main_visual .visual_wrapper .information .sns_btns{
	display:table;
	margin:0 0 0 auto;
}

#mainContent #main_visual .visual_wrapper .information .sns_btns li{
	display:table-cell;
	vertical-align:top;
}

#mainContent #main_visual .visual_wrapper .information .sns_btns li.tw_btn{
	padding-left:15px;
}

.fb-like {
  line-height: 1;
}

#mainContent #main_visual .visual_wrapper .information_wrapper{
	position:relative;
}

#mainContent #main_visual .visual_wrapper .information_wrapper a{
	display:block;
	float:left;
	width:323px;
}

#mainContent #main_visual .visual_wrapper .information_wrapper a.m_m{
	margin-left:15px;
}

#mainContent .bnr_links{
	width:1900px;
	margin:0 auto;
}

#mainContent .bnr_links .bnr_table1{
	display:table;
	margin:0 auto 0 auto;
}

#mainContent .bnr_links .bnr_table1 li{
	display:table-cell;
}

#mainContent .bnr_links .bnr_table2{
	display:table;
	margin:0 auto 0 auto;
}

#mainContent .bnr_links .bnr_table2 li{
	display:table-cell;
}

#mainContent #news{
	position:relative;
	width:1900px;
	height:330px;
	margin:0 auto;
	background:#ebebeb;
}

#mainContent #news .news_contents_wrapper .news_title,
#mainContent #news .news_contents_wrapper .news_contents{
	float:left;
}

#mainContent #news .news_contents_wrapper .news_title{
	width:430px;
}

#mainContent #news .news_contents_wrapper .news_title .news_title_wrapper{
	width:125px;
	padding:60px 0 0 110px;
}

#mainContent #news .news_contents_wrapper .news_title .news{
	width:127px;
	margin:0 auto;
}

#mainContent #news .news_contents_wrapper .news_title .news_list{
	width:125px;
	display:block;
	margin-top:30px;
}

#mainContent #news .news_contents_wrapper .news_contents{
	padding-top:34px;
	height:330px;
	width:1420px;
	overflow:auto;
}

#mainContent #news .news_contents_wrapper .news_contents table{
	font-size:18px;
}

#mainContent #news .news_contents_wrapper .news_contents table td{
	border:0;
	background:none;
	padding:20px 0 20px 0;
	position:relative;
}

#mainContent #news .news_contents_wrapper .news_contents table td.t1{
	width:202px;
}

#mainContent #news .news_contents_wrapper .news_contents table td.t2{
	width:220px;
	text-align:center;
}

#mainContent #news .news_contents_wrapper .news_contents table td.new,
#mainContent #news .news_contents_wrapper .news_contents table td.note{
	padding:20px 0 20px 0;
}

#mainContent #news .news_contents_wrapper .news_contents table td.new p,
#mainContent #news .news_contents_wrapper .news_contents table td p{
	background:#626262;
	width:202px;
	text-align:center;
	color:#fff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	border-radius:4px;
	padding:6px 0 6px 0;
	display:inline-block;
	margin-left:60px;
}

#mainContent #news .news_contents_wrapper .news_contents table td span.new{
	position:absolute;
	color:#ee0000;
	width:60px;
	height:100%;
	top:35%;
	font-weight:bold;
}

#mainContent #news .news_contents_wrapper .news_contents table td p{
	background:#e3821f;
}

#mainContent #story_collection{
	width:1900px;
	margin:0 auto;
}

#mainContent #story_collection a{
	display:block;
}

#mainContent #story_collection .story_collection_images{
	display:table;
	table-layout:fixed;
	width:100%;
	margin:0;
}

#mainContent #story_collection .story_collection_images li{
	display:table-cell;
	vertical-align:top;
}

#mainContent #image_collection{
	width:1900px;
	margin:0 auto;
}

#mainContent #image_collection a{
	display:block;
}

#mainContent #image_collection .image_collection_images{
	display:table;
	table-layout:fixed;
	width:100%;
	margin:0;
}

#mainContent #image_collection .image_collection_images li{
	display:table-cell;
	vertical-align:top;
}

#mainContent #image_collection .image_collection_images li a{
	display:block;
}

#mainContent #movie_collection{
	width:1900px;
	margin:0 auto;
}

#mainContent #movie_collection a{
	display:block;
}

#mainContent #movie_collection .movie_collection_movies{
	display:table;
	margin:0 auto 0 auto;
}

#mainContent #movie_collection .movie_collection_movies li{
	display:table-cell;
}

#mainContent #new_application{
	width:100%;
	height:auto;
	padding:116px 0 0 0;
}

#mainContent #new_application .new_application_contents{
	width:1900px;
	margin:0 auto;
}

#mainContent #new_application .new_application_contents h3{
	width:411px;
	margin:0 auto;
}

#mainContent #new_application .new_application_contents a.app_list{
	width:256px;
	margin:0 auto;
	margin-top:30px;
	display:block;
}

#mainContent #new_application .new_application_contents .appbox{
	width:950px;
	padding:105px 0 160px 0;
	float:left;
}

#mainContent #new_application .new_application_contents .appbox .appbox_wrapper{
	width:754px;
	margin:0 auto;
}

#mainContent #new_application .new_application_contents .appbox .icon,
#mainContent #new_application .new_application_contents .appbox .app_detail{
	float:left;
}

#mainContent #new_application .new_application_contents .appbox .icon{
	width:238px;
}

#mainContent #new_application .new_application_contents .appbox .app_detail{
	width:516px;
}
	
#mainContent #new_application .new_application_contents .appbox .icon img{
	width:158px;
}

#mainContent #new_application .new_application_contents .appbox .app_detail h4{
	font-size:36px;
	font-weight:bold;
	color:#666666;
}

#mainContent #new_application .new_application_contents .appbox .app_detail h4 a{
	display:inline-block;
	width:auto;
	margin:0;
	float:none;
	text-decoration:none;
	color:#666666;
}

#mainContent #new_application .new_application_contents .appbox .app_detail h4 a span{
	display:inline-block;
	margin-left:40px;
}

#mainContent #new_application .new_application_contents .appbox .app_detail p{
	font-size:24px;
	color:#666666;
	margin-top:32px;
}

#mainContent #new_application .new_application_contents .appbox .app_detail a{
	display:block;
	width:194px;
	margin-top:35px;
	float:right;
}

#mainContent #new_application .new_application_contents .bottom_btns li{
	float:left;
	width:50%;
}

#mainContent #new_application .new_application_contents .bottom_btns .fb_btn{
	display:block;
}

.slick-prev{
	width:56px;
	height:113px;
	left:0;
	background:url('../../index/img/arrow_left.png') !important;
	z-index:1;
}

.slick-prev:hover{
	background:url('../../index/img/arrow_left.png') !important;
}

.slick-next{
	width:56px;
	height:113px;
	right:0;
	background:url('../../index/img/arrow_right.png') !important;
	z-index:1;
}

.slick-next:hover{
	background:url('../../index/img/arrow_right.png') !important;
}

#image_collection .slick-prev{
	background:url('../../index/img/arrow_left_white.png') !important;
}

#image_collection .slick-prev:hover{
	background:url('../../index/img/arrow_left_white.png') !important;
}

#image_collection .slick-next{
	background:url('../../index/img/arrow_right_white.png') !important;
}

#image_collection .slick-next:hover{
	background:url('../../index/img/arrow_right_white.png') !important;
}

.slick-prev:before, .slick-next:before{
	display:none;
}

.slick-dots{
	bottom:45px;
}

.slick-dots li{
	width:18px;
	height:18px;
	margin:0 15px;
}

.slick-dots li button{
	width:18px;
	height:18px;
	background:rgba(255,255,255,1);
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	border-radius:50%;
	-webkit-transition:all ease .2s;
	-moz-transition:all ease .2s;
	-ms-transition:all ease .2s;
	transition:all ease .2s;
	border:2px solid #c0af88;
}

.slick-dots li.slick-active button{
	background:#c0af88;
	border:2px solid #c0af88;
}

.slick-dots li button:before{
	display:none;
}


@media screen and (max-width: 1919px) {
	#mainContent h1,
	#mainContent #main_visual .visual_wrapper,
	#mainContent #news,
	#mainContent .bnr_links,
	#mainContent #story_collection,
	#mainContent #image_collection,
	#mainContent #movie_collection,
	#mainContent #new_application .new_application_contents{
		width:1280px;
	}
	#mainContent #main_visual .visual_wrapper{
		height:620px;
	}
	#mainContent #news .news_contents_wrapper .news_title{
		width:270px;
	}
	#mainContent #story_collection .story_collection_images li,
	#mainContent #image_collection .image_collection_images li{
		width:427px;
		vertical-align:top;
	}
	#mainContent #story_collection .story_collection_images li:last-child,
	#mainContent #image_collection .image_collection_images li:last-child{
		width:426px;
	}
	#mainContent #news{
		height:224px;
	}
	#mainContent #news .news_contents_wrapper .news_title .news_title_wrapper{
		width:90px;
		padding:42px 0 0 75px;
	}
	#mainContent #news .news_contents_wrapper .news_title .news{
		width:83px;
		margin:0 auto;
	}
	#mainContent #news .news_contents_wrapper .news_title .news_list{
		width:90px;
		display:block;
		margin-top:20px;
	}
	#mainContent #news .news_contents_wrapper .news_contents{
		padding-top:22px;
		height:240px;
		width:960px;
		overflow:auto;
	}
	#mainContent #news .news_contents_wrapper .news_contents table{
		font-size:14px;
	}
	#mainContent #news .news_contents_wrapper .news_contents table td{
		border:0;
		background:none;
		padding:13px 0 13px 0;
		position:relative;
	}
	#mainContent #news .news_contents_wrapper .news_contents table td.t1{
		width:135px;
	}
	#mainContent #news .news_contents_wrapper .news_contents table td.t2{
		width:147px;
		text-align:center;
	}
	#mainContent #news .news_contents_wrapper .news_contents table td.new,
	#mainContent #news .news_contents_wrapper .news_contents table td.note{
		padding:13px 0 13px 0;
	}
	#mainContent #news .news_contents_wrapper .news_contents table td.new p,
	#mainContent #news .news_contents_wrapper .news_contents table td.note p{
		width:135px;
		padding:6px 0 6px 0;
		margin-left:50px;
	}
	#mainContent #news .news_contents_wrapper .news_contents table td.note span.new{
		width:50px;
	}
	#mainContent #main_visual .visual_wrapper .information{
		width:520px;
		height:110px;
	}
	#mainContent #main_visual .visual_wrapper .information .sns_wrapper{
		width:440px;
		height:20px;
		margin-bottom:10px;
	}
	#mainContent #main_visual .visual_wrapper .information_wrapper a{
		display:block;
		float:left;
		width:215px;
	}
	#mainContent #main_visual .visual_wrapper .information_wrapper a.m_m{
		margin-left:10px;
	}
	#mainContent #new_application{
		width:100%;
		height:auto;
		padding:75px 0 0 0;
	}
	#mainContent #new_application .new_application_contents h3{
		width:273px;
	}
	#mainContent #new_application .new_application_contents a.app_list{
		width:174px;
		margin-top:20px;
	}
	#mainContent #new_application .new_application_contents .appbox{
		width:640px;
		padding:75px 0 105px 0;
	}
	#mainContent #new_application .new_application_contents .appbox .appbox_wrapper{
		width:504px;
	}
	#mainContent #new_application .new_application_contents .appbox .icon{
		width:158px;
	}
	#mainContent #new_application .new_application_contents .appbox .app_detail{
		width:346px;
	}
	#mainContent #new_application .new_application_contents .appbox .icon img{
		width:108px;
	}
	#mainContent #new_application .new_application_contents .appbox .app_detail h4{
		font-size:24px;
	}
	#mainContent #new_application .new_application_contents .appbox .app_detail p{
		font-size:16px;
	}
	#mainContent #new_application .new_application_contents .appbox .app_detail h4 a span{
		margin-left:20px;
	}
	#mainContent #new_application .new_application_contents .appbox .app_detail p{
		margin-top:26px;
	}
	.slick-dots{
		bottom:32px;
	}
	.slick-dots li{
		width:12px;
		height:12px;
		margin:0 10px;
	}
	.slick-dots li button{
		width:12px;
		height:12px;
	}
	#mainContent #news .news_contents_wrapper .news_contents table td.new p,
	#mainContent #news .news_contents_wrapper .news_contents table td p{
		margin-left:50px;
	}
	#mainContent #news .news_contents_wrapper .news_contents table td span.new{
		width:50px;
	}
}