@charset "utf-8";

@media screen and (max-width: 640px){
.mttl .btn{display:none;}
}

/* Slider
----------------------------------------------------------------------------------*/
@media screen and (max-width: 640px){
.row_carousel {display:none;}
}
@media screen and (min-width: 641px){
.row_carousel {}
.carousel {
	position:relative;
	float:left;
	width:580px;
	margin:0;
}
.carousel p{width:520px;color:#333333;}

.slider { width:100%; position:relative;}
.slider2 { height:441px; width:100%; position:relative; overflow:hidden}
.slide {width:100% !important; height:441px; margin:0 auto; padding:41px 0 0 0;  }
.align_slider {position:relative; width:950px; margin:0 auto; overflow:hidden}
.slide .fleft {float:left;}
.slide .fright {float:right}


.nav_position {position:absolute;top:390px;width:580px;text-align:center;z-index:1000;overflow:hidden;}
#nav {width:52px; margin:0 auto; display:none}
.nav_position #nav {; padding:0 21px; display:inline-block; width:auto; min-width:52px;   }
	#nav a {display:inline-block;  background:url(../../img/nav_bk.png) no-repeat 0 0; width:16px; height:16px; line-height:16px; text-indent:-9000px; margin:0 5px; }
	#nav a:hover, .activeSlide {background:url(../../img/nav_bk.png) no-repeat 0 bottom !important; }



.slide-movie div{
	padding:15px 30px 30px;
	color:#ffffff;
	overflow:hidden;
	background:#00d2fd;
}
.slide-movie p.movie-ttl{
	margin:0 0 15px;
	color:white;
	font-size:128.571%;
	font-weight:bold;
}
.slide-movie p.movie-thum{
	text-align:center;
}
.slide-movie p.movie-ttl-2{
	margin:30px 0 10px;
	padding:7px 90px 0 0;
	min-height:40px;
	_height:40px;
	font-size:128.571%;
	font-weight:bold;
	line-height:1.5;
	background:url(../../img/youtube.png) no-repeat right 5px;
}
.slide-movie p.movie-ttl-2 a{
	color:white;
	font-weight:bold;
}
.slide-movie .related-link{
	margin:20px 0 0;
	overflow:hidden;
	zoom:1;
}
.slide-movie .related-link li{
	float:left;
	width:250px;
	margin:0 10px 10px 0;
	padding:0 0 0 20px;
	background:url(../img/arrow-w.png) no-repeat left 0.4em;
}
.slide-movie .related-link li a{
	color:#ffffff;
}
}



/* news
----------------------------------------------------------------------------------*/
#news-list{
	margin:0 0 10px;
}
#news-list li{
	padding:10px 0 10px 75px;
	border-bottom:1px solid #c8c8c8;
}
#news-list li.info     {background:url(../img/icon-info.png)      no-repeat 0 15px;}
#news-list li.event    {background:url(../img/icon-event.png)     no-repeat 0 15px;}
#news-list li.recommend{background:url(../img/icon-recommend.png) no-repeat 0 15px;}
#news-list li.press    {background:url(../img/icon-press.png)     no-repeat 0 15px;}
#news-list li.blog     {background:url(../img/icon-blog.png)      no-repeat 0 10px;}

#news-list li span.new{padding-left:5px;}
#news-list li:nth-child(even){background-color:#f0fbff;}
#news .news-btn{
	margin:0 0 25px;
	text-align:center;
}
#news .news-btn a{
	display:inline-block;
	*display:inline;
	color:#ffffff;
	padding:10px 20px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background:#00d2fd;
	zoom:1;
}
#news .news-btn a:hover{background:#ff9600;}
div#news p.news-banner{margin-bottom:15px;}
@media screen and (max-width: 640px){
div#news p.news-banner{
	text-align:center;
}
}
@media screen and (min-width: 641px){
#news {
    float: right;
    width: 370px;
}
}




/* bang
----------------------------------------------------------------------------------*/
@media screen and (max-width: 640px){
}
@media screen and (min-width: 641px){
#bang-ttl .btn{background:url(../img/icon-clip.png) no-repeat 20px center #ffffff;}
#bang-ttl .btn:hover{background:url(../img/icon-clip-w.png) no-repeat 20px center #ff9600;}
#bang{
	min-height:140px;
	padding-right:420px;
	background:url(../../img/bg-bang.gif) no-repeat right 0;
}
}



/* ckd-movie
----------------------------------------------------------------------------------*/
#ckd-movie li .thum,
#ckd-movie li .title{margin:0 0 10px;}
#ckd-movie li .caption{font-size:85.714%;}
#ckd-movie .links{
	margin:20px 0 0;
}
#ckd-movie .links li{
	float:none;
	margin:0 0 10px;
	padding-left:20px;
	background:url(../img/arrow-p.png) no-repeat left 0.4em;
}
@media screen and (max-width: 640px){
#ckd-movie li{
	margin:0 0 30px;
}
#ckd-movie li .thum,
#ckd-movie li .title{text-align:center;}
}
@media screen and (min-width: 641px){
#ckd-movie{
	width:992px;
	margin:20px -32px 0 0;
	overflow:hidden;
	zoom:1;
}
#ckd-movie li{
	float:left;
	width:216px;
	margin:0 32px 0 0;
}
}



/* movie-list
----------------------------------------------------------------------------------*/
.movie-list li .title {
    margin:5px 0;
}
.movie-list li .user,
.movie-list li .caption {
    font-size:85.714%;
}

.btn-contribute{
	margin:0;
	text-align:center;
}
.movie-list li {
	display:inline-block;
	*display:inline;
    text-align: center;
	vertical-align:top;
	zoom:1;
}
@media screen and (max-width: 640px){
.movie-list{margin:15px 0 0;}
.movie-list li{
	width:48%;
	margin:0 4% 30px 0;
}
.movie-list li:nth-child(2n){
	margin:0 0 30px;
}
}
@media screen and (min-width: 641px){
.movie-list {
	clear:both;
    width: 972px;
    margin: 15px -12px 0 0;
    overflow: hidden;
	zoom:1;
}
.movie-list li {
    margin: 0 12px 20px 0;
    width: 150px;
}
}



/* about
----------------------------------------------------------------------------------*/
#about .copy{
	margin:0 0 30px;
}
#about .about-text{
	margin:0 0 20px;
	line-height:2.5;
}
#about .about-text strong{
    color: #FFFFFF;
    font-size: 157.142%;
    font-weight: bold;
    line-height: 1;
    margin: 0 5px;
    padding: 3px 10px 0;
    vertical-align: middle;
    background:#00D2fd;
}
#about .about-en{
    background: #f3f3f3;
    margin: 40px 0;
    padding: 20px;
}
@media screen and (max-width: 640px){
#about .copy{
	font-size:20px;
	font-weight:bold;
}
}
@media screen and (min-width: 641px){
#about .copy{
	font-size:30px;
}
}