@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 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:254px; 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;}
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 dl#plan-choice-title {background:url(/static/images/top/dott02.gif) bottom repeat-x; padding:0 3px 2px 0;}
div#main dl#plan-choice-title dt {width:380px; float:left;}
div#main dl#plan-choice-title dd {width:73px; height:17px; overflow:hidden; float:right; margin-top:13px; background:url(/static/images/top/btn_more_ov.gif);}
div#main dl#plan-choice-title dd a {display:block;}
div#main dl#plan-choice-title dd a:hover {background-color:transparent;}
div#main dl#plan-choice-title dd a:hover img {visibility:hidden;}
div#main div#plan-choice {padding:5px 5px 12px;}
div#main div#plan-choice ol {list-style:none; width:300px; float:left; font-size:14px;}
div#main div#plan-choice ol li {background:url(/static/images/top/lm_plan.gif) left no-repeat; padding:2px 15px 2px 48px; margin-bottom:6px;}
div#main div#plan-choice ol li.new {background:url(/static/images/top/lm_new.gif) left no-repeat;}
div#main div#plan-choice ol li.find {background:url(/static/images/top/lm_find.gif) left no-repeat;}
div#main div#plan-choice ol li.profit {background:url(/static/images/top/lm_profit.gif) left no-repeat;}
div#main div#plan-choice ol li.congratulation {background:url(/static/images/top/lm_congratulation.gif) left no-repeat;}
div#main div#plan-choice ol li.season {background:url(/static/images/top/lm_season.gif) left no-repeat;}

/*--photo_scroll--*/
.gighit {width:612px; height:114px; margin:7px 0 18px; background:url(/static/images/top/back_scroll.gif);}
div#scroller_custom {overflow:hidden; height:90px;}
.gighit .simply-scroll-clip {width:608px; height:90px; top:12px; left:2px; overflow:hidden;}
.gighit .section {float:left; width:122px; height:90px;}
.gighit p {margin:0; padding:0;}
.simply-scroll-container {position:relative;}
.simply-scroll-clip {position:relative; overflow:hidden; z-index:2;}

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

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; float:right; font-size:10px; line-height:1.4;}
div#pickup-topics ol li dl dd p {font-weight:bold; line-height:1.4; padding-bottom:2px;}
div#pickup-topics ol li dl dd p.present {background:url(/static/images/top/icon_present.gif) top left no-repeat; padding-top:12px;}

div#info-box {padding-bottom:10px;}
div#info-box div {width:300px; float:left;}
div#info-box div.none {float:right;}
div#info-box div p {background:url(/static/images/common/lm01.gif) left no-repeat; padding-left:10px; font-size:10px;}
div#info-box div h3 {font-size:0; line-height:0; padding-bottom:4px;}
div#info-box div ol {list-style:none; background:#f0eddc; padding:8px 8px 5px 10px; margin-bottom:3px;}
div#info-box div ol.typeA {padding-bottom:12px;}
div#info-box div ol li {background:url(/static/images/top/lm01.gif) left 5px no-repeat; padding-left:8px; line-height:1.5; margin-bottom:5px;}
div#info-box div ol li p strong {margin:0 7px;}
div#info-box div ol li#btn-event {padding:0; line-height:0; font-size:0; margin:7px 0 0 18px; background:url(/static/images/top/btn_event_ov.gif); width:250px; height:25px; overflow:hidden;}
div#info-box div ol li#btn-event a {display:block;}
div#info-box div ol li#btn-event a:hover {background-color:transparent;}
div#info-box div ol li#btn-event a:hover img {visibility:hidden;}

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 div#ichioshi-box {border:1px solid #ccbfbf; margin-bottom:12px;}
div#side div#ichioshi-box dl {background:url(/static/images/top/back_ichioshi.gif) top left repeat; padding:6px 7px 4px; border-bottom:1px solid #ccbfbf;}
div#side div#ichioshi-box dl dt {width:185px; float:left; font-size:0; line-height:0;}
div#side div#ichioshi-box dl dd {width:90px; float:right; color:#666; font-size:10px; font-weight:bold; text-align:right; padding-top:6px;}
div#side div#ichioshi-box ol {list-style:none; padding:10px 5px 5px 12px; font-size:12px;}
div#side div#ichioshi-box ol li {margin-bottom:12px; background:url(/static/images/common/lm01.gif) left 5px no-repeat; padding-left:12px;}

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

div#side div.side-box h4.lm03 {background:url(/static/images/common/lm03.gif) left no-repeat; font-size:12px; color:#f9c; padding-left:12px; line-height:1; margin-bottom:5px;}
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;}

/*--20110223eDit--*/
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:15px;}
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;}

/*--20110516weboss_eDit--*/
ul#bnr-areaT {list-style:none; padding:0 0 15px 20px;}
ul#bnr-areaT li {float:left; margin-right:12px;}

/*--20110623weboss_eDit--*/
div#new-plan-box {padding-bottom:15px;}
div#new-plan-box ul#new-bnr-area {list-style:none; padding-top:10px; width:297px; float:left; font-size:0; line-height:0;}
div#new-plan-box ul#new-bnr-area li {padding-bottom:10px;}
div#main div#plan-choice {width:300px; float:right; padding:0;}
div#main div#plan-choice h2 {font-size:0; line-height:0; background:url(/static/images/top/dott02.gif) bottom repeat-x; padding-bottom:3px;}
div#main div#plan-choice ol {list-style:none; width:300px; float:none; font-size:14px; padding:8px 0 1px;}
div#main div#plan-choice ol li {padding-right:0px;}
div#main div#plan-choice p {width:73px; height:17px; overflow:hidden; float:right; margin-top:3px; background:url(/static/images/top/btn_more_ov.gif);}
div#main div#plan-choice p a {display:block;}
div#main div#plan-choice p a:hover {background-color:transparent;}
div#main div#plan-choice p a:hover img {visibility:hidden;}

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#side div#ichioshi-box ol {list-style:none; padding:10px 5px 5px 12px; font-size:12px; border-top:1px solid #ccbfbf;}
div#side div#ichioshi-box ol li {margin-bottom:12px; background:url(/static/images/top/lm_side_pickup.png) left 2px no-repeat; padding:2px 0 2px 20px;}

/*--20110630weboss_eDit--*/
div#new-bnr-area {width:297px; float:left;}
div#new-bnr-area h2 {font-size:0; line-height:0; background:url(/static/images/top/dott02.gif) bottom repeat-x; padding-bottom:3px;}
div#new-bnr-area ul {list-style:none; padding-top:10px; width:297px; float:left; font-size:0; line-height:0;}
div#new-bnr-area ul li {padding-bottom:10px;}

/*--20110823weboss_eDit--*/
ol#superpickup {list-style:none; padding-bottom:5px;}
ol#superpickup li dl {padding-bottom:15px;}
ol#superpickup li dl dt {padding-bottom:3px;}
ol#superpickup li dl dt img {margin-bottom:5px;}
ol#superpickup li dl dd h2 {font-size:0; line-height:0; padding-bottom:4px;}
ol#superpickup li dl dd p {line-height:1.5; font-size:12px;}