@charset "utf-8";

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

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





#box12 {width:897px; margin-bottom:15px; background:#fff; margin-top:20px;}
#box12 .box1{width: 260px; float:left; background:#ffffff; height:115px; margin-left:10px; margin-top:5px;}
#box12 .box2{float:right; margin-right:3px; height:115px;}
.routesearch{width:500px; margin-left:15px; margin-top:-35px; margin-bottom:1px;}


#fourcolumns {width:897px; height:600px; clear:both;}

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-2{width:5px; background:url(./common/images/dottb.gif) repeat-y right; margin-left:0px; margin-right:0px;}
.line2010-3{width:3px; background:url(./common/images/dottb.gif) repeat-y right; margin-left:0px; margin-right:0px;}



div#header li#btn011 {background:url(../images/btn011_ov.png);}
div#header li#btn022 {background:url(../images/btn022_ov.png);}
div#header li#btn033 {background:url(../images/btn033_ov.png);}
div#header 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;}

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 p.list {margin-top:-20px; padding-right:15px; float:right; position:relative; z-index:5;}


div.box2010 {width: 210px;height:575px;}
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 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;}