/*************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************/
/*** 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;}

.box-special-content {}

.box-contents {background-color:#fff; padding:0 0 30px 0; margin:0;}
.box-contents.ranking {margin:0 !important;}
.box-contents h3 {background-color:#118CD4; 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:#118CD4; position:absolute; margin-left:-15px;}

.rank_esthe .box-contents h3 {background-color:#eb2f69;}
.rank_esthe .box-contents h3:before{background-color:#eb2f69;}

.box-contents.rank-mens h3 {background-color:#333;}
.box-contents.rank-mens h3:before{background-color:#333;}

.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:#f90; 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;}


.breadcrumb-list-box {background-color:#e9e9e9; padding:6px 10px;}
.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;}


.ranking-client .box-ranking h4 {font-size:26px; background-color:#118cd4; color:#fff; border:none; border-radius:4px; padding:6px 16px;}
.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:80px; max-height:80px;}
.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 .client-detail-link {width:185px; display:table-cell; vertical-align:middle; padding-right:10px; font-weight:bold;}
.ranking-client .rank-in li .client-detail-link {width:185px; height:50px; padding:6px 0 3px 0; text-align:center; line-height:100%; background-color:#00f; color:#fff; border-radius:10px; display:table-cell; vertical-align:middle; font-size:20px; text-decoration:none;}
.ranking-client .rank-in li a .client-detail-link span {font-size:14px; 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:#D2F7F7;}

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


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

/* ** 1st ver style ** */
/*

.box-contents {background-color:#eee; padding:0 0 30px 0; margin:0;}
.box-contents.ranking {margin:0 !important;}
.box-contents h3 {background-color:#eb2f69; 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:#eb2f69; position:absolute;}

.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 {position:absolute; top:30px; right:50px; 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:#f90; 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;}
*/
/*************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************/



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

#header {height:56px;}
.heading-area {margin-top:130px;}
#floating-header {position:fixed; height:130px; width:100%; z-index:10000; top:0; background-color:#fff;}
#global-nav {width:100%; display:block; border-top:1px solid #000; border-bottom: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 7px 0 7px; 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;}
.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) 120px -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;}

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


/*************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************/
/*** 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;}

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


/*************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************/
/*** ranking layout style ***/
/*************************************************************************************************************************************************************/

.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;}
.box-title .crown.rank02 {background:none;}
.box-title .crown.rank03 {background:none;}
.ranking-box .box-title h4 {position:relative; padding:12px 0 0 60px; width:480px;}
.ranking-box .box-title h4 a {color:#333;}
.ranking-box .box-title .box-score {padding:4px 4px 0;}
.ranking-box .box-title .box-score strong {color:#333;}
.box-title .box-title-side {position:relative;}

.ranking-box .client-logo-btn-area {margin:0 0 10px;}
.ranking-box .client-logo-btn-area .box-logo {width:100px; height:auto; display:table; float:left;}
.ranking-box .client-logo-btn-area .box-logo a {/*border:1px solid #e4e4e4; */ display:table-cell; vertical-align:middle; /*background-color:#fff;*/ height:100px;}
.ranking-box .client-logo-btn-area .box-logo .box-detail {margin-top:5px;}
.ranking-box .client-logo-btn-area .box-logo .box-detail a {border:none; padding:0;}
.ranking-box .client-logo-btn-area .box-logo img {width:100%; height:auto;}

.ranking-box .box-rank-info .client-logo-btn-area .box-link {width:466px; height:100px; display:table; float:left; clear:none !important; padding-top:0 !important; padding-left:10px;}
.ranking-box .box-rank-info .client-logo-btn-area .box-link ul {margin:0 0 0 auto; display:table; vertical-align:middle; height:100%;}
.ranking-box .box-rank-info .client-logo-btn-area .box-link ul li {display:table-cell; vertical-align:middle; float:none; padding-right:5px;}
.ranking-box .box-rank-info .client-logo-btn-area .box-link ul li:last-child {padding-right:0;}
.ranking-box .box-rank-info .box-link.outside-link li a,
.ranking-box .box-rank-info .client-logo-btn-area .box-link li a {font-size:14px; line-height:16px; display:table-cell; vertical-align:middle; background:none; border:1px solid #174574; background-color:#4b96e2; border-radius:0;}
.ranking-box .box-rank-info .client-logo-btn-area .box-link li a.orange {border:1px solid #9E3805; background-color:#FF6200; border:none;}
.ranking-box .box-rank-info .client-logo-btn-area .box-link li a.green {border:1px solid #0F564B; background-color:#0f9680; border:none;}
.ranking-box .box-rank-info .client-logo-btn-area .box-link li a.blue {border:1px solid #174574; background-color:#024FE7; border:none;}
.ranking-box .box-rank-info .client-logo-btn-area .box-link a.btn {width:165px;}
.ranking-box .box-rank-info .client-logo-btn-area .box-link a.btn.website {width:127px;}

.ranking-box .box-rank-info .client-logo-btn-area .box-link a.btn,
.ranking-box .box-rank-info .client-logo-btn-area .box-link .btn.website {border:none;}

.ranking-box .box-rank-info .box-link.outside-link li {float:none;}
.ranking-box .box-rank-info .box-link.outside-link .btn.website {width:300px; margin:0 auto; height:36px; border:none;}


.ranking-box .box-rank-info {width:580px; border:1px solid #ccc; background-color:#fff; margin:15px 0 15px 15px; position:relative; padding:18px;
	box-shadow:rgb(204, 204, 204) 3px 3px 0px 0px;
	-webkit-box-shadow:rgb(204, 204, 204) 3px 3px 0px 0px;
	-moz-box-shadow:rgb(204, 204, 204) 3px 3px 0px 0px;}

.ranking-box .box-rank-info .box-score {width:289px; float:left;}
.ranking-box .box-rank-info .box-voice {width:271px; float:left; margin-left:18px;}

.ranking-box .box-rank-info .score-graph-title {float:left; display:inline-block;}
.ranking-box .box-rank-info .socre-graph-legends {float:right; display:inline-block; width:140px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:80%;}
.ranking-box .box-rank-info .socre-graph-legends .myscore {color:#cccc66;}
.ranking-box .box-rank-info .socre-graph-legends .average {color:#dddddd;}

/* esthe */
.rank_esthe .ranking-box .box-rank-info .socre-graph-legends .myscore,
.rank_waterserver .ranking-box .box-rank-info .socre-graph-legends .myscore {color:#ee6666;}
.rank_esthe .ranking-box .box-rank-info .socre-graph-legends .average,
.rank_waterserver .ranking-box .box-rank-info .socre-graph-legends .average {color:#c6e2f0;}



.ranking-box .box-rank-info .no-socre-graph {width:290px; margin:8px 0 0 0;}

.ranking-box .box-rank-info .emphasis-average {background-color:#f3f1f1; border:1px solid #ccc; padding:3px 5px; font-size:86%; margin:7px 0 15px 0; text-align:center;}
.ranking-box .box-rank-info .socre-graph-average {width:289px; background-color:#eee;}

.ranking-box .box-rank-info .box-voice li {width:259px; border:1px solid #f4f4f4; box-sizing:content-box;}
.ranking-box .box-rank-info .box-voice li:before {border-width:8px 9px 0 0; bottom:-8px; left:21px; border-color:#f4f4f4 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);}
.ranking-box .box-rank-info .box-voice .box-voice-img {text-align:center; width:62px; padding:5px 0; float:left; margin-right:5px; font-size:80%;}
.ranking-box .box-rank-info .box-voice .box-voice-img img {margin-right:0;}
.ranking-box .box-rank-info .box-voice .box-voice-txt {font-size:96%; line-height:1.5; width:188px; float:right; padding:3px 0;}

.ranking-box .box-rank-info .box-link {padding-top:5px; clear:both;}
.ranking-box .box-rank-info .box-link li {float:left; margin-right:10px;}
.ranking-box .box-rank-info .box-link li:last-child {margin-right:0;}
.ranking-box .box-rank-info .box-link li a {display:block; line-height:44px; color:#fff; font-size:24px; font-weight:bold;}
.ranking-box .box-rank-info .box-link li a.btn-detail {width:348px; height:44px; border:1px solid #c90068; background-color:#ff0084;}
.ranking-box .box-rank-info .box-link li a.btn-official-site {width:215px; height:44px; border:1px solid #174574; background-color:#4b96e2;
	background: -webkit-linear-gradient(#509cea 0%,#468fda 100%);
	background: linear-gradient(#509cea 0%,#468fda 100%);}
.ranking-box .box-rank-info .box-link li a:hover {opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; -moz-opacity:0.7; -khtml-opacity:0.7;}


.ranking-aside .ranking-box .box-link li a  {width:171px; height:34px; border:1px solid #174574; background-color:#4b96e2; border-radius:0;
	background: -webkit-linear-gradient(#509cea 0%,#468fda 100%);
	background: linear-gradient(#509cea 0%,#468fda 100%);}
.ranking-aside .ranking-box .box-link li a :hover {opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; -moz-opacity:0.7; -khtml-opacity:0.7;}

.ranking-aside .ranking-box .box-link {display:table-cell;}
.ranking-aside .ranking-box .box-link .btn.website {width:180px; height:30px; line-height:30px; font-size:100%;}
.ranking-aside .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:none;}
.ranking-aside .ranking-box .box-voice > .box-voice-txt p {margin-top:0; margin-right:0;}
.ranking-aside .ranking-box .box-detail a {color:#333; text-decoration:underline;}
.ranking-aside .ranking-box .box-detail a:hover {text-decoration:none;}
.ranking-aside .ranking-box .box-link li {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; border-bottom:0; width:auto;}
.ranking-aside .no-client .box-voice {width:600px; padding:0 10px 10px 15px;}
.ranking-aside .outside-client .box-voice {width:420px; display:table-cell;}
.ranking-aside .outside-client .box-link ul {margin-top:0;}

.detail-text-link {text-align:right;}
.detail-text-link a {background:url(//life-cdn.oricon.co.jp/img/common/marker-arrow-right.png) 0 50% no-repeat; list-style:none; min-width:133px; margin:0 auto; padding:0 0 0 12px; display:inline-block;}

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


/*************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************/
/*** graph layout style ***/
/*************************************************************************************************************************************************************/

.graph_box{width:289px; position:relative; margin:0 auto 0; padding-bottom:32px;}
.ranking-box .box-rank-info .socre-graph-average {
    background: none;
}
.graph_bg{width:200px; margin-left:89px;}
.graph_bg div.top {height:5px;border-top: solid 1px #cfcfcf;}
.graph_bg div.foot{height:5px;border-bottom:solid 1px #cfcfcf;}
.graph_bg div.top {border-left:solid 1px #cfcfcf;}
.graph_bg div.foot{border-left:solid 1px #cfcfcf;}
.graph_ten{margin-left:89px;position:relative;}
.graph_ten div{ text-align:center;position:absolute; top:0px; font-size: 11px;}
.ranking-box .box-rank-info .graph_main .emphasis-average {clear: both;float: left;width: 277px;margin-top: 10px;margin-bottom: 10px}
.graph_box .graph_main {width:289px; position:absolute; top:0px;left:0px; margin:0;}
.graph_box dl {width:289px; margin-bottom: 10px; position: relative;}
.graph_box dl dt{width:84px; height:36px; padding-right:5px; float:left; text-align:right; font-weight:bold; font-size: 11px;}
.graph_box dl dd{width:200px;height:36px;float:left; position:relative; margin:0;}
.graph_box dl dd p.bar_main{height:14px; position:absolute; top:9px;left:1px; background-color:#cccc66;margin:0;}
.graph_box dl dd p.bar_base{height:14px; position:absolute; top:15px;left:1px; background-color:#dddddd;margin:0;}

.rank_esthe .graph_box dl dd p.bar_main,
.rank_waterserver .graph_box dl dd p.bar_main{background-color:#ee6666;}
.rank_esthe .graph_box dl dd p.bar_base,
.rank_waterserver .graph_box dl dd p.bar_base{background-color:#c6e2f0;}

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


/*************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************/
/*** 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_section .detail_inquiry_box .detail_inquiry_catch {font-size:120%;}
/*************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************/

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