@charset "utf-8";

/***********************************
  hokkaido_Value_Scope
  /static/css/form/form.css
***********************************/

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

/*==================================
  Layout
==================================*/
div#form-box {padding:10px 0; color:#666;}
ul#flow {width:133px; float:left; list-style:none;}
ul#flow li {background:url(/static/images/form/arrow.gif) center bottom no-repeat; padding-bottom:52px;}
ul#flow li.none {background:none; padding-bottom:0;}
div#form-main-box {width:770px; float:right;}
p.cautionR {color:#666; font-size:10px; text-align:right; padding-bottom:2px;}
table#form-table {width:770px; border-collapse:collapse; font-size:12px; color:#666;}
table#form-table td {border:1px solid #b3af98; padding:7px 10px;}
table#form-table td.main-title {padding:0; background:url(/static/images/form/back_confirm.png) repeat-x;}
table#form-table td.typeC {background:#fbf5cf; padding:15px 20px;}
table#form-table td.typeC strong {color:#300; margin-left:7px;}
table#form-table td.typeC span {margin-left:50px;}
table#form-table td.td-title {background:#eae7d9; color:#300; font-weight:bold; width:20%;}
table#form-table td.width02 {width:80%;}
table#form-table td.td-title img {vertical-align:middle;}
form img.mal5 {margin-left:5px;}
table#form-table td span {margin-left:10px;}
table#form-table td dd.go-to-travel-notice span {margin-left:0;}
table#form-table td dd.go-to-travel-notice p.domin-wari-unused,
table#form-table td dd.go-to-travel-notice p.sapporo-wari-unused,
table#form-table td dd.go-to-travel-notice p.zenkoku-ryoko-shien-unused {color:red;}
table#form-table td dd.go-to-travel-notice p.domin-wari-unused span,
table#form-table td dd.go-to-travel-notice p.sapporo-wari-unused span,
table#form-table td dd.go-to-travel-notice p.zenkoku-ryoko-shien-unused span {font-size:95%;font-weight:normal;}

table#form-table td span.fieldWithErrors {margin-left:0;}
form div.formError {margin-top:5px; color:#c00; background:#ff0; font-weight:bold; padding:2px 5px;}
form div.lightError div.formError {font-weight: normal;font-size: 80%;white-space: pre-wrap;}
.coupon-box div.formError { font-size: 120%; }

table#form-table td input {vertical-align:middle;}
table#form-table td input.width02 {width:120px; margin-left:3px;}
table#form-table td input.width03 {width:90px; margin-right:10px;}
table#form-table td input.width04 {width:250px;}
table#form-table td input.width05 {width:500px;}
table#form-table td input.width06 {width:80px;}
table#form-table td input.width07 {width:25px;}
table#form-table td textarea {width:550px; margin-top:5px; font-size:12px;}
table#form-table td input.radio {margin-right:3px;}
table#form-table td a.lm {font-size:10px; background:url(/static/images/common/lm01.gif) right no-repeat; padding-right:7px;}
table#form-table td p {padding-top:5px;}

dl.price-data dt {padding:0 10px 5px; margin-right:5px; border-bottom:2px solid #ccc; line-height:1.5;}
dl.price-data dd {padding:5px 10px 0; font-size:14px; font-weight:bold;}
dl.price-data dd span{font-size:12px; font-weight:normal;}
dl.price-data dd strong.typeA{color:#c00;}
table#form-table td table.countA {width:590px; border-collapse:separate; color:#666; font-size:10px;}
table#form-table td table.countA caption {font-size:12px; padding-bottom:3px;}
table#form-table td table.countA td {text-align:center; padding:5px 0; border:none;}
table#form-table td table.countA tr.typeA td {background:#eae7d9; width:16.66%;}
table#form-table td table.countA tr.typeB td {background:#f4f3ec;}

div.login-box {background:#fbf5cf; border:1px solid #b3af98; border-width:0 1px; padding:20px 30px;}
div.login-box dl#member-login {width:345px; float:left;}
dl#member-login dd {padding:0 18px;}
dl#member-login dd p {padding-top:7px;}
dl#member-login dd p strong {display:block; color:#300; width:110px; float:left;}
dl#member-login dd p input.width01 {width:195px; float:right;}
dl#member-login dd p span {margin-left:8px;}
dl#member-login dd p a.lm01 {font-size:10px; background:url(/static/images/form/lm01.gif) right no-repeat; padding-right:7px;}
div.login-box dl#member-login dd p.btn-reservation {padding:0; margin:10px 0 0 45px; width:225px; height:47px; overflow:hidden; background:url(/static/images/form/btn_reservation_ov.png);}
div.login-box dl#member-login dd p.btn-reservation a {display:block;}
div.login-box dl#member-login dd p.btn-reservation a:hover {background-color:transparent;}
div.login-box dl#member-login dd p.btn-reservation a:hover img {visibility:hidden;}
div.login-box dl#non-member {width:345px; float:right;}
dl#non-member dd p.btn-reservation {padding:0; margin:10px 0 0 60px; width:225px; height:47px; overflow:hidden; background:url(/static/images/form/btn_reservation_ov.png);}
dl#non-member dd p.btn-reservation a {display:block;}
dl#non-member dd p.btn-reservation a:hover {background-color:transparent;}
dl#non-member dd p.btn-reservation a:hover img {visibility:hidden;}
dl#non-member dd p.center {padding-top:10px; font-weight:bold; text-align:center;}

div#confirm-box {background:#f4f3ec; border:1px solid #b3af98; padding:15px 0 15px 590px;}
div#confirm-box p {width:161px; height:29px; overflow:hidden; background:url(/static/images/form/btn_edit_ov.png);}
div#confirm-box p a {display:block;}
div#confirm-box p a:hover {background-color:transparent;}
div#confirm-box p a:hover img {visibility:hidden;}

p.textA {color:#222; padding:15px 15px 0;}
p.textB {color:#666; padding:15px 15px 30px;}
ul#btn-box {padding:20px 0 33px 265px; list-style:none;}
ul#btn-box li#btn-registration {width:245px; height:47px; overflow:hidden; background:url(/static/images/form/btn_registration_ov.png);}
ul#btn-box li#qr-code {padding-top:15px; margin-left:-170px;}
ul#btn-box li#btn-mypage {width:245px; height:47px; overflow:hidden; background:url(/static/images/form/btn_mypage_ov.png);}
ul#btn-box li#btn-back {width:106px; height:29px; margin:20px 0 0 67px; overflow:hidden; background:url(/static/images/form/btn_back_ov.png);}
ul#btn-box li a {display:block;}
ul#btn-box li a:hover {background-color:transparent;}
ul#btn-box li a:hover img {visibility:hidden;}
h3.area-entry {margin:0 70px; background:#300;}
div.box630 {margin:0 70px; background:url(/static/images/form/box630.gif) top; padding:13px 20px 0;}
div.box630 ul.blog-list {list-style:none; width:280px; float:left;}
div.box630 ul.none {float:right;}
div.box630 ul.blog-list li {padding-bottom:10px;}
div.box630 ul.blog-list li dt {width:50px; height:50px; float:left;}
div.box630 ul.blog-list li dt a {display:block; padding:4px; background:#fff; border:1px solid #e5e5e5;}
div.box630 ul.blog-list li dt a:hover {background:url(/static/images/common/dott04.gif) top left; border:1px solid #fff;}
div.box630 ul.blog-list li dd {width:220px; float:right; line-height:1.5;}
div.box630 ul.blog-list li dd p {font-size:10px; color:#666;}
div.box630 ul.blog-list li dd p strong {margin:0 5px;}
div.box630-bottom {margin:0 70px; background:url(/static/images/form/box630_bottom.gif); height:1px;}

h4.pat25 {padding-top:25px;}
dl.point-box dt {border:1px solid #b3af98; border-top:none; background:#fbf5cf; padding:12px 20px; color:#666;}
dl.point-box dt span {color:#300; font-weight:bold; margin:0 5px;}
dl.point-box dt span.caution {color:#c00; font-weight:normal; margin:0 0 0 50px;}
dl.point-box dd, dl.coupon-box dd, dl.cancel-box dd {border:1px solid #b3af98; border-top:none; padding:12px 20px; color:#666;}
dl.point-box dd input {margin-right:5px;}
dl.point-box dd span {margin-left:15px;}
dl.point-box dd span input {margin-left:5px; width:100px;}
dl.point-box dd p {padding-top:5px; line-height:1;}

dl.method {padding:25px 0 0;}
dl.method dd {height:180px; border:2px solid #1d1d1d; border-bottom-color:#c1c1c1; border-right-color:#c1c1c1; overflow:auto;}
dl.method dd div {padding:10px 15px;}
dl.method dd div ol.privacy {padding:10px 0 0 2.5em; font-size:14px; font-weight:bold;}
dl.method dd div ol.privacy li {padding-bottom:15px;}
dl.method dd div ol.privacy li ol {padding:5px 0 0 15px; line-height:1.5; font-size:12px; font-weight:normal;}
dl.method dd div ol.privacy li ol li {padding-bottom:5px;}
dl.method dd div ol.privacy li p {padding:5px 0 0 0; line-height:1.5; font-size:12px; font-weight:normal;}
dl.method dd div ol.privacy li ul {padding:5px 0 0 15px; line-height:1.5; font-size:12px; font-weight:normal;}
dl.method dd div ol.privacy li ul li {padding-bottom:5px;}
dl.method dd div ol.privacy li ol li ul.alpha {list-style:lower-alpha;}
div.consent {border:1px solid #b3af98; background:#fbf5cf; padding:15px 20px; margin:2px 0 10px;}
div.consent input {vertical-align:middle;}
div.consent strong {color:#300; margin-left:7px;}
p#btn-submit {padding:15px 0; text-align:center;}
p#btn-submit input {margin:0 10px;}

.pat05 {padding-top:5px;}
.fix-text {padding:10px; color:#222;}

div#box {background:url(/static/images/form/box.gif) top; padding:5px 5px 2px;}
div#box dt {width:156px; float:left;}
div#box dd {width:585px; float:right;}
div#box dd ol li {list-style:none; padding-top:4px;}
div#box-bottom {background:url(/static/images/form/box_bottom.gif); height:7px; margin-bottom:10px;}

/*--opening0401--*/
p#opening-present {margin-bottom:10px;}

dl.caution-box {padding-top:20px;}
dl.caution-box dt {background:#eae7d9; border:1px solid #efe4e9; padding:5px 10px; color:#300; font-weight:bold;}
dl.caution-box dd {padding:5px 3px; line-height:1.5; color:#666;}
dl.caution-box dd p {padding-top:15px;}
dl.caution-box dd span {margin-right:12px;}
p.btn-confirm {padding-top:15px; text-align:center;}
p.btn-confirm input {margin:0 5px;}

/*--pickup--*/
h3.pickup-title {padding:20px 25px 0;}
div#pickup-box {width:930px; background:url(/static/images/common/other_box.gif) top; margin-left:25px; padding:12px 0;}
div#pickup-box-bottom {width:930px; height:1px; background:url(/static/images/common/other_box_bottom.gif); margin-left:25px;}

div#pickup-box div#pickup-text {width:620px; float:left;}
div#pickup-box div#pickup-text div#pickup-category {margin:0 1px; background:url(/static/images/common/dott06.gif) bottom repeat-x; padding:0 12px 12px;}
div#pickup-category dl#bag {width:275px; float:left;}
div#pickup-category dl#bag dt {color:#c09; font-weight:bold; background:url(/static/images/search/icon_bag.png) left no-repeat; padding:5px 25px 2px;}
div#pickup-category dl#bag dd ul {list-style:none; font-size:10px; width:125px; float:left; margin-right:12px; padding-top:2px;}
div#pickup-category dl#bag dd ul li {background:url(/static/images/common/lm01.gif) left 5px no-repeat; padding-left:12px; line-height:1.4;}
div#pickup-category dl#human {width:135px; float:left;}
div#pickup-category dl#human dt {color:#c09; font-weight:bold; background:url(/static/images/search/icon_human.png) left no-repeat; padding:5px 25px 2px;}
div#pickup-category dl#human dd ul {list-style:none; font-size:10px; padding-top:2px;}
div#pickup-category dl#human dd ul li {background:url(/static/images/common/lm01.gif) left 5px no-repeat; padding-left:12px; line-height:1.4;}
div#pickup-category dl#crown {width:180px; float:left;}
div#pickup-category dl#crown dt {color:#c09; font-weight:bold; background:url(/static/images/search/icon_crown.png) left no-repeat; padding:5px 25px 2px;}
div#pickup-category dl#crown dd ol {list-style:none; font-size:10px;}
div#pickup-category dl#crown dd ol li {line-height:1.4;}
div#pickup-category dl#crown dd ol li a {margin-left:5px;}

div#pickup-text dl#back-number {padding:12px 12px 0;}
div#pickup-text dl#back-number dt {color:#c09; font-weight:bold;}
div#pickup-text dl#back-number dd ul {list-style:none; width:165px; float:left; margin-right:25px; padding-top:2px; font-size:10px;}
div#pickup-text dl#back-number dd ul li {background:url(/static/images/common/lm01.gif) left 5px no-repeat; padding-left:12px; line-height:1.4;}

div#pickup-box div#pickup-bnr {width:300px; float:right;}
div#pickup-box div#pickup-bnr ul {list-style:none; width:290px;}
div#pickup-box div#pickup-bnr ul li {width:290px; height:50px; overflow:hidden; margin-bottom:7px;}
div#pickup-box div#pickup-bnr ul li a {display:block;}
div#pickup-box div#pickup-bnr ul li a:hover {background-color:transparent;}
div#pickup-box div#pickup-bnr ul li a:hover img {visibility:hidden;}
div#pickup-box div#pickup-bnr ul li#bnr-spa {background:url(/static/images/search/bnr_spa_ov.png);}
div#pickup-box div#pickup-bnr ul li#bnr-premium {background:url(/static/images/search/bnr_premium_ov.png);}
div#pickup-box div#pickup-bnr ul li#bnr-plan {background:url(/static/images/search/bnr_plan_ov.png);}
div#pickup-box div#pickup-bnr ul li#bnr-limitation {background:url(/static/images/search/bnr_limitation_ov.png);}

/*--campaign--*/
p.sup{margin:5px 0 20px 0;}

/*--member_fix--*/
p.attention {font-size:18px; color:#00f; font-weight:bold;}
dl.caution-box {padding:10px;}
dl.caution-box dt {background:#eae7d9; border:1px solid #efe4e9; padding:5px 10px; color:#300; font-weight:bold;}
dl.caution-box dd ul {padding:5px 3px; color:#222; list-style:none;}
dl.caution-box dd ul li {line-height:1.5;}
dl.caution-box dd ul li.sup {padding-top:15px;}
dl.caution-box2 {padding:10px;}
dl.caution-box2 dt {color:#e00; font-weight:bold;}
dl.caution-box2 dd {color:#222; line-height:2.0;}
dl.caution-box2 dd img {margin-left:10px; vertical-align:middle;}

/*--20110516weboss_eDit--*/
div#wrapper p.cautionC {font-size:14px; font-weight:bold; color:#00f;}
div#wrapper p.cautionC span.black {color:#333;}
div#wrapper p.cautionC img {float:left; margin:3px 5px 0 0;}


/*--20120731weboss_eDit--*/
div#pickup-text div#pickup-category ul {list-style:none; width:165px; float:left; margin-right:25px; font-size:10px;}
div#pickup-text div#pickup-category ul li {background:url(/static/images/common/lm01.gif) left 5px no-repeat; padding-left:12px; margin-bottom:2px; line-height:1.4;}
div#pickup-text dl#back-number dd ul li {background:url(/static/images/common/lm01.gif) left 5px no-repeat; padding-left:12px; margin-bottom:2px; line-height:1.4;}