@charset "shift_jis";

/***********************************
  Sapporo Food Service
  www/style.css
***********************************/

/*==================================
  BASIC
==================================*/
html{margin:0 auto; padding:0; font-size:75%; font-family:verdana;}
body {margin:0 auto; padding:0; background:#fff; 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:#fff; text-decoration:underline;}
a:link {color:#fff; text-decoration:underline;}
a:visited {color:#fff; text-decoration:underline;}
a:hover {color:#fff; text-decoration:none;}
a:active {color:#fff; text-decoration:none;}

/*==================================
  Header Layout
==================================*/
div#header {width:800px; height:65px; margin:0 auto;}
div#header h1 {position:absolute; margin:10px 0 0 10px; font-size:12px; font-weight:normal;}
div#header dl dt {position:absolute; margin:35px 0 0 8px;}
div#header dl dd {position:absolute; margin-left:400px;}

/*==================================
  Visual Layout
==================================*/
div#visual {width:950px; height:414px; margin:0 auto; background:url(./images/visual.png);}
div#visual h2 {position:absolute; margin:44px 0 0 100px;}
div#visual p {position:absolute; margin:268px 0 0 100px;}
div#visual dt {position:absolute; margin:321px 0 0 85px;}
div#visual dd {position:absolute; margin:243px 0 0 623px; display:none;}
div#visual dd ul {list-style:none;}
div#visual dd ul li {float:left; margin-right:8px; width:110px; height:110px; overflow:hidden;}
div#visual dd ul li a {display:block;}
div#visual dd ul li a:hover {background-color:transparent;}
div#visual dd ul li a:hover img {visibility:hidden;}
div#visual dd ul li#order01 {background:url(./images/btn20_ov.png);}
div#visual dd ul li#order02 {background:url(./images/btn40_ov.png);}

/*==================================
  Main Layout
==================================*/
div#main {width:800px; margin:0 auto; padding-bottom:30px;}
div#main .typeA {text-align:center; padding-bottom:10px;}
div#main .pat15 {padding-top:15px;}

p#campaign {width:800px; height:110px; overflow:hidden; background:url(./images/campaign01_ov.gif); margin:0 0 20px 0;}
p#campaign a {display:block;}
p#campaign a:hover {background-color:transparent;}
p#campaign a:hover img {visibility:hidden;}

ul.order-box {list-style:none; margin-bottom:20px; background:url(./images/set_bottom.gif) bottom no-repeat; padding-bottom:12px;}
ul.order-box li {width:393px; background:url(./images/set_body.gif) top; float:left;}
ul.order-box li.order40 {float:right;}
ul.order-box li dt {width:218px; float:left;}
ul.order-box li dd {width:175px; float:right; padding-top:50px; line-height:1.25;}
ul.order-box li dd span {color:#f30; font-size:26px; margin-right:3px;}
ul.order-box li dd button {border:none; background:none; cursor:pointer; width:154px; margin-top:7px;}
ul.order-box li.orderinq{float:right; position:relative; height:148px; background:url(./images/set_body_last.gif) no-repeat 11px 0px;}
ul.order-box li.orderinq img{position:absolute; margin:10px 0px 0px 10px;}
/*ul.lastorder {background:url(./images/set_bottom_last.gif) no-repeat bottom left;}*/
ul.lastorder {background-image:none;}


div#main table {width:800px; font-size:12px; margin-bottom:5px; border-collapse:collapse; font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";}
div#main table td {padding:5px 1px; text-align:center; border:1px solid #fc3; border-width:0 0 1px 1px;}
div#main table td.t-title {padding:0; border:1px solid #fc3;}
div#main table td.t-right {border-left:1px solid #fc3; border-right:1px solid #fc3;}
div#main table td.t-top {vertical-align:top; line-height:1.5;}
div#main table td .font10 {font-size:10px;}
div#main table td .cc00 {color:#c00;}
div#main p.center {text-align:center; padding-bottom:15px;}
div#main p.left {text-align:left; padding-bottom:20px;}

div#main table.box3{margin-bottom:20px;}
div#main table.about th.space {background:#fff; border:solid 0px; padding:0px; height:20px;}
div#main table.about td.space {background:#fff; border:solid 0px; padding:0px; height:20px;}
div#main table.about td dl {line-height:1.6;}
div#main table.about td dl dd ul{list-style:none; margin-top:20px;}
div#main table.about td dl dd li{margin-bottom:20px;}
div#main table.about td div p.p-left{float:left;}
div#main table.about td div p.p-right{float:right;}
div#main table.about th{width:23%; background:#ffffcc; border:1px solid #fc3; font-size:12px; font-weight:normal; padding:8px 0 8px 20px;}
div#main table.about td{width:77%; border:1px solid #fc3; padding:8px 20px 8px 20px; text-align:left;}
div#main table th.t-title {padding:0; border:1px solid #fc3;}

div.box {background:url(./images/box_body.gif) bottom no-repeat; margin-bottom:20px; padding:5px 20px 15px;}
div.box dl#box-dl01 {padding:0 10px 5px;}
div.box dl#box-dl01 dt {width:211px; float:right;}
div.box dl#box-dl01 dd {width:510px; float:left;}
div.box dl#box-dl02 {padding:0 10px 10px;}
div.box dl#box-dl02 dt {width:345px; float:right;}
div.box dl#box-dl02 dd {width:370px;}
div.box dl#box-dl02 dd ul {list-style:none;}
div.box dl#box-dl02 dd ul li {padding:0 0 5px 23px;}
div.box dl#box-dl02 dd ul li#icon01 {background:url(./images/icon01.gif) left 2px no-repeat;}
div.box dl#box-dl02 dd ul li#icon02 {background:url(./images/icon02.gif) left 2px no-repeat;}
div.box dl#box-dl02 dd ul li#icon03 {background:url(./images/icon03.gif) left 2px no-repeat;}
div.box dl#box-dl02 dd ul li#icon04 {background:url(./images/icon04.gif) left 2px no-repeat;}
div.box dl#box-dl03 {padding:0 10px 15px;}
div.box dl#box-dl03 dt {width:100px; float:left;}
div.box dl#box-dl03 dd {width:640px; float:right; background:url(./images/voice_body.gif) top no-repeat;}
div.box dl#box-dl03 dd p {padding:18px 10px 3px 50px;}
div.box dl#box-dl03 dd div {height:8px; background:url(./images/voice_bottom.gif);}

div#main div.box ol.cash{list-style:none; line-height:1.6;}
div#main div.box ol.cash li dl dd span{color:red;}
div#main div.box ol.cash li dl dd ul{list-style:none; margin-bottom:10px;}
div#main div.box ol.cash li dl dd ul li{margin-bottom:0px;}
div#main div.box ol.cash li ul li.cash-bottom {margin-bottom:20px;}
div#main div.box ol.cash li{margin-bottom:25px;}
div#main div.box ol.cash li p{margin-bottom:20px;}
div#main div.box ol.cash li dl dd table#cashing {width:758px;}
div#main div.box ol.cash li dl dd table#cashing tr td.cashing-none{padding:8px 20px 8px 25px;}
div#main div.box ol.cash li dl dd table#cashing tr td.cashing-none ul{list-style:none; padding:0;}
div#main div.box ol.cash li dl dd table#cashing tr td.cashing-none ul li{margin-bottom:0;}
div#main div.box ol.cash li dl dd table#cashing tr td ul{list-style:disc; padding-left:5px;}
div#main div.box ol.cash li dl dd table#cashing tr td ul li{margin-bottom:15px;}
div#main div.box ol.cash li dl dd table#cashing tr td ul li span{color:#333; margin-left:1em;}

div.box02 {background:url(./images/box_body02.gif) top no-repeat; padding:10px 20px 5px;}
div.box02 dt {width:220px; float:right; padding-top:10px;}
div.box02 dd {width:520px; float:left;}
div.box02 dd ul {width:260px; float:left; padding:8px 0 10px; list-style:none;}
div.box02 dd ul li {padding:0 0 10px 30px;}
div.box02 dd ul li#lm01 {background:url(./images/lm01.gif) left 0px no-repeat;}
div.box02 dd ul li#lm02 {background:url(./images/lm02.gif) left 0px no-repeat;}
div.box02 dd ul li#lm03 {background:url(./images/lm03.gif) left 0px no-repeat;}
div.box02 dd ul li#lm04 {background:url(./images/lm04.gif) left 0px no-repeat;}
div.box02 dd ul li#lm05 {background:url(./images/lm05.gif) left 0px no-repeat;}
div.box02 dd ul li#lm06 {background:url(./images/lm06.gif) left 0px no-repeat;}
div.line {background:url(./images/box_body.gif) bottom no-repeat; height:10px; margin-bottom:20px;}

p#cart20 {width:670px; height:48px; overflow:hidden; margin:0 0 20px 45px;}
/**
p#cart20 a {display:block;}
p#cart20 a:hover {background-color:transparent;}
p#cart20 a:hover img {visibility:hidden;}
**/

p#cam-content {margin-bottom:20px;}

p#gototop {width:140px; height:22px; overflow:hidden; background:url(./images/btn_gototop_ov.gif); margin:10px 0 0 660px;}
p#gototop a {display:block;}
p#gototop a:hover {background-color:transparent;}
p#gototop a:hover img {visibility:hidden;}

/*==================================
  Footer Layout
==================================*/
div#footer {background:#f60 url(./images/back_footer.jpg) top repeat-x; padding:20px 0; text-align:center;}
div#footer-inner {width:780px; margin:0 auto;}
div#qr-box {width:310px; float:right;}
div#qr-box dt {width:177px; float:left;}
div#qr-box dd {width:114px; float:right;}
div#info-box {width:451px; float:left;}
div#info-box dt {width:186px; float:left;}
div#info-box dt img {margin-bottom:15px;}
div#info-box dd {width:236px; float:right;}
div#info-box dd p {margin:-22px 0 0 13px; position:relative; z-index:2; width:100px; height:22px; font-size:0; line-height:0; background:url(./images/btn_map_ov.gif);}
div#info-box dd p a {display:block;}
div#info-box dd p a:hover {background-color:transparent;}
div#info-box dd p a:hover img {visibility:hidden;}
div#text-link {padding:10px 0;}
div#text-link address img{margin-left:465px;}