@charset "utf-8";

/***********************************
  hokkaido_Value_Scope
  /static/css/common/base.css
***********************************/

/*==================================
  BASIC
==================================*/
html {margin:0 auto; padding:0; font-size:75%; font-family:verdana;}
body {margin:0 auto; padding:0; background:#fff url(/static/images/common/back.png) top repeat-x; text-align:center; color:#333;}


/*==================================
  RESET
==================================*/
* {margin:0; padding:0; text-align:left;}
img {border:none; vertical-align:bottom;}
p {line-height:1.6;}
hr {display: none;}
.clear {zoom: 100%;}
.clear:after {content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}


/*==================================
  common parts
==================================*/
.hid {display:none;}
.fright {float:right;}
.fleft {float:left;}
/*\*/ a { overflow: hidden; }/**/


/*==================================
  LINK
==================================*/
a {color:#333; text-decoration:underline;}
a:link {color:#333; text-decoration:underline;}
a:visited {color:#333; text-decoration:underline;}
a:hover {color:#c06; text-decoration:none;}
a:active {color:#c06; text-decoration:none;}


/*==================================
  Common Layout
==================================*/
div#header {width:980px; height:245px; margin:0 auto; background:url(/static/images/common/back_header.png); position:relative; z-index:1;}
div#wrapper {width:980px; margin:0 auto; background:#fff;}
div#contents {padding:0 25px; margin-top:-118px; position:relative; z-index:2;}

div#contents div#text-info-area {padding-bottom:10px;}
div#contents div#text-info-area p#info-link {width:560px; float:left;}
div#contents div#text-info-area p.campaign {width:350px; float:right; text-align:right;}
div#contents ul.top-campaign {width:930px; padding-bottom:20px; list-style:none;}
div#contents ul.top-campaign li.fir {width:450px; float:left; margin-right:30px;}
div#contents ul.top-campaign li.sec {width:450px; float:left;}

div#contents div#login-box {padding-bottom:10px;}
div#contents p.login {width:612px; float:left;}
div#contents p.login span.margin {margin:0 1em;}
div#contents p.login a {color:#c06; font-weight:bold; margin-right:1em;}
div#contents p#btn-tel{background:url(/static/images/top/btn_tel_ov.jpg) no-repeat; width:300px; height:30px; font-size:0; line-height:0; overflow:hidden;}
div#contents p#btn-tel a {display:block;}
div#contents p#btn-tel a:hover{background-color:transparent;}
div#contents p#btn-tel a:hover img{visibility:hidden;}
div#contents p#pan {font-size:10px; padding-bottom:10px; line-height:1.5; color:#666;}
div#contents p#pan a {color:#c06;}
div#main {width:610px; float:left; position:relative; z-index:2;}
div#side {width:300px; float:right; position:relative; z-index:5;}
div#footer {width:960px; padding:15px 0; margin:0 auto;}


/*==================================
  Common Header Layout
==================================*/
div#header h1 {position:absolute; margin:13px 0 0 10px; font-size:0; line-height:0;}
div#header h2 {position:absolute; margin:15px 0 0 230px; font-size:0; line-height:0; z-index:10;}
div#header ul {list-style:none; position:absolute; z-index:20;}
div#header ul li {width:81px; height:44px; position:absolute; font-size:0; line-height:0; overflow:hidden;}
div#header ul li a {display:block;}
div#header ul li a:hover {background-color:transparent;}
div#header ul li a:hover img {visibility:hidden;}
div#header ul li#navi01 {width:80px; margin:64px 0 0 242px; background:url(/static/images/common/navi01_ov.png);}
div#header ul li#navi02 {margin:64px 0 0 322px; background:url(/static/images/common/navi02_ov.png);}
div#header ul li#navi09 {width:81px; margin:64px 0 0 403px; background:url(/static/images/common/navi09_ov.png);}
div#header ul li#navi03 {margin:64px 0 0 484px; background:url(/static/images/common/navi03_ov.png);}
div#header ul li#navi04 {margin:64px 0 0 565px; background:url(/static/images/common/navi04_ov.png);}
div#header ul li#navi05 {margin:64px 0 0 646px; background:url(/static/images/common/navi05_ov.png);}
div#header ul li#navi07 {margin:64px 0 0 727px; background:url(/static/images/common/navi07_ov.png);}
div#header ul li#navi08 {margin:64px 0 0 808px; background:url(/static/images/common/navi08_ov.png);}
div#header ul li#navi06 {margin:64px 0 0 889px; background:url(/static/images/common/navi06_ov.png);}
div#header ul li#navi10 {width:83px; height:30px; margin:27px 0 0 628px; background:url(/static/images/common/navi10_ov.png);}
div#header ul li#navi11 {width:83px; height:30px; margin:27px 0 0 714px; background:url(/static/images/common/navi11_ov.png);}
div#header ul li#navi12 {width:83px; height:30px; margin:27px 0 0 800px; background:url(/static/images/common/navi12_ov.png);}
div#header ul li#navi13 {width:83px; height:30px; margin:27px 0 0 886px; background:url(/static/images/common/navi13_ov.png);}
div#header ul li#navi14 {width:83px; height:30px; margin:27px 0 0 714px; background:url(/static/images/common/navi14_ov.png);}
div#header ul li#navi15 {width:83px; height:30px; margin:27px 0 0 800px; background:url(/static/images/common/navi15_ov.png);}
div#header ul li#navi16 {width:83px; height:30px; margin:27px 0 0 886px; background:url(/static/images/common/navi16_ov.png);}
div#header p {width:200px; height:1.25em; line-height:1.25em; overflow:hidden; position:absolute; margin:5px 0 0 765px; text-align:right;}
div#header p span {margin-right:5px;}

/*==================================
  Common Main Layout
==================================*/
div.box610 {background:url(/static/images/common/box610.gif) top; padding:6px 10px 1px;}
div.box610-bottom {background:url(/static/images/common/box610_bottom.gif); height:1px; margin-bottom:15px;}
div.box218 {background:url(/static/images/common/box218.gif) top; padding:9px;}
div.box218-bottom {background:url(/static/images/common/box218_bottom.gif); height:1px; margin-bottom:15px;}
/*--ajax_box--*/
div#main div#ajax-box {background:#fff; width:370px; position:absolute; z-index:100; margin:-5px 0 0 235px;}
div#side div#ajax-box {background:#fff; width:370px; position:absolute; z-index:100; margin:-5px 0 0 -70px;}
div#ajax-box div {border:2px solid #b3af98; padding:10px 15px;}
div#ajax-box dt {color:#300; font-weight:bold; padding-bottom:4px;}
div#ajax-box dd {border:1px solid #b3af98; background:#eae7d9; padding:5px 10px; margin-bottom:10px;}
div#ajax-box dd span {margin-left:10px;}
div#ajax-box dd p {padding-top:8px;}
div#main div#search-box div#ajax-box dd p {padding:8px 0 0;}
div#ajax-box dd select,div#main div#ajax-box dd img {margin-right:4px;}
div#ajax-box dd select.width02 {width:40px; vertical-align:middle;}
div#ajax-box dd img {vertical-align:middle;}
div#ajax-box p.center {text-align:center;}
div#main div#search-box div#ajax-box p.center {padding:0; line-height:1.6;}
div#main div#search-box div#ajax-box p.center a{color: #333333;font-size:100%;font-weight:normal;margin:0; background:#fff;}
/*--pickup_other--*/
div#main ol#entry-list {list-style:none; padding:10px 5px 20px; margin-bottom:25px; border-bottom:1px solid #d6227c; font-size:14px; font-weight:bold;}
div#main ol#entry-list li {background:url(/static/images/pickup/lm01.gif) left 9px no-repeat; padding-left:12px; line-height:1.5;}
div#main ol#entry-list li a {color:#f06;}
div#main ol#entry-list li a.present {background:url(/static/images/pickup/icon_present.gif) right no-repeat; padding-right:65px;}
/*--101118eDit--*/
.strongs {font-weight:bold;}
.red-text {color:#f00;}

/*==================================
  Common Side Layout
==================================*/
div#side div.side-box {background:url(/static/images/common/box_side.gif) top; padding:10px;}
div#side div.side-box-bottom {background:url(/static/images/common/box_side_bottom.gif); height:1px; margin-bottom:10px;}
div#side div.ad-space {margin-bottom:10px;}

/*--20110223eDit--*/
p#hotel-name-search {width:220px; height:28px; overflow:hidden; margin:8px 0 0 30px; background:url(/static/images/common/btn_hotel_name_ov.png);}
p#hotel-name-search a {display:block;}
p#hotel-name-search a:hover {background-color:transparent;}
p#hotel-name-search a:hover img {visibility:hidden;}

/*==================================
  Common Footer Layout
==================================*/
div#footer p.gototop a {display:block;}
div#footer p.gototop a:hover {background-color:transparent;}
div#footer p.gototop a:hover img {visibility:hidden;}
div#footer p.gototop {width:152px; height:28px; overflow:hidden; font-size:0; line-height:0; background:url(/static/images/common/gototop_ov.png); margin:0 0 0 800px; padding:0;}
div#footer-inner {background:url(/static/images/common/dott_footer.gif); padding:0 15px;}
div#footer-inner ul {list-style:none; padding:15px 0 5px;}
div#footer-inner ul li {float:left; margin-right:10px; font-size:10px;}
div#footer-inner ul li a {background:url(/static/images/common/lm02.gif) left no-repeat; padding-left:9px; color:#c06;}
div#footer-inner address {padding:7px 5px; font-size:0; line-height:0;}

div#footer p.top-link {font-weight:bold; text-align:right; padding-top:15px;}

/*--20110617weboss_edit--*/
div#header ul li#point1000 {width:215px; height:21px; margin:6px 0 0 643px;}

/*****20150725weboss_edit*****/
div.bnr-mosttop{margin-bottom:20px;}