@charset "utf-8";

/***********************************
  hokkaido_Value_Scope
  /static/css/top/top.css
***********************************/

@import "/static/css/common/base.css";
@import "/static/css/common/map.css";

/*==================================
  Map Layout
==================================*/
/*--main--*/
div#main {width:612px; float:left; position:relative; z-index:2;}

div#main div#whatis {height:60px; overflow:hidden; margin-bottom:10px; background:url(/static/images/top/bg_what.png);}
div#main div#whatis dl {padding:12px 0 0 100px;}
div#main div#whatis dl dt {font-size:14px; line-height:1.5; width:395px; float:left;}
div#main div#whatis dl dd {padding-top:1.6em;}
div#main div#whatis dl dd p a {background:url(/static/images/common/lm000.gif) left no-repeat; padding-left:8px; color:#c06;}
div#main h3.h3-news {background:url(/static/images/top/icon_news.gif) left 2px no-repeat; padding:2px 0 2px 65px; font-size:14px; font-weight:normal; margin-bottom:12px;}
div#main div#flash-area {width:612px; height:274px; margin-bottom:15px; overflow:hidden;}
/*--div#main div#flash-area p {font-weight:bold; color:#c00; padding:10px; line-height:1.75;}--*/
div#main div#flash-area div#loNavi .ui-tabs-hide {display:none;}
div#main div#flash-area div#loNavi .ui-tabs-panel {clear:left;}
div#main div#flash-area div#loNavi .ui-tabs-selected img {visibility:hidden;}
div#main div#flash-area h3 {position:absolute; font-size:0; line-height:0;}
div#main div#flash-area div#loNavi ul#tab {position:absolute; list-style:none; margin-top:24px; width:118px;}
div#loNavi ul#tab li {margin-bottom:1px; font-weight:bold; line-height:1.5; height:60px; overflow:hidden;}
div#loNavi ul#tab li span {font-weight:normal;}
div#loNavi ul#tab li a {display:block; background:#cdc38a; padding:3px; height:60px;}
div#loNavi ul#tab li a:hover {background:#f4a3d0; color:#fff; text-decoration:none;}
div#main div#flash-area div#loNavi p#btn-pickup-more {width:113px; height:21px; overflow:hidden; position:absolute; margin-top:233px; background:url(/static/images/top/btn_pickup_more_ov.gif);}
div#main div#flash-area div#loNavi p#btn-pickup-more a {display:block;}
div#main div#flash-area div#loNavi p#btn-pickup-more a:hover {background-color:transparent;}
div#main div#flash-area div#loNavi p#btn-pickup-more a:hover img {visibility:hidden;}
div#loNavi .ui-tabs-hide {display: none;}
div#loNavi .ui-tabs-panel {width:494px; float:right;}
div#loNavi ul#tab li.ui-tabs-selected a {background:#f4a3d0; color:#fff; text-decoration:none;}
div#loNavi div#lo01 div,div#loNavi div#lo02 div,div#loNavi div#lo03 div {border:2px solid #ec66b0; position:relative; z-index:1;}
div#loNavi div#lo01 p,div#loNavi div#lo02 p,div#loNavi div#lo03 p {position:absolute; margin:-35px 0 0 394px; z-index:2; font-size:0; line-height:0;}

div#main h2.banner_under_the_feature {margin-bottom: 15px;}

dl.title-box {padding:0 2px 4px 0;}
dl.title-box dt {font-size:0; line-height:0; float:left;}
dl.title-box dd {width:80px; float:right; text-align:right; padding-top:2px; font-size:10px;}
dl.title-box dd a {background:url(/static/images/common/lm01.gif) left no-repeat; padding-left:10px;}

dl#blog-title {background:url(/static/images/top/dott02.gif) bottom repeat-x; padding:0 3px 2px 0; margin-bottom:15px;}
dl#blog-title dt {font-size:0; line-height:0; width:340px; float:left;}
dl#blog-title dd {width:250px; float:right; text-align:right; padding-top:15px;}
dl#blog-title dd a {background:url(/static/images/common/lm01.gif) left no-repeat; padding-left:12px;}
dl.title-box02 {padding:0 2px 7px 0;}
dl.title-box02 dt {font-size:0; line-height:0; float:left;}
dl.title-box02 dd {width:200px; float:right; text-align:right; padding-top:2px;}
dl.title-box02 dd a {background:url(/static/images/common/lm01.gif) left no-repeat; padding-left:12px;}

div#editer-blog {padding:7px 0 20px;}
div#editer-blog ol {list-style:none; padding-bottom:5px;}
div#editer-blog ol li dt {width:80px; height:80px; float:left;}
div#editer-blog ol li dt a {display:block; padding:5px; background:url(/static/images/top/back_photo.gif) top left;}
div#editer-blog ol li dt a:hover {background:url(/static/images/common/dott04.gif) top left;}
div#editer-blog ol li dd {width:515px; float:right; line-height:1.5; font-size:14px;}
div#editer-blog ol li dd p {font-size:10px; line-height:1.4; padding-top:2px;}
div#editer-blog ol li dd p strong {margin:0 7px;}
div#editer-blog p.more {width:170px; height:21px; overflow:hidden; font-size:0; line-height:0; padding:0; margin:10px 0 0 345px; background:url(/static/images/top/btn_e_b_m_ov.gif);}
div#editer-blog p.more a {display:block;}
div#editer-blog p.more a:hover {background-color:transparent;}
div#editer-blog p.more a:hover img {visibility:hidden;}

div#s-blog-box {padding:7px 0 20px;}
div#main ul.blog-list {list-style:none; padding-bottom:5px;}
div#main ul.blog-list li {width:300px; float:left;}
div#main ul.blog-list li.none {float:right;}
div#main ul.blog-list li dt {width:80px; height:80px; float:left;}
div#main ul.blog-list li dt a {display:block; padding:5px; background:url(/static/images/top/back_photo.gif) top left;}
div#main ul.blog-list li dt a:hover {background:url(/static/images/common/dott04.gif) top left;}
div#main ul.blog-list li dd {width:217px; float:right;}
div#main ul.blog-list li dd p.color {margin:0 0 5px 7px; font-size:14px;}
div#main ul.blog-list li dd p.t-small {margin-left:7px; font-size:10px; color:#666;}
div#main ul.blog-list li dd p.t-small strong {margin:0 3px 0 6px;}
div#s-blog-box p.more {width:170px; height:21px; overflow:hidden; font-size:0; line-height:0; padding:0; margin:10px 0 0 440px; background:url(/static/images/top/btn_s_b_m_ov.gif);}
div#s-blog-box p.more a {display:block;}
div#s-blog-box p.more a:hover {background-color:transparent;}
div#s-blog-box p.more a:hover img {visibility:hidden;}

div#gu-blog {padding:10px 0; border-bottom:1px solid #e5dfdf; margin-bottom:10px;}
div#gu-blog ul {list-style:none; background:url(/static/images/top/line.gif) left bottom repeat-x; padding-bottom:7px; margin-bottom:7px;}
div#gu-blog ul.none {background:none; margin:0;}
div#gu-blog ul li {width:200px; float:left; margin-right:5px;}
div#gu-blog ul li.none {margin:0;}
div#gu-blog ul li dl dt {width:50px; height:50px; float:left; overflow:hidden;}
div#gu-blog ul li dl dt a {display:block; padding:5px; background:url(/static/images/top/back_photo.gif) top left;}
div#gu-blog ul li dl dt a:hover {background:url(/static/images/common/dott04.gif) top left;}
div#gu-blog ul li dl dd {width:145px; float:right; font-size:10px;}
div#gu-blog p.more {width:170px; height:21px; overflow:hidden; font-size:0; line-height:0; padding:0; margin:0 0 0 440px; background:url(/static/images/top/btn_a_b_m_ov.gif);}
div#gu-blog p.more a {display:block;}
div#gu-blog p.more a:hover {background-color:transparent;}
div#gu-blog p.more a:hover img {visibility:hidden;}

p#new-entry-list {width:250px; height:25px; overflow:hidden; background:url(/static/images/top/btn_n_e_l_ov.gif); margin:0 0 15px 180px;}
p#new-entry-list a {display:block;}
p#new-entry-list a:hover {background-color:transparent;}
p#new-entry-list a:hover img {visibility:hidden;}

p#date {font-size:10px; padding:0 3px 5px 0; text-align:right;}
div#access-ranking {padding:0 10px 5px;}
div#access-ranking ol {list-style:none; width:275px; float:left; font-size:10px;}
div#access-ranking ol.none {float:right;}
div#access-ranking ol li {padding-bottom:3px;}

div#access-ranking ol li dt {width:40px; float:left; font-family:"ＭＳ ゴシック", Osaka-mono, monospace; line-height:1.4;}
div#access-ranking ol li dt span.rank01 {background:url(/static/images/common/crown01.png) left no-repeat; padding-left:15px;}
div#access-ranking ol li dt span.rank02 {background:url(/static/images/common/crown02.png) left no-repeat; padding-left:15px;}
div#access-ranking ol li dt span.rank03 {background:url(/static/images/common/crown03.png) left no-repeat; padding-left:15px;}
div#access-ranking ol li dt span.rank04 {background:url(/static/images/common/crown04.png) left no-repeat; padding-left:15px;}
div#access-ranking ol li dt span.rank1 {background:url(/static/images/common/crown01.png) left no-repeat; padding-left:15px;}
div#access-ranking ol li dt span.rank2 {background:url(/static/images/common/crown02.png) left no-repeat; padding-left:15px;}
div#access-ranking ol li dt span.rank3 {background:url(/static/images/common/crown03.png) left no-repeat; padding-left:15px;}
div#access-ranking ol li dt span.rank4 {background:url(/static/images/common/crown04.png) left no-repeat; padding-left:15px;}
div#access-ranking ol li dt span.rank5 {background:url(/static/images/common/crown04.png) left no-repeat; padding-left:15px;}
div#access-ranking ol li dt span.rank6 {background:url(/static/images/common/crown04.png) left no-repeat; padding-left:15px;}
div#access-ranking ol li dt span.rank7 {background:url(/static/images/common/crown04.png) left no-repeat; padding-left:15px;}
div#access-ranking ol li dt span.rank8 {background:url(/static/images/common/crown04.png) left no-repeat; padding-left:15px;}
div#access-ranking ol li dt span.rank9 {background:url(/static/images/common/crown04.png) left no-repeat; padding-left:15px;}
div#access-ranking ol li dt span.rank10 {background:url(/static/images/common/crown04.png) left no-repeat; padding-left:15px;}
div#access-ranking ol li dd {width:230px; float:right; line-height:1.4;}


/*--side--*/
div#side p.bookmark {width:300px; height:22px; overflow:hidden; background:url(/static/images/top/btn_bookmark_ov.png); margin-bottom:10px;}
div#side p.bookmark a {display:block;}
div#side p.bookmark a:hover {background-color:transparent;}
div#side p.bookmark a:hover img {visibility:hidden;}

div#side h3 {margin-bottom:7px;}
div#side h3.none {margin-bottom:1px;}

div#side p.mab12 {font-size:0; line-height:0; padding-bottom:12px;}

div#side div.side-box h5.lm03 {background:url(/static/images/common/lm003.gif) left no-repeat; font-size:12px; color:#999; padding-left:12px; line-height:1; margin-bottom:5px;}
div#side div.side-box h4.lm04 {background:url(/static/images/common/lm03.gif) left no-repeat; font-size:12px; color:#333; padding-left:12px; line-height:1; margin-bottom:5px; font-weight:normal;}
div#side div.side-box h4.lm04 strong {color:#f39;}
div#side div.side-box p.side-form {margin-bottom:10px;}
div#side div.side-box p.side-form img,div#side div.side-box p.side-form input,div#side div.side-box p.side-form select {vertical-align:middle;}
div#side div.side-box p.side-form span {margin-left:5px;}
div#side div.side-box p.side-form input.width01 {width:50px;}
div#side div.side-box p.side-form input.width02 {width:35px;}
div#side div.side-box p.side-form select.width02 {width:45px;}
div#side div.side-box p.side-form select.width03 {width:225px;}
div#side div.side-box p.side-form select.width04 {width:85px;}
div#side div.side-box p.side-form select.width05 {width:150px;}
div#side div.side-box p.side-form input.t-right {text-align:right;}
div#side div.side-box p.side-form input,div#side div.side-box p.side-form select {margin-right:3px;}
div#side div.side-box p.side-form a {margin-left:3px;}

div.side-box div.b-bottom {background:url(/static/images/common/dott01.gif) left bottom repeat-x; padding-bottom:12px; margin-bottom:10px;}
div.side-box div.b-bottom02 {/*background:url(/static/images/common/dott01.gif) left bottom repeat-x; padding-bottom:12px; margin-bottom:10px;*/}
div.side-box div.b-bottom p.center,div.side-box div.b-bottom02 p.center {text-align:center;}
p.center {text-align:center;}
div.side-box div.b-bottom input,div.side-box div.b-bottom02 input {vertical-align:middle;}
div.side-box div.b-bottom input.name-search,div.side-box div.b-bottom02 input.name-search {font-size:14px; height:23px; width:210px; margin-right:5px;}

div.side-box div.dott-line {background:url(/static/images/common/dott01.gif) left repeat-x; height:22px;}

div#side dl.typeA,div#side dl.typeB {padding-bottom:12px;}
div#side dl.typeA dt {width:180px; float:left;}
div#side dl.typeA dd {width:113px; float:right; font-size:10px; line-height:1.4;}
div#side dl.typeB dt {width:120px; float:left;}
div#side dl.typeB dd {width:173px; float:right; font-size:10px; line-height:1.4;}
div#side dl.typeB dd p {font-size:12px; font-weight:bold; padding-bottom:3px;}

div#side div#twitter-box {border:1px solid #f0eddc; margin-bottom:12px;}
div#side div#twitter-box h3 {background:#f0eddc; padding:5px 7px; margin:0;}
div#side div#twitter-box ol {list-style:none;}
div#side div#twitter-box ol li {padding:8px; background:url(/static/images/top/dott01.gif) bottom repeat-x; line-height:1.5;}
div#side div#twitter-box ol li.none {background:none;}
div#side div#twitter-box ol li p {font-size:10px; font-weight:bold; color:#666;}
div#side div#twitter-box p#follow {background:#f0eddc; padding:3px 6px; text-align:right; font-size:10px;}
div#side div#twitter-box p#follow a {background:url(/static/images/top/lm03.gif) left no-repeat; padding-left:10px;}

div#side div.side-box p.rightA {float:right; margin-top:-18px; line-height:1;}
div#side div.side-box p.rightA a {background:url(/static/images/common/lm01.gif) left no-repeat; padding-left:12px;}

div#side h3.icon-bag {background:url(/static/images/common/icon_bag.png) top left no-repeat; padding:4px 24px 7px; color:#c09; font-size:12px; line-height:1;}
div#side h3.icon-human {background:url(/static/images/common/icon_human.png) top left no-repeat; padding:4px 24px 7px; color:#c09; font-size:12px; line-height:1;}
div#side h3.icon-crown {background:url(/static/images/common/icon_crown.png) top left no-repeat; padding:4px 24px 7px; color:#c09; font-size:12px; line-height:1;}
div#side h3.icon-crown span {font-size:10px; font-weight:normal; margin-left:10px;}

div#side div.list-box {padding:0 0 10px 10px;}
div#side div.list-box ul {list-style:none; width:140px; float:left;}
div#side div.list-box ul.none {float:right;}
div#side div.list-box ul li {background:url(/static/images/common/lm01.gif) left 5px no-repeat; margin-bottom:5px; padding-left:12px;}

div#side ul#gutabi-link {list-style:none; font-size:10px;}
div#side ul#gutabi-link li {float:left; padding-bottom:10px;}
div#side ul#gutabi-link li.none {width:147px;}
div#side ul#gutabi-link li.noneR {float:right; width:147px;}
div#side ul#gutabi-link li dd {padding:3px 3px 0;}

div#side div#news-box {border:1px solid #c0beb1; padding:10px; background:url(/static/images/top/back_news.png) top repeat-x;}
div#side div#news-box dt {font-size:10px; font-weight:bold; padding:0 0 5px;}
div#side div#news-box dd {line-height:1.5;}

div#side ul#side-text-link {padding:0 0 6px 3px; list-style:none;}
div#side ul#side-text-link li {background:url(/static/images/common/lm01.gif) left 5px no-repeat; line-height:1.4; margin-bottom:5px; padding-left:12px;}


/*--20120724weboss_eDit--*/
div#new-bnr-area {padding-bottom:5px;}
div#new-bnr-area h3 {background: url(/static/images/top/dott02.gif) bottom center repeat-x; font-size:0; line-height:0; padding-bottom:3px;}
div#new-bnr-area ul {list-style:none; padding:10px 5px 1px;}
div#new-bnr-area ul li {width:297px; float:left; font-size:0; line-height:0; margin:0 0 8px;}
div#new-bnr-area ul li.none {float:right;}
div#keyword-search {padding-bottom:5px;}
div#keyword-search h3 {background: url(/static/images/top/dott02.gif) bottom center repeat-x; font-size:0; line-height:0; padding-bottom:3px; margin-bottom:10px;}
div#keyword-search div#keyword-plan-list {padding:0 0 0 5px; margin-bottom:10px; background:url(/static/images/top/bg_keyword.gif) top left repeat-y;}
div#keyword-search div#keyword-plan-list ul {list-style:none; width:206px; float:left;}
div#keyword-search div#keyword-plan-list ul.none {width:190px;}
div#keyword-search div#keyword-plan-list ul li {padding-bottom:4px;}
div#keyword-search div#keyword-plan-list ul li.none {padding-bottom:0;}
div#keyword-search div#keyword-plan-list ul li dl dt {width:28px; float:left;}
div#keyword-search div#keyword-plan-list ul li dl dd {padding:3px 0 0 28px; font-size:14px; font-weight:bold;}
div#keyword-search div#keyword-plan-list ul li dl dd a {color:#6f4d4d;}
div.titlebox {padding-bottom:10px;}
div.titlebox h3 {background: url(/static/images/top/dott02.gif) bottom center repeat-x; font-size:0; line-height:0; padding-bottom:3px;}
div.titlebox p {margin:-20px 7px 0 0; text-align:right;}
div.titlebox p a {background:url(/static/images/common/lm01.gif) left no-repeat; padding-left:8px;}
div.titlebox p a.small {font-size:10px;}
div#pickup-topics {padding-bottom:5px;}
div#pickup-topics ol {list-style:none; padding-bottom:10px;}
div#pickup-topics ol li {width:204px; float:left;}
div#pickup-topics ol li dl {padding-right:10px;}
div#pickup-topics ol li dl dt {width:107px; float:left;}
div#pickup-topics ol li dl dt a img {border:1px solid #cdc38a;}
div#pickup-topics ol li dl dt a:hover img {border:1px solid #776c33;}
div#pickup-topics ol li dl dd {width:83px; /*height:4.75em;*/ height:5.4em; overflow:hidden; float:right;}/*20120906eDit*/
div#pickup-topics ol li dl dd p {/*line-height:1.25;*/ line-height:1.1; padding:1em 0 0;}/*20120906eDit*/
div#pickup-topics ol li dl dd p.present {background:url(/static/images/top/icon_present.gif) top left no-repeat;}
div#fb-box {padding-bottom:10px;}
div#fb-box h3 {background: url(/static/images/top/dott02.gif) bottom center repeat-x; font-size:0; line-height:0; padding-bottom:3px; margin-bottom:10px;}
div#eventbox {padding-bottom:10px;}
div#eventbox h3 {background: url(/static/images/top/dott02.gif) bottom center repeat-x; font-size:0; line-height:0; padding-bottom:3px; margin-bottom:10px;}
div#eventbox ul {list-style:none; padding:0 0 5px 10px;}
div#eventbox ul li {width:285px; float:left; margin:0 15px 0 0;}
div#eventbox ul li p {background:url(/static/images/top/lm_event.gif) left 6px no-repeat; padding-left:10px;}
div#eventbox p.btn-event {width:170px; height:21px; overflow:hidden; font-size:0; line-height:0; margin-left:442px; background:url(/static/images/top/btn_event_ov.gif);}
div#eventbox p.btn-event a {display:block;}
div#eventbox p.btn-event a:hover {background-color:transparent;}
div#eventbox p.btn-event a:hover img {visibility:hidden;}

/*--side--*/
div#side h3.re_none {margin-bottom:2px;}
div#side div#ichioshi-box {border:1px solid #ccbfbf; margin-bottom:12px;}
div.ichioshi-box-inner {border:1px solid #ffe6a1; background:#ffcc43; padding:5px 6px;}
div.ichioshi-box-inner h2 {width:177px; float:left; font-size:0; line-height:0;}
div.ichioshi-box-inner p {width:100px; float:right; text-align:right; font-size:10px; font-weight:bold; color:#666; line-height:1; padding-top:7px;}
div#ichioshi-box ul.img-link {list-style:none; padding:12px 10px 1px 12px;}
div#ichioshi-box ul.img-link li {padding-bottom:10px;}
div#ichioshi-box ul.img-link li dl dt {width:120px; float:left;}
div#ichioshi-box ul.img-link li dl dd {width:148px; float:right; padding-top:4px;}
div#ichioshi-box ul.img-link li dl dd p {font-size:14px; font-weight:bold;}
div#ichioshi-box ul.img-link li dl dd p.icon {background:url(/static/images/top/tit_super_pickup.png) top left no-repeat; padding-top:24px;}
div#side div#ichioshi-box ol.text-link {list-style:none; padding:0 5px 5px 12px; font-size:12px;/*border-top:1px solid #ccbfbf;*/}
div#side div#ichioshi-box ol.text-link li {margin-bottom:8px; background:url(/static/images/top/lm_side_pickup.png) left 2px no-repeat; padding:2px 0 2px 20px;}

div#side div.side-box h4.lm03 {background:url(/static/images/common/lm001.gif) left no-repeat; font-size:12px; color:#c00; padding-left:12px; line-height:1; margin-bottom:5px;}
div#side p.hotel-name-search {padding:7px 5px 0; text-align:right;}
div#side p.hotel-name-search a {background:url(/static/images/common/lm01.gif) left no-repeat; padding-left:10px;}
div#side p.side-form-left {width:145px; float:left;}
div#side p.side-form-right {width:130px; float:right; background:url(/static/images/common/bnr_n_check.gif) left bottom no-repeat; padding-bottom:22px;}
div#side p.side-form-left select.width02 {width:45px; margin-right:3px; vertical-align:middle;}
div#side p.side-form-left span {margin-left:5px;}
div#side p.side-form-left img {vertical-align:middle;}
div#side p.side-form-right img {vertical-align:middle; margin-right:3px;}
div#side p.side-form-right span {margin-left:5px;}
div#side p.side-form-right a {font-size:14px; font-weight:bold; color:#fff; background:#c06; padding:0 2px;}

/*--20120828weboss_eDit--*/
div#blog100milebox{padding-bottom:10px;}
div#blog100milebox h3{background: url(/static/images/top/dott02.gif) bottom center repeat-x; font-size:0; line-height:0; padding-bottom:3px; margin-bottom:10px;}
div#blog100milebox h4{padding:0 0 10px 10px; font-size:14px;}
div#blog100milebox ul{padding:0 0 5px 10px; list-style:none;}
div#blog100milebox ul li dl dt{float:left; width:6em; margin-right:1em; line-height:1.6;}
div#blog100milebox ul li dl dd{float:left; width:500px;}
div#blog100milebox ul li dl dd p{background:url(/static/images/top/lm_event.gif) left 6px no-repeat; padding-left:10px;}
div#blog100milebox p.btn-event {width:170px; height:21px; overflow:hidden; font-size:0; line-height:0; margin-left:442px; background:url(/static/images/top/btn_100mile_ov.gif);}
div#blog100milebox p.btn-event a {display:block;}
div#blog100milebox p.btn-event a:hover {background-color:transparent;}
div#blog100milebox p.btn-event a:hover img {visibility:hidden;}

/*--20130530weboss_eDit--*/
p#btn-accordion {background:#e5e5e5 url(/static/images/common/lm10.gif) left no-repeat; font-weight:bold; text-decoration:underline; cursor:pointer; padding:5px 18px; margin-bottom:10px;}
div#contents div#main p.login {float:none; width:auto; margin-bottom:5px;}
div#contents div#side p#btn-tel {margin-bottom:10px;}
div#contents div#side ul#side-bnr-area {list-style:none; padding:5px 0 1px;}
div#contents div#side ul#side-bnr-area li {width:130px; float:left; margin:0 10px 10px 0; font-size:0; line-height:0;}

/***** 20141006 add *****/
div.bnr-mosttop{margin:0 0 20px;}
div.bnr-side{position:relative;}
div.bnr-side div.bnr-side-left{position:absolute; left:-180px; top:0;}
div.bnr-side div.bnr-side-right{position:absolute; right:-180px; top:0;}

/***** 20160105 add *****/
div#contents div#main .middle-bnr-area{padding-bottom:10px;}
div#contents div#main .middle-bnr-area h3, div#contents div#main .middle-bnr-area h2{background: url(/static/images/top/dott02.gif) bottom center repeat-x; font-size:0; line-height:0; padding-bottom:3px; margin-bottom:10px;}
div#contents div#main .middle-bnr-area ul{list-style:none; padding-bottom:10px;}
div#contents div#main .middle-bnr-area ul li {width:190px; float:left; margin-right:20px;}
div#contents div#main .middle-bnr-area ul li.none {margin:0;}
div#contents div#main .middle-bnr-area ul li dt{margin-bottom:5px; font-size:0; line-height:0;}
div#contents div#main .middle-bnr-area ul li dt img.ranking { position:absolute; }
div#contents div#main .middle-bnr-area ul li dd a{text-decoration:none;}
div#contents div#main .middle-bnr-area ul li dd a:hover{text-decoration:underline;}
div#contents div#main .middle-bnr-area ul li dd span{color:#33f; font-weight:bold;}
div#contents div#main #ichioshi-bnr-area ul li dd span{color:#f33;}

div.top-area p.login{float:left; width:auto; margin-bottom:0;}
div.top-area p.tel{float:right; overflow:hidden; width:300px; height:30px; background:url(/static/images/top/btn_tel_ov.jpg) no-repeat; font-size:0; line-height:0; position:relative; top:-3px;}
div.top-area p.tel a{display:block;}
div.top-area p.tel a:hover{background-color:transparent;}
div.top-area p.tel a:hover img{visibility:hidden;}


div.bnr-mosttop>img{margin-bottom:7px;}
div#contents div#main h2.tit-main-search{margin-bottom:10px; font-size:0; line-height:0;}
div#contents div#main #top-bnr-area h3{background: url(/static/images/top/dott02.gif) bottom center repeat-x; font-size:0; line-height:0; padding-bottom:3px; margin-bottom:10px;}
div#contents div#main div#keyword-search div#keyword-plan-list ul li.special dl dd{font-size:18px;}
div#contents div#main div#keyword-search div#keyword-plan-list ul li.special dl dd a{margin-left:5px; color:#c06;}
div#contents div#side h3.re_none{margin-bottom:10px; font-size:0; line-height:0;}

div#contents ul#top-bnr-area {list-style:none; padding:10px 0;}
div#contents ul#top-bnr-area a{text-decoration: none;}
div#contents ul#top-bnr-area li {width:320px; float:left;}
div#contents ul#top-bnr-area li.none {width:290px; margin:0;}
div#contents ul#top-bnr-area li img{width:290px; margin-bottom:5px;}
div#contents ul#top-bnr-area li dd{width:290px;}
div#contents ul#top-bnr-area li dd span{font-size:17px; font-weight:bold; color:#33F;}

/***** 20160530 add *****/
p.bnr-bus{padding-bottom:20px; font-size:0; line-height:0;}
p.bnr-bus a:hover img{filter:alpha(style=0,opacity=70); -moz-opacity:0.7; opacity:0.7;}

/***** 20160531 add *****/
p.bnr-intro{padding:20px 0 15px 85px; font-size:0; line-height:0;}

/***** 20170608 add *****/
p.bnr-search{padding: 5px 0 20px; font-size: 0; line-height: 0;}
p.bnr-search a:hover{opacity: .7;}

/***** 20170824add *****/
#side .side-bnr{margin-bottom: 20px; font-size: 0; line-height: 0;}
#side .side-bnr a:hover{opacity: .7;}
#main #slide-area{margin-bottom: 50px;}
#main #slide-area .swiper-slide{background-color: #fff;}
#main #slide-area a:hover{opacity: .7;}
#main .swiper-container{overflow: visible;}
#main .swiper-container-horizontal > .swiper-pagination-bullets, #main .swiper-pagination-custom, .swiper-pagination-fraction{bottom: -20px;}

/***** 20200214add *****/
div#contents div#main #topic-bnr-area.middle-bnr-area h2{background: none;}
div#contents div#main #season-bnr-area.middle-bnr-area h3{background: none;}
div#contents div#main #ichioshi-bnr-area.middle-bnr-area h2{background: none;}
div#contents div#main #ichioshi-bnr-area.middle-bnr-area ul li dt{overflow: hidden; width: 100%; height: 190px;}
div#contents div#main #ichioshi-bnr-area.middle-bnr-area ul li dt img{width: auto; height: 100%;}