/* charset */
@charset "utf-8";

/*
create:2010 12 16 
update:2010 12 20
*/

body{ background: #fff}

/*****************
rayout
******************/
/*riquid rayout*/
#wrapper{ width: 100%; margin: 0 auto;text-align: left; background:#fff;}
#wrapperInner{ margin: 0 10px 10px;overflow: hidden; min-width: 950px;}
/*for ie6*/
* html #wrapperInner {
width : expression(
  (document.documentElement.clientWidth < 950)? "950px" :
  "auto");
  height : 1%;}
#container{width: 100%;float: left;margin-right: -300px; background: #fff;}
#contents{position: relative; margin: 0 310px 0 0; line-height: 1.8;}
#sidebar{ width: 300px; float: right;background:#fff;}



/*****************
main parts
******************/
/*titlebar*/
.contentInfo{ padding:0 10px; line-height:31px; height: 31px; background:url(https://image.excite.co.jp/jp/news201006/bg_pageTitle.gif) repeat-x; margin-bottom:10px; overflow: hidden;}
.contentInfo h3{ float: left; }
.contentInfo .more{ float: right}

/*breadcrumbs*/
.breadcrumbs{height:31px; margin:0 0 10px; clear: both; font-weight: normal}
.breadcrumbs li{ background: url(https://image.excite.co.jp/jp/news201006/icon_arrow03.gif) no-repeat right; padding-right: 15px; margin-right: 5px; line-height: 28px;}

/*addressTable*/
.addressTable{empty-cells: hide; margin: 0 0 10px 0; border-top:1px solid #5a994e; border-left:1px solid #5a994e; width: 100%;}
.addressTable td{border-right:1px solid #5a994e; border-bottom:1px solid #5a994e; line-height: 2; padding: 5px 10px;}
.addressTable caption h3{ font-size: 153.9%; font-weight: bold; display: inline; margin: 0 10px 0 0}

/*addressList*/
.addressList{overflow: hidden; width: 100%; }
.addressList li{ float: left; width: 8%; text-align: center; margin: 5px; }
.addressList a:hover{color: #ffd200;}
.addressList a { display: block; padding: 3px 8px; color: #fff; zoom: 1;
    background: #76b741;
    border: solid 1px #fff;
    border-radius:5px;
    box-shadow: 0px 0px 2px gray;
    /*webkit*/
    -webkit-border-radius:5px;
    -webkit-box-shadow: 0px 0px 2px gray; 
    background: -webkit-gradient(linear,
                                    left top,
                                    left bottom,
                                    from(#76b741),
                                    color-stop(0.5,#4fa93a),
                                    color-stop(0.5,#31912f),
                                    to(#35a437)
                                );
    /*moz*/
    -moz-border-radius:5px;
    -moz-box-shadow: 0px 0px 2px gray;
    background: -moz-linear-gradient(top,
                                    #76b741,
                                    #4fa93a 50%,
                                    #31912f 50%,
                                    #35a437);
    }



/*pager*/
.pager{ margin-bottom: 10px; float: right; overflow: hidden}
.pager li{ float: left; margin-right: 3px;}
.pager li,
.pager li a,
.pager .cr{display: block; line-height: 1;}
.pager li a,
.pager .cr{padding:5px 8px; border: solid 1px #ccc;background: #f7f7f7}
.pager .cr{padding:5px 8px; border: solid 1px #ccc; background: #fff;}



/*popularKeywords*/
.popularKeywords{ font-size: 108%; line-height: 2; }
.popularKeywords h2 { background: url(https://image.excite.co.jp/jp/news201006/icon_hs.gif) no-repeat left; padding-left: 20px;}
.popularKeywords .inner{ padding: 5px 10px !important; font-weight: bold; overflow: hidden; height: 1%;}
.popularKeywords ol{ list-style: decimal inside; line-height: 1.8}
#popular_keywords_main,
#popular_keywords{ margin-bottom: 10px;}

#popular_keywords_main ol{ float: left; width: 32%; margin: 0 0 10px}
#popular_keywords_main li{ list-style: outside decimal; margin: 0 0 0 40px; line-height: 1.8}
#popular_keywords_main .inner{ overflow: hidden}




/*****************
pages
******************/

/*top*/
.top #contents ul{ overflow: hidden}
.top #contents ul h4{ float: left; width: 100px; text-align: right; margin: 0 5px 0 0; line-height: 3; display: block; clear: both}
.top #contents .addressList{ display: inline}

/*addressTop*/
.addressTop #contents ul{ overflow: hidden}
.addressTop #contents ul h4{ float: left; width: 100px; text-align: right; margin: 0 5px 0 0; line-height: 3; display: block; clear: both}
.addressTop #contents .addressList{ display: inline}

/*addressHaml*/
.hamlName{ font-size: 116%;}

/*search*/
.search .inner{ padding: 10px;}

/*help*/
.help .inner{ padding: 10px;}

/*helpM*/
.helpM .inner{ padding: 10px}
.helpM .inner li{ list-style: disc; margin: 0 0 0 20px;}
.helpM .inner dt{ font-weight: bold }

/*helpSearch*/
.helpSearch .inner{ padding: 10px}

/*mapDetail*/
.mapDetail #contents{ margin: 0}

#map{margin: 0 auto;text-align: left; background:#fff; height: 600px;}
#map_inner{ margin: 0 0 10px; height: 600px; padding: 0 10px;}
#map_content{width: 100%;float: right;margin-left: -200px; background: #fff; height: 600px;}
#map_body{position: relative; margin: 0 0 0 210px; height: 600px; }
#map_list{ width: 200px; float: left;background:#fff; height: 600px; }
#map_searchBox{background:#b5df07;}


#map_north{padding:0 1em;}
#map_north_content{position:relative;width:100%;}
#map_north_left{position:relative;width:33%;float:left;}
#map_north_left form{margin:0 0 .5em 0;font-family:"Arial";}
#map_north_center{position:relative;width:33%;float:left;padding-top:.3em;text-align:right;color:#919191;}
#map_north_right{position:relative;width:33%;float:right;padding-top:.3em;text-align:right;}
#map_north_right .weatherlink{color:#919191;}
#map_north_right .weatherlink a:link{color:#0000ff;text-decoration:none;}
#map_north_right .weatherlink a:hover{color:#0000ff;text-decoration:underline;}
#map_north_right .weatherlink a:visited{text-decoration:none;}
#map_north_right .weatherlink a:visited:hover{text-decoration:underline;}
#map_south{margin:.5em 0 1em 0;padding:0 1em;}
#map_south_content{position:relative;width:100%;}
#map_south_left{position:relative;width:30%;float:left;}
#map_south_right{position:relative;width:70%;float:right;text-align:right;color:#919191;}
#showUrl{}
#urlData{width:100%;height:30px;text-align:right;font-size:12px;font-family:Arial;margin-bottom:1em;}
#map_relatedkeywords{background:#ecf1d3;margin:1em;font-family:"Arial"}
#map_popularkeywords{background:#eee;margin:1em;font-family:"Arial"}
#qrcode{margin:1em 0;}
#qrcode img{border:0;margin-right:1em;}
#qrcode td{line-height:140%;font-family:"Arial";}
#mapion_logo{text-align:center;margin-top:2em;margin-bottom:1em;}

.submitButton{width:100px;}
.inputText{width:310px;}


#mapSearchBox{background:#ecf1d3;border-top:1px solid #5a994e;border-bottom:1px solid #5a994e;margin:.5em 0 1.2em 0;}
#mapSearchBoxForm{padding:0 25px .3em 100px;}
#mapSearchBoxTab label{cursor:hand;}
#mapSearchBox form{margin:0;}

table.listTable{padding:0 25px;margin:0;}
#resultsBody{margin-left:25px;margin-right:25px;font-family:"Arial";}
div.title{color:#919191;margin-top:1em;margin-bottom:1em;font-family:"Arial";}
div.hit {line-height:120%;margin-top:1em;margin-bottom:1em;font-family:"Arial";}

.subtext{color:#445566;}
.subtext a:link{color:#445566;text-decoration:none;}
.subtext a:hover{color:#0000ff;text-decoration:underline;}
.subtext a:visited{text-decoration:none;}
.subtext a:visited:hover{text-decoration:underline;}
.sublink{color:#008000;}
.sublink a:link{color:#0000ff;text-decoration:none;}
.sublink a:hover{color:#0000ff;text-decoration:underline;}
.sublink a:visited{text-decoration:none;}
.sublink a:visited:hover{text-decoration:underline;}


/*****************
HS
******************/
table.ex-map-HS-ss-tbl {
width:100%;
}
div.ex-map-HS-ss-frame {
margin-left: 0px;
margin-right: auto;
padding: 0;
border: 1px solid #CCCCCC;
}
div.ex-map-HS-ss-title {
background: url("https://image.excite.co.jp/jp/weather/css01/bg_gray.png") repeat-x scroll 0 0 transparent;
color: #333;
height: 40px;
line-height: 37px;
margin-bottom: 0;
overflow: hidden;
padding: 0 10px;
}
div.ex-map-HS-ss-title img {
padding-left: 3px;
padding-right: 3px;
}
div.ex-map-HS-ss-contents {
overflow: hidden;
text-align:left;
background: none repeat scroll 0 0 #FFFFFF;
color: #CCCCCC;
font-size: 13px;
font-weight: bold;
padding:7px 12px 12px 17px;
line-height:1.8em;
}
div.ex-map-HS-ss-contents span.delimiter{
padding-right:8px;
padding-left:8px;
font-size:12px;
}
div.ex-map-HS-ss-keywords {
margin-bottom: 10px;
color: #111;
}
div.ex-map-HS-ss-keywords ol{
float: left;
width: 32%;
margin: 0 0 10px;
}
div.ex-map-HS-ss-keywords li{
list-style: outside decimal;
margin: 0 0 0 40px;
line-height: 1.8em;
display: list-item;
}