@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;
	color:#FFF;
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

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

.fade {
	-webkit-transition: 0.7s ease-in-out!important;
	-moz-transition: 0.7s ease-in-out!important;
	-o-transition: 0.7s ease-in-out!important;
	transition: 0.7s ease-in-out!important;
}
.fade:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

/*----------------------------------------
	トップページ
----------------------------------------*/					
#main{ background:url(../images/main.jpg) no-repeat; width:1010px; height:auto;}
#logo01{ width:219px; height:22px; margin:0 auto; padding-top:370px;}
#copy{font-size:25px; font-weight:bold;  line-height:130%; text-align:center; color:d31f22; padding-top:170px;}
#sub_copy{font-size:15px; line-height:160%;font-weight:normal; width:920px; margin:10px auto 30px auto; color:#cccccc;}

#interview{}
#interview .bg01{ background:url(../images/bg_interview_head.jpg) no-repeat; width:1010px; height:533px;}
#interview .inner{ background:url(../images/bg.jpg); width:1010px; }
#interview .section01, .section02{width:640px; margin:0 auto; padding-top:30px;}
{width:640px; margin:0 auto; padding-top:30px;}
#interview  h2{font-size:40px; line-height:120%; font-weight:bold;}
#interview .q{line-height:160%; font-size:15px; color:#d31f22; margin-top:40px; margin-bottom:10px;}
#interview .a{line-height:160%; font-size:15px; color:#cccccc;}
#interview .limg{ margin-right:40px;}
#interview .rimg{ margin-left:40px;}

#info{ background:url(../images/bg_foot.jpg) no-repeat; width:1010px; height:auto; padding-top:20px; padding-bottom:50px; position:relative;}
#info .tit{ width:446px; height:56px; background:url(../images/info_tit.png) no-repeat; margin:0 auto;}
#info .read{ width:446px; float:right; font-size:15px; margin-right:40px; line-height:160%; color:#ccc; margin-top:20px;}
#info .thmb{ width:590px; float:right; font-size:15px; margin-right:40px; line-height:160%; color:#ccc; margin-top:30px;}
#info .thmb li{ width:275px; margin-left:20px; float:left; list-style:none;}
#info .thmb .name{ font-size:15px; font-weight:bold; color:#FFF; margin-bottom:5px;}
#info .thmb .text{ font-size:13px; line-height:140%; color:#ccc;}
#info .note{ position:absolute; left:40px; top:560px;}
#info .logoeria{ position:absolute; left:40px; top:615px; width:315px;font-size:13px;}



#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;}