@charset "utf-8";

/***********************************
  sapporo_anju
  /common/css/flyer.css
***********************************/

@import "./base.css";
@import "./shadowbox.css";


/*==================================
  Main Layout
==================================*/
dl#page-title {border-bottom:6px solid #c3af73; margin-bottom:13px; padding-right:7px;}
dl#page-title dt {color:#666; padding-top:10px; float:right;}
div#pickup-box {margin:0 39px 25px;}
div#pickup-box div {width:605px; float:left;}
div#pickup-box div h3 {font-size:0; line-height:0;}
div#pickup-box div dl {background:#dfd3ab; padding:10px;}
div#pickup-box div dl dt {width:210px; overflow:hidden; background:#fff; float:left; padding:6px 0; text-align:center;}
div#pickup-box div dl dd {width:365px; float:right; font-size:14px; font-weight:bold; line-height:1.25;}
div#pickup-box div dl dd h4 {font-size:18px; line-height:1.5; padding-bottom:5px;}
div#pickup-box div dl dd h4 span {font-weight:normal; font-size:14px;}
div#pickup-box div dl dd p {width:152px; height:32px; overflow:hidden; margin:5px 0 0 210px; background:url(/common/images/flyer/btn_flyer_ov.gif);}
div#pickup-box div dl dd p a {display:block;}
div#pickup-box div dl dd p a:hover {background-color:transparent;}
div#pickup-box div dl dd p a:hover img {visibility:hidden;}
div#pickup-box p#pickup-bnr {width:230px; padding-top:45px; float:right;}

ul.flyer-list {list-style:none; margin:0 14px 0 39px; padding-bottom:20px;}
ul.flyer-list li {width:150px; float:left; margin-right:25px;}
ul.flyer-list li dt {padding:22px 0 11px;}
ul.flyer-list li dt.new {background:url(/common/images/flyer/new.gif) top left no-repeat;}
ul.flyer-list li dd {font-size:10px; color:#666; line-height:1.4;}
ul.flyer-list li dd a {font-size:12px; font-weight:bold;}

div.caution-box {margin:0 39px; background:#dfd3ab; padding:10px 15px;}

/*--detail_page--*/
div#flyer {margin:0 39px; padding-top:8px;}
p.back-list {width:130px; height:24px; overflow:hidden; background:url(/common/images/flyer/btn_back_ov.gif);}
p.back-list a {display:block;}
p.back-list a:hover {background-color:transparent;}
p.back-list a:hover img {visibility:hidden;}

div#flyer-box {padding:12px 0;}
div#flyer-box div {width:470px; float:left;}
div#flyer-box div h3 {font-size:18px; color:#930; line-height:1.4; background:url(/common/images/flyer/icon.gif) top left no-repeat; padding:0 0 7px 33px;}
div#flyer-box div h3 span {font-size:14px; color:#333; font-weight:normal;}
div#flyer-box div p strong {font-size:14px;}
div#flyer-box div p span {margin-left:15px;}
div#flyer-box ul {width:370px; float:right; list-style:none;}
div#flyer-box ul li {overflow:hidden; float:right;}
div#flyer-box ul li a {display:block;}
div#flyer-box ul li a:hover {background-color:transparent;}
div#flyer-box ul li a:hover img {visibility:hidden;}
div#flyer-box ul li#btn-reservation {width:182px; height:32px; float:left; background:url(/common/images/flyer/btn_reservation_ov.gif);}
div#flyer-box ul li#btn-site {width:182px; height:32px; background:url(/common/images/flyer/btn_site_ov.gif);}
div#flyer-box ul li#btn-detail {width:130px; height:24px; margin-top:10px; background:url(/common/images/flyer/btn_detail_ov.gif);}

div#flash-typeA {height:620px;}
div#flash-typeB {height:800px;}

div#flyer-box02 {padding-top:20px;}
div#flyer-box02 ul {list-style:none; width:226px; float:left;}
div#flyer-box02 ul li {overflow:hidden; width:226px; height:60px;}
div#flyer-box02 ul li a {display:block;}
div#flyer-box02 ul li a:hover {background-color:transparent;}
div#flyer-box02 ul li a:hover img {visibility:hidden;}
div#flyer-box02 ul li#btn-reservationB {background:url(/common/images/flyer/btn_reservationB_ov.gif); margin-bottom:15px;}
div#flyer-box02 ul li#btn-siteB {background:url(/common/images/flyer/btn_siteB_ov.gif);}
div#flyer-box02 div#flyer-right-box {width:623px; float:right;}
div#flyer-box02 div#flyer-right-box div {border:1px solid #dfd3ab; margin:9px 0 0 13px; padding:15px; background:url(/common/images/flyer/back_info.gif) bottom right no-repeat;}
div#flyer-box02 div#flyer-right-box div dl {padding:15px 90px 0 3px;}
div#flyer-box02 div#flyer-right-box div dl dt {width:7em; float:left;}
div#flyer-box02 div#flyer-right-box div dl dd {padding:0 0 3px 7em;}