@charset "utf-8";
/*common*/

html{
    overflow-y:scroll;
	}

body{
	font-size:14px;
	overflow-x:hidden;
	color:#505050;
	line-height:23px;
	font:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;}

a{
	text-decoration:none !important;}

a:hover{
	color:#20acb0;
	}

.link a:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	-moz-opacity:0.8;
	text-decoration:underline;
	}


/*共通*/

#wrapper{
	width:960px;
	margin:0 auto;
   }

#wrapper #header{
	overflow:hidden;
	height:83px;}
		
#wrapper #header h1{
	width:423px;
	height:42px;
	margin:20px auto 0;}
	
#wrapper #header a{
	outline: none;}

#main_content{
	margin: 0 -500%;
	padding: 30px 500% 30px;
	width: 100%;
	overflow:hidden;
	background:#f5f8f5;
	height:auto;
	}

#footer{
	margin: 0 -500%;
	padding: 0 500%;
	width: 100%;
	overflow:hidden;
	background:#dce1dc;
	height:56px;
	bottom:0;
	}
	
#footer p{
	text-align:center;
	font-size:10px;
	line-height:56px;
	}






	/*MENU*/
	
	#nav{
		margin: 0 -500% 35px;
		padding: 0 500%;
		width: 100%;
		overflow:hidden;
		background:#20acb0;
		box-shadow: 0 7px 10px #f0f0f0;
		-moz-box-shadow: 0 7px 10px #f0f0f0;
		-webkit-box-shadow: 0 7px 10px #f0f0f0;}
	
	#nav ul{
		width:840px;
		margin:0 auto;}
	
	#nav ul li{
		float:left;
		height:44px;}
		
	#nav ul li a{
		width:210px;
		height:44px;
		display:block;
		text-indent:-9999px;
		overflow:hidden;
		background:url(../images/nav.png);}
		
	#nav ul #nav01 a{
		background-position:0 0;}
	#nav ul #nav02 a{
		background-position:630px 0;}
	#nav ul #nav03 a{
		background-position:420px 0;}
	#nav ul #nav04 a{
		background-position:210px 0;}
	#nav ul #nav01 a:hover{
		background-position:0 -44px;}
	#nav ul #nav02 a:hover{
		background-position:630px -44px;}
	#nav ul #nav03 a:hover{
		background-position:420px -44px;}
	#nav ul #nav04 a:hover{
		background-position:210px -44px;}
	
	#sub_nav{
		float:right;
		overflow:hidden;
		margin-top:-18px;}
	
	#sub_nav ul li{
		float:left;
		margin-left:20px;}


/*TOP*/

.flexslider{
	clear:both;
	width:960px;
	margin:0 auto;}
	
.flexslider li{
	width:840px;
	margin:0 auto;}

#main_content #twitter{
	width:240px;
	height:400px;
	border:6px solid #fff;
	float:left;
	overflow:hidden;}
	
#main_content #top_news h2{
	background:url(../images/top_news.png) no-repeat center left;
	height:50px;
	border-bottom:solid #20acb0 3px;
	text-indent:-9999px;}
		
#main_content #top_news{
	width:670px;
	float:right;}

#main_content #top_news dl{
	margin:20px 0;
	overflow:hidden;}
	
#main_content #top_news dl dt{
	clear: left;
	width:80px;
	float:left;
	margin-right:10px;
	margin-bottom: 0.8em;
	margin-left:1px;
	color:#20acb0;}

#main_content #top_news dl dd{
	width:569px;
	padding-right:10px;
	overflow:hidden;
	margin-bottom: 0.8em;}

#main_content #top_news p{
	float:right;
	margin-top:-33px;}
		
#top_contact{
	position:relative;
	padding:60px 0;}

#top_contact p{
	position: absolute;
	bottom:103px;
	left:299px;
	font-weight:bold;}

#top_contact p a{
	color:#c80000;}
	
#banner_area{
	margin: 0 -500%;
	padding: 30px 500% 30px;
	width: 100%;
	overflow:hidden;
	background:#f5f8f5;}

#banner_area .inner{
	width:975px;}

#banner_area .inner	ul{
	margin-right:-15px;}
		
#banner_area ul li{
	float:left;
	margin-right:15px;}
	

/*WORKS*/

#main_content .inner{
	padding:10px;}
	
#main_content .inner p{
	margin-bottom:15px;}

#works .content_header{
	padding:10px 0 20px;
	overflow:hidden;
	z-index:100;}

.content_header{
	padding:10px 0 40px;
	overflow:hidden;
	z-index:100;}
	
#works .content_header p{
	/*background:url(../images/koreeda_img.jpg) no-repeat left;*/
	width:799px;
	height:143px;
	margin-top:40px;
	/*text-indent:-9999px;*/}

.english .content_header p{
	width:799px;
	height:143px;
	margin-top:40px;
	/*text-indent:-9999px;*/}

#works #main_content{
	margin-top:-40px;
	z-index:-1;
	}

.content_footer{
	overflow:hidden;
	padding:30px 0 80px;}

.content_footer h3{
	margin-bottom:40px;}
	
.content_footer .inner{
	width:980px;}

#works .content_footer .inner ul{
	margin-right:-20px;}
	
#works .content_footer ul li{
	float:left;
	padding-top:24px;
	height:181px;
	width:225px;
	margin-right:20px;
	margin-bottom:30px;}
	
/*#works .content_footer ul li a{
	display: block;
	background:#20acb0;
	text-align:center;
	vertical-align: middle;}

#works .content_footer ul li a p{
	color:#fff;
	display: table-cell;
	height:54px;
	font-size:14px;
	vertical-align: middle;
    text-align: center;
	padding:0 3px 0;
	line-height:19px;
	}*/
	
#works .content_footer ul li table{
	border-collapse:collapse;}

#works .content_footer ul li table .bg_g{
	background:#20acb0;
	color:#fff;
	padding:0 3px;}

					
#works .content_footer ul li a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	-moz-opacity:0.8;
	text-decoration:underline;
	}
#works .content_footer ul li a:hover .bg_g{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	-moz-opacity:0.8;
	}

#works .content_footer ul li a  .bg_g:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	-moz-opacity:0.8;
	}	
	
	

.none{
	display:none;}
	
.content_footer ul .movie{
	background:url(../images/works/tab_movie.png) no-repeat right top;}

.content_footer ul .produce{
	background:url(../images/works/tab_produce.png) no-repeat right top;}

.content_footer ul .pv{
	background:url(../images/works/tab_pv.png) no-repeat right top;}

.content_footer ul .cm{
	background:url(../images/works/tab_cm.png) no-repeat right top;}

.content_footer ul .tv{
	background:url(../images/works/tab_tv.png) no-repeat right top;}

.content_footer ul .book{
	background:url(../images/works/tab_book.png) no-repeat right top;}

.content_footer ul .web{
	background:url(../images/works/tab_web.png) no-repeat right top;}

/*english*/
.english .content_footer ul .movie{
	background:url(../english/images/tab_movie.png) no-repeat right top;}

.english .content_footer ul .produce{
	background:url(../english/images/tab_produce.png) no-repeat right top;}

.english .content_footer ul .pv{
	background:url(../english/images/tab_pv.png) no-repeat right top;}

.english .content_footer ul .cm{
	background:url(../english/images/tab_cm.png) no-repeat right top;}

.english .content_footer ul .tv{
	background:url(../english/images/tab_tv.png) no-repeat right top;}

.english .content_footer ul .book{
	background:url(../english/images/tab_book.png) no-repeat right top;}

.english .content_footer ul .web{
	background:url(../english/images/tab_web.png) no-repeat right top;}

.english .inline_box{
	width:900px;
	height:580px;
	background:#fff;
	overflow-y:scroll;
	scrollbar-track-color:#e7dada;
	}

.inline_box div{
	padding:10px 35px 20px;}

.inline_box div dl dt{
	margin:20px 0;}

.inline_box div dl dd{
	margin-left:0.5em;
	margin-top:-1em;}
	
.inline_box .works_ttl{
	overflow: hidden;
	background:#20acb0;
	color:#fff;
	padding-right:10px;
	padding-top:15px;
	margin-right:20px;
	padding-bottom:15px;
	}

.inline_box .works_ttl img{
	float:right;}

.inline_box .works_ttl h4{
	font-size:25px;
	margin-top:10px;
	line-height:35px;}

.inline_box .works_ttl h4 span{
	font-size:65%;}

.inline_box p{
	margin:15px 0 5px 15px;}

#main_content .massege{
	/*padding-bottom:30px;*/
	overflow:hidden;}


#main_content #massege_pb{
	overflow:hidden;
	padding-bottom:50px;
	margin-bottom:50px;
	width: 980px;
	margin-left: auto;
	margin-right: auto;}

#main_content #massege_pb ul{
	overflow: hidden;
	margin-top: -10px;}

#main_content #massege_pb ul li{
	width:460px;
	margin-right: 10px;
	margin-left: 10px;
	letter-spacing: 0em;
	vertical-align: text-top;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-top: -1px;
	border-top:1px dotted #96a096;
	padding:20px 0;
	}
		

#main_content .massege ul li a{
	color:#20acb0;
	font-weight:bold;
	text-indent:-7.8em !important;
	padding-left:7.8em;
	display:block;
	}

#main_content .massege ul li a span{
	color:#505050;
	padding-left:20px;
	
	}

#main_content .massege p{
	margin-bottom:20px;
	margin-top:20px;
	line-height:28px;
	padding:0 5px;}

.content_header h3{
	font-size:24px;
	margin:40px 0 20px;
	font-weight:bold;
	}

.content_header .date{
	display:block;
	font-size:16px;
	font-weight:bold;
	margin:0 0 30px 10px;}

.txt_right{
	text-align:right;}


#message .content_footer{
	position:relative;}
	
#message .content_footer ul{
	overflow:hidden;}
	
#message .content_footer ul li{
	position:absolute;
	}
	
#message .content_footer ul .m_next{
	top:40px;
	left:0;}

#message .content_footer ul .m_all{
	top:40px;
	left:399px;}

#message .content_footer ul .m_prev{
	top:40px;
	right:0;}


	
#message .content_header{
	padding-bottom:15px;}
	
#message .content_header ul{
	overflow:hidden;
	width:991px;
	margin-right:-30px;}
	
#message .content_header ul li{
	float:left;
	margin-right:30px;
	margin-bottom:20px;
	}
	
#news .content_header{
	padding-bottom:0;}

#news .content_header ul li{
	float:left;
	margin-right:10px;
	margin-top:40px;}

#news #main_content{
	margin-top:-5px;
	margin-top:0 \9;}

#news #main_content dl{
	padding:20px 10px 0 5px;
	overflow:hidden;}
	
#news #main_content dl dt{
	font-size:18px;
	color:#20acb0;
	font-weight: bold;
	border-bottom:#96a096 solid 1px;
	padding-bottom:13px;
	margin-bottom:15px;}

#news #main_content dl dd{
	margin-left:0;
	margin-bottom:100px;}

.pagetop{
	clear:both;
	text-align:right;
	margin:30px 0;
	overflow:hidden;}