@charset "utf-8";
/* CSS Document */

/* ------------------------------
 Reset
------------------------------*/
*,h1 {
 margin: 0;
 padding: 0;
}
li {
 list-style: none;
}
table,th,td {
 margin: 0;
 padding: 0;
 border: none;
 background: none;
}

/* ------------------------------
 Base
------------------------------*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/*! Android用 */
* {
 background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
 max-height: 999999px;
}

html {
 font-size: 62.5%;
 background-color: #fff;
}
body,
input,
textarea {
 font-size: 1.6rem;
 font-weight: 500;
 line-height: 1.7;
 font-family: "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, sans-serif;
 color: #000;
}
.mincho{
 font-family: "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝", serif;
}
a:focus { outline:none;}

a:link,a:visited {
 color: #000;
 text-decoration: none;
}
a:active,
a:hover {
 text-decoration: underline;
 filter: alpha(opacity=70);
 -ms-filter: "alpha(opacity=70)";
 -khtml-opacity: 0.7;
 -moz-opacity: 0.7;
  opacity: .7;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="number"],
textarea {
 background: #f9f9f9;
 border: 1px solid #ccc;
 box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
 -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
 -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
 padding: 0.2em 0.5em;
}
img,iframe {
 max-width: 100%;
}
img {
 vertical-align: middle;
}
b, strong {
 font-weight: bold;
}
p {
 margin: 0;
}

/* ------------------------------
 library
------------------------------ */
/* float */
.clear {
 clear: both;
}
.clearfix::after {
 clear: both;
 content: ".";
 display: block;
 font-size: 0;
 height: 0;
 visibility: hidden;
}
.clearfix {
 min-height: 1px;
}
.floatbox {
 overflow: hidden;
}
.left {
 float: left;
}
.right {
 float: right;
}
/* floatlist */
.floatlist {
 list-style: none;
 margin: 0;
 padding: 0;
 font-size: 0;
}
.floatlist > li {
 display: inline-block;
 vertical-align: top;
 font-size: 1.6rem;
}
.floatlist > li:last-child {
 margin-right: 0;
}
/* text */
.text-center {
 text-align: center;
}
.text-left{
 text-align: left;  
}
.text-right{
 text-align: right;  
}
.text-indent {
 text-indent: -1em;
 padding-left: 1em;
}
.text-hide {
 overflow: hidden;
 text-indent: 100%;
 white-space: nowrap;
}
/* table */
.table {
 display: table;
 width: 100%;
}
.cell {
 display: table-cell;
 vertical-align: middle;
}

.mt05 { margin-top:5px!important; }
.mt10 { margin-top:10px!important; }
.mt15 { margin-top:10px!important; }
.mt20 { margin-top:20px!important; }
.mt30 { margin-top:30px!important; }
.mt40 { margin-top:40px!important; }
.mt50 { margin-top:50px!important; }
.mt60 { margin-top:60px!important; }
.mt70 { margin-top:70px!important; }
.mt80 { margin-top:80px!important; }
.mt90 { margin-top:90px!important; }
.mb05 { margin-bottom:5px!important; }
.mb10 { margin-bottom:10px!important; }
.mb15 { margin-bottom:15px!important; }
.mb20 { margin-bottom:20px!important; }
.mb30 { margin-bottom:30px!important; }
.mb40 { margin-bottom:40px!important; }
.mb50 { margin-bottom:50px!important; }
.mb60 { margin-bottom:60px!important; }
.mb70 { margin-bottom:70px!important; }
.mb80 { margin-bottom:80px!important; }
.mb90 { margin-bottom:90px!important; }

/* ------------------------------
 Layout
------------------------------ */

/* common
------------------------------ */
body {
 background-color: #f7f6f5;
 min-width: 1400px;
}
.inner {
 margin: 0 auto;
 width: 1000px;
}

.page-top {
 position: fixed;
 background-image: url(../img/common/page_top.png);
 background-repeat: no-repeat;
 background-size: cover;
 width: 51px;
 font-size: 0;
 line-height: 0;
 bottom: 15px;
 right: 30px;
 z-index: 9999;
}
.page-top a {
 display: block;
 height: 64px;
}

/* header
------------------------------ */
.index #header {
 background-image: url('../img/top/bg_header_01.png');
 background-repeat: no-repeat;
 background-position : center bottom;
}
.index #header .inner-wrapper {
 background-image: url('../img/top/bg_header_02.png');
 background-repeat: no-repeat;
 background-position : center top;
 min-height: 768px;
}
.index #header .header-line {
 background-image: url('../img/top/bg_header_03.png');
 background-repeat: repeat-x;
 background-position : left bottom;
}
.index #header .inner {
 width:556px;
}
.lower #header {
 background-image: url('../img/lower/bg_header_01.png');
 background-repeat: no-repeat;
 background-position : center bottom;
 border-bottom: 4px solid #000;
 min-height: 445px;
}
.header-upper {
 padding-top: 35px;
}
.header-upper .header-sns {
 margin: 10px 6px 0 0;
}
.header-upper .header-sns li {
 margin-left: 9px;
}
.header-upper .header-sns li a {
 display: inline-block;
 width: 26px;
 height: 33px;
}
.lower .header-upper {
 background-image: url('../img/lower/bg_header_02.png');
 background-repeat: no-repeat;
 background-position : center bottom;
 min-height: 178px;
 padding-top: 126px;
}


/* footer
------------------------------ */
.footer-upper {
 background-color: #fff;
 background-image: url('../img/common/img_products_01.png');
 background-repeat: no-repeat;
 background-position : center top;
 height: 482px;
}
.footer-title {
 padding-top: 30px;
}
.footer-text {
 padding-top: 28px;
}
.btn-diagnose a {
 background-image: url('../img/common/footer_btn_01.png');
 background-repeat: no-repeat;
 background-position : 0 0;
 display: inline-block;
 width: 460px;
 height: 92px;
}
.btn-diagnose a:hover {
 background-image: url('../img/common/footer_btn_01_on.png');
 opacity: 1.0;
}
.footer-bottom {
 background-image: url('../img/common/bg_footer_01.png');
 background-repeat: repeat-x;
 background-position : left bottom;
}
.footer-bottom .contact {
 padding: 40px 0;
}
.footer-bottom .contact a {
 text-decoration: underline;
}
.footer-bottom .copyright {
 color: #fff;
 font-size: 1.2rem;
 padding: 70px 0 30px;
}

.back-to-top {
 font-size: 0;
 line-height: 0;
 margin-top: 30px;
}
.back-to-top a {
 background-image: url('../img/lower/back_to_top.png');
 background-repeat: no-repeat;
 background-position : 0 0;
 display: inline-block;
 width: 105px;
 height: 199px;
}
.back-to-top a:hover {
 background-image: url('../img/lower/back_to_top_on.png');
 opacity: 1.0;
}

.footer-sns {
 background-color: #000;
 background-image: url('../img/lower/bg_footer_02.png');
 background-repeat: repeat-x;
 background-position : left top;
 margin-top: 28px;
 padding-top: 60px;
}
.footer-sns-inner {
 background-image: url('../img/lower/bg_footer_03.png');
 background-repeat: repeat-x;
 background-position : left bottom;
 padding: 40px 0 60px;
}
.footer-sns ul {
 padding-bottom: 70px;
}
.footer-sns li {
 margin-left: 40px;
 line-height: 0;
}
.footer-sns li:first-child {
 margin-left: 0;
}
.footer-sns li a {
 background-repeat: no-repeat;
 background-position : 0 0;
 display: inline-block;
 width: 307px;
 height: 72px;
}
.footer-sns li a:hover {
 opacity: 1.0;
}
.footer-sns .facebook a {
 background-image: url('../img/lower/btn_facebook.png');
}
.footer-sns .facebook.active a,
.footer-sns .facebook a:hover {
 background-image: url('../img/lower/btn_facebook_on.png');
}
.footer-sns .twitter a {
 background-image: url('../img/lower/btn_twitter.png');
}
.footer-sns .twitter.active a,
.footer-sns .twitter a:hover {
 background-image: url('../img/lower/btn_twitter_on.png');
}
.footer-sns .googleplus a {
 background-image: url('../img/lower/btn_googleplus.png');
}
.footer-sns .googleplus.active a,
.footer-sns .googleplus a:hover {
 background-image: url('../img/lower/btn_googleplus_on.png');
}


/* index
------------------------------ */
#main {
 background-image: url('../img/top/bg_01.png');
 background-repeat: no-repeat;
 background-position : center top;
 padding: 66px 0 158px;
}
.nav-title {
 margin-top: -152px;
}
.nav-block li {
 margin-left: 10px;
}
.nav-block li:first-child {
 margin-left: 0;
}
.nav-block li a {
 background-repeat: no-repeat;
 background-position : 0 0;
 display: inline-block;
 width: 134px;
 height: 92px;
}
.nav-block li a:hover {
 opacity: 1.0;
}
.nav-block .hokkaido a {
 background-image: url('../img/top/nav_01.png');
}
.nav-block .hokkaido a:hover {
 background-image: url('../img/top/nav_01_on.png');
}
.nav-block .kanto a {
 background-image: url('../img/top/nav_02.png');
}
.nav-block .kanto a:hover {
 background-image: url('../img/top/nav_02_on.png');
}
.nav-block .chubu a {
 background-image: url('../img/top/nav_03.png');
}
.nav-block .chubu a:hover {
 background-image: url('../img/top/nav_03_on.png');
}
.nav-block .kansai a {
 background-image: url('../img/top/nav_04.png');
}
.nav-block .kansai a:hover {
 background-image: url('../img/top/nav_04_on.png');
}
.nav-block .chugoku a {
 background-image: url('../img/top/nav_05.png');
}
.nav-block .chugoku a:hover {
 background-image: url('../img/top/nav_05_on.png');
}
.nav-block .shikoku a {
 background-image: url('../img/top/nav_06.png');
}
.nav-block .shikoku a:hover {
 background-image: url('../img/top/nav_06_on.png');
}
.nav-block .kyushu a {
 background-image: url('../img/top/nav_07.png');
}
.nav-block .kyushu a:hover {
 background-image: url('../img/top/nav_07_on.png');
}

.ranking-block {
 background-color: #fff;
 border: 4px solid #000;
 box-shadow:10px 10px 0px 0px #dcdcdc;
 -moz-box-shadow:10px 10px 0px 0px #dcdcdc;
 -webkit-box-shadow:10px 10px 0px 0px #dcdcdc;
 margin-right: 10px;
}
.ranking-block > li {
 width: 50%;
}
.ranking-block > li:first-child {
 border-right: 4px solid #000;
}
.ranking-block .ranking-title {
 border-bottom: 4px solid #000;
 font-size: 2.4rem;
 line-height: 1.0;
 padding: 20px 0;
}
.ranking-block .ranking-inner {
 padding: 0 40px 40px;
}
.ranking-block .ranking-inner h4 {
 color: #fff;
 font-size: 1.8rem;
 line-height: 1.0;
 margin-top: 35px;
 padding: 10px 0;
 position: relative;
}
.ranking-block .ranking-inner h4.best {
 background-color: #f5ca1d;
}
.ranking-block .ranking-inner h4.worst {
 background-color: #e17c2a;
}
.ranking-block .ranking-inner h4:after {
 content: "";
 display: inline-block;
 background-image: url('../img/top/img_03.png');
 background-repeat: no-repeat;
 background-position : 0 0;
 position: absolute;
 top: -3px;
 left: 0;
 width: 78px;
 height: 291px;
}
.ranking-block .ranking-inner ol {
 min-height: 248px;
 padding-left: 118px;
}
.ranking-block .ranking-inner ol li {
 margin-top: 25px;
}
.ranking-block .ranking-inner ol li p {
 font-size: 2.6rem;
 font-weight: 700;
 line-height: 1.0;
}
.ranking-block .ranking-inner ol li p span {
 font-size: 1.4rem;
 margin-left: 0.5em;
}
.ranking-block .ranking-inner ol li p a {
 color: #ff0011;
 font-size: 1.4rem;
 text-decoration: underline;
}


/* lower
------------------------------ */
.tab-nav li {
 margin-left: 18px;
 line-height: 0;
}
.tab-nav li:first-child {
 margin-left: 0;
}
.tab-nav li a {
 background-repeat: no-repeat;
 background-position : 0 0;
 display: inline-block;
 width: 127px;
 height: 85px;
}
.tab-nav li a:hover {
 opacity: 1.0;
}
.tab-nav-top {
 margin-top: -85px;
}
.tab-nav-top .hokkaido a {
 background-image: url('../img/lower/nav_top_01.png');
}
.tab-nav-top .hokkaido.active a,
.tab-nav-top .hokkaido a:hover {
 background-image: url('../img/lower/nav_top_01_on.png');
}
.tab-nav-top .kanto a {
 background-image: url('../img/lower/nav_top_02.png');
}
.tab-nav-top .kanto.active a,
.tab-nav-top .kanto a:hover {
 background-image: url('../img/lower/nav_top_02_on.png');
}
.tab-nav-top .chubu a {
 background-image: url('../img/lower/nav_top_03.png');
}
.tab-nav-top .chubu.active a,
.tab-nav-top .chubu a:hover {
 background-image: url('../img/lower/nav_top_03_on.png');
}
.tab-nav-top .kansai a {
 background-image: url('../img/lower/nav_top_04.png');
}
.tab-nav-top .kansai.active a,
.tab-nav-top .kansai a:hover {
 background-image: url('../img/lower/nav_top_04_on.png');
}
.tab-nav-top .chugoku a {
 background-image: url('../img/lower/nav_top_05.png');
}
.tab-nav-top .chugoku.active a,
.tab-nav-top .chugoku a:hover {
 background-image: url('../img/lower/nav_top_05_on.png');
}
.tab-nav-top .shikoku a {
 background-image: url('../img/lower/nav_top_06.png');
}
.tab-nav-top .shikoku.active a,
.tab-nav-top .shikoku a:hover {
 background-image: url('../img/lower/nav_top_06_on.png');
}
.tab-nav-top .kyushu a {
 background-image: url('../img/lower/nav_top_07.png');
}
.tab-nav-top .kyushu.active a,
.tab-nav-top .kyushu a:hover {
 background-image: url('../img/lower/nav_top_07_on.png');
}

.tab-nav-bottom {
 margin-top: -4px;
 padding-bottom: 120px;
}
.tab-nav-bottom .hokkaido a {
 background-image: url('../img/lower/nav_bottom_01.png');
}
.tab-nav-bottom .hokkaido.active a,
.tab-nav-bottom .hokkaido a:hover {
 background-image: url('../img/lower/nav_bottom_01_on.png');
}
.tab-nav-bottom .kanto a {
 background-image: url('../img/lower/nav_bottom_02.png');
}
.tab-nav-bottom .kanto.active a,
.tab-nav-bottom .kanto a:hover {
 background-image: url('../img/lower/nav_bottom_02_on.png');
}
.tab-nav-bottom .chubu a {
 background-image: url('../img/lower/nav_bottom_03.png');
}
.tab-nav-bottom .chubu.active a,
.tab-nav-bottom .chubu a:hover {
 background-image: url('../img/lower/nav_bottom_03_on.png');
}
.tab-nav-bottom .kansai a {
 background-image: url('../img/lower/nav_bottom_04.png');
}
.tab-nav-bottom .kansai.active a,
.tab-nav-bottom .kansai a:hover {
 background-image: url('../img/lower/nav_bottom_04_on.png');
}
.tab-nav-bottom .chugoku a {
 background-image: url('../img/lower/nav_bottom_05.png');
}
.tab-nav-bottom .chugoku.active a,
.tab-nav-bottom .chugoku a:hover {
 background-image: url('../img/lower/nav_bottom_05_on.png');
}
.tab-nav-bottom .shikoku a {
 background-image: url('../img/lower/nav_bottom_06.png');
}
.tab-nav-bottom .shikoku.active a,
.tab-nav-bottom .shikoku a:hover {
 background-image: url('../img/lower/nav_bottom_06_on.png');
}
.tab-nav-bottom .kyushu a {
 background-image: url('../img/lower/nav_bottom_07.png');
}
.tab-nav-bottom .kyushu.active a,
.tab-nav-bottom .kyushu a:hover {
 background-image: url('../img/lower/nav_bottom_07_on.png');
}

#contents {
 background-color: #fff;
 border-bottom: 4px solid #000;
 padding: 60px 0 105px;
}
.area-list li {
 border-bottom: 4px solid #000;
 padding: 40px 0;
}
.area-list li .picture {
 margin-right: 40px;
}
.area-list li .title {
 border-right: 4px solid #000;
 line-height: 1.7;
 width: 460px;
}
.area-list li .title h3 {
 font-size: 3.8rem;
}
.area-list li .title h3 span {
 font-size: 2.6rem;
 margin-left: 0.5em;
}
.area-list li .title .lead {
 font-size: 2.6rem;
 font-weight: 700;
}
.area-list li p {
 font-weight: 700;
 line-height: 1.8;
}
.area-list li p a {
 color: #ff0011;
 text-decoration: underline;
}