@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 {color:#999; font-size:12px;}
div#contents div.contents-box dl {margin:0; padding:0 10px 10px 0;}
div#contents div.contents-box dl dt {width:3em; font-weight:bold; float:left; margin:0; line-height:1.5;}
div#contents div.contents-box dl dd {padding:0 0 5px 4em; line-height:1.5;}
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;}



