/*************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************/
/*** genre index style ***/
/*************************************************************************************************************************************************************/

.genre-index .contents {margin-top:30px;}
.contents-head {margin:0 auto; padding: 10px 0; position:relative; width:980px;}
.side-contents-head {left:680px; position:absolute; width:300px;}
.main-contents-head {float:left; width:650px;}

.company-page #header,
.company-temp #header {border-bottom:1px solid #eee;}

.breadcrumb-list-box {background-color:#f9f9f9; border-top:1px solid #999; padding:6px 10px; text-align:right;}
.breadcrumb-list {width:980px; margin:0 auto; padding:0; list-style:none;}
.breadcrumb-list li {margin:0; padding:0; color:#333; font-size:11px; display:inline-block;}
.breadcrumb-list li:before {content:" ＞ ";}
.breadcrumb-list li:first-child:before {content:none;}
.breadcrumb-list li span {color:#333;}
.breadcrumb-list li a:hover {text-decoration:none;}
.company-temp .breadcrumb-list-box {border-bottom:1px solid #eee;}
.genre-index .breadcrumb-list-box {border-top:none;}

.ranking-data-outline {border:1px solid #bd8b1e; border-radius:3px; padding:10px 12px; width:960px; margin:0 auto 5px;}
.ranking-data-outline p {color:#bd8b1e; border-left:8px solid #bd8b1e; padding-left:15px; font-weight:bold;}

.box-contents {background-color:#fff; padding:0 0 30px 0; margin:0;}
.box-contents.ranking {margin:0 !important;}
.box-contents h3 {background-color:#ccc; text-align:center; font-size:30px; color:#fff; padding:10px 0; position:relative; margin-bottom:36px;}
.box-contents h3 span {display:block; width:980px; margin:0 auto;}
.box-contents h3:before{display:block; content:""; position:absolute; -webkit-transform:rotate(45deg); transform:rotate(45deg); top:100%; left:50%; width:30px; height:30px; margin-top:-15px; background-color:#ccc; position:absolute; margin-left:-15px;}

.box-contents.box-special-content h3 {background-color:#ccc; color:#333;}
.box-contents.box-special-content h3:before{background-color:#ccc;}

.box-ranking {width:458px; margin:20px 20px 20px 0; padding:10px; position:relative; background-color:#fff; border:1px solid #ccc; float:left;}
.box-ranking:nth-child(2n) {margin-right:0;}
.box-ranking h4 {font-size:21px; border-bottom:2px solid #666;}
.box-ranking .btn-more-ranking {background-color:#fbf96f; width:100%; text-align:right; margin:14px auto 0;}
.box-ranking .btn-more-ranking a {font-size:18px; color:#333; display:block; padding:1px 10px;}

.box-ranking .rank-in strong {color:#666; background-color:transparent; display:inline-block; width:70px; text-align:center; font-size:14px; margin:0 10px 0 0; float:left; padding-left:55px;}
.box-ranking .rank-in strong span {font-size:18px;}
.box-ranking .rank-in span.client-name {font-size:18px; font-weight:bold; float:left; width:320px;}

.rank-in {margin:0; padding:0; list-style:none;}
.rank-in li {border-bottom:1px dashed #ccc; padding:15px 0 0 0;}
.rank-in li:last-child {border:none;}
.rank-in li a {color:#00f; text-decoration:underline;}
.rank-in li a:hover {text-decoration:none;}
.rank-in .rank01 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank-gold.png) 10px 5px no-repeat; background-size:40px auto;}
.rank-in .rank02 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank-silver.png) 10px 5px no-repeat; background-size:40px auto;}
.rank-in .rank03 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank-bronze.png) 10px 5px no-repeat; background-size:40px auto;}



.ranking-client .box-ranking h4 {font-size:26px; background-color:#ccc; color:#fff; border:none; border-radius:4px; padding:6px 16px;}
.ranking-client .box-ranking h4 a {color:#fff;}
.ranking-client .box-ranking {width:928px; float:none; padding:20px 25px;}
.ranking-client .box-ranking .rank-in strong {display:table-cell; vertical-align:middle; float:none; width:120px; font-size:18px;}
.ranking-client .box-ranking .rank-in strong span {font-size:24px;}
.ranking-client .box-ranking .box-logo {display:table-cell; vertical-align:middle; width:80px; padding-right:10px;}
.ranking-client .box-ranking .box-logo img {max-width:50px; max-height:50px;}
.ranking-client .box-ranking .rank-in span.client-name {font-size:24px; float:none; display:table-cell; vertical-align:middle; width:auto; font-weight:normal;}
.ranking-client .box-ranking .rank-in a span.client-name {font-weight:bold; font-size:26px;}
.ranking-client .rank-in {margin:0; padding:0; list-style:none;}
.ranking-client .rank-in li {padding:15px 0;}
.ranking-client .rank-in li:last-child {border-bottom:1px dashed #ccc;}
.ranking-client .rank-in li a {color:#00f; text-decoration:none; display:table; width:100%;}
.ranking-client .rank-in li a:hover {text-decoration:none;}
.ranking-client .rank-in .rank01 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank-gold.png) 10px 50% no-repeat; background-size:40px auto;}
.ranking-client .rank-in .rank02 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank-silver.png) 10px 50% no-repeat; background-size:40px auto;}
.ranking-client .rank-in .rank03 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank-bronze.png) 10px 50% no-repeat; background-size:40px auto;}
.ranking-client .rank-in .rank04 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank04-gray.png) 19px 50% no-repeat; background-size:22px auto;}
.ranking-client .rank-in .rank05 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank05-gray.png) 19px 50% no-repeat; background-size:22px auto;}
.ranking-client .rank-in .rank06 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank06-gray.png) 19px 50% no-repeat; background-size:22px auto;}
.ranking-client .rank-in .rank07 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank07-gray.png) 19px 50% no-repeat; background-size:22px auto;}
.ranking-client .rank-in .rank08 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank08-gray.png) 19px 50% no-repeat; background-size:22px auto;}
.ranking-client .rank-in .rank09 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank09-gray.png) 19px 50% no-repeat; background-size:22px auto;}
.ranking-client .rank-in .rank10 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank10-gray.png) 19px 50% no-repeat; background-size:22px auto;}
.ranking-client .rank-in .rank11 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank11-gray.png) 19px 50% no-repeat; background-size:22px auto;}
.ranking-client .rank-in .rank12 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank12-gray.png) 19px 50% no-repeat; background-size:22px auto;}
.ranking-client .rank-in .rank13 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank13-gray.png) 19px 50% no-repeat; background-size:22px auto;}
.ranking-client .rank-in .rank14 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank14-gray.png) 19px 50% no-repeat; background-size:22px auto;}
.ranking-client .rank-in .rank15 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank15-gray.png) 19px 50% no-repeat; background-size:22px auto;}
.ranking-client .rank-in .rank16 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank16-gray.png) 19px 50% no-repeat; background-size:22px auto;}
.ranking-client .rank-in .rank17 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank17-gray.png) 19px 50% no-repeat; background-size:22px auto;}
.ranking-client .rank-in .rank18 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank18-gray.png) 19px 50% no-repeat; background-size:22px auto;}
.ranking-client .rank-in .rank19 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank19-gray.png) 19px 50% no-repeat; background-size:22px auto;}
.ranking-client .rank-in .rank20 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank20-gray.png) 19px 50% no-repeat; background-size:22px auto;}
.ranking-client .rank-in .rank21 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank21-gray.png) 19px 50% no-repeat; background-size:22px auto;}
.ranking-client .rank-in .rank22 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank22-gray.png) 19px 50% no-repeat; background-size:22px auto;}
.ranking-client .rank-in .rank23 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank23-gray.png) 19px 50% no-repeat; background-size:22px auto;}
.ranking-client .box-ranking .btn-more-ranking {background-color:#f9f9f9; width:100%; text-align:right; margin:5px auto 0;border-bottom:1px dashed #ccc;}
.ranking-client .box-ranking .btn-more-ranking {font-size:22px; color:#00f; display:block; padding:3px 10px;}

.ranking-client .rank-in li a .client-detail-link span {font-size:12px; font-weight:normal;}
.ranking-client .rank-in li a:hover {opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; -moz-opacity:0.7; -khtml-opacity:0.7; background-color:#efefef;}

.ranking-client .rank-in .client-in {padding:0;}
.ranking-client .rank-in .client-in a {padding:10px 2% 10px 0; width:98%;}


.box-genre {width:980px; margin:0 auto;}


.box-ranking {width:880px; margin:20px auto; padding:20px 50px; position:relative; background-color:#fff; border:1px solid #ccc;}
.box-ranking h4 {font-size:26px; font-weight:normal;}
.box-ranking .btn-more-ranking {background-color:#fbf96f; width:300px; text-align:center;}
.box-ranking .btn-more-ranking a {font-size:18px; color:#333; display:block; padding:1px 10px;}

.box-ranking .rank-in strong {/color:#666; background-color:transparent; display:inline-block; width:100px; text-align:center; font-size:18px; margin:0 20px 0 -120px;}
.box-ranking .rank-in strong span {font-size:24px;}
.box-ranking .rank-in span.client-name {font-size:28px; font-weight:bold;}

.rank-in {margin:0; padding:0; list-style:none;}
.rank-in li {border-bottom:1px dashed #ccc; padding:15px 0 0 200px;}
.rank-in li:last-child {border:none;}
.rank-in li a {color:#00f; text-decoration:underline;}
.rank-in li a:hover {text-decoration:none;}
.rank-in .rank01 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank-gold.png) 15px 5px no-repeat;}
.rank-in .rank02 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank-silver.png) 15px 5px no-repeat;}
.rank-in .rank03 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank-bronze.png) 15px 5px no-repeat;}

.box-genre {width:980px; margin:0 auto;}
.box-genre .box-ranking-genre {width:310px; float:left; margin:0 22px 22px 0; padding:0; position:relative; background-color:#fff; border:1px solid #ccc;}
.box-genre .box-ranking-genre:nth-child(3n) {margin-right:0;}
.box-genre .box-ranking-genre .rank-in li {margin:3px 0 0 0; padding:8px 8px 8px 50px; border:none;}
.box-genre .box-ranking-genre h4 {font-size:18px; background-color:#333; color:#fff; padding:3px 10px;}
.box-genre .box-ranking-genre .rank-in .rank01 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank-gold.png) 10px 5px no-repeat; background-size:30px auto;}
.box-genre .box-ranking-genre .rank-in .rank02 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank-silver.png) 10px 5px no-repeat; background-size:30px auto;}
.box-genre .box-ranking-genre .rank-in .rank03 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank-bronze.png) 10px 5px no-repeat; background-size:30px auto;}
.box-genre .box-ranking-genre .btn-more-ranking {background-color:#fbf96f; margin:10px 15px 15px 15px; text-align:right;}
.box-genre .box-ranking-genre .btn-more-ranking a {font-size:13px; color:#333; display:block; padding:3px 10px;}




.ranking-client .rank-in li .client-detail-link {position:relative; width:190px; display:table-cell; vertical-align:middle; padding-right:10px; font-weight:bold;color: #fff;
	background: #024FE7;
	background: -webkit-linear-gradient(#024FE7 0%,#003DB5 100%);
	background: linear-gradient(#024FE7 0%,#003DB5 100%);
	height:45px; padding:6px 0 3px 15px; text-align:center; line-height:100%; border-radius:4px; display:table-cell; vertical-align:middle; font-size:16px; text-decoration:none;
}
.ranking-client .rank-in li .client-detail-link:before{content:""; display:inline-block; width:12px; height:12px; -webkit-border-radius:50%; border-radius:50%;	border:2px solid #fff; background:none;	position:absolute; left:8px; top:50%; margin-top:-8px;}
.ranking-client .rank-in li .client-detail-link:after{content:""; left:14px !important; box-sizing:border-box; width:5px !important; height:4px !important; border:4px solid transparent; border-left: 6px solid #fff; background:none !important; position:absolute;
	margin-top:-4px !important; top:50%;}

.no-client .box-title .crown.rank01,
.no-client .box-title .crown.rank02,
.no-client .box-title .crown.rank03 {background-color:#e9e9e9;}

.ranking-box .box-title h4 {/* width:475px;*/ width:540px; padding:9px 0 5px 60px;}
.ranking-box.no-client .box-title h4 {width:542px;}
.ranking-box.no-client .box-title h4 {padding:12px 0 0 60px;}
.no-client .box-voice {width:620px; padding: 0 10px 10px 20px;}
.ranking-aside .no-client .box-voice {width:580px; padding: 0 10px 10px 20px;}
.ranking-box .box-voice {margin-top:0;}

.box-title .crown.rank01,
.box-title .crown.rank02,
.box-title .crown.rank03 {background-color:#e9e9e9; border-bottom:none;}

.company-score .box-title .crown.rank01,
.company-score .box-title .crown.rank02,
.company-score .box-title .crown.rank03 {background-color:inherit;}

/* 特殊パターン */
.rank-opt-box {margin:10px 17px 0 17px; border-radius: 4px; padding: 0;}
.ranking-aside .rank-opt-box {margin-top:2px;}
.rank-opt-box .opt-text {font-size:80%;}
.rank-opt-box .opt-text span {display: inline-block; padding: 2px 8px; background-color: #ddd; border-radius: 2px; margin-right: 6px; font-weight: bold;}

.rank-opt-box .icon-opt01,
.rank-opt-box .icon-opt02,
.rank-opt-box .icon-opt01,
.rank-opt-box .icon-opt02,
.company-information .box-title .icon-opt01,
.company-information .box-title .icon-opt02 {display:inline-block; padding:3px 6px; background-color:#DDDDDD; color:#333; border-radius:4px; margin:0 6px 0 0; font-size:11px; vertical-align:middle; font-weight:normal;}
.company-information .box-title .icon-opt01,
.company-information .box-title .icon-opt02 {font-size:16px;}

.rank-opt-box .icon-opt02,
.rank-opt-box .icon-opt02,
.company-information .box-title .icon-opt02 {background-color:#DDDDDD;}

/* 矢印 */
.ranking-box .box-link .btn:before{content:""; display:inline-block; width:12px; height:12px; -webkit-border-radius:50%; border-radius:50%;	border:2px solid #fff; background:none;	position:absolute; left:8px; top:50%; margin-top:-8px;}
.ranking-box .box-link .btn:after{content:""; left:14px !important; box-sizing:border-box; width:5px !important; height:4px !important; border:4px solid transparent; border-left: 6px solid #fff; background:none !important; position:absolute;
	margin-top:-4px !important;}
.ranking-box .box-link .btn.website {/*width:170px;*/}
.ranking-box .box-link .btn.large {padding-left:20px;}

.ranking-box .box-link a.btn {width:160px; font-size:13px; padding:10px 0 10px 20px; height:auto; line-height:16px;}


/** COMPANY **/
.callfeat{margin:10px 10px 5px 10px; padding:4px; width:; background:#fff; border:2px solid #c33;  font-size:12px; color:#000; border-radius: 4px;}
.callarea {display:table-cell; vertical-align:middle;}
.calltxt{margin:0 4px 0 0; padding:6px 0; width:100px; background: none repeat scroll 0 0 #c33; color:#fff; border:1px solid #c33; border-radius:4px; font-weight:bold; text-align:center; display:inline-block; font-size: 11px;}
.callnumber {margin:0; padding:0 0 3px 0; width:500px; font-size:13px; color:#FF0000; font-weight:bold; display:inline-block; vertical-align:middle;}
.callnumber a {text-decoration:underline; color:#c33;}
.callnumber a:hover {text-decoration:none;}
.callnumber img {vertical-align:middle;}
.calltime{font-size:10px; color:#333; display:block; text-align:right;}
.ranking-aside .callnumber {width:465px;}


/** RANKING **/
.box-paypercall .callfeat{margin:10px 10px 5px 10px; padding:4px; width:; background:#fff; border:2px solid #109983;  font-size:12px; color:#000; border-radius: 4px;}
.box-paypercall .callarea {display:table-cell; vertical-align:middle;}
.box-paypercall .calltxt{margin:0 4px 0 0; padding:6px 0; width:100px; background: none repeat scroll 0 0 #18AD95; color:#fff; border:1px solid #2EB59E; border-radius:4px; font-weight:bold; text-align:center; display:inline-block; font-size: 10px;}
.box-paypercall .callnumber{margin:0; padding:0 0 3px 0; width:170px; font-size:18px; color:#FF0000; font-weight:bold; display:inline-block; vertical-align:middle;}
.box-paypercall .callnumber img {vertical-align:middle;}
.box-paypercall .calltime{margin:0; width:320px; font-size:9px; display:inline-block; vertical-align:middle; text-align:left;}
.ranking-aside .box-paypercall .calltime{width:290px;}
.ranking-box .box-logo + .box-voice {width:260px;}

/* キャンペーン情報 */
.box-campaign {border:1px solid #3d63c6; border-top:6px solid #3d63c6; padding:5px 0 5px 5px; margin-bottom:20px;}
.box-campaign h3 {font-size:18px; color:#3d63c6; margin-bottom:7px; text-align:left;}
.box-contents h3:before {content:none;}
.box-campaign h3 .pr-mark {display:inline-block; padding:0 10px; margin:0 6px 0 3px; background-color:#3d63c6; color:#fff; font-size:16px;}
.box-campaign ul {list-style:none; margin:0; padding:0;}
.box-campaign li {float:left; border:1px solid #ccc; border-radius:3px; background-color:#fff; margin-right:4px; font-size:12px;}
.box-campaign li a {width:301px; display:block; padding:7px; color:#00c; background-color:#f9f9f9;}
.box-campaign li a.single {width:622px;}
.box-campaign li a {text-decoration:underline;}
.box-campaign li a:hover {text-decoration:none;}
.box-campaign li a strong {font-size:16px; display:block; padding-bottom:1px; text-decoration:none;}


/* キャンペーン情報 ジャンルトップ */
.genre-index .box-campaign {width:966px; border:1px solid #3d63c6; border-top:6px solid #3d63c6; padding:5px 7px 5px 5px; margin:0 auto 0;}
.genre-index .box-campaign h3 {font-size:18px; color:#3d63c6; margin-bottom:7px; background:inherit; padding:0;}
.genre-index .box-campaign h3 .pr-mark {display:inline-block; padding:0 10px; margin:0 6px 0 3px; background-color:#3d63c6; color:#fff; font-size:16px; width:auto;}
.genre-index .box-campaign ul {list-style:none; margin:0; padding:0; width:100%;}
.genre-index .box-campaign li {border:1px solid #ccc; border-radius:3px; background-color:#fff; margin-right:4px; font-size:12px; width:100%;}
.genre-index .box-campaign li a {width:auto; display:block; padding:7px; color:#00c; background-color:#f9f9f9;}
.genre-index .box-campaign li a.single {width:auto;}
.genre-index .box-campaign li a {text-decoration:underline;}
.genre-index .box-campaign li a:hover {text-decoration:none;}
.genre-index .box-campaign li a strong {font-size:16px; display:block; padding-bottom:1px; text-decoration:none;}




/* premium */
.ranking-aside .ranking-box .box-voice li {width:260px;}
.ranking-box .box-title {margin-bottom:0;}
.ranking-aside .ranking-box .box-link ul {margin-right:10px;}
.ranking-aside .ranking-box .box-title h4 {padding-left:4px;}

.premium .top3-box .rank-in .client-in {background-image:none;}
.premium .top3-box .box-logo {padding-left:10px;}

.premium .callfeat {padding:5px 10px 4px; border-color:#b2951f;}
.premium .callnumber {width:auto;}
.premium .calltime {text-align:left; font-size:12px; font-weight:normal;}

.premium .no-client .box-voice {width:640px; padding:6px 10px 0 20px;}


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


/*************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************/
/*** company style ***/
/*************************************************************************************************************************************************************/

.company-header h1 {background-color:#A3B4C5;}
.company-header .company-opt-box {display:block; border-top:1px solid #fff; padding-top:7px; margin-top:5px; font-size:60%;}
.company-header .company-opt-box .icon-opt01,
.company-header .company-opt-box .icon-opt02,
.company-header .company-opt-box .opt-text {display: inline-block; padding:5px 8px 3px 8px; background-color:#f9f9f9; color:#444; border-radius: 2px; margin-right: 6px;}


.company-score .score-graph .socre-graph-legends .myscore {color:#cccc66;}
.company-score .score-graph .socre-graph-legends .average {color:#dddddd;}

.score-graph dl.graph_main dd p.bar_main {background-color:#cccc66;}
.score-graph dl.graph_main dd p.bar_base {background-color:#dddddd;}

#ranking-term .select-box-book .select-box-book-list li {width:196px; margin:10px 0 0 15px;}

.company-information .box-link a.btn {width:200px; display:table-cell; vertical-align:middle;}
.service-inforamtion .box-link a.btn {width:285px; display:table-cell; vertical-align:middle;}
.service-inforamtion .box-link li {margin-bottom:40px;}

.btn-category-top a span {width:540px;}


.company-score .box-title .crown.rank01, .company-score .box-title .crown.rank02, .company-score .box-title .crown.rank03 {display:none;}
/*************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************/



/*************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************/
/*** flaoting header style ***/
/*************************************************************************************************************************************************************/

.has_parent #header {height:82px;}
.has_parent .heading-area {margin-top:130px;}
/*.has_parent #floating-header {position:fixed; height:130px; width:100%; z-index:10000; top:0; background-color:#fff;}*/

#header {height:auto;}
#floating-header {height:auto; margin:0 0 10px; border-bottom: 1px solid #eee; position:inherit; position:relative; z-index:10;}
.heading-area {margin-top:0;}
.rank_insurance #floating-header,
.rank_bike #floating-header {border:none;}
.rank_insurance .heading-area,
.rank_bike .heading-area {border-top: 1px solid #999;}
.genre-index #floating-header {margin-bottom:0;}
.genre-index #global-nav {border-bottom:1px solid #999;}

#header .current p {font-size:90%; line-height:1.4;}
#header .current h1 {font-size:180%;}

#global-nav {width:100%; display:block; border-top:1px solid #999; padding:0; height:42px;}
#global-nav ul.parent {list-style:none; margin:0 auto; padding:0; text-align:left; width:980px; letter-spacing:-0.7em;}
#global-nav ul li {display:inline-block; padding:0 0; position:relative; letter-spacing:0em; text-align:center;}
#global-nav ul.parent li > a {display:block; padding:6px 0; text-decoration:none;}
#global-nav ul.parent li span {font-size:13px; font-weight:bold; border-right:1px dotted #999; padding:0 25px 0 25px; line-height:30px; display:block; height:30px; color:#333;}
#global-nav ul.parent li.last span {/*border-right:none;*/}
#global-nav ul.parent li:first-child span {/*padding-left:6px;*/ border-left:1px dotted #999;}

#global-nav li ul{list-style:none; position:absolute; top:100%; left:0; /*margin:0 0 0 -6px;*/ margin:0; padding:0;}
#global-nav li:last-child ul{/*left:-50%;*/ left:0;}
#global-nav ul li ul li{overflow:hidden; width:200px; padding:0; height:0; -moz-transition:.2s; -webkit-transition:.2s; -o-transition:.2s; -ms-transition:.2s; transition:.2s; display:block;}
#global-nav ul.parent li ul li a {padding:10px 10px; text-align:left; font-size:12px; font-weight:bold; display:block; line-height:18px;}
#global-nav li:hover ul {background-color:#fff; border:1px solid #999;}
#global-nav li:hover ul li {overflow:visible; height:36px; border-bottom:1px dotted #999;}
#global-nav li:hover ul li:last-child {border-bottom:0;}
#global-nav li:hover ul li:hover {background-color:#f3f3f3;}

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



/*************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************/
/*** heading layout style ***/
/*************************************************************************************************************************************************************/

/*.heading-area {width:1258px; height:340px; background:url(//life-cdn.oricon.co.jp/img/rankingtop/heading-background.jpg) 50% 0 no-repeat #eef2e8;}*/
.heading-area {min-width:980px; height:auto; background-color:#eef2e8; position:relative; margin-bottom:0; padding:0 0 0 0; overflow:hidden; background-color:#fff; min-height:314px; background:url(//cs.oricon.co.jp/img/bg-heading-index.jpg) repeat-x;}
.heading-area:before {content:""; position:absolute; top:0; left:0; width:360px; height:100%; display:block; /*background:url(//life-cdn.oricon.co.jp/img/rankingtop/heading-background-left.jpg) 0 0 no-repeat #eef2e8;*/}
.heading-area .inner {width:auto; min-width:980px; height:auto; position:relative; padding:20px 0 20px 0;}
.heading-area .inner:before {content:""; position:absolute; top:0; right:0; width:500px; height:100%; display:block; /*background:url(//life-cdn.oricon.co.jp/img/rankingtop/heading-background-right.jpg) 0 0 no-repeat #eef2e8;*/}
.cs-name {width:800px; font-size:24px; text-align:center;margin:0 auto 0; font-weight:bold; position:relative;}
.cs-name:before {content:""; border-top:2px solid #333; width:22%; display:inline-block; position:absolute; top:50%; left:20px; margin-top:-2px;}
.cs-name:after {content:""; border-top:2px solid #333; width:22%; display:inline-block; position:absolute; top:50%; right:20px; margin-top:-2px;}
.genre-title {width:800px; margin:0 auto 5px; font-size:58px; text-align:center; position:relative; }
.genre-pickup {width:800px; margin:auto; position:relative;}
.genre-pickup:before {display:block; content:""; position:absolute; -webkit-transform:rotate(45deg); transform:rotate(45deg); top:-6px; left:50%; width:24px; height:24px; background:#fff;
box-shadow:rgba(92, 92, 92, 0.1) 0px 0px 1px 2px;
-webkit-box-shadow:rgba(92, 92, 92, 0.1) 0px 0px 1px 2px;
-moz-box-shadow:rgba(92, 92, 92, 0.1) 0px 0px 1px 2px;}
.search-detail {width:600px; position:relative; padding:15px 30px 10px 170px; background-color:#fff; border-radius:8px;
box-shadow:rgba(92, 92, 92, 0.1) 0px 0px 1px 2px;
-webkit-box-shadow:rgba(92, 92, 92, 0.1) 0px 0px 1px 2px;
-moz-box-shadow:rgba(92, 92, 92, 0.1) 0px 0px 1px 2px;}
.search-detail:before {content:""; display:block; width:124px; height:180px; background:url(//life-cdn.oricon.co.jp/img/common/heading-emblem.png) 0 0 no-repeat; position:absolute; top:50%; margin-top:-105px; left:20px;}
.search-detail:after {display:block; content:""; position:absolute; -webkit-transform:rotate(45deg); transform:rotate(45deg); top:-6px; left:50%; width:24px; height:24px; background:#fff;}
.search-condition {color:#aba536; font-size:20px; border-bottom:2px solid #aba536; padding:0 0 0 36px; line-height:30px; background:url(//life-cdn.oricon.co.jp/img/rankingtop/icon-search-condition.png) 0 0 no-repeat; font-weight:bold;}
.search-text {margin:10px 0 0; font-size:14px; line-height:160%;}


.genre-grand-top {}
.genre-grand-title {width:800px; margin:0 auto 5px; height:152px; font-size:64px; text-align:center; display:table; position:relative; background:url(//life-cdn.oricon.co.jp/img/common/heading-emblem.png) 20px -28px no-repeat; }
.genre-grand-title span {display:table-cell; vertical-align:middle; text-align:center; padding:0 0 0 130px;}
.genre-grand-search-text {width:790px; margin:10px auto 0; position:relative; font-size:16px;}


.heading {height:154px;}
.select-box .select-box-tab li {width:16.666%;}


.sort-nav {margin-bottom:30px;}
.sort-nav .intro-text {font-size:15px; line-height:140%; padding-bottom:3px;}
.sort-nav .btn-sort-nav {background:url(//life-cdn.oricon.co.jp/img/unify-design/btn-sort-nav.png) no-repeat; width:280px; height:33px; margin:5px auto; padding:0; border:0; display:block;}
.sort-nav .btn-sort-nav span {visibility:hidden;}
.sort-nav .btn-sort-nav:hover {opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; -moz-opacity:0.7; -khtml-opacity:0.7;}
.sort-nav table{width:100%; margin-bottom:20px;}
.sort-nav table th,
.sort-nav table td{border:1px solid #ccc; padding:6px 10px;}
.sort-nav table th{width:15%; background:#eee; text-align:left; font-size:12px;}
.sort-nav table td input {vertical-align:middle; width:14px; height:14px; margin-left:-18px;}
.sort-nav table td label,
.sort-nav table td span {padding:3px 5px; display:block; float:left; width:33%; box-sizing:border-box; font-size:12px;}
.sort-nav table td span:nth-child(3n+1),
.sort-nav table td label:nth-child(3n+1) {clear:both;}
.sort-nav table td span a {text-decoration:underline;}
.sort-nav table td span a:hover {text-decoration:none;}

.ranking-top .ranking-aside .ranking-box .box-logo,
.ranking-top .ranking-box .box-logo {width:100px; padding:0 15px; vertical-align:middle;}

.ranking-top .no-client .box-voice {padding-left:0;}

.ranking-top .ranking-aside .box-voice,
.ranking-top .ranking-aside .no-client .box-voice {padding:5px 0; width:100%; /* padding:10px 0; */}
.ranking-top .ranking-aside .box-voice .score-table {width:464px;}
.ranking-top .ranking-aside .box-voice .score-table dt {width:150px;}
.ranking-top .ranking-aside .box-voice .score-table dd {width:60px;}

.ranking-top .box-voice .score-table {width:504px; border-left:1px solid #ccc; border-top:1px solid #ccc; margin:0;}
.ranking-top .box-voice .score-table dt {width:165px; float:left; margin:0; padding:0; border-bottom:1px solid #ccc; background-color:#fff; padding:5px; display:table;}
.ranking-top .box-voice .score-table dd {width:65px; float:left; margin:0; padding:0; border-bottom:1px solid #ccc; border-left:1px dashed #ccc; background-color:#fff7f5; padding:5px; text-align:center; font-weight:bold; display:table;}
.ranking-top .box-voice .score-table dt span,
.ranking-top .box-voice .score-table dd span {display:table-cell; vertical-align:middle; font-size:12px;}
.ranking-top .box-voice .score-table dd span.text-small {font-size:80%; display:inline;}

.ranking-top .ranking-box .box-logo a {padding:10px 0 5px;}
.ranking-top .ranking-box .box-logo .box-detail {border:1px solid #ccc; border-radius:2px; margin:0 auto; width:100px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #eee), color-stop(0.00, #f9f9f9));
	background: -webkit-linear-gradient(#f9f9f9, #eee);
	background: -moz-linear-gradient(#f9f9f9, #eee);
	background: -o-linear-gradient(#f9f9f9, #eee);
	background: -ms-linear-gradient(#f9f9f9, #eee);
	background: linear-gradient(#f9f9f9, #eee);}
.ranking-top .ranking-box .box-logo .box-detail a { color:#00f; font-size:12px; display:block; padding:3px 0; text-decoration:none; width:100px; text-align:center;}
.ranking-top .ranking-box.no-client .box-voice p {margin:0 0 0 20px;}

.ranking-top .box-voice .score-table dd:last-child {border-right:1px solid #ccc;}
.ranking-top .box-voice .score-table dd:nth-child(even) {border-right:1px solid #ccc;}

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


/*************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************/
/*** category navigation menu ***/
/*************************************************************************************************************************************************************/


/* link */
.category-nav ul li a {transition-property:border; transition-duration:0.5s; transition-timing-function:ease; transition-delay:0s;}
.category-nav ul li a:link    {text-decoration:none;}
.category-nav ul li a:visited {text-decoration:none;}
.category-nav ul li a:hover   {text-decoration:none;}
.category-nav ul li a:active  {text-decoration:none;}
 
/* category-nav */
.category-nav>ul {width:630px; list-style:none; margin:0 auto; padding:0;}
.category-nav>ul>li {width:200px; float:left; position:relative; height:80px; margin:0 15px 15px 0; padding:0;}
.category-nav>ul>li:nth-child(3n) {margin-right:0;}
.category-nav>ul>li>a {display:table; width:120px; height:80px; border:1px solid #b6b6b6; color:#333; padding:0 30px 0 50px; font-size:15px; position:relative;}
.category-nav>ul>li>a:after {content:""; width:10px; height:12px; display:block; background:url(//life-cdn.oricon.co.jp/img/rankingtop/menu-arrow.png) 0 0 no-repeat; position:absolute; top:50%; right:8px; margin-top:-5px;}
.category-nav>ul>li>a>span {display:table-cell; vertical-align:middle;}
/*.category-nav>ul>li>a:hover {opacity:0.8;}*/

.icon-data {background:url(//life-cdn.oricon.co.jp/img/rankingtop/menu-icon-data.png) 3px 50% no-repeat;}
.icon-map {background:url(//life-cdn.oricon.co.jp/img/rankingtop/menu-icon-map.png) 3px 50% no-repeat;}
.icon-family {background:url(//life-cdn.oricon.co.jp/img/rankingtop/menu-icon-family.png) 3px 50% no-repeat;}
.icon-gender {background:url(//life-cdn.oricon.co.jp/img/rankingtop/menu-icon-gender.png) 3px 50% no-repeat;}
.icon-schedule {background:url(//life-cdn.oricon.co.jp/img/rankingtop/menu-icon-schedule.png) 3px 50% no-repeat;}
.icon-house {background:url(//life-cdn.oricon.co.jp/img/rankingtop/menu-icon-house.png) 3px 50% no-repeat;}


/* category-nav-child */
.category-nav .category-nav-child:before{display:block; content:""; position:absolute; -webkit-transform:rotate(45deg); transform:rotate(45deg); top:1px; left:110px; width:20px; height:20px; margin-left:-11px; background:#fff; border: 1px solid #b6b6b6;}
.category-nav .category-nav-child ul:before{display:block; content:""; position:absolute; -webkit-transform:rotate(45deg); transform:rotate(45deg); top:3px; left:110px; width:21px; height:21px; margin-left:-10px; background:#fff;}

.category-nav .category-nav-child {display:none; position:absolute; top:48px; left:0px; z-index:99; padding:12px 0 0 0!important; margin-left:0px;}
.category-nav .category-nav-child ul {width:432px; padding:15px 27px 10px 33px; background-color:#fff; border:1px solid #b6b6b6; border-radius:10px; list-style:none; margin:0;
box-shadow:rgba(92, 92, 92, 0.4) 0px 0px 12px 2px;
-webkit-box-shadow:rgba(92, 92, 92, 0.4) 0px 0px 12px 2px;
-moz-box-shadow:rgba(92, 92, 92, 0.4) 0px 0px 12px 2px;}
.category-nav .category-nav-child ul li {line-height:1.3; text-align:left; width:138px; float:left; border-bottom:1px solid #3300ff; margin:0 6px 3px 0; padding:0 0 2px;}
.category-nav .category-nav-child ul li a {display:block; color:#3300ff; padding-right:5px; font-size:13px;}
.category-nav .category-nav-child ul li a:hover {color:#000; text-decoration:none;}

.category-nav {margin-bottom:10px;}
.category-nav h3 {width:650px; height:42px; background-color:#79d477; line-height:42px; position:relative; border-radius:2px; font-size:19px; font-weight:normal; text-align:center; color:#fff; margin-bottom:26px;}
.category-nav h3:before{display:block; content:""; position:absolute; -webkit-transform:rotate(45deg); transform:rotate(45deg); top:100%; left:50%; width:16px; height:16px; margin-top:-8px; background:#79d477;}

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




/*************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************/
/*** relation link style ***/
/*************************************************************************************************************************************************************/

.relation-link-area {margin:20px 0;}
.relation-link-area h4 {font-size:126%; border-bottom:1px dotted #ccc; padding-bottom:3px; color:#999; background:url(//life-cdn.oricon.co.jp/img/rankingtop/icon-relation-list.png) 0 4px no-repeat; padding-left:24px;}
.relation-link-area h5 {color:#999;}
.relation-link-list {float:left; margin:10px 0 20px;}
.relation-link-list ul {list-style:none; margin:0; width:310px; padding:0 15px 0 0;}
.relation-link-list ul li {margin:3px 0; padding:0;}
.relation-link-list ul li:before {content:"├";}
.relation-link-list ul li:last-child:before {content:"└";}
.relation-link-list ul li a {color:#00f; display:inline-block; margin-left:3px;}

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



/*************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************/
/*** special list style ***/
/*************************************************************************************************************************************************************/

.box-special-content dl {width:980px; margin:0 auto 40px; padding:60px 0 0 0; position:relative;}
.box-special-content dl:before, .box-special-content dl:after {content: ""; display: table;}
.box-special-content dl:after { clear: both; }

.box-special-content dt {width:250px; margin-right:10px; float:left;}
.box-special-content dt img {width:250px; height:177px; border:1px solid #ccc;}
.box-special-content .sp_title {font-size:24px; border-bottom:2px solid #666; font-weight:bold; color:#666; position:absolute; top:0; left:0; width:100%;}
.box-special-content .list_link {display:inline-block; float:right; background-color:#666; position:absolute; top:0; right:0; z-index:100;}
.box-special-content .list_link a {color:#fff; padding:8px 10px 8px 10px; display:block;}
.box-special-content .list_link a:before {content:""; display:inline-block;	width: 0;
	height: 0; border:6px solid transparent;
	border-left:10px solid #ff0;}
.box-special-content .sp_menu {width:700px; border-bottom:1px dotted #999; float:left; margin:0 0 15px 0; padding:10px 10px; position:relative;}
.box-special-content .sp_menu a {font-size:18px; color:#3366cc; display:inline-block; padding-right:25px;}

.box-special-content .sp_menu:before{display:block; content:""; position:absolute; -webkit-transform:rotate(45deg); transform:rotate(45deg); top:50%; right:10px; width:16px; height:16px; margin-top:-10px; background:#ccc;}
.box-special-content .sp_menu:after{display:block; content:""; position:absolute; -webkit-transform:rotate(45deg); transform:rotate(45deg); top:50%; right:12px; width:16px; height:16px; margin-top:-10px; background:#fff;}

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



/*************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************/
/*** relation link style ***/
/*************************************************************************************************************************************************************/
/* detail_inquiry */
#detail_inquiry {padding: 40px 0 50px; background-color: #f6f6f6;}

.detail_inquiry_section {width: 980px; margin: 0 auto; padding: 0; text-align: left;}
.detail_inquiry_section .detail_inquiry_box { float: left; width: 700px;}
.detail_inquiry_section .detail_inquiry_box .detail_inquiry_num { float: left; width: 12em; padding: 15px 0; background-color: #fff; font-weight: bold; line-height: 1.2; text-align: center;}
.detail_inquiry_section .detail_inquiry_box .detail_inquiry_num strong {font-size: 200%;}
.detail_inquiry_section .detail_inquiry_box .detail_inquiry_catch {margin-top: 10px; padding-left: 10.5em; font-size: 129%; font-weight: bold;}
.detail_inquiry_section .detail_inquiry_btn { float: right; width: 280px; text-align: right;}
.detail_inquiry_section .detail_inquiry_btn a { display: inline-block; *display: inline; *zoom: 1; margin-top: 10px; padding: 15px 25px; border: 1px solid #ccc; background-color: #fff; font-size: 114%; text-align:left; /* text-align: center; */
	 line-height:130%; /* Add */}
.detail_inquiry_section .detail_inquiry_btn a:hover { background-color: #666; color: #fff !important;}
.detail_inquiry_section h3 { margin: 30px 0 10px; padding: 0 0 10px; border-bottom: 1px solid #ccc; font-size: 129%; font-weight: bold;}
.detail_inquiry_section .detail_inquiry_text p, .detail_inquiry_section .detail_inquiry_text dl {float: left; width: 470px;}
.detail_inquiry_section .detail_inquiry_text p + p, .detail_inquiry_section .detail_inquiry_text dl + dl { float: right;}
.detail_inquiry_section .detail_inquiry_text dt { float: left; width: 8em; font-weight: bold;}
.detail_inquiry_section .detail_inquiry_text dd { padding-left: 6em;}
.detail_inquiry_section .detail_inquiry_text dd span {  display: block; margin-left: 3em; text-indent: -3em;}

.detail_inquiry_section .detail_inquiry_box .detail_inquiry_catch {font-size:116%;}
/*************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************/




/*************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************/
/*** renew style 20161221 ***/
/*************************************************************************************************************************************************************/
.heading-area {min-height:initial;}
.heading-area .inner {width:980px; margin:0 auto; padding: 20px 0 0 0;}
.logo-set {float:left; overflow:hidden;}
.logo-set img {margin-top:-30px;}
.title-set {float:left;}
.cs-name  {width:auto; font-size:22px; font-weight:normal; text-align:left; padding:15px 0 0 20px;}
.genre-title {text-align:left; padding-left:20px; line-height:56px; font-size:50px;}
.search-condition {text-align:left; padding:0 0 0 20px; font-size:24px; line-height:16px; background:none; border:0; margin:0; color:#b47c01;}
.cs-name:before,
.cs-name:after {content:none;}
.search-text {width:980px; margin:10px auto 0 auto;}

.heading-area:before {content:none;}
.heading-area .inner:before {content:none;}

.ranking-header h3 {background:url(//life-cdn.oricon.co.jp/img/unify-design/icon-ranking-genre-name.png) no-repeat; padding-left:28px; background-size:22px;}

.genre-title.icon-b2b {background:url(//life-cdn.oricon.co.jp/img/unify-design/icon-b2b.png) 0 0 no-repeat; background-size:50px 50px; padding:3px 0 0 55px; margin-left:20px; width:780px;}

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

.recommend-company-box {width:976px; float:none; margin:15px auto 20px auto; padding:1px; background-color:#fff; border:1px solid #ccc; border-radius:2px;}
.recommend-company-box h4 {font-size:22px; background-color:#eee; color:#00f; border:none; padding:4px 16px; height:24px; font-weight:normal; text-align:center; line-height:24px;}
.recommend-company-box .rank-in strong {color:#666; background-color:transparent; display:inline-block; width:70px; text-align:center; font-size:14px; margin:0 10px 0 0; float:left; padding-left:55px;}
.recommend-company-box .rank-in strong span {font-size:18px;}
.recommend-company-box .rank-in span.client-name {font-size:18px; font-weight:bold; float:left; width:320px;}
.recommend-company-box .rank-in {margin:0; padding:0; list-style:none;}
.recommend-company-box .rank-in li {border-bottom:1px dashed #ccc; padding:15px 0 0 0;}
.top3-content-box {}
.recommend-company-box .rank-in li:last-child {border:none;}
.recommend-company-box .rank-in li a {color:#00f; text-decoration:underline;}
.recommend-company-box .rank-in li a:hover {text-decoration:none;}
.recommend-company-box .rank-in .rank01 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank-gold.png) 10px 5px no-repeat; background-size:40px auto;}
.recommend-company-box .rank-in .rank02 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank-silver.png) 10px 5px no-repeat; background-size:40px auto;}
.recommend-company-box .rank-in .rank03 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank-bronze.png) 10px 5px no-repeat; background-size:40px auto;}
.recommend-company-box .rank-in strong {display:table-cell; vertical-align:middle; float:none; width:120px; font-size:18px;}
.recommend-company-box .rank-in strong span {font-size:24px;}
.recommend-company-box .box-logo {display:table-cell; vertical-align:middle; width:80px; padding-right:10px;}
.recommend-company-box .box-logo img {max-width:50px; max-height:50px;}
.recommend-company-box .rank-in span.client-name {font-size:24px; float:none; display:table-cell; vertical-align:middle; width:auto; font-weight:normal; padding-right:10px;}
.recommend-company-box .rank-in a span.client-name {font-weight:bold; font-size:20px;}
.recommend-company-box .rank-in {margin:0; padding:0 0 0; list-style:none;}
.recommend-company-box .rank-in li {padding:5px 0;}
.recommend-company-box .rank-in li:last-child {border-bottom:none;}
.recommend-company-box .rank-in li a {color:#00f; text-decoration:none; display:table; width:100%;}
.recommend-company-box .rank-in li a:hover {text-decoration:none;}
.recommend-company-box .rank-in .rank01 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank-gold.png) 10px 50% no-repeat; background-size:40px auto;}
.recommend-company-box .rank-in .rank02 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank-silver.png) 10px 50% no-repeat; background-size:40px auto;}
.recommend-company-box .rank-in .rank03 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank-bronze.png) 10px 50% no-repeat; background-size:40px auto;}
.recommend-company-box .rank-in li a .client-detail-link span {font-size:12px; font-weight:normal;}
.recommend-company-box .rank-in li a:hover {opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; -moz-opacity:0.7; -khtml-opacity:0.7; background-color:#efefef;}
.recommend-company-box .rank-in .client-in {padding:0;}
.recommend-company-box .rank-in .client-in a {padding:10px 0; width:98%;}
.recommend-company-box .rank-in li .client-detail-link {position:relative; width:190px; display:table-cell; vertical-align:middle; padding-right:10px; font-weight:bold; color:#fff;
	background: #024FE7;
	background: -webkit-linear-gradient(#024FE7 0%,#003DB5 100%);
	background: linear-gradient(#024FE7 0%,#003DB5 100%);
	height:45px; padding:6px 0 3px 15px; text-align:center; line-height:100%; border-radius:4px; display:table-cell; vertical-align:middle; font-size:16px; text-decoration:none;
}
.recommend-company-box .rank-in li .client-detail-link:before{content:""; display:inline-block; width:12px; height:12px; -webkit-border-radius:50%; border-radius:50%;	border:2px solid #fff; background:none;	position:absolute; left:8px; top:50%; margin-top:-8px;}
.recommend-company-box .rank-in li .client-detail-link:after{content:""; left:14px !important; box-sizing:border-box; width:5px !important; height:4px !important; border:4px solid transparent; border-left: 6px solid #fff;
	background:none !important; position:absolute; margin-top:-4px !important;}


/*************************************************************************/
.box-title .crown.rank01,
.box-title .crown.rank02,
.box-title .crown.rank03 {background:none;}
.main-contents .ranking .ranking-box .box-link {width:230px;}
.ranking-box {background-color:#f8f8f8; border:1px solid #999; margin:0 auto 20px;}
.ranking-box .box-title {margin:-10px 0 0 0;}
.ranking-aside .ranking-box .box-logo,
.ranking-box .box-logo {width:80px; padding:4px 10px 0 10px;}
.ranking-box .box-logo a {padding:10px 0; box-sizing:border-box;}
.ranking-box .box-logo + .box-voice {vertical-align:top; width:270px; padding-top:10px;}
.ranking-box .box-logo + .box-voice ul {margin:0;}
.ranking-box .box-link a.btn {width:100%; padding:11px 0 11px 20px;}
.ranking-box .box-voice p a {color:#333; font-size:12px;}
.ranking-box.no-client .box-voice p {margin-left:10px;}
.ranking-box .box-link a.btn {box-sizing:border-box;}
.box-title .icon-rank {margin:0 0 0 12px;}
.box-title .icon-rank.crown {margin:0;}

.no-client .box-title .crown.rank01, .no-client .box-title .crown.rank02, .no-client .box-title .crown.rank03 {background:none;}

.ranking-box .box-title h4 {box-sizing:border-box;}
.ranking-aside .ranking-box .box-title h4 {width:100%; padding-right:10px;}
.ranking-aside .ranking-box .box-link {width:230px;}
.ranking-aside .ranking-box .box-link ul {margin-right:0;}

.recommend-company-btn-box {display:table-cell; vertical-align:middle; width:190px;}


.box-title .icon-recommend-ranking {background-image: url(//life-cdn.oricon.co.jp/img/common/icon-recommend-ranking.png); background-size:26px 26px;}
.high-evaluation .box-title .icon-recommend-ranking {background-image: url(//life-cdn.oricon.co.jp/img/common/icon-comment-ranking.png); background-size:26px 26px;}

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



.top3-box {width:976px; float:none; margin:15px auto 20px auto; padding:1px; background-color:#fff; border:1px solid #ccc; border-radius:2px;}
.top3-box h4 {font-size:22px; background-color:#eee; color:#00f; border:none; padding:4px 16px; height:24px; font-weight:normal; text-align:center; line-height:24px;}
.top3-box .rank-in strong {color:#666; background-color:transparent; display:inline-block; width:70px; text-align:center; font-size:14px; margin:0 10px 0 0; float:left; padding-left:55px;}
.top3-box .rank-in strong span {font-size:18px;}
.top3-box .rank-in span.client-name {font-size:18px; font-weight:bold; float:left; width:320px;}
.top3-box .rank-in {margin:0; padding:0; list-style:none;}
.top3-box .rank-in li {border-bottom:1px dashed #ccc; padding:15px 0 0 0;}
.top3-content-box {}
.top3-box .rank-in li:last-child {border:none;}
.top3-box .rank-in li a {color:#00f; text-decoration:underline;}
.top3-box .rank-in li a:hover {text-decoration:none;}
.top3-box .rank-in .rank01 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank-gold.png) 10px 5px no-repeat; background-size:40px auto;}
.top3-box .rank-in .rank02 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank-silver.png) 10px 5px no-repeat; background-size:40px auto;}
.top3-box .rank-in .rank03 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank-bronze.png) 10px 5px no-repeat; background-size:40px auto;}
.top3-box .rank-in strong {display:table-cell; vertical-align:middle; float:none; width:120px; font-size:18px;}
.top3-box .rank-in strong span {font-size:24px;}
.top3-box .box-logo {display:table-cell; vertical-align:middle; width:80px; padding-right:10px;}
.top3-box .box-logo img {max-width:50px; max-height:50px;}
.top3-box .rank-in span.client-name {font-size:24px; float:none; display:table-cell; vertical-align:middle; width:auto; font-weight:normal; padding-right:10px;}
.top3-box .rank-in a span.client-name {font-weight:bold; font-size:20px;}
.top3-box .rank-in {margin:0; padding:0 0 0; list-style:none;}
.top3-box .rank-in li {padding:5px 0;}
.top3-box .rank-in li:last-child {border-bottom:none;}
.top3-box .rank-in li a {color:#00f; text-decoration:none; display:table; width:100%;}
.top3-box .rank-in li a:hover {text-decoration:none;}
.top3-box .rank-in .rank01 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank-gold.png) 10px 50% no-repeat; background-size:40px auto;}
.top3-box .rank-in .rank02 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank-silver.png) 10px 50% no-repeat; background-size:40px auto;}
.top3-box .rank-in .rank03 {background:url(//life-cdn.oricon.co.jp/img/common/icon-rank-bronze.png) 10px 50% no-repeat; background-size:40px auto;}
.top3-box .rank-in li a .client-detail-link span {font-size:12px; font-weight:normal;}
.top3-box .rank-in li a:hover {opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; -moz-opacity:0.7; -khtml-opacity:0.7; background-color:#efefef;}
.top3-box .rank-in .client-in {padding:0;}
.top3-box .rank-in .client-in a {padding:10px 2% 10px 0; width:98%;}
.top3-box .rank-in li .client-detail-link {position:relative; width:190px; display:table-cell; vertical-align:middle; padding-right:10px; font-weight:bold; color:#fff;
	background: #024FE7;
	background: -webkit-linear-gradient(#024FE7 0%,#003DB5 100%);
	background: linear-gradient(#024FE7 0%,#003DB5 100%);
	height:45px; padding:6px 0 3px 15px; text-align:center; line-height:100%; border-radius:4px; display:table-cell; vertical-align:middle; font-size:16px; text-decoration:none;
}
.top3-box .rank-in li .client-detail-link:before{content:""; display:inline-block; width:12px; height:12px; -webkit-border-radius:50%; border-radius:50%;	border:2px solid #fff; background:none;	position:absolute; left:8px; top:50%; margin-top:-8px;}
.top3-box .rank-in li .client-detail-link:after{content:""; left:14px !important; box-sizing:border-box; width:5px !important; height:4px !important; border:4px solid transparent; border-left: 6px solid #fff;
	background:none !important; position:absolute; margin-top:-4px !important;}


/*************************************************************************/
.box-title .crown.rank01,
.box-title .crown.rank02,
.box-title .crown.rank03 {background:none;}
.box-link {width:205px;}
.layout-1col .box-link {width:100%;}
.ranking-box {background-color:#f8f8f8; border:1px solid #999; margin:0 auto 20px;}
.ranking-box .box-title {margin:-10px 0 0 0;}
.ranking-box .box-logo {width:80px; padding:4px 10px 0 10px;}
.ranking-box .box-logo a {padding:10px 0;}
.ranking-box .box-logo + .box-voice {padding-top:10px;}
.ranking-box .box-logo + .box-voice ul {margin:0;}
.ranking-box .box-link a.btn {width:100%; padding:11px 0 11px 20px;}
.ranking-box .box-voice p a {color:#333; font-size:12px; display:inline-block; text-indent:0;}
.ranking-box.no-client .box-voice p {margin-left:10px;}

.no-client .box-title .crown.rank01, .no-client .box-title .crown.rank02, .no-client .box-title .crown.rank03 {background:none;}

.top3-box .rank-in .client-in {background: url(//life-cdn.oricon.co.jp/img/common/icon-rank-in.png) 18px 50% no-repeat; background-size:auto 50px;}



/*************************************************************************/
/** ranking bottom comment list **/

.rank-bottom-special-box .rank-special-box-title span.update {display:block; float:right; font-size:11px; color:#666; line-height:26px; padding-left:5px;}
.rank-bottom-special-box .box-voice-area {margin:0; vertical-align: top;}
.rank-bottom-special-box .box-voice-area ul {margin:15px 0 0 0; padding:0; list-style-type:none;}
.rank-bottom-special-box .box-voice-area li {margin:0 0 14px 0; padding:0 0 0 0; list-style-type:none; position:relative; float:left; border-radius:4px; -webkit-box-sizing:border-box; box-sizing:border-box; border:2px solid #dfe3e8; width:318px;}
.rank-bottom-special-box .box-voice-area li:nth-child(odd) {clear: left; margin-right: 14px;}
.rank-bottom-special-box .box-voice-area li h3 {background-color:#dfe3e8; padding:3px 6px;}
.rank-bottom-special-box .box-voice-area li h3 a {display:block;}
.rank-bottom-special-box .box-voice-area li .box-voice-img {font-size: 86%;display:table-cell; width:76px; padding:4px 0; text-align:center;}
.rank-bottom-special-box .box-voice-area li .box-voice-img img {display:block; margin:0 auto 5px;}
.rank-bottom-special-box .box-voice-area li .box-voice-txt {padding:3px 2px; display:table-cell; padding-right:3px; font-size:100%; line-height:1.5; vertical-align:middle;}

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


/******************************************************************************************/
/** GENRE TOP CSS 20170117 **/

.box-contents h3 {margin-bottom:0; margin-top:30px;}
.rank-bottom-special-box .rank-special-box-title {margin-top:0 !important;}
.ranking-client .box-ranking .btn-more-ranking {width:100%; margin:0 auto; padding:0;}
.ranking-client .box-ranking .btn-more-ranking a {padding:5px 15px;}

.box-contents.box-special-content h3 {margin-bottom:30px;}

.recommend-company-box .rank-in .client-in a {padding-right:2%;}


/** ******************************************************************************** **/
/** ******************************************************************************** **/
/** ******************************************************************************** **/
/** ******************************************************************************** **/
/** ******************************************************************************** **/
/** *** 2017/04/24 search box layout *********************************************** **/
.search-form .title-blue,
.search-form .title-red {border-radius:2px; border:1px solid #aaa; padding:6px 26px 4px; font-size:20px; position:relative;}
.search-form .title-blue:before {content:""; position:absolute; border-radius:1px; border:1px solid #5a83a1; top:50%; margin-top:-14px; left:8px; width:6px; height:24px;
	background:#a7c7dc;
	background:-moz-linear-gradient(top, #a7c7dc -1%, #a7c7dc 0%, #85b2d3 100%);
	background:-webkit-linear-gradient(top, #a7c7dc -1%,#a7c7dc 0%,#85b2d3 100%);
	background:linear-gradient(to bottom, #a7c7dc -1%,#a7c7dc 0%,#85b2d3 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7c7dc', endColorstr='#85b2d3',GradientType=0 );}
.search-form .title-red:before {content:""; position:absolute; border-radius:1px; border:1px solid #a15a5a; top:50%; margin-top:-14px; left:8px; width:6px; height:24px;
	background:#a7c7dc;
	background:-moz-linear-gradient(top, #e38370 -1%, #e38370 0%, #e8a58e 100%);
	background:-webkit-linear-gradient(top, #e38370 -1%,#e38370 0%,#e8a58e 100%);
	background:linear-gradient(to bottom, #e38370 -1%,#e38370 0%,#e8a58e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8a58e', endColorstr='#e38370',GradientType=0 );}
.search-form .digest-copy {font-size:16px; padding:15px 15px 0 15px; line-height:180%;}
.search-form .target-company-list {font-size:16px; padding:15px 15px 20px 15px; line-height:180%;}
/** *********************************************************************** **/
/** *** select area **************************************************** **/
.search-form .conditions-select dl {width:630px; margin:0 auto;}
.search-form .conditions-select dl dt {font-weight:bold; clear:both; color:#333; background-color:#f0f0f0; padding:4px 6px; margin:20px 0 5px;}
.search-form .conditions-select dl dt.category01 {margin:15px 0 5px;}
.search-form .conditions-select dl dd {line-height:28px; width:200px; float:left; font-size:14px; margin:5px 0 0 0; padding-left:10px;}
.search-form .conditions-select dl dd:last-child {margin-right:0;}
.search-form .conditions-select dl dd input,
.search-form .conditions-select dl dd label {cursor:pointer;}
.search-form .conditions-select select {/*background:none; border:1px solid #ffd;*/ line-height:56px; position:relative; outline:none;}
.search-form .button-search {width:500px; height:60px; margin:30px auto 70px auto;}
.search-form .button-ranking {width:500px; height:60px; margin:20px auto 70px auto;}
.search-form .button-search .active:before {content:""; display:inline-block; width:32px; height:60px; margin-right:14px; background:url(//life-cdn.oricon.co.jp/rank_insurance/search/img/icon-search.png) 0 14px no-repeat; vertical-align:middle;}
.search-form .button-ranking a:after {content:""; border:10px solid transparent; border-left:15px solid #fff; position:absolute; right:36px; top:50%; margin:-11px 0 0 6px;}
.search-form .button-search .active,
.search-form .button-ranking a {display:block; width:500px; height:60px; color:#fff; line-height:60px; font-size:24px; font-weight:bold; text-align:center; border-radius:4px;}
.search-form .button-search .active {background-color:#ed1c26; border:1px solid #da2929;}
.search-form .button-ranking a {background-color:#1188aa; border:1px solid #0880a2; position:relative;}
.search-form .button-search .active:hover,
.search-form .button-ranking a:hover {opacity:0.7; filter:alpha(opacity=70); text-decoration:none;}
/** *********************************************************************** **/
/** *** result area **************************************************** **/
.search-form .select-conditions-list {margin:10px; font-weight:bold; font-size:14px; color:#333;}
.search-form .select-conditions-list .title {font-size:16px;}
.search-form .divide {color:#999; padding:0 3px;}
.search-form .result-table-box {width:630px; margin:10px; overflow-x:auto;border:3px solid #1188aa;}
.search-form .result-table-box-left {width:330px; float:left;}
.search-form .result-table-box-right {width:300px; overflow-x:scroll; float:left;}
.search-form .result-table { border-radius:4px; table-layout:fixed; width:630px;}
.search-form .result-table tr:nth-child(odd) {background-color:#f9f9f9;}
.search-form .result-table th,
.search-form .result-table td {border-left:1px solid #1188aa; border-top:1px solid #1188aa; text-align:center; padding:10px 5px; font-size:14px;}
.search-form .result-table th {font-size:11px; background-color:#E6F2FF;}
.search-form .result-table th.value {background-color:#E6F2FF;}
.search-form .result-table th span {display:block;}
.search-form .result-table .btn-sort {}
.search-form .result-table .btn-sort a {display:block; height:100%; width:100%;cursor:pointer;}
.search-form .result-table .btn-sort a.select {color:#f00;}
.search-form .result-table .name {text-align:left; padding:10px; position:relative;}
.search-form .result-table .name .tbl-client-box,
.search-form .result-table .name-nodetail .tbl-client-box {position:relative;}
.search-form .result-table .name-nodetail .tbl-client-box {padding:10px 0;}
.search-form .result-table .name-nodetail {text-align:left; padding:10px;}
.search-form .result-table .name .client_rank {text-align:left; display:table; vertical-align:middle; min-height:60px;}
.search-form .result-table .name-nodetail .client_rank,
.search-form .result-table .name .client_rank a {display:table-cell; font-size:14px; line-height:140%; text-align:left; padding:0 105px 0 0; vertical-align:middle;}
.search-form .result-table .name .logo {display:block; vertical-align:middle; width:60px; float:left; margin-right:10px;}
.search-form .result-table .name .logo img {width:60px;}
.search-form .result-table .name-nodetail .btn-area {top:50%; margin-top:-16px;}
.search-form .result-table .btn-area {display:block; vertical-align:middle; width:100px; position:absolute; top:0; right:0; margin-top:0;}
.search-form .result-table .btn-area span {display:block; margin:3px 0;}
.search-form .result-table .btn-area span a {padding:0 5px; height:25px; font-size:12px; background-color:#1188aa; display:block; border-radius:2px; color:#fff; text-align:center; font-weight:bold; line-height:25px;}
.search-form .result-table .btn-area span.btn-cost a {background: #20c1a6; background: -webkit-linear-gradient(#20c1a6 0%,#0f9680 100%);	background: linear-gradient(#20c1a6 0%,#0f9680 100%);}
.search-form .result-table .btn-area span.btn-detail a {background: #024FE7;	background: -webkit-linear-gradient(#024FE7 0%,#003DB5 100%); background: linear-gradient(#024FE7 0%,#003DB5 100%);}
.search-form .result-table .btn-area span.btn-company a {background: #999; background: -webkit-linear-gradient(#aaa 0%,#999 100%); background: linear-gradient(#aaa 0%,#999 100%);}
.search-form .result-table .btn-area span.btn-cost a:hover,
.search-form .result-table .btn-area span.btn-detail a:hover,
.search-form .result-table .btn-area span.btn-company a:hover {opacity:0.7; filter:alpha(opacity=70); text-decoration:none;}
.search-form .result-table .inc-rank {width:30px; border-left:none;}
.search-form .result-table .inc-info {width:340px;}
.search-form .result-table .value {width:90px;}
.search-form #result-container {margin-bottom:60px;}
.search-form #result-container .result-table {/*padding-right:50px;*/}
.search-form .nowSort{color:red !important;}
/** *********************************************************************** **/
/** *********************************************************************** **/
/** *********************************************************************** **/
/** *********************************************************************** **/
/** *********************************************************************** **/
/** *********************************************************************** **/



/* **** *** */
.search-form .result-table .name-nodetail .client_rank {padding:0;}
.search-form .result-table .box-link {width:160px; padding-left:4px;}
.search-form .result-table .box-link ul {margin:0;}
.search-form .result-table .box-link a.btn {font-size:12px; padding:6px 0;}
.search-form .result-table .box-link a.btn {padding:6px 0 6px 18px;}
.search-form .result-table .box-link a.btn:before{content:""; display:inline-block; width:12px; height:12px; -webkit-border-radius:50%; border-radius:50%; border:2px solid #fff; background:none;	position:absolute; left:8px; top:50%; margin-top:-8px;}
.search-form .result-table .box-link a.btn:after{content:""; left:14px !important; box-sizing:border-box; width:5px !important; height:4px !important; border:4px solid transparent; border-left: 6px solid #fff; background:none !important; position:absolute; margin-top:-4px !important; top:50%;}
.search-form .result-table .name-nodetail .client_rank {width:172px;}


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

.cf:before, .cf:after {content: ""; display: table;}
.cf:after { clear: both; }
.lte7 .cf { overflow: hidden; }