@import url(http://fonts.googleapis.com/css?family=Fjalla+One);

/* tips */
.highlight{background:#FFC !important;}
.bluBg{background:#c8dce7 !important;}
.bluBg:hover{background:#c8dce7 !important;}

tr .strong{background:#c8dce7;}
tr:hover .strong{font-weight:bold;}

.fwb{font-weight:bold;}
.attention{color:red;}
/* common */
#contentWrap{
  min-height: 630px;
}
.contentsHeader{
  overflow:visible;
  position:relative;
  margin:0 auto;
  width:1000px;
  height: 400px;
}
.contentsHeader h2{
  position:absolute;
  top:0;
  left: 50%;
  margin: 0 0 0 -2000px;
  width:4000px;
  background:#000;
}

.content{
  position: relative;
  margin:0 auto;
  padding:50px 20px 0 20px;
  width:960px;
  line-height:1.8em;
  text-align:left;
  font-size:14px;
}
.content h3.h3{
  margin: 0 0 50px;
  font-size:30px;
  text-align:center;
  line-height:1.4;
}
.content .paragraph h3{
  margin:0 0 20px;
  font-size: 22px;
  text-align:left;
}
.content .imgFltR{
  float:right;
  margin:0 0 20px 40px;
  padding:0 10px 0 0;
}
.content .imgFltL{
  float:left;
  margin:0 40px 20px 0;
}
.content .imgC{
  margin:30px 0 40px;
  text-align:center;
}
.content .imgShadow img{
  box-shadow: 10px 10px 0px 0px #CCC;
  -webkit-box-shadow: 10px 10px 0px 0px #CCC;
  -moz-box-shadow: 10px 10px 0px 0px #CCC;
  -ms-box-shadow: 10px 10px 0px 0px #CCC;
  -uu-box-shadow: 10px 10px 0px 0px #CCC;
}
.content .storybox{
  overflow:hidden;
  clear:both;
  margin:0 auto 40px auto;
  width:1000px;
}
.content .storybox p{
  margin:0 0 20px 0;
}
.content .storybox .question{
  margin:0 0 30px 0;
  color:#0085BA;
}
.paragraph{
  overflow: hidden;
  zoom: 1;
  margin:0 0 50px 0;
}
.paragraph table{
  margin:0 auto;
  width:90%;
  color: #444;
  text-align:center;
  font-size:12px;
  border-bottom:1px solid #d9d9d9;
}
.paragraph table .borderL{
  border-left:1px solid #d9d9d9;
}
.paragraph table th{
  padding:10px 0;
  color:#000;
  text-align:center;
  background:rgba(220, 220, 220, 0.5);
  background:#F0F0F0 \9;
}
.paragraph table td{
  padding:6px 0;
  border-top:1px solid #d9d9d9;
}
.paragraph table td:hover{
  /*font-weight:bold;*/
}
.paragraph table tbody tr:hover{
  background:#f1f1f1;
}
.paragraph table tr.second{
  background:rgba(241, 241, 241,0.5);
  background:#FAFAFA \9;
}
.paragraph.sub{
  margin:-20px auto 50px;
  padding:30px 2% 30px;
  width:86%;
  border:1px solid #cecece;
}
.paragraph.sub table th,
.paragraph.sub table td{
  padding:3px 0px;
}
.paragraph.sub h4{
  padding:0 0 0 42px;
}
.paragraph h4{
  margin:0 0 20px 0;
}
.note{
  margin:10px 0 0 0;
  padding: 0 0 0 50px;
  font-size:12px;
  color:#666;
}
.note li{
  min-height:15px;
}
.large{
  text-align:center;
  font-size:16px;
  font-weight:bold;
}
.large span{font-size:14px;font-weight:normal;}
.middle{
  text-align:center;
  font-size:14px;
}
.middle span{font-size:12px;}
.small{
  text-align:center;
  font-size:12px;
}
.small span{font-size:10px;}
/* REVIEW */
.kokoroBg{
  position: absolute;
  top: 30px;
  left: 607px;
  z-index: -1;
}
.paragraph p .date{
  float: left;
  display: block;
  height: 40px;
  padding: 0 10px 0 0;
}
.history p{
  margin:0 0 20px 0;
}

.relatedPage{
  margin:0 0 40px 0;
}
.relatedPage h3{
  margin:0 0 20px 0;
  font-size:17px;
}
.relatedPage ul{
  overflow:hidden;
  zoom:1;
  width:100%;
}
.relatedPage li{
  overflow:hidden;
  zoom:1;
  float:left;
  padding:0 2% 0 0;
  width:48%;
}
.relatedPage li .thumb{
  float:left;
  margin:0 20px;
}
.relatedPage li a{
  font-size:14px;
}

.previewList{
  overflow:hidden;
  zoom:1;
  width:1010px;
  padding:50px 0;
}
.previewList li{
  float:left;
}
.previewList li a{
  overflow:hidden;
  zoom:1;
  display:block;
  margin:0 15px 30px 0;
  width:488px;
  background:#F0F0F0;
  transition:all 0.2s linear;
  -webkit-transition:all 0.2s linear;
  -moz-transition:all 0.2s linear;
  -ms-transition:all 0.2s linear;
  
}
.previewList li a:hover{
  background:#dadada;
}
.previewList .thumb{
  float:left;
  width:140px;
}
.previewList .info{
  float:right;
  display:block;
  padding:15px 13px;
  width: 320px;
}
.previewList a:hover info{
  background:#dadada;
}
.previewList .date{
margin: 0 0 2px 0;
color: rgb(0, 146, 202);
font-size: 14px;
letter-spacing: .1em;
}
.previewList .txt{
  margin:20px 0 0 0;
}
.previewList .txt .game{
  color:#666;
}
.previewList a{
  color:#000;
  text-decoration:none;
}
.previewList h4{
  font-size:15px;
  font-weight:bold;
}
.btmNav{
}
.btmNav ul{
  overflow:hidden;
  zoom:1;
  margin:0 auto;
  width:1000px;
}  
.btmNav li{
  float:left;
}
.btmNav .prev{
  padding: 3px 0 0 0;
  width: 430px;
  text-align: right;
}
.btmNav .divide{
  padding: 3px 0 0 0;
  width: 140px;
  color:#0093CA;
  font-weight: bold;
  text-align: center;
}
.btmNav .divide span{
  padding: 0 7px;
  color:#000;
}
.btmNav .next{
  padding: 3px 0 0 0;
  width: 430px;
  text-align: left;
}
.btmNav a{
  text-decoration:none;
  padding:7px 0 0 0;
  color:#000;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: .1em;
}
.btmNav a:hover{
  text-decoration:underline;
}
.previewListBtn{
  margin:20px 0 30px;
  text-align:center;
}
.content .imgFltR{
  float:right;
  margin:0 0 20px 40px;
  padding:0 10px 0 0;
}
.content .imgFltL{
  float:left;
  margin:0 40px 20px 0;
}
.topGameInfo{
  margin:-25px 0 50px 0;
}

/* INTERVIEW */
.content .interviewbox{
  overflow:hidden;
  clear:both;
  margin:0 auto 40px auto;
  width:1000px;
  font-size:14px;
}
.content .interviewbox .question{
  margin:0 0 30px 0;
  color:#0085BA;
}
/* archive */
.content .archive{
  margin:0 auto;
  width: 983px;
}
.content .archive h4{
  margin:0 0 20px 0;
}
.content .archive ul{
  margin: 0 auto 50px;
  overflow:hidden;
  zoom:1;  
  width: 830px;
}
.content .archive ul li{
  float:left;
  margin:0 13px 0 0;
  width: 263px;
}
.content .archive .thumb{
  width: 70px;
  float:left;
}
.content .archive p{
  float:left;
  width: 193px;
  font-size: 16px;
}
.content .archive p a{
  font-size:12px;
}
.sns-box{
  position:relative;
  margin:-20px 0 0 0;
  padding: 0 0 0 40px;
  float: right;
}
.sns-box ul{
  overflow:hidden;
  zoom: 1;
  width: 230px;
  overflow: hidden;
}
.sns-box li{
  overflow:hidden;
  float: left;
  width: 120px;
}
.sns-box li.first{
  width: 110px;
  overflow: hidden;
}
.more{
  margin: 90px auto 0;
  padding: 50px 0;
  width:1000px;
  border-top:1px solid #ccc;
}
.more ul{
  overflow:hidden;
  zoom:1;
  font-size:14px;
  width: 750px;
  margin:0 auto;
}
.more li{
  float:left;
  width:50%;
}
.more li a{
  display:block;
  margin:5px 0 0 0;
}
.mobile{
  margin: 90px auto -70px;
  padding: 50px 0;
  width:1000px;
  border-top:1px solid #ccc;
}