body{
	margin:0;
	padding:0;
	background:#f2f2f2;
	font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
}

main.container{
	display:block;
	width:980px;
	margin:0px auto;
	padding:0;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	#background:#fff;
}

main.container-full{
	width:100%;
	padding:0;
}



.width980{
	display:block;
	width:980px;
	margin:0px auto;
	padding:0;
}


header{
	height:50px;
	padding:20px 10px 20px 10px;
	margin:0;
}


div.title{
	float:left;
	height:50px;
}

div.title img{
	height:50px;
}


div.link{
	float:right;
	height:50px;
	display:table;
}
div.link a{
	display:table-cell;
	vertical-align:middle;
	text-decoration:none;
	color:#000;
	font-weight:bold;
}

div.link a:hover{
	text-decoration:underline;
}

div.logo{
	margin:10px　0 30px 0;
	text-align:center;
	background:#dce6f2;
}

div.logo h1{
	padding:0;
	margin:0;
}
div.logo img{
	width:980px;
}

div.explain{
	padding:0;
	line-height:160%;
	font-size:15px;
}

.highlight{
	color:#558ed5;
	font-weight:bold;
}

.content-box{
	
}

.content-box .label{
	background:#a6a6a6;
	padding:15px;
	color:#fff;
	font-size:20px;
	font-weight:bold;
}

.content-box ul{
	margin:16px 0;
	padding:0 40px;
}
.content-box ul a li{
	line-height:150%;
	font-size:20px;
	font-weight:bold;
}

.content-box ul a{
	color:#000;
	text-decoration-color:#000;
}

.content-box .lead{
	padding:0 40px;
	line-height:160%;
	color:#7f7f7f;
}

.content-box .movie{
	text-align:center;
	padding:30px 0;
}

footer{
	background:#7f7f7f;
	color:#fff;
	text-align:right;
	padding:20px 40px;
	font-size:16px;
	clear:both;
}


.movie-box{
	float:left;
	background:#f7f7f7;
	padding:15px 15px;
	margin:10px 0 0 0;
}
.movie-box h2{
	padding:0;
	margin:0;
	font-size:22px;
}

.movie-box .more{
	text-align:right;
	margin:15px 0px 5px;
}

.movie-box .more a{
	color:#558ed5;
	font-weight:bold;
}

.movie-box .video{
	width:100%;
	margin:15px 0 0 0;
}

.adv-box{
	float:right;
}

.movie-info-box{
	clear:both;
}

.movie-info-box{
	background:#fff;
	border:1px solid #ccc;
	margin:15px 0;
}

.movie-info-box .catch{
	margin:15px 15px 5px 15px;
	font-size:24px;
	font-weight:bold;
}
.movie-info-box .movie-name{
	margin:0 15px 15px 15px;
	font-size:17px;
}
.movie-info-box .introduce{
	margin:15px;
	font-size:17px;
	line-height:160%;
}
.movie-info-box .next{
	margin:15px 15px 15px auto;
	text-align:right;
}
.movie-info-box .next a{
	color:#000;
}


.text-label{
	margin:15px;
	font-size:20px;
}

.text-box{
	padding:15px;
	font-size:17px;
	line-height:160%;
	background:#fff;
	border:1px solid #ccc;
}

.relation-label{
	margin:35px 15px 15px 15px;
	font-size:20px;
}

.relation-box{
	padding:15px;
	font-size:17px;
	line-height:160%;
	background:#fff;
	border:1px solid #ccc;
	margin:0 0 15px 0;
}

.relation-box .thumbnail{
	width:200px;
	height:112px;
	float:left;
}
.relation-box .thumbnail img{
	width:100%;
}

.relation-box .information{
	width:600px;
	float:left;
}



.relation-box ul{
	margin:29px 0 6px 0;
	padding:0 20px;
	list-style: none;
}

.relation-box ul li a{
	font-size:20px;
	color:#000;
	font-weight:bold;
}


.relation-box .relation-name{
	margin:0 20px;
	font-size:17px;
}


.movie-info-box .border{
	border-bottom:1px solid #ccc;
}

div.top-left{
	float:left;
	width:490px;
	height:800px;
}

div.top-right{
	float:right;
	width:490px;
	height:800px;
}

div.opinion-box{
	clear:both;
	background:#f7f7f7;
	padding:15px 15px;
	width:450px;
	margin:15px 0 0 0;
}
div.opinion-box h2{
	margin:0 0 15px 0;
	padding:0;
	font-size:22px;
}

.column-box{
	float:left;
	background:#f7f7f7;
	padding:15px 15px;
	margin:10px 0 0 0;
}
.column-box h2{
	padding:0;
	margin:0 0 10px 0;
	font-size:22px;
}

.column-box .column-article{
	margin:10px 0 0 0;
}

.column-box .column-article h3{
	clear:both;
	padding:0;
	margin:25px 0 22px 0;
}

.column-box .column-article h3 a{
	color:#558ed5;
	font-weight:bold;
}

.column-box .column-article .thumbnail{
	float:left;
	width:40%;
}
.column-box .column-article .thumbnail img{
	width:100%;
}
.column-box .column-article .comment{
	float:left;
	width:55%;
	padding:7px 10px 10px 12px;
	line-height:160%;
	font-size:14px;
}

.top-social-button{
	width:100%;
	padding:15px 0 0 0 ;
}

.top-social-button a img{
	width:100px;
	padding:0 10px 0 0;
}

.detail-social-button{
	width:100%;
	padding:15px 0 0 0;
	margin:0 0 0 5px;
}

.detail-social-button a img{
	width:100px;
	padding:0 5px 0 0;
	margin:-1px 0 0 5px;
}

.detail-movie-box{
	float:left;
	margin:0;
	padding:0;
}

.detail-logo{
	width:336px;
	height:48px;
	float:right;
}

.detail-logo img{
	width:100%;
}

.column-left{
	width:650px;
	float:left;
	margin:0 0 40px 0;
}
.column-right{
	width:320px;
	float:right;
}


.column-left .column-image{
	width:250px;
	float:left;
}
.column-left .column-image img{
	width:100%;
}

.column-left .column-title{
	width:360px;
	float:left;
	padding:10px 20px;
}

.column-left .column-title h1{
	padding:0;
	margin:0;
	font-size:20px;
	font-weight:bold;
}


.column-left .content{
	border-top:1px solid #ccc;
	padding:15px 10px 0 10px;
	margin:15px 0 0 0;;
	font-size:17px;
}

.column-left .adv{
	margin:20px 0 20px 0;
}

.column-left .adv .adv-left{
	float:left;
	width:310px;
	text-align:right;
}

.column-left .adv .adv-right{
	float:right;
	width:310px;
	text-align:left;
}

.column-social-button{
	width:100%;
	padding:15px 0 0 0;
	margin:0 15px 0 5px;
	text-align:right;
}

.column-social-button a img{
	width:100px;
	padding:0 5px 0 0;
	margin:-1px 0 0 5px;
}

.column-left .column-list{
	margin:40px 0 0 0;
}

.column-left .column-list h2{
	padding:0;
	margin:0;
	font-size:22px;
}

.column-left .column-list ul li{
	font-size:18px;
	line-height:180%;
}