@charset "utf-8";

/*----------------------------------------
body und schrift deffinitionen
----------------------------------------*/
* {
	  padding:0px;
	  margin:0px;
	  }
	  
body {
	font-size: 12px;
	line-height: 1.4em;
	font-weight: normal;
	font-family: Helvetica,Arial,"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
	color:#fff;
	background-color: #F0F0F0;
	padding:0px;
	margin:0px;
}
	  
p,pre {
	   padding:0px;
	   margin:0px
	   }
	   
.container a:link {
	text-decoration: none;
	color: #ee3c96;
}
.container a:visited {
	text-decoration: none;
	color: #ee3c96;
}
.container a:hover {
	text-decoration: none;
	color: #fff;
}
.container img{
    border:none;
	} 
pre {
	 color: #fff;
	 font-size: 10px;
	 }
	 
span.clear {
	        margin: 0;
	        padding: 0;
	        height: 0;
	        font-size: 0;
	        line-height: 0;
	        display: block;
	        clear: both;
			}
#sharetable img{
                border:none;
                }/* bottom */
/*----------------------------------------
	Head start
----------------------------------------*/
.cover {
	text-align: center; /* 古いIE向け */
}

.cover .container {
	width:1010px;
	height:auto;
	margin: 0 auto; /* モダンブラウザ向け */
	padding: 0;
	text-align: left; /* 古いIE向け記述の後処理 */
	background:#000;
}

.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
	visibility:hidden;
}
.clearfix{
	 /* display: inline-block;*/
} 

a:hover img
{opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #fff;
}

/*----------------------------------------
	トップページ
----------------------------------------*/					
#title{ background:url(../images/main.jpg) no-repeat; width:1010px; height:1600px;}
#main_copy{ text-indent:-9999px;}
#top_movie{ width:620px; margin:650px auto 50px auto;}
#sub_copy{font-size:18px; font-weight:bold;  line-height:180%; text-align:center; }

#inter{}
#inter .tit_inter{ background:url(../images/interview_tit.jpg) no-repeat; width:1010px; height:80px; text-indent:-9999px;}
#inter .banner{width:1010px; height:380px; position:relative;}
#inter .banner .text{width:433px; position:absolute; top:230px; right:42px; line-height:170%; font-size:15px; font-weight:normal;}

#recommend{width:840px; margin:0 auto;}
.tit_recommend{ background:url(../images/recommend_tit.jpg) no-repeat; width:1010px; height:80px; text-indent:-9999px;}
#recommend .copy{ font-size:15px; font-size:18px; font-weight:bold;  line-height:180%; text-align:center; width:840px; margin:40px auto;}
#recommend .box{ width:860px; margin:0 auto;}
#recommend dl{ width:410px; margin:0 20px 40px 0; float:left;}
#recommend dt{ width:150px; margin-right:20px; float:left;}
#recommend dt img{ width:150px;}
#recommend dd{ width:240px; float:left;}
#recommend dd .name{ height:34px; margin-bottom:20px;}
#recommend dd .text{font-size:13px; line-height:160%; font-weight:normal;}


#information{}
#information .tit_recommend{ background:url(../images/info_tit.jpg) no-repeat; width:1010px; height:80px; text-indent:-9999px;}
#information .bg{ background:url(../images/info_bg.jpg) no-repeat; width:1010px; height:485px;}
#information .bg .box{ width:520px; padding:80px 0 0 400px;}
#information .tit{ font-size:20px; margin-bottom:20px;}
#information .text{ font-size:15px; margin-bottom:20px; line-height:180%; font-weight:normal;}
#information .buy{ font-size:15px; color:#ee3c96; font-weight:normal;}

#information .banner{ width:928px; height:139px; margin:0 auto; padding-bottom:30px;}