@charset "shift_jis";

/* heading
-------------------------------------------------- */
.heading h2 {
	position: relative;
	width: 660px;
	height: 200px;
	padding: 50px 0;
	background: url(http://life-cdn.oricon.co.jp/rank-game-appli/img/common/heading-bg.png) no-repeat right top;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.heading h2:before {
	float: left;
	display: block;
	content: url(http://life-cdn.oricon.co.jp/rank-game-appli/img/common/heading-emblem.png);
	width: 124px;
	height: 180px;
	margin: -40px 20px 0 0;
}
.heading .heading-pickup {
	width:310px;
}
#spring .heading h2:before {
	content: url(http://life-cdn.oricon.co.jp/rank-game-appli/img/common/heading-emblem-2015spring.png);
}
#summer .heading h2:before {
	content: url(http://life-cdn.oricon.co.jp/rank-game-appli/img/common/heading-emblem-2015summer.png);
}
#winter2015 .heading h2:before {
	content: url(http://life-cdn.oricon.co.jp/rank-game-appli/img/common/heading-emblem-2015winter.png);
}
#spring2015 .heading h2:before {
	content: url(http://life-cdn.oricon.co.jp/rank-game-appli/img/common/heading-emblem-2015spring.png);
}
#summer2015 .heading h2:before {
	content: url(http://life-cdn.oricon.co.jp/rank-game-appli/img/common/heading-emblem-2015summer.png);
}
#autumn2015 .heading h2:before {
	content: url(http://life-cdn.oricon.co.jp/rank-game-appli/img/common/heading-emblem-2015autumn.png);
}
#winter2016 .heading h2:before {
	content: url(http://life-cdn.oricon.co.jp/rank-game-appli/img/common/heading-emblem-2016winter.png);
}
#spring2016 .heading h2:before {
	content: url(http://life-cdn.oricon.co.jp/rank-game-appli/img/common/heading-emblem-2016spring.png);
}
#summer2016 .heading h2:before {
	content: url(http://life-cdn.oricon.co.jp/rank-game-appli/img/common/heading-emblem-2016summer.png);
}
#autumn2016 .heading h2:before {
	content: url(http://life-cdn.oricon.co.jp/rank-game-appli/img/common/heading-emblem-2016autumn.png);
}

.ranking-category .menulink {background-color:#fff; margin:10px 0 0 0;}

.screenshot-box {margin:30px 100px;}

.game-ranking-box {width:642px; height:100%; margin:10px 0; padding-bottom:10px; border:4px solid #e9e9e9; border-radius:3px; position:relative;}

.game-contents {margin:0 0 0 52px; background-color:#fff;}
.point-icon {padding:20px 0 0 0;}
.game-ranking {height:100%; width:48px; height:100%; display:table-cell; vertical-align:middle; background-color:#e9e9e9; text-align:center; position:absolute; top:0; bottom:0; right:598px; left:0; border-right:4px solid #e9e9e9; float:left;}
.game-ranking strong {font-size:14px; display:block; color:#f00; line-height:22px;}
.game-ranking strong span {font-size:16px;}
.game-detail {padding:10px 10px 0 120px; width:460px;}
.game-detail h4 a {font-size:20px; color:#00f; text-decoration:underline;}
.game-detail h4 a:hover {text-decoration:none;}
.game-detail ul {margin:0; padding:0; list-style:none;}
.game-os {padding:0 0 0 120px; width:460px;}
.game-os ul {margin:0; padding:0; list-style:none;}
.game-os li.android {width:78px; font-size:11px; padding:1px 0; margin:4px 5px 0 0; text-align:center; background-color:#CEFCC5; border:1px solid #46883B; color:#46883B; float:left;}
.game-os li.ios {width:78px; font-size:11px; padding:1px 0; margin:4px 0 0 0; text-align:center; background-color:#C5EAFC; border:1px solid #3589BA; color:#3589BA; float:left;}
.game-os li.no-os {background-color:#f3f3f3; border:1px solid #ccc; color:#ccc;}
.download-link {position:absolute; bottom:0; right:0;}
.download-link ul {margin:0; padding:0 10px 10px 0;}
.download-link ul li {display:inline-block; list-style:none;}
.download-link ul li a:hover {opacity:0.8; filter:alpha(opacity=80); -ms-filter: "alpha( opacity=80 )";}
.no-download {opacity:0.2; filter:alpha(opacity=20); -ms-filter: "alpha( opacity=20 )";}
.game-logo {width:100px; float:left; padding:10px 10px 0 10px;}
.ranking-in {width:650px; margin:10px 0;}

.game-ranking-box.under-ranking {width:644px;border:3px solid #e9e9e9;}
.under-ranking .game-contents {background-color:#fff;}
.under-ranking .point-icon {padding:13px 0 0 0;}
.under-ranking .point-icon img {padding:0 0 4px 0;}

.under-ranking .point-icon .rank-number {width:30px; height:30px; color:#55A0C5; font-weight:bold; font-size:18px; border:1px solid #ccc; display:inline-block; border-radius: 6px; box-shadow: 1px  1px 0px 0px #ddd; line-height:30px; margin:0 0 6px 0; padding:3px 0 0 0;}

.under-ranking .game-detail {padding:10px 10px 0 100px; width:480px;}
.under-ranking .game-detail ul li.maker {width:220px;}
.under-ranking .game-os {padding:0 0 0 100px; width:480px;}
.under-ranking .game-ranking {width:57px; background-color:#fff; right:599px; left:0; border-right:none;}
.under-ranking .game-detail h4 a {font-size:18px;}
.under-ranking .game-detail li {font-size:11px; line-height:15px;}
.under-ranking .game-logo {width:80px;}


.excellent-box {padding-bottom:10px;}
.game-ranking-box.excellent-ranking:nth-child(2n) {margin-right:0;}
.game-ranking-box.excellent-ranking {width:315px; height:100%; margin:10px 3px 0 0; border:3px solid #e9e9e9; border-radius:3px; position:relative; display:inline-block; vertical-align:top;}
.excellent-ranking .game-contents {margin:0 0 0 0; background-color:#fff;}
.excellent-ranking .game-logo {width:80px; padding:10px 7px; margin-bottom:6px;}
.excellent-ranking .download-link {position:inherit; margin-top:5px;}
.excellent-ranking .game-detail {width:213px; margin:0 0 0 87px; padding:10px 7px 0 7px;}
.excellent-ranking .game-detail h4 a {font-size:18px; line-height:22px;}
.excellent-ranking .game-detail li {font-size:12px; line-height:18px;}
.excellent-ranking .game-os ul {position:absolute; top:95px; left:7px;}
.excellent-ranking .game-os li.android {margin:0 0 4px 0; float:none;}
.excellent-ranking .game-os li.ios { margin:0 0 4px 0; float:none;}
.excellent-ranking .download-link {position:inherit; clear:both; text-align:right;}
.excellent-ranking .download-link ul {margin:0; padding:0 7px 0 0;}

/* ranking-aside-header */
.excellent-title-box {border: 1px solid #dfe3e8; border-radius: 3px;}

.game-ranking-aside .ranking-aside-header {
	padding: 0.8em 18px 0.2em 18px;
	font-size: 120%;
	line-height: 1.2;
	color: #333;
	
}
.game-ranking-aside .ranking-aside-header + p {
	margin:0 18px 0.8em 18px;
	font-size:12px;
}


.attention-area {width:598px; border:1px solid #ffdddd; padding:25px; margin:0 0 10px 0; background-color:#fff7f7; border-radius:3px;}
.attention-area ul {padding:0 0 0 35px;}
.attention-area h4 {line-height:38px; font-size:24px; background:url(http://life-cdn.oricon.co.jp/rank-game-appli/img/common/icon-attention.png) 0 50% no-repeat; padding-left:45px;}

.company .attention-area {width:928px;}


.app-detail {background-color:#eee;}
.app-detail ul {list-style:none; margin:5px 0; padding:0;}
.app-detail li {font-size:12px; line-height:16px;}

.android-box {width:290px; margin:10px 0; padding:0 10px; float:left; position:relative;}
.ios-box {width:290px; margin:10px 0; padding:0 10px; float:left; position:relative; border-left:1px solid #ccc;}
.android-box h5 {width:78px; font-size:11px; padding:1px 0; margin:4px 5px 0 0; text-align:center; background-color:#CEFCC5; border:1px solid #46883B; color:#46883B;}
.ios-box h5 {width:78px; font-size:11px; padding:1px 0; margin:4px 0 0 0; text-align:center; background-color:#C5EAFC; border:1px solid #3589BA; color:#3589BA;}

.btn-download {position:absolute; top:23px; right:0; padding:5px 10px;}

.title-attention {text-align:right; font-size:11px; margin:5px 0;}


.right-menu-box {width:296px; border:2px solid #cad1db;}
.right-menu-box h3 {background-color:#cad1db; font-weight:bold; padding:5px 10px; font-size:16px;}
.right-menu-box h4 {font-size:14px; padding:5px 10px 0 10px;}

.right-menu-box ul {margin:0 10px; border-bottom:4px solid #ccc; padding:0 0 10px 0; width:276px;}
.right-menu-box ul li a {color:#333; padding:0 0 0 14px; display:block; margin:3px 0;}
.right-menu-box ul li {background:url(http://life-cdn.oricon.co.jp/img/common/marker-arrow-right.png) 0 50% no-repeat; list-style:none; min-width:133px; float:left;}
/*.right-menu-box ul li.long {width:276px;}*/
.right-menu-box ul.noborder {border:none;}

.right-menu-box ul.icon-list {font-size:11px;}
.right-menu-box ul.icon-list li {height:100%; min-height:40px; margin:3px 5px 3px 0; display:table;}
.right-menu-box ul.icon-list li:nth-child(even) {margin-right:0;}
.right-menu-box ul.icon-list li:before {content:""; display:inline-block; height:40px;}
.right-menu-box ul.icon-list li a {padding:0 0 0 45px; width:88px; height:100%; display:table-cell; vertical-align:middle;}
.right-menu-box ul.icon-list li.icon-all {background:url(http://life-cdn.oricon.co.jp/rank-game-appli/img/common/icon-arcade.png) 0 0 no-repeat;}
.right-menu-box ul.icon-list li.icon-action {background:url(http://life-cdn.oricon.co.jp/rank-game-appli/img/common/icon-action.png) 0 0 no-repeat;}
.right-menu-box ul.icon-list li.icon-adventure {background:url(http://life-cdn.oricon.co.jp/rank-game-appli/img/common/icon-adventure.png) 0 0 no-repeat;}
.right-menu-box ul.icon-list li.icon-card {background:url(http://life-cdn.oricon.co.jp/rank-game-appli/img/common/icon-card.png) 0 0 no-repeat;}
.right-menu-box ul.icon-list li.icon-casual {background:url(http://life-cdn.oricon.co.jp/rank-game-appli/img/common/icon-family.png) 0 0 no-repeat;}
.right-menu-box ul.icon-list li.icon-board {background:url(http://life-cdn.oricon.co.jp/rank-game-appli/img/common/icon-dice.png) 0 0 no-repeat;}
.right-menu-box ul.icon-list li.icon-puzzle {background:url(http://life-cdn.oricon.co.jp/rank-game-appli/img/common/icon-puzzle.png) 0 0 no-repeat;}
.right-menu-box ul.icon-list li.icon-simulation {background:url(http://life-cdn.oricon.co.jp/rank-game-appli/img/common/icon-simulation.png) 0 0 no-repeat;}
.right-menu-box ul.icon-list li.icon-sports {background:url(http://life-cdn.oricon.co.jp/rank-game-appli/img/common/icon-sports.png) 0 0 no-repeat;}
.right-menu-box ul.icon-list li.icon-strategy {background:url(http://life-cdn.oricon.co.jp/rank-game-appli/img/common/icon-strategy.png) 0 0 no-repeat;}
.right-menu-box ul.icon-list li.icon-rpg {background:url(http://life-cdn.oricon.co.jp/rank-game-appli/img/common/icon-rollplaing.png) 0 0 no-repeat;}
.right-menu-box ul.icon-list li.icon-music {background:url(http://life-cdn.oricon.co.jp/rank-game-appli/img/common/icon-music.png) 0 0 no-repeat;}


/** TAB **/
.season-select {padding:0 0 8px 0;}
.season-select-list {border-bottom:3px solid #55a0c5; margin:0; padding:0; list-style:none; text-align:center; height:40px;}
.season-select-list li {background-color:#d1eefc; display:inline-block; margin:0; padding:0; height:32px;
	 border:2px solid #70b4d3; border-bottom:0; margin-bottom:3px; border-top-right-radius:3px; border-top-left-radius:3px; font-weight:bold; font-size:13px;}
.season-select-list li a {display:table-cell; vertical-align:middle; width:87px; height:32px; color:#55a0c5;}
.season-select-list li a.game-maker {width:160px;}
.season-select-list li a:hover {background-color:#70b4d3; color:#fff;}
.season-select-list li.current {background-color:#fff; border:3px solid #55a0c5; border-bottom:3px solid #fff; height:37px; font-size:15px; margin:1px 0 -1px 0;}
.season-select-list li.current a {color:#1188aa; height:37px;}
.season-select-list li.current a:hover {background-color:#fff; text-decoration:none;}
.season-select-list li.nonactive {background-color:#e9e9e9; border:2px solid #e9e9e9; border-bottom:0;}
.season-select-list li.nonactive a {color:#bbb;}
.season-select-list li.nonactive a:hover {background-color:#e9e9e9; text-decoration:none;}


/****************************/
/*  ClearFix  */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-table; min-height:1%;}
* html .clearfix {height:1%;}
.clearfix {display:block;}
/****************************/

/* select-box
-------------------------------------------------- */
.select-box .select-box-tab li {
	width: 20%;
}

/* box-link(btn-parent)
-------------------------------------------------- */
.ranking-box .box-link li {
	margin-right: 8px;
}
.company-information .box-link li {
	margin-right: 8px;
}
.service-inforamtion .box-link li {
	margin-right: 18px;
}

/* btn
-------------------------------------------------- */
.ranking-box .box-link a.btn,
.company-information .box-link a.btn {
	width: 230px;
	height: 50px;
	font-size: 115%;
	line-height: 50px;
}
.ranking-box .box-link .btn.website ,
.company-information .box-link .btn.website {
	width: 130px;
	height: 50px;
	font-size: 115%;
	line-height: 50px;
}
.service-inforamtion .box-link a.btn {
	width: 320px;
	height: 70px;
	font-size: 143%;
	line-height: 70px;
}
.service-inforamtion .box-link .btn.website {
	width: 220px;
	height: 70px;
	font-size: 143%;
	line-height: 70px;
}
/* btn-icon */
a.btn.i-account i {
	width: 28px;
	height: 17px;
	background-image: url(http://life-cdn.oricon.co.jp/rank-game-appli/img/common/icon-btn-account.png);
}
.service-inforamtion a.btn.i-account i { width: 39px; height: 23px;}
a.btn.i-feelist i {
	width: 24px;
	height: 24px;
	background-image: url(http://life-cdn.oricon.co.jp/rank-game-appli/img/common/icon-btn-fee.png);
}
.service-inforamtion a.btn.i-feelist i { width: 32px; height: 32px;}


.select-box-book .select-box-book-list li:last-child {border-bottom:1px solid #dfe3e8;}


/* ********** 一時レイアウト変更2014/11/21 ********** */
.ranking-box.no-client .box-title h4 a {color:#333; text-decoration:none;}
.ranking-box.no-client .box-voice-txt p {margin:0 5px;}