#contentHeader { padding: 32px 20px; border-bottom: none; }
#contentHeader .subArea { height: 58px; }

#contentLogoArea .logo { width: 125px; height: 40px; background: url(/img/logo_crossreview.png) no-repeat; text-indent: -9999em; }
#contentLogoArea .logo a { display: block; width: 125px; height: 40px; }

#mainContentNavi .subMenu { height: 310px; }

.contentsBox { margin-bottom: 5px; }

.contentsHeading { font-size: 16px; font-weight: bold; background-color: #666666; border-left: 12px solid #FF9825; color: #FFF; padding: 4px 8px 5px 12px; }

.reviewContents { position: relative; padding: 8px 10px; }
.reviewContents .iconBox { position: absolute; z-index: 1; width: 30px; height: 14px; background: url(/img/famitsucom_sprite.png) no-repeat; }
.reviewContents .jacketBox { float: left; position: relative; width: 60px; height: 60px; text-align: center; background-color: #F2F2F2; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #E5E5E5; }
.reviewContents .jacketBox img { max-width: 100%; height: auto; }
.reviewContents .reviewScore { top: 10px; right: 8px; width: 60px; height: 60px; line-height: 60px; font-size: 20px; }
.reviewContents .reviewTitle { font-size: 14px; }
.reviewContents .reviewTitle .spoiler { display: inline-block; float: left; font-size: 12px; padding: 2px 4px 0 0; color: #E00000; }

.reviewContentsList { background-color: #FFF; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); }
.reviewContentsList li { border-bottom: 1px dotted #CCC; padding-bottom: 0px; }
.reviewContentsList li:last-child { border: none; margin-bottom: 0; }
.reviewContentsList .contentsMainBody { padding: 0 64px 0 72px; }
.reviewContentsList .gameTitle { display: inline; color: #666; font-size: 117%; }
.reviewContentsList .userInfo { color: #999; }
.reviewContentsList .userInfo img { max-width: 24px; max-height: 24px; vertical-align: middle; -webkit-border-radius: 3px; border-radius: 3px; }
.reviewContentsList .userSubInfo { color: #999; font-size: 90%; }
.reviewContentsList .userName { padding: 0 4px; }
.reviewContentsList .userName a { color: #999; }
.reviewContentsList .gameInfo { padding: 0 0 0 0; }
.reviewContentsList .reviewWrite { position: relative; float: right; padding-right: 8px; }
.reviewContentsList .reviewWrite a { color: #666; }
.reviewContentsList .date { padding-left: 4px; }
.reviewContentsList .arrowRight { position: absolute; top: 4px; left: -10px; border-left-color: #E00000; border-width: 4px; z-index: 1000; }

.reviewNewContentsList { background-color: #FFF; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); }
.reviewNewContentsList li { border-bottom: 1px dotted #CCC; padding-bottom: 0px; }
.reviewNewContentsList li:last-child { margin-bottom: 0; border-bottom: none; }
.reviewNewContentsList .gameInfo { font-size: 14px; font-weight: bold; }
.reviewNewContentsList .releaseDate { font-size: 12px; color: #999; font-weight: normal; margin: 3px 0 0 0; }
.reviewNewContentsList .userReviewBox { min-height: 60px; margin-left: 68px; margin-right: 68px; }
.reviewNewContentsList .jacketBox { position: static; }
.reviewNewContentsList .reviewScoreSmall { position: absolute; right: 8px; top: 8px; display: block; width: 60px; height: 60px; line-height: 60px; color: #FFF; font-weight: bold; font-size: 20px; text-align: center; font-family: Helvetica,sans-serif; }
.reviewNewContentsList .newMark { position: absolute; top: 8px; left: 10px; background-color: #E00000; height: 14px; line-height: 14px; color: #FFF; font-size: 11px; font-weight: bold; padding: 0 3px; }

#birthdayGame { padding: 10px; background-color: #FFF; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); -webkit-border-radius: 3px; border-radius: 3px; }
#birthdayGame .heading { font-size: 14px; font-weight: bold; }
#birthdayGame .reviewContents { position: relative; margin: 8px 0 0 0; padding: 0; background-color: #FFF; -webkit-border-radius: 3px; border-radius: 3px; }
#birthdayGame .gameTitle { font-size: 136%; padding-right: 24px; display: block; font-weight: bold; }
#birthdayGame .jacketBox { width: 80px; height: 80px; background-color: #F2F2F2; }
#birthdayGame .jacketBox img { max-width: 80px; max-height: 80px; }
#birthdayGame .contentsMainBody { position: relative; margin: 0  90px; }
#birthdayGame .gameData { font-size: 14px; padding: 4px 0; }
#birthdayGame .gameData dt, #birthdayGame .gameData dd { display: inline; color: #888; font-size: 88%; }
#birthdayGame .reviewNum .num { margin-right: 2px; font-size: 104%; }

#totalReviewScore { display: block; position: absolute; top: 0px; right: 0px; width: 60px; height: 100px; }

#birthdayGame .reviewScore { position: absolute; top: 0; right: 0; width: 60px; height: 60px; line-height: 72px; font-size: 26px; font-weight: bold; z-index: 101; }

#totalReviewScore .title { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 16px; line-height: 16px; background: #666; color: #FFF; font-size: 10px; text-align: center; z-index: 102; }

.pickUpContents { border: 2px solid #fec52f; background-color: #fee49f; padding: 8px; -webkit-border-radius: 3px; border-radius: 3px; }
.pickUpContents .heading { font-size: 14px; font-weight: bold; }

.pickUpContentsList li { float: left; position: relative; width: 25%; }
.pickUpContentsList li:last-child { margin: 0; }
.pickUpContentsList .gameTitle { display: block; font-size: 12px; line-height: 14px; font-weight: bold; }
.pickUpContentsList .reviewContents { padding: 8px 8px 0 8px; }
.pickUpContentsList .jacketBox { float: none; width: 80px; height: 80px; margin: 0 auto; margin-bottom: 10px; background-color: #F2F2F2; }
.pickUpContentsList .jacketBox img { max-width: 100%; max-height: 100%; }
.pickUpContentsList .userInfo { color: #888; padding-top: 4px; }
.pickUpContentsList .userInfo img { max-width: 20px; max-height: 20px; vertical-align: middle; }
.pickUpContentsList .userName { padding: 0 4px; }
.pickUpContentsList .userName a { color: #999; }
.pickUpContentsList .reviewTitle { padding-top: 8px; font-size: 107%; font-weight: normal; }
.pickUpContentsList .releaseDate { color: #666; font-size: 88%; padding-top: 4px; }
.pickUpContentsList .releaseDate .date { color: #666; font-size: 100%; padding-left: 4px; }
.pickUpContentsList .contetnsFooter { padding: 5px; }

.reviewRankingList { margin-bottom: 5px; background-color: #FFF; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); }
.reviewRankingList li { padding: 8px 10px; border-bottom: 1px solid #E5E5E5; }
.reviewRankingList li:last-child { border: none; }
.reviewRankingList .itemName { position: relative; font-size: 16px; font-weight: bold; }
.reviewRankingList .itemName a { display: block; }
.reviewRankingList .iconDevice { margin: 5px 8px 0 0; }
.reviewRankingList .contentsBody { position: relative; margin: 0; }
.reviewRankingList .jacketBox { float: left; background-color: #F2F2F2; }
.reviewRankingList .jacketBox a { display: table-cell; vertical-align: middle; width: 80px; height: 80px; text-align: center; }
.reviewRankingList .jacketBox img { max-width: 80px; max-height: 80px; }
.reviewRankingList .itemBox .itemImage img { margin: 0 auto; max-height: 80px; max-width: 80px; }
.reviewRankingList .contentsMainBody { margin: 0 90px 0 90px; }
.reviewRankingList .saleData { margin-bottom: 3px; color: #666; font-size: 12px; line-height: 1.4; }
.reviewRankingList .saleData .releaseDate, .reviewRankingList .saleData .price, .reviewRankingList .saleData .genre, .reviewRankingList .saleData .detail, .reviewRankingList .saleData .value { display: inline; }
.reviewRankingList .saleData .detail { font-size: 80%; }
.reviewRankingList .saleData dd { margin-left: 0; padding-right: 8px; }
.reviewRankingList .reviewScore { position: absolute; top: 0; right: 0; width: 80px; height: 80px; line-height: 80px; font-size: 26px; font-weight: bold; }
.reviewRankingList .iconBox { position: absolute; top: 0; left: 36px; z-index: 1000; border: 2px solid #FFF; -webkit-border-radius: 3px; border-radius: 3px; }
.reviewRankingList .gameDetailDesc { font-size: 11px; color: #999; line-height: 1.3; margin-bottom: 3px; }

.itemjacketBox { float: left; width: 54px; height: 54px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #F2F2F2; border: 1px solid #E5E5E5; }
.itemjacketBox img { max-width: 100%; height: auto; max-height: 100%; }
.itemjacketBox .noImage { height: 54px; line-height: 54px; font-size: 10px; color: #666; font-weight: bold; }

.medal { width: 43px; height: 46px; background: url(/img/famitsucom_sprite.png) no-repeat; margin-top: -14px; margin-left: -5px; text-indent: -99999px; }
.medal.gold { background-position: -30px 0; background-color: transparent !important; }
.medal.silver { background-position: -72px 0; background-color: transparent !important; }
.medal.bronze { background-position: -115px 0; background-color: transparent !important; }

.rankNumBox { margin: 0 10px  4px 0; padding: 0 4px; text-align: center; min-width: 16px; height: 24px; line-height: 24px; border: 1px solid #E5E5E5; float: left; background: #F0F0F0; font-size: 16px; font-weight: bold; color: #666; }

#recommendGameRanking #recommendGameRanking .rankingNo { position: absolute; top: 0; left: 0; }

#rankingTable td { vertical-align: top; padding: 8px 0 0 2px; }
#rankingTable td:first-child { padding: 8px 2px 0 0; }
#rankingTable td.half { width: 50%; }
#rankingTable td.last { padding: 0; }
#rankingTable td > div { padding: 0 0px; }
#rankingTable .rankingHeading h3 { margin: 0; font-size: 13px; margin: 0 0 0 5px; }

.deviceRankingList { background-color: #FFF; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); }
.deviceRankingList .gameRackInfo { padding-top: 3px; }
.deviceRankingList .gameRackInfo li { display: inline; padding-right: 4px; color: #999; font-size: 10px; }
.deviceRankingList .gameRackInfo .have, .deviceRankingList .gameRackInfo .interest { padding-right: 2px; }
.deviceRankingList .gameRackInfo .num { font-size: 11px; font-weight: bold; color: #777; }
.deviceRankingList > li { position: relative; border-bottom: 1px dotted #CCC; min-height: 80px; }
.deviceRankingList > li:last-child { border: none; }
.deviceRankingList .contentsBody { padding: 0 40px 0 56px; }
.deviceRankingList .gameTitle { font-size: 12px; line-height: 13px; font-weight: bold; }
.deviceRankingList .gameInfo { padding: 0 24px 0 0; }
.deviceRankingList .reviewScoreSmall { position: absolute; top: 8px; right: 8px; width: 32px; height: 32px; line-height: 32px; font-size: 16px; text-align: center; color: #FFF; font-weight: bold; }
.deviceRankingList .jacketBox { width: 54px; height: 54px; margin: 0 5px 0 0; background-color: #F2F2F2; }
.deviceRankingList .jacketBox img { max-width: 100%; max-height: 100%; }
.deviceRankingList .rankIcon { position: absolute; top: 8px; left: 0; background: url(/img/famitsucom_sprite.png) no-repeat; width: 20px; height: 21px; z-index: 1; border: 2px solid #FFF; background-color: #FFF; }
.deviceRankingList .rankIcon.rankIcon1 { background-position: -120px -47px; }
.deviceRankingList .rankIcon.rankIcon2 { background-position: -140px -47px; }
.deviceRankingList .rankIcon.rankIcon3 { background-position: -120px -68px; }

.rankingBox .more { margin: 5px 0; display: block; text-align: right; }
.rankingBox .rankingHeading { padding: 5px; position: relative; display: block; color: #333; border-bottom: none; background-color: #D6D6D6; }
.rankingBox .rankingHeading h3 { display: inline; }
.rankingBox .iconBox { position: absolute; top: 6px; left: 6px; z-index: 1000; }

#contentGuide { background-color: #E6E6E6; border: 1px solid #E5E5E5; }
#contentGuide h3 { font-size: 14px; font-weight: normal; background-color: #CBCBCB; padding: 5px 10px 2px 6px; }
#contentGuide .level1 { background-color: #FFF; }
#contentGuide .level1 > li:last-child a { border: none; }
#contentGuide .level1 a { position: relative; color: #333; display: block; padding: 4px 8px 4px 38px; font-size: 13px; border-bottom: 1px dotted #CCC; }
#contentGuide .level1 a:hover { background-color: #FEF5CB; text-decoration: none; }
#contentGuide .level1 a:before { position: absolute; content: ''; top: 50%; left: 8px; margin: -10px 0 0 0; width: 20px; height: 20px; background-color: #DBDBDB; -webkit-border-radius: 100%; border-radius: 100%; cursor: pointer; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) inset; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) inset; }
#contentGuide .level1 .selected a:after { position: absolute; content: ''; top: 50%; left: 14px; margin: -4px 0 0 0; width: 8px; height: 8px; background-color: #333; -webkit-border-radius: 100%; border-radius: 100%; }

.conditionFilter { background-color: #FFF; padding: 8px 10px; margin-bottom: 10px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); }
.conditionFilter .condition { float: left; font-weight: bold; margin-right: 5px; }
.conditionFilter .message { float: left; }