@charset "utf-8";

/***********************************
  札幌広域圏blog
  www/style.css
***********************************/

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


#camp2011{background-color:#fff; height:30px; margin-top:0px; padding-top:10px; padding-left:10px; margin-bottom:30px; margin-left:2px; width:886px;}
#camp2011 a {line-height:20px; color:#000000; background-color:#fff; height:50px;}
#camp2011 a img {margin-left:20px; margin-right:10px;}


.2011campaign{background-color:#ff0000;}
.aform-content dl {background-color:#ff0000;}

#map_box {width:896px; height:430px;margin-bottom:15px; background:url(./images/back_box.gif) bottom; margin-top:-10px; margin-left:2px;padding-top:30px;text-align: center;}


/*#fourcolumns2011 {width:897px; height:310px; clear:both; z-index:50;}*/
#fourcolumns2011 {width:897px; height:340px; clear:both;}

div#bottommenu ul {margin:0 0 0 2px; overflow: hidden;}
div#bottommenu li#btn011 {background:url(http://www.sapporo-kouiki.net/images/btn011_ov.png) no-repeat; margin:0px; overflow: hidden;}
div#bottommenu li#btn022 {background:url(http://www.sapporo-kouiki.net/images/btn022_ov.png) no-repeat; margin:-0px; overflow: hidden;}
div#bottommenu li#btn033 {background:url(http://www.sapporo-kouiki.net/images/btn033_ov.png) no-repeat; margin:-0px; overflow: hidden;}
div#bottommenu li#btn044 {background:url(http://www.sapporo-kouiki.net/images/btn044_ov.png) no-repeat; margin:-0px; overflow: hidden;}

div#header li#btn055 {background:url(http://www.sapporo-kouiki.net/images/btn055_ov.png) no-repeat; margin:0 0 0 2px; overflow: hidden;}
div#header li#btn066 {background:url(http://www.sapporo-kouiki.net/images/btn066_ov.png) no-repeat; margin:0 0 0 0px; overflow: hidden;}
div#header li#btn077 {background:url(http://www.sapporo-kouiki.net/images/btn077_ov.png) no-repeat; margin:0 0 0 0px; overflow: hidden;}
div#header li#btn088 {background:url(http://www.sapporo-kouiki.net/images/btn088_ov.png) no-repeat; margin:0 0 0 0px; overflow: hidden;}
/*
div#header li#btn055 {background:url(http://www.sapporo-kouiki.net/images/btn055_ov.png);}
div#header li#btn066 {background:url(http://www.sapporo-kouiki.net/images/btn066_ov.png);}
div#header li#btn077 {background:url(http://www.sapporo-kouiki.net/images/btn077_ov.png);}
div#header li#btn088 {background:url(http://www.sapporo-kouiki.net/images/btn088_ov.png);}
*/


/*.boxall2011{font-size:12px; background:#ffffff; padding-bottom:10px; min-height:310px; height: auto !important; height: 310px; width:896px;*/
.boxall2011{font-size:12px; background:#ffffff;padding-bottom:10px; min-height:570px; height: auto !important; height: 600px; width:896px;
margin-left:2px; padding-left:2px;margin-bottom:15px; vertical-align:top; margin-top:-15px;}

/*div.box2011 {background:url(./images/back_box.gif) bottom; padding-bottom:15px; margin-bottom:10px; background:#fff; float:left; margin-right:4px; margin-left:-3px; padding-top:20px;}*/
div.box2011 {padding-bottom:15px; margin-bottom:10px; float:left; margin-right:0px; margin-left:-3px; padding-top:20px;}

div.box2011 p.list {margin-top:-20px; padding-right:15px; float:right; position:relative; z-index:5;}


div.box2011 {width: 211px;height:350px;}
div.box2011 ul#report-box2011 {margin:0 12px; padding-top:5px; list-style:none; float:left; margin-bottom:20px;}
div.box2011 ul#report-box2011 li {width:204px; float:left; margin-right:12px; margin-bottom:30px;}
div.box2011 ul#report-box2011 li.none {margin-right:0;}
div.box2011 ul#report-box2011 li table {border:1px solid #9cf;}
div.box2011 ul#report-box2011 li table td {vertical-align:middle; text-align:center; width:196px; height:124px;}
div.box2011 ul#report-box2011 li table td img {max-height:124px; max-width:196px; overflow:hidden;}
div.box2011 ul#report-box2011 li dl {margin:3px 3px 0;}
div.box2011 ul#report-box2011 li dt {font-size:10px; font-weight:bold; color:#f36; background:url(./common/images/dottA.gif) repeat-x bottom; padding-bottom:3px;}
div.box2011 ul#report-box2011 li dd {color:#666; line-height:1.6em; margin-top:5px;}
div.box2011 ul#report-box2011 li dd strong {color:#333;}
div.box2011 ul#report-box2011 li p {text-align:right; font-size:10px; padding-right:5px;}


div.box2011 ul#pickup-box2011 {margin:0 12px; padding-top:15px; list-style:none;}
div.box2011 ul#pickup-box2011 li {float:left; width:284px; margin-right:12px;}
div.box2011 ul#pickup-box2011 li.none {margin-right:0;}
div.box2011 ul#pickup-box2011 li table {border:1px solid #9cf; float:left;}
div.box2011 ul#pickup-box2011 li table td {vertical-align:middle; text-align:center; width:100px; height:75px;}
div.box2011 ul#pickup-box2011 li table td img {max-height:75px; max-width:100px; overflow:hidden;}
div.box2011 ul#pickup-box2011 li dl {float:right; width:170px; padding-top:7px;}
div.box2011 ul#pickup-box2011 li dt {font-size:10px; font-weight:bold; color:#f36; background:url(./common/images/dottA.gif) repeat-x bottom; padding-bottom:3px;}
div.box2011 ul#pickup-box2011 li dd {color:#333; font-weight:bold; line-height:1.6em;}
div.box2011 ul#pickup-box2011 li dd p {text-align:right; font-size:10px; font-weight:normal; padding-right:5px;}










































/*#box12 {width:897px; margin-bottom:15px; background:#fff; margin-top:20px; height:150px;}*/
#box12 {width:897px; margin-bottom:15px;  background:url(./images/back_box.gif) bottom;margin-top:0px;margin-left:2px; height:180px;}
#box12_top {margin-top:-3px; }
#box12 .box1{width: 260px; float:left; background:#ffffff; height:125px; margin-left:10px; margin-top:5px;}
#box12 .box2{float:right; margin-right:3px; height:125px;}
/*.routesearch{width:500px; margin-left:15px; margin-top:-35px; margin-bottom:1px;}*/
.routesearch{width:880px; margin-left:15px; margin-top:0px; margin-bottom:1px;clear:left;}

/*#fourcolumns {width:897px; height:310px; clear:both;}*/
#fourcolumns {width:897px; height:342px; clear:both; z-index:50;}

p.ichiran {margin-left:10px; margin-bottom:0px; font-size:10px;}

p.list2010 {margin-top:-20px; padding-right:15px; float:right; position:relative; z-index:5;}

/*.line2010-1{width:3px; background:url(./common/images/dottb.gif) repeat-y right; margin-left:0px; margin-right:0px;}*/
.line2010-1{width:5px; background:url(./common/images/dottb.gif) repeat-y right; padding-left:2px; margin-right:0px;}

.line2010-2{width:5px; background:url(./common/images/dottb.gif) repeat-y right; padding-left:5px; margin-right:0px;}
/*.line2010-3{width:3px; background:url(./common/images/dottb.gif) repeat-y right; margin-left:0px; margin-right:0px;}*/
.line2010-3{width:5px; background:url(./common/images/dottb.gif) repeat-y right; padding-left:5px; margin-right:0px;}



#bottommenu li#btn011 {background:url(../images/btn011_ov.png);}
#bottommenu li#btn022 {background:url(../images/btn022_ov.png);}
#bottommenu li#btn033 {background:url(../images/btn033_ov.png);}
#bottommenu li#btn044 {background:url(../images/btn044_ov.png);}








/*.boxall2010{font-size:12px; background:#ffffff;padding-bottom:10px; min-height:570px; height: auto !important; height: 600px; width:896px; margin-left:2px; margin-bottom:15px; vertical-align:top; margin-top:-15px;}*/
.boxall2010{font-size:12px; background:#ffffff; padding-bottom:0px; min-height:310px; height: auto !important; height: 310px; width:896px;
margin-left:2px; margin-bottom:0px; vertical-align:top; margin-top:-6px; z-index:49;position: relative;}

/*div.box2010 {background:url(./images/back_box.gif) bottom; padding-bottom:15px; margin-bottom:10px; background:#fff; float:left; margin-right:4px; margin-left:-3px; padding-top:20px;}*/
div.box2010 {padding-bottom:15px; margin-bottom:10px; float:left; margin-right:4px; margin-left:-3px; padding-top:20px;}

div.box2010 p.list {margin-top:-20px; padding-right:15px; float:right; position:relative; z-index:5;}


/*div.box2010 {width: 210px;height:575px;}*/
div.box2010 {width: 210px;height:300px;}
div.box2010 ul#report-box2010 {margin:0 12px; padding-top:5px; list-style:none; float:left; margin-bottom:20px;}
div.box2010 ul#report-box2010 li {width:204px; float:left; margin-right:12px; margin-bottom:30px;}
div.box2010 ul#report-box2010 li.none {margin-right:0;}
div.box2010 ul#report-box2010 li table {border:1px solid #9cf;}
div.box2010 ul#report-box2010 li table td {vertical-align:middle; text-align:center; width:196px; height:124px;}
div.box2010 ul#report-box2010 li table td img {max-height:124px; max-width:196px; overflow:hidden;}
div.box2010 ul#report-box2010 li dl {margin:3px 3px 0;}
div.box2010 ul#report-box2010 li dt {font-size:10px; font-weight:bold; color:#f36; background:url(./common/images/dottA.gif) repeat-x bottom; padding-bottom:3px;}
div.box2010 ul#report-box2010 li dd {color:#666; line-height:1.6em; margin-top:5px;}
div.box2010 ul#report-box2010 li dd strong {color:#333;}
div.box2010 ul#report-box2010 li p {text-align:right; font-size:10px; padding-right:5px;}


div.box2010 ul#pickup-box {margin:0 12px; padding-top:15px; list-style:none;}
div.box2010 ul#pickup-box li {float:left; width:284px; margin-right:12px;}
div.box2010 ul#pickup-box li.none {margin-right:0;}
div.box2010 ul#pickup-box li table {border:1px solid #9cf; float:left;}
div.box2010 ul#pickup-box li table td {vertical-align:middle; text-align:center; width:100px; height:75px;}
div.box2010 ul#pickup-box li table td img {max-height:75px; max-width:100px; overflow:hidden;}
div.box2010 ul#pickup-box li dl {float:right; width:170px; padding-top:7px;}
div.box2010 ul#pickup-box li dt {font-size:10px; font-weight:bold; color:#f36; background:url(./common/images/dottA.gif) repeat-x bottom; padding-bottom:3px;}
div.box2010 ul#pickup-box li dd {color:#333; font-weight:bold; line-height:1.6em;}
div.box2010 ul#pickup-box li dd p {text-align:right; font-size:10px; font-weight:normal; padding-right:5px;}

/*div.box2 {background:url() bottom; padding-bottom:15px; margin-bottom:10px;}*/
div.box2 {background:url() bottom; padding-bottom:0px; margin-bottom:0px;}

div.box2 p.list {margin-top:-20px; padding-right:15px; float:right; position:relative; z-index:5;}

div.box2 ul#report-box {margin:0 12px; padding-top:5px; list-style:none;}
div.box2 ul#report-box li {width:284px; float:left; margin-right:12px;}
div.box2 ul#report-box li.none {margin-right:0;}
div.box2 ul#report-box li table {border:1px solid #9cf;}
div.box2 ul#report-box li table td {vertical-align:middle; text-align:center; width:276px; height:184px;}
div.box2 ul#report-box li table td img {max-height:184px; max-width:276px; overflow:hidden;}
div.box2 ul#report-box li dl {margin:3px 3px 0;}
div.box2 ul#report-box li dt {font-size:10px; font-weight:bold; color:#f36; background:url(./common/images/dottA.gif) repeat-x bottom; padding-bottom:3px;}
div.box2 ul#report-box li dd {color:#666; line-height:1.6em; margin-top:5px;}
div.box2 ul#report-box li dd strong {color:#333;}
div.box2 ul#report-box li p {text-align:right; font-size:10px; padding-right:5px;}

div.box2 ul#pickup-box {margin:0 12px; padding-top:15px; list-style:none;}
div.box2 ul#pickup-box li {float:left; width:284px; margin-right:12px;}
div.box2 ul#pickup-box li.none {margin-right:0;}
div.box2 ul#pickup-box li table {border:1px solid #9cf; float:left;}
div.box2 ul#pickup-box li table td {vertical-align:middle; text-align:center; width:100px; height:75px;}
div.box2 ul#pickup-box li table td img {max-height:75px; max-width:100px; overflow:hidden;}
div.box2 ul#pickup-box li dl {float:right; width:170px; padding-top:7px;}
div.box2 ul#pickup-box li dt {font-size:10px; font-weight:bold; color:#f36; background:url(./common/images/dottA.gif) repeat-x bottom; padding-bottom:3px;}
div.box2 ul#pickup-box li dd {color:#333; font-weight:bold; line-height:1.6em;}
div.box2 ul#pickup-box li dd p {text-align:right; font-size:10px; font-weight:normal; padding-right:5px;}





.topreport2010 table td {float: right; vertical-align:middle; text-align:center; width:200px; height:75px;}
.topreport2010 table td img {float:right; max-height:75px; max-width:200px; overflow:hidden;}


.topreport{float:left; margin-right:100px;}







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

div.box {background:url(./images/back_box.gif) bottom; padding-bottom:15px; margin-bottom:10px;}

div.box p.list {margin-top:-20px; padding-right:15px; float:right; position:relative; z-index:5;}

div.box ul#report-box {margin:0 12px; padding-top:5px; list-style:none;}
div.box ul#report-box li {width:284px; float:left; margin-right:12px;}
div.box ul#report-box li.none {margin-right:0;}
div.box ul#report-box li table {border:1px solid #9cf;}
div.box ul#report-box li table td {vertical-align:middle; text-align:center; width:276px; height:184px;}
div.box ul#report-box li table td img {max-height:184px; max-width:276px; overflow:hidden;}
div.box ul#report-box li dl {margin:3px 3px 0;}
div.box ul#report-box li dt {font-size:10px; font-weight:bold; color:#f36; background:url(./common/images/dottA.gif) repeat-x bottom; padding-bottom:3px;}
div.box ul#report-box li dd {color:#666; line-height:1.6em; margin-top:5px;}
div.box ul#report-box li dd strong {color:#333;}
div.box ul#report-box li p {text-align:right; font-size:10px; padding-right:5px;}

div.box ul#pickup-box {margin:0 12px; padding-top:15px; list-style:none;}
div.box ul#pickup-box li {float:left; width:284px; margin-right:12px;}
div.box ul#pickup-box li.none {margin-right:0;}
div.box ul#pickup-box li table {border:1px solid #9cf; float:left;}
div.box ul#pickup-box li table td {vertical-align:middle; text-align:center; width:100px; height:75px;}
div.box ul#pickup-box li table td img {max-height:75px; max-width:100px; overflow:hidden;}
div.box ul#pickup-box li dl {float:right; width:170px; padding-top:7px;}
div.box ul#pickup-box li dt {font-size:10px; font-weight:bold; color:#f36; background:url(./common/images/dottA.gif) repeat-x bottom; padding-bottom:3px;}
div.box ul#pickup-box li dd {color:#333; font-weight:bold; line-height:1.6em;}
div.box ul#pickup-box li dd p {text-align:right; font-size:10px; font-weight:normal; padding-right:5px;}

ul#bnr-box {list-style:none; margin-bottom:10px;}
ul#bnr-box li {float:left; margin-right:10px;}
ul#bnr-box li.none {margin-right:0;}

div#left-box {width:613px; float:left;}
div#right-box {width:277px; float:right;}
div.box02 {background:url(./images/back_box02.gif) bottom; padding-bottom:10px; margin-bottom:12px;}

div.box02 p.list {margin-top:-23px; padding:5px 15px 5px 0; float:right; position:relative; z-index:5; font-size:10px; line-height:1em;}
div.box02 p.list span a {background:url(./images/icon_rss.gif) left no-repeat; padding:5px 15px 5px 18px; margin-left:12px;}
div.box02 p.list a {color:#fff;}

div.box02 dl.list-topics {margin:10px 6px 0; line-height:1.5em;}
div.box02 dl.list-topics dt {width:5em; float:left; padding:0 0 7px 5px;}
div.box02 dl.list-topics dd {padding:0 0 7px 5em; margin-bottom:5px; background:url(./images/dottB.gif) bottom repeat-x;}
div.box02 dl.list-topics dd a {color:#333;}
div.box02 dl.list-topics dd a:hover {color:#06f;}
div.box02 div#sba-box {padding-right:130px; margin-right:5px; background:url(./images/image_sba.gif) right top no-repeat; min-height:115px;}

div.box02 div#search-box {padding:10px 10px 0;}
div.box02 div#search-box p#map {width:150px; float:right; margin-bottom:10px;}
div.box02 div#search-box dl#search-text {width:435px; float:left; margin-top:5px;}
div.box02 div#search-box dl#search-text dt {width:70px; float:left;}
div.box02 div#search-box dl#search-text dd {padding:0 0 20px 80px;}
div.box02 div#search-box dl#search-text dd a {color:#333;}
div.box02 div#search-box dl#search-text dd a:hover {color:#06f;}
div.box02 div#search-box dl#search-text dd input {margin-top:-5px;}
div.box02 div#search-box dl#search-text dd input#search-btn {text-align:center; width:60px; margin-left:10px;}

div.box03 {background:url(./images/back_box03.gif) bottom; padding-bottom:15px; margin-bottom:10px;}

div.box03 div {padding:5px 5px 0;}
div.box03 div p {margin-bottom:5px;}
div.box03 div p#sapporo {padding-top:10px;}
div.box03 div input {font-size:10px; margin-left:5px; text-align:center; width:85px;}

div#right-box ul {list-style:none; margin-left:20px;}
div#right-box ul li {float:left; margin:0 3px 5px 0;}