@charset "utf-8";

/***********************************
  Sapporo Autumn Fest2011
  www/style.css
***********************************/

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


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

p#closed {padding:15px 10px 0;}
p.description {padding:15px 10px 0; line-height:1.7;}

div#map {height:428px; margin-top:10px; overflow:hidden; background:url(./images/back_area.gif);}
div#map ul {list-style:none;}
div#map li {position:absolute; width:200px; height:110px;}
div#map ul li a {display:block;}
div#map ul li a:hover {background-color:transparent;}
div#map ul li a:hover img {visibility:hidden;}
div#map ul li#area4 {margin-top:18px; background:url(./images/bnr04_ov.gif) top left;}
div#map ul li#area5 {margin:18px 0 0 210px; background:url(./images/bnr05_ov.gif) top left;}
div#map ul li#area6 {margin:198px 0 0 370px; background:url(./images/bnr06_ov.gif) top left;}
div#map ul li#area7 {margin:318px 0 0 160px; background:url(./images/bnr07_ov.gif) top left;}
div#map ul li#area8 {margin:318px 0 0 370px; background:url(./images/bnr08_ov.gif) top left;}

p#concept {margin:20px 0 40px; width:220px; background:url(./images/btn_concept_ov.gif) top left;}
p#concept a {display:block;}
p#concept a:hover {background-color:transparent;}
p#concept a:hover img {visibility:hidden;}

div#box-outline {background:url(./images/box.gif); margin-top:20px; padding:15px 20px 10px;}
div#box-outline dt {width:5em; float:left; font-weight:bold;}
div#box-outline dd {padding-left:6em; margin-bottom:8px;}
div#box-outline dd p {font-size:12px;}
div#box-outline-bottom {height:43px; background:url(./images/box_bottom.gif);}

p#rss {position:absolute; margin:-26px 0 0 349px;}

dl#blog-list dt {width:7em; float:left; padding:8px 0 0 10px;}
dl#blog-list dd {padding:8px 0 8px 9em; background:url(./common/images/dott01.gif) bottom repeat-x;}
dl#blog-list dd a {background:url(./common/images/lm01.gif) left no-repeat; padding-left:20px;}

ul#blog-list-link {margin:10px 0 40px; list-style:none;}
ul#blog-list-link li#blog-list-linkA {width:220px; float:left; background:url(./images/btn_blog_ov.gif) top left;}
ul#blog-list-link li#blog-list-linkB {width:150px; float:right; background:url(./images/btn_news_ov.gif) top left;}
ul#blog-list-link li a {display:block;}
ul#blog-list-link li a:hover {background-color:transparent;}
ul#blog-list-link li a:hover img {visibility:hidden;}

dl#news-list dt {width:7em; float:left; padding:8px 0 0 10px;}
dl#news-list dd {padding:8px 0 8px 9em; background:url(./common/images/dott01.gif) bottom repeat-x;}
dl#news-list dd a {background:url(./common/images/lm02.gif) left no-repeat; padding-left:20px;}
dl#news-list dd span {color:#ac5762; font-size:12px; padding-left:12px;}

ul#stage-list {padding-top:20px; list-style:none;}
ul#stage-list li {width:280px; padding-bottom:10px; float:left;}
ul#stage-list li.stage-list-right {float:right;}
ul#stage-list li dl {border:1px solid #e1dcdb; padding:7px;}
ul#stage-list li dl dt {width:80px; float:left;}
ul#stage-list li dl dd {padding:3px 0 0 90px; font-size:12px; line-height:1.5;}
ul#stage-list li dl dd strong {font-size:14px;}
ul#stage-list li dl dd p {width:120px; margin:11px 0 0 50px; background:url(./images/btn_more_ov.gif) top left;}
ul#stage-list li dl dd p a {display:block;}
ul#stage-list li dl dd p a:hover {background-color:transparent;}
ul#stage-list li dl dd p a:hover img {visibility:hidden;}

div#contents h2.text {color:#ac5762; font-size:14px; padding:20px 0 7px 10px;}
div#contents2 h2.text {color:#ac5762; font-size:14px; padding:20px 0 7px 10px;}

p#sapporo {background:url(./images/lm01.gif) left no-repeat; padding-left:12px; margin-bottom:3px;}

div#separate {background: url(./images/top_separate_line.gif) repeat-x top left; height: 2px; margin: 0 auto 40px; width: 860px;}