@charset "shift_jis";


.ranking-box {border:1px solid #e4e4e4; background-color:#f8f8f8; margin-top:20px; padding-bottom:5px; border-radius: 4px; position:relative;}
.ranking-box .box-title {margin-top:-14px; position:relative; background:none; margin-bottom:10px;}
.box-title .icon-rank {margin:5px 0 0 12px; position:absolute; text-indent:105%;}
.box-title .crown {width:650px; height:40px; margin:0; padding:0; position:absolute; top:-1px; left:-1px; border-top-left-radius:4px; border-top-right-radius:4px}
.box-title .crown.rank01:before {content:" "; width:50px; height:50px; position:absolute; margin:0 0 0 0; top:-1px; left:10px; background:url("//life-cdn.oricon.co.jp/img/common/icon-rank-gold.png") 0 0 no-repeat;}
.box-title .crown.rank02:before {content:" "; width:50px; height:50px; position:absolute; margin:0 0 0 0; top:-1px; left:10px; background:url("//life-cdn.oricon.co.jp/img/common/icon-rank-silver.png") 0 0 no-repeat;}
.box-title .crown.rank03:before {content:" "; width:50px; height:50px; position:absolute; margin:0 0 0 0; top:-1px; left:10px; background:url("//life-cdn.oricon.co.jp/img/common/icon-rank-bronze.png") 0 0 no-repeat;}
.box-title .crown.rank01 {background:none; background-color:#ffeb88; border-bottom:3px solid #ccbd6c;}
.box-title .crown.rank02 {background:none; background-color:#d3e9ff; border-bottom:3px solid #a9bacc;}
.box-title .crown.rank03 {background:none; background-color:#f9e6d5; border-bottom:3px solid #c9b9aa;}
.ranking-box .box-title h4 {position:relative; padding:12px 0 0 60px; width:auto;}
.box-title .box-title-side {position:relative;}
.ranking-box .box-logo {width:120px; height:80px; padding:4px 10px 0 15px; vertical-align:top;}
.ranking-box .box-logo a {/*border:1px solid #e4e4e4; */padding:10px 3px; /*background-color:#fff;*/}
.ranking-box .box-logo .box-detail {margin-top:5px;}
.ranking-box .box-logo .box-detail a {border:none; padding:0;}
.ranking-box .box-logo img {width:100%; height:auto;}
.box-voice {width:310px; padding-right:10px;}
.box-title .box-score {padding:3px 4px 0px 4px;}
.box-title .box-score strong {color:#333;}
.ranking-box .box-voice li {width:310px; border:0; margin:0; /*padding:0 0 18px 0;*/ padding:0; position:relative;}
/*
.box-voice-img img {display:none;}
.box-voice li::before {display:none;}
.box-voice li::after {display:none;}
.box-voice-img:before {content: "(";}
.box-voice-img:after {content: ")";}
.box-voice-img{position:absolute; display:inline-block; bottom:3px; right:0;}
.box-voice-txt{display:inline-block;}
.box-voice-txt p {display:inline-block; padding-left:5px;}
.box-voice-txt p:before {content:"�E"; position:absolute; margin-left:-12px;}
*/
/* box-voice */
.ranking-box .box-voice {
	position: relative;
	margin-top: -1em;
}
.ranking-box .box-voice img {
	display: none;
}
.ranking-box .box-voice ul {
}
.ranking-box .box-voice li {
	float: none;
	border-radius: 0;
	border: 0;
}
.ranking-box .box-voice li:before,
.ranking-box .box-voice li:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	border-width: 0;
	border: 0;
	border-color: transparent;
}
.ranking-box .box-voice p {
	/*margin-top: 1em;*/
	margin-left: 1em;
	text-indent: -1em;
}
.ranking-box .box-voice p:before {
	content: "\30fb";
	top: 0.3em;
	left: 0;
}
.ranking-box .box-voice .box-voice-img {
	/* display: none; */
	display: inline;
	position: absolute;
	left: 1.5em;
	bottom: 0px;
	visibility:hidden;
}
.ranking-box .box-voice .box-voice-img:before {
	/* content: "("; */
}
.ranking-box .box-voice .box-voice-img:after {
	/* content: ")"; */
}
.ranking-box .box-voice .box-voice-txt {
	/* padding-bottom: 1.5em; */
}
.ranking-box .box-voice .box-voice-txt p span {
	font-size: 86%;
}
.box-link {display:table-cell; width:180px;}
.box-link ul {margin-top:13px;}
.box-link li {display:block; position:relative;}
.box-link a.btn i {display:none;}
.ranking-box .box-link a.btn, .company-information .box-link a.btn {width:180px; height:30px; line-height:30px; font-size:100%;}
.ranking-box .box-link .btn.website, .company-information .box-link .btn.website {width:180px; height:30px; line-height:30px; font-size:100%;}
.ranking-box .box-link li a.btn:after {width:5px; height:8px; content:""; display:inline-block; position:absolute; top:50%; right:10px; margin-top:-4px;
background:url("//life-cdn.oricon.co.jp/rank_certificate/img/common/icon-btn-white-arrow.png");}
.ranking-box .box-detail a {color:#333; text-decoration:underline;}
.ranking-box .box-detail a:hover {text-decoration:none;}
.ranking-box .box-link li {margin-right:8px !important;}
/*.ranking-box .box-link li:last-child {margin-right:8px !important;}*/
.ranking-aside .box-logo a {width:83px;}
.ranking-aside .box-voice {width:290px;}
.ranking-aside .ranking-box .box-voice li {width:290px;}
.ranking-aside .ranking-box .box-voice li:last-child {margin-left:0;}
.ranking-aside .ranking-box .box-title h4 {padding-left:12px;}
.no-client .box-voice {width:600px; padding:10px 10px 10px 15px;}
.outside-client.no-client .box-voice {padding:0 5px 10px 20px;}
.outside-client .box-voice {width:460px; display:table-cell;}
.outside-client .box-link ul {margin-top:0;}
.no-client .box-title .crown.rank01 {background:none; border:none;}
.no-client .box-title .crown.rank02 {background:none; border:none;}
.no-client .box-title .crown.rank03 {background:none; border:none;}
.ranking-box.no-client .box-title h4 a {text-decoration:underline; color:#333;}
.ranking-box.no-client .box-title h4 a:hover {text-decoration:none;}
.box-link li small {margin-top:3px; margin-bottom:3px;}
.box-title .rank04 {background-image: url("//life-cdn.oricon.co.jp/rank_certificate/img/common/icon-rank04-gray.png");}
.box-title .rank05 {background-image: url("//life-cdn.oricon.co.jp/rank_certificate/img/common/icon-rank05-gray.png");}
.box-title .rank06 {background-image: url("//life-cdn.oricon.co.jp/rank_certificate/img/common/icon-rank06-gray.png");}
.box-title .rank07 {background-image: url("//life-cdn.oricon.co.jp/rank_certificate/img/common/icon-rank07-gray.png");}
.box-title .rank08 {background-image: url("//life-cdn.oricon.co.jp/rank_certificate/img/common/icon-rank08-gray.png");}
.box-title .rank09 {background-image: url("//life-cdn.oricon.co.jp/rank_certificate/img/common/icon-rank09-gray.png");}
.box-title .rank10 {background-image: url("//life-cdn.oricon.co.jp/rank_certificate/img/common/icon-rank10-gray.png");}

/**************************************************************************************************************************/
/**************************************************************************************************************************/
/**************************************************************************************************************************/

/* tab-box */
.ranking-category {height:0; visibility:hidden;}
.select-box {
	margin-bottom: 10px;
	font-size: 85%;
}
.select-box ul, .select-box li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.select-box-tab {
	display: table;
	width: 100%;
	height: 50px;
	margin-top:0;
	margin-bottom:0;
}
.select-box-book .select-box-tab {
	display: block;
	height: 26px;
}
.select-box-tab li {
	display: table-cell;
	vertical-align: top;
}
.select-box-tab li span {
	position: relative;
	display: block;
	height: 40px;
	margin-right: 3%;
	padding: 0 5px;
	font-weight: bold;
	font-size: 115%;
	line-height: 40px;
	text-align: center;
	color: #9a9fa6;
	background: #fff url(/img/common/bg-tab-gradation.png) repeat-x left top;
	border: 1px solid #dfe3e8;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 0 0 #b2b2b2;
	box-shadow: 0 1px 0 0 #b2b2b2;
	cursor: pointer;
}
/* tab -- box children tab */
.select-box-book .select-box-tab li span {
	display: inline-block;
	height: auto;
	margin-right: 10px;
	padding: 2px 12px 3px;
	line-height: 1.2;
	background-image: none;
	border: 0 none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 12px;
}
.select-box-tab li:last-child span {
	margin-right: 0;
}
.select-box-tab li:hover span,
.select-box-tab li.current span {
	color: #fff;
	background-color: #55a0c5;
	background-image: none;
	border-color: #55a0c5;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-decoration: none;
}
.select-box-tab li span:hover:after,
.select-box-tab li.current span:after {
	position: absolute;
	bottom: -5px;
	left: 48%;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 4px 0 4px;
	border-color: #55a0c5 transparent transparent transparent;
}
.select-box-tab li a:after {
	display: none;
}
/* ranking-term-b */
#ranking-term {
}
#ranking-term .ranking-change-msg {
	display: none;
}

#ranking-term .select-box-tab {
	height: 30px;
}
#ranking-term .select-box-tab li span {
	height: 30px;
	font-size: 100%;
	line-height: 30px;
	color: #666;
}
#ranking-term .select-box-tab li:hover span,
#ranking-term .select-box-tab li.current span {
	background-color: #999;
	border-color: #999;
	color: #fff;
}
#ranking-term .select-box-tab li span:hover:after,
#ranking-term .select-box-tab li.current span:after {
	border-color: #999 transparent transparent transparent;
}
#ranking-term .related-link {
	margin-bottom: 30px;
	text-align: right;
}
#ranking-term .marker {
	padding-left: 6px;
	background: url(/img/set_b/icon-arrow-b.png) no-repeat 0 50%;
	color: #333;
	text-decoration: underline;
}
#ranking-term .marker:hover {
	text-decoration: none;
}
#ranking-term .marker:before {
	border: 0;
}
#ranking-term .select-box-book .select-box-book-list {
	padding: 5px 0 20px 0;
	color: #333;
	background-color: #FAFBFC;
	border: 1px solid #DFE3E8;
	border-radius: 3px;
	font-size: 100%;
	line-height: 1.2;
}
#ranking-term .select-box-book .select-box-book-list li {
	float: left;
	width: 135px;
	/* min-height: 2.5em; */
	min-height:inherit;
	padding: 0;
	margin: 10px 0 0 20px;
	border-bottom: 0;
}
#ranking-term .select-box-book .select-box-book-list a {
	color: #00f;
	text-decoration: underline;
}
#ranking-term .select-box-book .select-box-book-list a:hover {
	text-decoration: none;
}
#ranking-term .select-box-book-list .current a {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}
#ranking-term .select-box-tab li a {
	display: block;
	/*color: #333;*/
	text-decoration: none;
}
#ranking-term .select-box-tab li.current a,
#ranking-term .select-box-tab li span:hover a,
#ranking-term .select-box-tab li a:hover {
	color: #fff;
}


.ranking-box .box-link li a.btn.large:after {
	top: 50%;
	margin-top: -5px;
}
.ranking-box .box-link .btn.large {height:50px; line-height:50px;}