@charset "utf-8";

/* MainCol */
#yjGMainFocus{
    margin: 0px 0px 15px;
    margin-right:-10px;
}
#yjGMainFocus p{
    position:relative;
    float:left;
    width:225px;
    text-align:center;
    margin-right:10px;
/display:inline;
/zoom:1;    
}
#yjGMainFocus p a{
    font-weight:bold;
}
#yjGMainRec,
#yjGMainNew{}
#yjGMainRec ul,
#yjGMainNew ul{
    margin-left: 5px;
    margin-right: -10px;
    margin-bottom: 15px;    
}
#yjGMainRec li,
#yjGMainNew li{
    float: left;
    width: 105px;
    margin-right: 10px;
    line-height: 1.1;
    margin-bottom: -2px;
}

.yjGMainCateBox li img,
#yjGMainRec li img,
#yjGMainNew li img{
    margin-top:2px;
    margin-bottom:2px;}
.yjGMainCateBox li img.iconNew,
#yjGMainRec li img.iconNew,
#yjGMainNew li img.iconNew{
    line-height: 0.8;
    margin: 3px 0 0 3px;}
.yjGMainCateBox li span,
#yjGMainRec li span,
#yjGMainNew li span{
    margin: 3px 0px 0px 3px;
    line-height:0.8;
}
#yjGMainCate dl.wrap{
	float: left;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 15px;
/display:inline;
/width:220px;
}
#yjGMainCate dl.wrap.wrapIE{
width:100%;
}
#yjGMainCate dl.wrapR{
	float: right;
	margin: 0px 5px 15px 0px;
/display:inline;
/width:220px;
}
#yjGMainCate dl.wrapR .yjGtt{
	left:-220px;
}
#yjGMainCate .titl{
	font-weight: bold;
	border-left: 4px solid;
	padding: 2px 2px 2px 5px;
	line-height: 1;
	margin: 0px 0px 3px;
}
#yjGMainCate dt.cate01{border-left-color: #39CFC3;}
#yjGMainCate dt.cate02{border-left-color: #8FC1CA;}
#yjGMainCate dt.cate03{border-left-color: #FE8A8B;}
#yjGMainCate dt.cate04{border-left-color: #00B3E6;}
#yjGMainCate dt.cate05{border-left-color: #FFAD49;}
#yjGMainCate dt.cate06{border-left-color: #D5B584;}
#yjGMainCate dt.cate07{border-left-color: #01D08C;}
#yjGMainCate dt.cate08{border-left-color: #FFC653;}
#yjGMainCate dt.cate09{border-left-color: #FF87B7;}
#yjGMainCate dt.cate10{border-left-color: #79809C;}
.yjGMainCateBox{
	margin-right: -10px;}
.yjGMainCateBox li{
    float: left;
    width: 105px;
	margin-right: 10px;
    line-height: 1.1;
    margin-bottom: -2px;
/display:inline;
}
.yjGMExpIcon{
    text-align:right;
    margin: 0px 0px 15px;
}
.yjGMExpIconWrap{
    font-size:85%;
 font-family: "メイリオ","ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;  
    display:inline-block;
    border: 1px solid #BFBFBF;
    padding:3px;        
/display:inline;
/zoom:1;
}
.yjGMExpIconWrap p,.yjGMExpIconWrap dl,.yjGMExpIconWrap dt,.yjGMExpIconWrap dd{
    display:inline;
    line-height:1.2;
}
.yjGMExpIconWrap p{
    font-weight:bold;
}
.yjGMExpIconWrap dt{
    text-align:left;
    margin-left:5px;}
.yjGMExpIconWrap dt span{
    vertical-align:middle;
    overflow:hidden;
    text-indent:100%;}

#yjGMainWN{
    margin: 0px 0px 15px;
}
#yjGMainWN ul li{
    margin: 0px 0px 10px;
    padding: 0px 0px 5px;
    border-bottom: 1px dotted #BFBFBF;  
}
#yjGMainWN dt{
    float:right;
    width:425px;}
#yjGMainWN .img{
    float:left;}
#yjGMainWN .txt{
    float:right;
    width:425px;}
#yjGMainWN .icon{
    float:left; 
    margin-right:3px;
    line-height:1.2;}
#yjGMainWN .txt a{
/float:left;}
#yjGMainNewS{
    margin: 0px 0px 15px;
}
#yjGMainNewS ul li{
    margin: 0px 0px 10px;
    padding: 0px 0px 5px;
    border-bottom: 1px dotted #BFBFBF;  
}
#yjGMainNewS .titl{
    float:right;
    width:300px;
    font-size:108%;
    font-weight:bold;
    margin-bottom:3px;}
#yjGMainNewS .img{
float:left;
    width:100px;
    margin-right:10px;
    text-align:center;
}
#yjGMainNewS .catg{
float:left;
    width:40px;
}
#yjGMainNewS .txt{
    float:right;
    width:300px;}

/* sub */
#yjGSubHis li img,#yjGSubSta li img{margin: 0px 0px 2px 0px;}
#yjGSubHis{}
#yjGSubHis ul{margin-left:-5px;}
#yjGSubHis li{
    float: left;
    width: 50px;
    padding: 0px 0px 15px 10px;
    font-size:85%;
    line-height:1em;
}
#yjGSubHis .yjGErTxt{
    margin-bottom:10px;}
#yjGSubSta{}
.yjGTitlHeadStd span.logo{
	float: right;
	width: 93px;
	height: 13px;
	background-position: 0 -500px;
	text-indent: -9999px;
	line-height: 1;
	padding-left: 0px;
	margin: 5px 0px 0px 5px;
	}
.yjGTitlHeadStd span{/* forIE6,7 */
/float: left;
/margin-top:3px;
/line-height:1;
	}
#yjGSubSta ul{margin-left:-3px;}
#yjGSubSta li{
    float: left;
    width: 75px;
    padding: 0px 0px 15px 20px;
    font-size:92%;
    text-align:center;
    line-height:1.3;
	display:inline;/* forIE6,7 */
}
#yjGSubSta li .numb{
    display: inline-block;
    width: 75px;    
    padding: 3px 0;
/display:inline;
/zoom:1;    
    background: #F1F2ED;
}
#yjGSubSta li a .numb{
    color:#333;
}
#yjGSubSta li .numb em{
    font-size:108%; 
    color: #FA9916;
}
#yjGSubKilltime p.read{
	margin: -3px 0px 5px 0px;
}
#yjGSubKilltime ul{margin: 0 0 5px -5px;}
#yjGSubKilltime li{
    float: left;
    width: 90px;
	margin-left:10px;
    text-align:center;
    line-height:1.3;
	display:inline;/* forIE6,7 */
}
#yjGSubKilltime li img{
	margin-bottom:2px;
}

#yjGSubDow{
    margin-bottom:15px;}
#yjGSubDow ul{margin-left:-3px;}
#yjGSubDow li{
    float: left;
    width: 75px;
    padding: 0px 0px 15px 20px;
    font-size:92%;
    text-align:center;
    line-height:1.3;
}

.yjGSubRankWrap li{border-bottom: 1px dotted #BFBFBF;
    margin: 0 0 10px;
    padding: 0 0 5px;}
.yjGSubRankWrap dl dt,
.yjGSubRankWrap dl dd{float: left;}
.yjGSubRankWrap dl dt{
	background: url(../../images/common/games_icon.png) no-repeat;	
}
.yjGSubRankWrap dl dt{
	width: 25px;
	height: 35px;
	text-indent: -9999px;
	margin: 6px 8px 0px 0px;
}
.yjGSubRankWrap dl dt.yjGSubRank01{background-position: 0 -600px;}
.yjGSubRankWrap dl dt.yjGSubRank02{background-position: -25px -600px;}
.yjGSubRankWrap dl dt.yjGSubRank03{background-position: -50px -600px;}
.yjGSubRankWrap dl dd.title{width:210px;}
.yjGSubRankWrap dl dd.title div{
	display:table-cell;
	height:50px;
	vertical-align:middle;
}
.yjGSubRankWrap dl dd.title div a{
	font-size: 115%;
	font-weight: bold;
}
.yjGSubRankWrap dl dd.title div span{
	color:#666;}
.yjGSubRankWrap dl dd.img{
	float:right;
	width:50px;
	height:50px;}
.yjGSubRankMod{
	margin: 0px 0px 5px -5px;
}
.yjGSubRankMod li{
display:inline;	
	float: left;
	width: 90px;
	margin: 0px 0px 0px 10px;}
.yjGSubRankMod dl dt{
	text-align: center;
	font-weight: bold;
	margin: 0px auto 3px;
	color: #FFF;
	line-height:15px;
}
.yjGSubRankMod dl dt span{
	display:inline-block;
	background: url(../../images/common/games_icon.png) no-repeat;
	padding: 2px 2px 2px 17px;
	vertical-align:middle;
/display:inline;
/zoom:1;
}
.yjGSubRankMod dl dt.yjGSubRank01{background: #C1A33A;}
.yjGSubRankMod dl dt.yjGSubRank02{background: #AFAFAF;}
.yjGSubRankMod dl dt.yjGSubRank03{background: #D49265;}
.yjGSubRankMod dl dt.yjGSubRank01 span{background-position: 0 -698px;}
.yjGSubRankMod dl dt.yjGSubRank02 span{background-position: 0 -728px;}
.yjGSubRankMod dl dt.yjGSubRank03 span{background-position: 0 -758px;}

#yjGSubRank .atent{
	color: #939393;
	font-size: 92%;
	text-align: right;
	margin: -3px 0px 10px;
	position:relative;
}

#yjGSubBegin{
	border-radius: 8px;
	border: 3px solid #2C97DE;
	margin-bottom:15px;
}
#yjGSubBegin h2{
	background: #2C97DE url(../../images/top/ttlBegi.png) no-repeat 10px 3px;
	text-indent: -9999px;
	height:35px;
}
#yjGSubBegin p.txt{
	padding:10px;
 font-family: "メイリオ","ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif; 
}
#yjGSubBegin p.txt em{
	color: #FF8324;
}
#yjGSubBegin p.btn{
	text-align:center;
	margin-bottom:12px;
}
#yjGSubBegin p.btn a{
	display: inline-block;
	width: 146px;
	height: 38px;
	text-indent: -9999px;
	background: url(../../images/top/btnBegi.png) no-repeat;
/display:block;
/zoom:1;}
#yjGSubMov p.btn{
	text-align:center;
	margin-bottom:12px;
}
#yjGSubMov p.btn a{
	display: inline-block;
	width: 179px;
	height: 29px;
	text-indent: -9999px;
	background: url(../../images/top/btnMov.png) no-repeat;
	margin: 10px 0px 0px;
/display:block;
/zoom:1;
}

.iconMuryo{
	display: inline-block;
	width: 75px;
	height: 21px;
	text-indent: -9999px;
	background: url(../../images/top/iconMuryo.png) no-repeat;
	margin: 0px 0px 0px -8px;
/display:inline;
/zoom:1;
}
/* === mod-gamelist === */
.yjGcl{
  position: relative;
}
.yjGcl.hover{
  z-index: 10;
}

.yjGclImg.hover:before,
.yjGclImgDn.hover:before {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  margin: 0 0 0 45px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  content: "";
  overflow: auto;
  z-index: 10;
  opacity: 1;
}
.yjGclImg.hover:before{
  border-bottom: 10px solid #fff;
  top: 110px;
}
.yjGclImgDn.hover:before {
  border-top: 10px solid #fff;
  top: -13px;
}
.yjGclImg.hover:after,
.yjGclImgDn.hover:after{
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  margin: 0 0 0 45px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  content: "";
  overflow: auto;
  z-index: 3;
  opacity: 1;
}
.yjGclImg.hover:after {
  top: 108px;
  border-bottom: 10px solid #898989;
}
/*yjGclImgDn*/
.yjGclImgDn.hover:after {
  top: -11px;
  border-top: 10px solid #898989;
}

*html .yjGtt{display:none;}/* forIE6 */
*:first-child+html .yjGtt{display:none;}/* forIE7 */
.yjGtt{
  position: absolute;
  left: 8px;
  margin: 0 5px;
  padding: 12px 5px 20px;
  width: 410px;
  background: #fff;
  visibility: hidden;
  border: 1px solid #898989;
  box-shadow: 0 0 10px rgba(0,0,0,.6);
  text-align: center;
  z-index: 5;
}
.yjGclImg .yjGtt {
  top: 118px;
}
.yjGclImg.hover .yjGtt{
  visibility: visible;
  -webkit-animation: fadein .2s ease-out;
  -moz-animation: fadein .2s ease-out;
  animation: fadein .2s ease-out;
}
.yjGclImgDn.hover .yjGtt {
  bottom: 103%;
  margin: 0 5px 5px;
  visibility: visible;
  -webkit-animation: fadeinup .2s ease-out;
  -moz-animation: fadeinup .2s ease-out;
  animation: fadeinup .2s ease-out;
}
/* animation用の記述 */
@-webkit-keyframes fadein {
  from {
    -webkit-transform: translatey(-10px);
    -moz-transform: translatey(-10px);
    transform: translatey(-10px);
    opacity: 0;
  }
  to {
    -webkit-transform: translatey(0);
    -moz-transform: translatey(0);
    transform: translatey(0);
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    -webkit-transform: translatey(-10px);
    -moz-transform: translatey(-10px);
    transform: translatey(-10px);
    opacity: 0;
  }
  to {
    -webkit-transform: translatey(0);
    -moz-transform: translatey(0);
    transform: translatey(0);
    opacity: 1;
  }
}

.yjGclImg.hover .yjGtt.hover,
.yjGclImgDn.hover .yjGtt.hover {
  opacity: 0;
  visibility: hidden;
}
.yjGtt dt{
  margin: 0 6px 5px;
  text-align: left;
font-size: 16px;
font-weight: bold; 
line-height:1;
}
.yjGtt dt em{
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
	padding: 3px 0px 0px;
	margin-right:5px;
}
.yjGtt dt span{
	display: inline-block;
	padding: 6px 8px;
	font: normal 10px "メイリオ", "ヒラギノ角ゴ Pro W3", "MS PGothic", "MS UI Gothic", Helvetica, Arial, sans-serif;
	color: #FFF;
	vertical-align: middle;
	line-height: 1;
}
.yjGtt dt span.cate01{background: #39CFC3;}
.yjGtt dt span.cate02{background: #8FC1CA;}
.yjGtt dt span.cate03{background: #FE8A8B;}
.yjGtt dt span.cate04{background: #00B3E6;}
.yjGtt dt span.cate05{background: #FFAD49;}
.yjGtt dt span.cate06{background: #D5B584;}
.yjGtt dt span.cate07{background: #01D08C;}
.yjGtt dt span.cate08{background: #FFC653;}
.yjGtt dt span.cate09{background: #FF87B7;}
.yjGtt dt span.cate10{background: #79809C;}

.yjGtt .desc{
    margin: 0 6px 10px;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
}
.yjGtt .screen {
  display: inline-block;
  *display: inline;
  background: url(../../images/common/loading.gif) no-repeat 50% 50%;
  *zoom: 1;
}
.yjGtt .screen img {
  transition: opacity 1s ease;
  opacity: 1;
  margin: 0 2px;
}
.yjGtt .screen .load {
  opacity: 0;
}



/* animation用の記述 */
@-webkit-keyframes fadeinup {
  from {
    -webkit-transform: translatey(10px);
    -moz-transform: translatey(10px);
    transform: translatey(10px);
    opacity: 0;
  }

  to {
    -webkit-transform: translatey(0);
    -moz-transform: translatey(0);
    transform: translatey(0);
    opacity: 1;
  }
}
@keyframes fadeinup {
  from {
    -webkit-transform: translatey(10px);
    -moz-transform: translatey(10px);
    transform: translatey(10px);
    opacity: 0;
  }

  to {
    -webkit-transform: translatey(0);
    -moz-transform: translatey(0);
    transform: translatey(0);
    opacity: 1;
  }
}

/* left column flyout */
.right-allow-box {
  position: relative;
  background: white;
  border: 1px solid black;
}
.right-allow-box:after,
.right-allow-box:before {
  left: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.right-allow-box:before {
  border-color: transparent;
  border-left-color: black;
  border-width: 9px;
  margin-top: -9px;
  top: 25px;
}
.right-allow-box:after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: white;
  border-width: 8px;
  margin-top: -8px;
  top: 25px;
}
#yjGSubHis .icon-holder {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
#yjGSubHis .flyout {
  display: none;
  position: absolute;
  top: 10px;
  left: -425px;
  width: 425px;
  padding: 10px;
  box-shadow: 0 0 10px 0px rgba(64, 64, 64, 0.5);
  z-index:1;
}
#yjGSubHis .flyout .title {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5em;
}
#yjGSubHis .flyout ul {
  margin-left: 0;
}
#yjGSubHis .flyout li {
  float: none;
  width: auto;
  padding: auto;
  font-size: 13px;
  line-height: 19px;
  height: 19px;
  margin: 0px 0px 10px;
  padding: 0px;
  border-bottom: 1px dotted #bfbfbf;
  text-overflow: ellipsis;
  overflow: hidden;
}
#yjGSubHis .flyout li span.icon {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  margin-right: 5px;
}
#yjGSubHis .flyout.show {
  display: block;
  -webkit-animation: fadeinleft 0.2s ease-out;
  -moz-animation: fadeinleft 0.2s ease-out;
  animation: fadeinleft 0.2s ease-out;
}
#yjGSubHis .flyout .notification-container{
  margin-bottom: 15px;
}
#yjGSubHis .flyout .notification-container .title {
  margin-bottom: 5px;
}
#yjGSubHis .flyout .notification-container .notification-title,
#yjGSubHis .flyout .notification-container .notification-date {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
#yjGSubHis .flyout .notification-container .notification-title {
  float: left;
  width: 285px;
}
#yjGSubHis .flyout .notification-container .notification-date {
  float: right;
  width: 130px;
  text-align: right;
}
#yjGSubHis .flyout .notification-container:after {
  content: "";
  display: block;
  clear: both;
}
#yjGSubHis .flyout .latest-news-container .title {
  margin-bottom: 3px;
}
#yjGSubHis .flyout .latest-news-container .latest-news-title,
#yjGSubHis .flyout .latest-news-container .latest-news-date {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
#yjGSubHis .flyout .latest-news-container .latest-news-title {
  float: left;
  width: 285px;
}
#yjGSubHis .flyout .latest-news-container .latest-news-date {
  float: right;
  width: 130px;
  text-align: right;
}
#yjGSubHis .flyout .latest-news-container:after {
  content: "";
  display: block;
  clear: both;
}
#yjGSubHis .flyout .yjGMoreLink {
  font-size: 13px;
}
#yjGSubHis .yjGcl > li {
  position: relative;
}
/* animation */
 
@-webkit-keyframes fadeinleft {
  from {
    -webkit-transform: translatex(10px);
    opacity: 0;
  }
  to {
    -webkit-transform: translatex(0);
    opacity: 1;
  }
}
@keyframes fadeinleft {
  from {
    -moz-transform: translatex(10px);
    transform: translatex(10px);
    opacity: 0;
  }
  to {
    -moz-transform: translatex(0);
    transform: translatex(0);
    opacity: 1;
  }
}
.notice {
  position: absolute;
  right: -8px;
  top: -8px;
}
.notice .unread-icon {
  background-image: url(../../images/common/unread.png);
  *background-image: url(../../images/common/unread.gif);
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  display: block;
}