@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.text {margin-top:0;}
div#contents p.text span {background:url(./images/icon.gif) left 4px no-repeat; padding-left:15px;}
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 dl.typeB {margin:15px 0 0 10px; padding-bottom:25px;}
div#contents dl.typeB dt {width:225px; float:left;}
div#contents dl.typeB dt img {}
div#contents dl.typeB dd {padding-left:235px;}
div#contents dl.typeB dd p {margin:0 10px;}

div#contents dl.typeC {margin:15px 10px 0 10px;}
div#contents dl.typeC dt {width:120px; float:left;}
div#contents dl.typeC dt img {margin-bottom:10px;}
div#contents dl.typeC dd {padding-left:125px; font-size:12px; line-height:1.5;}
div#contents dl.typeC dd p {margin:0 0 10px 0; line-height:1.5;}
div#contents dl.typeC dd span {font-weight: bold;}
div#contents dl.typeC dd p span {background:url(./images/icon.gif) left 3px no-repeat; padding-left:13px; font-weight:normal;}
div#contents dl.typeC dd span.color1 {color: #ac5762;}
div#contents dl.typeC dd span.color2 {color: #a6a35a;}
div#contents dl.typeC dd span.color3 {color: #6fa278;}
div#contents dl.typeC dd span.color4 {color: #658590;}
div#contents dl.typeC dd span.color5 {color: #5e5f38;}
div#contents dl.typeC dd span.color6 {color: #655883;}
div#contents dl.typeC dd span.color7 {color: #80584a;}
div#contents dl.typeC dd span.color8 {color: #bb953a;}
div#contents dl.typeC dd span.color9 {color: #c17056;}

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 dd span.color1 {color: #ac5762;}
div#contents ul.type02 li dl dd span.color2 {color: #a6a35a;}
div#contents ul.type02 li dl dd span.color3 {color: #6fa278;}
div#contents ul.type02 li dl dd span.color4 {color: #658590;}
div#contents ul.type02 li dl dd span.color5 {color: #5e5f38;}
div#contents ul.type02 li dl dd span.color5 {color: #655883;}
div#contents ul.type02 li dl dd span.color7 {color: #80584a;}
div#contents ul.type02 li dl dd span.color8 {color: #bb953a;}
div#contents ul.type02 li dl dd span.color9 {color: #c17056;}

div#contents ul.type03 {list-style:none; margin:10px 10px;}
div#contents ul.type03 li {background:url(./images/icon.gif) left 5px no-repeat; padding-left:15px; margin-bottom:5px; line-height:1.5;}