@charset "utf-8";

/***********************************
  Sapporo Autumn Fest2009
  www/collabo/style.css
***********************************/

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


/*==================================
  Main Layout
==================================*/

div#contents h2 {margin-bottom:15px;}
div#contents h3 {margin-bottom:20px;}

div#contents p {margin:0 10px 30px; line-height:1.75;}
div#contents p.caution {text-align:right; margin:7px 10px 30px 0; font-size:12px;}
div#contents p.caution02 {margin:7px 10px; font-size:12px; color:#900;}
div#contents p.mab10 {margin-bottom:10px;}
.font12 {font-size:12px;}

div#map {margin-bottom: 10px;}

div#contents dl.entry {padding:0 10px 25px;}
div#contents dl.entry dt {width:200px; float:left;}
div#contents dl.entry dt img {margin-bottom:5px;}
div#contents dl.entry dd {padding-left:220px;}
div#contents dl.entry02 {padding:0 10px 5px;}
div#contents dl.entry02 dt {width:200px; float:left;}
div#contents dl.entry02 dt img {margin-bottom:5px;}
div#contents dl.entry02 dd {padding-left:220px;}
div#contents dl.entry02 dd p {margin-bottom:0;}
div#contents dl.entry02 dd p span {font-size: 12px;}
div#contents dl.entry03 {padding:0 10px 5px;}
div#contents dl.entry03 dt {width:200px; float:left;}
div#contents dl.entry03 dt img {margin-bottom:5px;}
div#contents dl.entry03 dd {padding-left:220px;}
div#contents dl.entry03 dd p {margin-bottom: 10px;}
div#contents dl.entry03 dd p.small {font-size: 12px; line-height: 1.5;}
div#contents dl.entry03 dd p span {font-weight: bold;}
div#contents dl.entry04 {padding:0 10px 5px;}
div#contents dl.entry04 dt {width:200px; float:left;}
div#contents dl.entry04 dd {padding-left:220px;}
div#contents dl.entry04 dd p {margin: 0 0 10px 0;}
div#contents p.text-top {line-height:1; text-align:right; font-size:12px;}
div#contents p.link {background:url(./images/icon_link.gif) left 7px no-repeat; padding-left: 14px; line-height: 1.5;}

/*div#contents div#box-outline {background:url(./images/box.gif); padding:15px 20px 10px;}20090819edit*/
div#contents div#box-outline {background:url(./images/box.gif); padding:15px 20px 18px;}
div#contents div#box-outline p {line-height:1.75; padding:0; margin:0 10px;}
div#contents div#box-outline p.mab10 {margin-bottom:10px;}
div#contents div#box-outline p.icon01 {background:url(./images/icon01.gif) left no-repeat; padding:7px 40px; margin-bottom:10px;}
div#contents div#box-outline ul {padding:5px 0 0 30px;}
div#contents div#box-outline ul li {font-size:12px; line-height:1.5;}
div#contents div#box-outline ul#photo {list-style:none; padding:15px 0 10px 15px;}
div#contents div#box-outline ul#photo li {width:160px; float:left; margin-right:10px;}
div#contents div#box-outline ul#photo li.none {margin-right:0;}
div#contents div#box-outline-bottom {height:15px; background:url(./images/box_bottom.gif);}

div#contents div#box-outline2 {background:url(./images/box.gif); padding:15px 20px 18px;}
div#contents div#box-outline2 p {line-height:1.75; padding:0; margin:0 10px;}
div#contents div#box-outline2 p.mab10 {margin-bottom:10px;}
div#contents div#box-outline2 p.icon01 {background:url(./images/icon01.gif) left no-repeat; padding:7px 40px; margin-bottom:10px;}
div#contents div#box-outline2 ul {padding:5px 0 0 30px;}
div#contents div#box-outline2 ul li {font-size:12px; line-height:1.5;}
div#contents div#box-outline2 ul#photo {list-style:none; padding:15px 0 10px 15px;}
div#contents div#box-outline2 ul#photo li {width:160px; float:left; margin-right:10px;}
div#contents div#box-outline2 ul#photo li.none {margin-right:0;}
div#contents div#box-outline2-bottom {height:15px; background:url(./images/box_bottom.gif);}

div#contents dl.field {margin:0 10px 10px;}
div#contents dl.field dt {float:left; width:11em;}
div#contents dl.field dd {padding-left:12em; margin-bottom:10px; text-indent:-1.25em; line-height:1.6;}
div#contents dl.field02 {margin:0 10px 10px;}
div#contents dl.field02 dt {float:left; width:8em;}
div#contents dl.field02 dd {padding-left:8em; margin-bottom:10px;}
div#contents dl.field03 {margin:0 10px;}
div#contents dl.field03 dt {float:left; width:5em;}
div#contents dl.field03 dd {padding-left:5em; margin-bottom:10px;}
div#contents dl.field04 {margin:0 10px 10px;}
div#contents dl.field04 dt {float:left; width:5em; line-height:1.6;}
div#contents dl.field04 dd {padding-left:6em; text-indent:-1.25em; margin-bottom:10px; line-height:1.6;}
div#contents dl.field04 dd a {background:url(/common/images/icon_mail.gif) left no-repeat; padding-left:20px;}
div#contents dl.field05 {margin:0 10px; line-height: 1.5;}
div#contents dl.field05 dt {float:left; width: 6em;}
div#contents dl.field05 dd {padding-left: 6em; text-indent: -1em; margin-bottom: 3px;}
div#contents dl.field06 {margin: 0 0 20px 0; line-height: 1.5;}
div#contents dl.field06 dt {float:left; width: 4em;}
div#contents dl.field06 dd {padding-left: 4em; text-indent: -1em; margin-bottom: 3px;}

ul#photo-fam {padding:10px 0 20px 10px; list-style:none;}
ul#photo-fam li {width:180px; float:left; margin-right:5px;}
div#contents ul#photo-fam li p {margin:7px 0 0; line-height:1.5; font-size:12px;}

ul.shop-list {margin:-25px 12px 0; padding-bottom:20px; list-style:none;}
ul.shop-list li {background:url(./images/icon.gif) left no-repeat; padding-left:15px; margin-bottom:7px;}

/*--090901edit--*/
div#reservation {padding:15px 0;}
div#reservation h4 {background:#f1e3e4; padding:12px 15px; font-size:13px; margin-bottom:15px;}
div#reservation h4 a {background:url(./images/icon_mail.gif) left no-repeat; padding-left:22px; color:#900; text-decoration:none;}
div#reservation h4 a:hover {text-decoration:underline;}
div#reservation p {margin:0 5px 5px; line-height:1.5; font-size:12px; padding-left:1em; text-indent:-1em; color:#900;}
div#autumnlunch {background:url(./images/back_photo.jpg) right 60px no-repeat;}