@charset "utf-8";

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

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


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

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

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

div#contents ul#ranking {list-style:none; padding:10px 10px 25px;}
div#contents ul#ranking li {width:275px; float:left;}
div#contents ul#ranking li dl dt {width:100px; float:left; padding-bottom:10px;}
div#contents ul#ranking li dl dd {padding:5px 10px 0 110px;}



div#contents p.caution {text-align:right; margin:7px 10px 0 0; font-size:12px; padding-bottom:20px;}
div#contents p.caution2 {margin:7px 10px 0; font-size:12px; padding-bottom:10px;}
div#contents p.caution3 {margin:-15px 10px 15px; font-size:12px; padding-bottom:10px;}
div#contents p.description {margin:0 10px 25px; line-height:1.75;}
div#contents p.description span.pdflink img {margin:5px 5px 0 0; float:left;}
div#contents p#ranking-title {margin:0 10px 5px; font-weight:bold;}

div#contents ul#photo {list-style:none; margin:0 0 0 10px;}
div#contents ul#photo li {width:272px; float:left; margin-right:6px;}

/*--090904edit--*/
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 10px 0;}
div#contents div.contents-box p {color:#666; font-size:14px;}
div#contents div.contents-box-bottom {margin:0 1px 0 0; height:15px; background:url(./images/box_bottom.gif) top no-repeat;}

/*--100907edit--*/
div#contents dl.typeB {margin:15px 0 0 10px;}
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;}

div#contents h4 {margin-left:10px;}
div#contents h5 {margin:0 0 0 10px; font-size:14px;}

div#contents table {width:549px; margin:5px 10px 20px; border: #d7d7c3 solid; border-width:1px 0 0 1px; font-size:12px; border-collapse:0; border-spacing:0;}
div#contents table th {width:18%; padding:7px; background-color:#6fa278; color:#fff; font-weight:normal; border: #d7d7c3 solid; border-width:0 1px 1px 0; vertical-align:top;}
div#contents table td {width:32%; padding:7px; color:#333; border: #d7d7c3 solid; border-width:0 1px 1px 0; vertical-align:top;}

/*--20110828eDitt--*/
div#contents div.contents-box p.text {padding:0 5px; margin:0;