@charset "utf-8";

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

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


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

div#contents h2 {margin-bottom:20px;}
div#contents h4 {margin-left:10px;}

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

div#contents p {margin:15px 10px 30px; line-height:1.75;}
div#contents p.caution {font-size:12px;}
div#contents p.center {text-align:center; margin-bottom:0;}
div#contents p.mab10 {margin-bottom:10px;}

div#contents dl.typeA {margin:15px 0 0 10px; padding-bottom:30px;}
div#contents dl.typeA dt {width:200px; float:left;}
div#contents dl.typeA dt img {margin-bottom:10px;}
div#contents dl.typeA dd {padding-left:210px;}
div#contents dl.typeA dd ul {list-style:none; margin:0 10px;}
div#contents dl.typeA 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.typeA dd p {margin:0 10px 20px;}

div#contents ul.type01 {list-style:none; margin:20px 0 0 10px; padding-bottom:30px;}
div#contents ul.type01 li {float:left; margin-right:5px;}

div#contents ul.type02 {list-style:none; margin:20px 0 0 10px; padding-bottom:30px; font-size: 12px;}
div#contents ul.type02 li {float:left; margin: 0 5px 10px 0; line-height: 1.5;}
div#contents ul.type02 li dl dt {float: left; width: 120px;}
div#contents ul.type02 li dl dd {float: left; width: 140px; padding: 0 0 0 5px;}
div#contents ul.type02 li dl span {font-weight: bold;}
div#contents ul.type02 li dl span.color1 {color: #ac5762;}
div#contents ul.type02 li dl span.color2 {color: #d6a45d;}
div#contents ul.type02 li dl span.color3 {color: #6fa278;}
div#contents ul.type02 li dl span.color4 {color: #867571;}
div#contents ul.type02 li dl span.color5 {color: #b0ad6c;}