@charset "utf-8";

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

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


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

div#contents h2 {margin-bottom:20px;}
div#contents h3 {margin-bottom:20px;}
div#contents h3.bar-title {margin:0 0 15px 10px;}

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

div#contents p.description {margin:0 10px 30px;}
div#contents p.caution {text-align:right; margin:7px 10px 30px 0; font-size:12px;}

div#contents ul#photos2008 {list-style:none; margin:0 0 0 10px;}
div#contents ul#photos2008 li {width:180px; float:left; margin-right:5px;}

div#contents dl#back01 {margin:0 10px; background:url(./images/back01.jpg) top left no-repeat; padding:0 0 35px 100px;}
div#contents dl#back02 {margin:0 10px; background:url(./images/back02.jpg) top left no-repeat; padding:0 0 35px 100px;}
div#contents dl#back03 {margin:0 10px; background:url(./images/back03.jpg) top left no-repeat; padding:0 0 35px 100px;}
div#contents dl#back04 {margin:0 10px; background:url(./images/back04.jpg) top left no-repeat; padding:0 0 35px 100px;}
div#contents dl#back05 {margin:0 10px; background:url(./images/back05.jpg) top left no-repeat; padding:0 0 35px 100px;}
div#contents dl#back06 {margin:15px 10px 0; background:url(./images/back06.jpg) top left no-repeat; padding:0 0 35px 100px;}
div#contents dt {margin-bottom:10px;}
div#contents dd p {margin-bottom:5px;}
div#contents dd p span {font-size:12px; color:#999;}

div#contents div.contents-box {margin:0 11px 0 10px; padding:15px; background:url(./images/box.gif) top no-repeat;}
div#contents div.contents-box h4 {margin:0 0 15px 0;}
div#contents div.contents-box p {margin:0 5px;}
div#contents div.contents-box dl {margin:0; padding:0;}
div#contents div.contents-box dl dt {width:160px; float:left; margin-bottom:0;}
div#contents div.contents-box dl dd {padding-left:175px;}
div#contents div.contents-box dl dd p {line-height:1.6;}
div#contents div.contents-box-bottom {margin:0 1px 0 0; height:15px; background:url(./images/box_bottom.gif) top no-repeat;}

/*--090904edit--*/
div.image-photo {width:170px; float:right; text-align:center;}
div#contents div.contents-box p.font12 {font-size:12px; color:#666; padding-bottom:5px;}
div#contents div.contents-box p.font14 {font-size:14px; color:#666; padding-bottom:5px; line-height:1.6;}
div#contents div.contents-box ul#menu-photo {padding:5px 0 10px; list-style:none;}
div#contents div.contents-box ul#menu-photo li {float:left; margin-right:10px;}
div#contents div.contents-box ul#menu-photo li.none {margin:0;}
dl.typeA {margin:0 10px 15px;}
dl.typeA dt {width:225px; float:left;}
dl.typeA dd {padding-left:240px;}
dl.typeA dd p {padding-bottom:15px;}

/*--100907edit--*/
div#contents dl.typeB {margin:15px 0 0 10px; padding-bottom:30px;}
div#contents dl.typeB dt {width:225px; float:left;}
div#contents dl.typeB dt img {margin-bottom:10px;}
div#contents dl.typeB dd {padding-left:235px;}
div#contents dl.typeB dd ul {list-style:none; margin:0 10px;}
div#contents dl.typeB dd ul li {background:url(./images/icon.gif) left 5px no-repeat; padding-left:15px; margin-bottom:10px; line-height:1.5;}
div#contents dl.typeB dd p {margin:0 10px 20px;}

div#contents p {margin:0 10px 30px;}
div#contents p.mab10 {margin-bottom:10px;}
div#contents p.mab15 {margin-bottom:15px;}

/*--20110828eDit--*/
div#contents div.shop-list {padding:0 10px 20px;}
div#contents div.shop-list div {width:275px; float:left;}
div#contents div.shop-list div dl {padding-right:15px; font-size:14px;}
div#contents div.shop-list div dl dt {margin:0; padding:0 0 3px;}
div#contents div.shop-list div dl dd {margin:0; padding:0 0 20px;}
div#contents div.shop-list div dl dd.none {padding:0 0 5px;}
div#contents div.shop-list div dl dd ul {list-style:none; padding:0; margin:0;}
div#contents div.shop-list div dl dd ul li {background:url(./images/icon.gif) left 5px no-repeat; padding-left:15px; margin-bottom:3px; line-height:1.5;}
div#contents div.shop-list div p {font-size:12px; margin:0; padding:0;}

div#contents ul#sweet {list-style:none; padding:0 10px 25px;}
div#contents ul#sweet li {width:180px; float:left; margin-right:5px;}
div#contents ul#sweet li.none {margin:0;}
div#contents ul#sweet li dd {padding-top:3px; font-size:14px;}
div#contents ul#sweet li dd ul {list-style:none; padding-top:5px;}
div#contents ul#sweet li dd ul li {float:none; width:auto; background:url(./images/icon.gif) left 5px no-repeat; padding-left:15px; margin-bottom:1px; line-height:1.5;}

div#contents dl.none {padding-bottom:1px;}
div#contents dl.none dt img {margin-bottom:0;}
div#contents dl#typeBdash {padding:0 10px 20px;}
div#contents 
dl#typeBdash dd p {padding:0 0 15px;}

div#contents dl#marche-box {padding:0 10px 10px;}
div#contents dl#marche-box dt {}
div#contents dl#marche-box dd {padding-bottom:15px;}
div#contents dl#marche-box dd ul {list-style:none; font-size:14px; margin:0; padding:0;}
div#contents dl#marche-box dd ul li {background:url(./images/icon.gif) left 5px no-repeat; float:left; padding-left:15px; margin:0 10px 1px 0; line-height:1.5;}

div#contents div#b-shop-list {padding:0 10px 20px;}
div#contents div#b-shop-list ul {list-style:none; width:275px; float:left; font-size:14px;}
div#contents div#b-shop-list ul li {background:url(./images/icon.gif) left 5px no-repeat; padding-left:15px; margin:0 0 1px; line-height:1.5;}