@charset "utf-8";
/* area_weather start */
div#weaContents {width:auto;}
div.clr {clear: both;}
/* area_weather table common */
div#today table,div#tomorrow table {border-bottom:1px solid #C0C0C0; border-collapse:collapse; border-top:1px solid #C0C0C0; width:100%; margin:3px 0px 0px 0px;}
div#day5 table,div.week table {
    border-collapse: collapse;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #c0c0c0;
    border-bottom-color: #c0c0c0;
    font-size: 12px;
    width: 100%;
}

div#today td,div#tomorrow td,div#day5 td,div#today tr,div#tomorrow tr,div#day5 tr {
    vertical-align: middle;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #c0c0c0;
    border-right-color: #c0c0c0;
    border-left-color: #c0c0c0;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    text-align: center;
    padding: 3px;
}
div.week td,div.week tr {
    vertical-align: middle;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #c0c0c0;
    border-right-color: #c0c0c0;
    border-left-color: #c0c0c0;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    text-align: center;
    padding: 3px;
}
td.koumoku {
    background-color: #f7f7f7;
    color: #666666;
}

div.weaTher {
    margin-top: 10px;
    margin-bottom: 5px;
}
div.weaImage {
    float: left;
    width: 155px;
    text-align: center;
}
div.weaDetails {width:100%; padding-left:155px; text-align: left;}
p.tenki {
    font-size: 14px;
    font-weight: bold;
}
p.saikou,.saikou {
    color: #ff0000;
}
p.saitei,.saitei {
    color: #3333ff;
}
p.ame,.ame {
    color: #1cb7ce;
}


tr.day {
    background-color: #efefef;
    font-weight: bold;
    font-size: 14px;
}
tr.dayweek {
    background-color: #efefef;
}
tr.dayweek td{width:13%;}
tr.dayweek td:first-child{width:9%;}
td.white {
    text-align: center;
    border-top-style: none;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    border-left-color: #FFFFFF;
}
.fontsmall {
    font-size: 11px;
}
@media (max-width: 991px){
div.weaDetails {width:100%; padding-left:110px; text-align: left;}
div.weaImage{width:110px;}
div.weaImage img{width:90%; height:90%;}
}

@media (max-width: 767px){
div#today,div#tomorrow{margin-right:0!important; width:100%!important;}
div.weaTher{margin-bottom:0; margin-top:3px;}
div.weaImage,div.weaImage > img{width:100px;}
div.weaDetails{padding-left:120px;}
.weaBody .table-responsive img{max-width:70%; height:auto; width /***/:auto;}
p.saikou, .saikou{display:block;}
}

/* area_weather main */
p.midashi {font-size: 14px;    font-weight: bold; margin: 0px;}
div#today,div#tomorrow {
    float: left;
    width: 48%;
    margin-bottom: 10px;
}
div.weaBody {width:auto; margin:10px auto 25px;}
div.weaBody .table-responsive{border:none; margin-bottom:0;}
div#today {margin-right:4%;}
p.areaName {margin:0px 0px 3px;}
p.areaList {margin:5px 0px 0px 0px; padding:0px;}
div#weaChannel {margin:5px 0px;    text-align: right;}

span.active {font-weight:bold; vertical-align:middle;}
div.pageLink {text-align:center; margin-bottom:10px;}
div.pageLink a:link {
    color: #4447bb;
    text-decoration: none;
}
div.pageLink a:visited {
    color: #4447bb;
    text-decoration: none;
}
div.pageLink a:hover {
    color: #4447bb;
    text-decoration: none;
}
div.pageLink img {border:0 none;}
div.pageLink a {display:block; line-height:14px;}
div.week {margin-top: 13px;}
div.weaTher p {padding:1px 0px;}


div.map_rect_label2{background-color:transparent; white-space: nowrap; font-weight: bold; color:#f2efe9; padding:0; margin-top:0px;}


/* area_weather main */
p.midashi {font-size: 14px;    font-weight: bold; margin: 0px;}
div#today,div#tomorrow {
    float: left;
    width: 48%;
    margin-bottom: 10px;
}
div.weaBody {width:auto; margin:10px auto 25px;}
div.weaBody .table-responsive{border:none; margin-bottom:0;}
div#today {margin-right:4%;}
p.areaName {margin:0px 0px 3px;}
p.areaList {margin:5px 0px 0px 0px; padding:0px;}
div#weaChannel {margin:5px 0px;    text-align: right;}

span.active {font-weight:bold; vertical-align:middle;}
div.pageLink {text-align:center; margin-bottom:10px;}
div.pageLink a:link {
    color: #4447bb;
    text-decoration: none;
}
div.pageLink a:visited {
    color: #4447bb;
    text-decoration: none;
}
div.pageLink a:hover {
    color: #4447bb;
    text-decoration: none;
}
div.pageLink img {border:0 none;}
div.pageLink a {display:block; line-height:14px;}
div.week {margin-top: 13px;}
div.weaTher p {padding:1px 0px;}
/* area_weather end */

/* area_rate start */
div#kwsContents img {
    border: 0px;
}
div.clr {
    clear: both;
}
p#midashi {
    font-size: 21px;
    color: #666666;
    line-height: 1.2em;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}
div#kwsBodywaku {
    padding-bottom: 40px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}
p#kome {font-size:90%; line-height:1.4em; padding:0;}
div.kihon {
    margin-right: auto;
    margin-left: auto;
    text-align: left;
}
div.wakuTop {
    background-image: url(//imagel.sekainavi.com/simage/home/waku_top.gif);
    background-repeat: no-repeat;
    text-align: center;
    width: 613px;
    margin-right: auto;
    margin-left: auto;
    height: 14px;
}
div.wakuBottom {
    background-image: url(//imagel.sekainavi.com/simage/home/waku_bottom.gif);
    background-repeat: no-repeat;
    text-align: center;
    width: 613px;
    margin-right: auto;
    margin-left: auto;
    height: 14px;
}
div.kihon table {
    background-color:#FFFFFF;
    border-bottom:1px solid #C0C0C0;
    border-collapse:collapse;
    border-top:1px solid #C0C0C0;
    margin:10px auto;
    width:100%;
}
div.kihon td,div.kihon tr {
    vertical-align: middle;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #c0c0c0;
    border-right-color: #c0c0c0;
    border-left-color: #c0c0c0;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    text-align: center;
    padding: 5px;
    margin: 0px;
}
div.map_rect_label2{background-color:transparent; white-space: nowrap; font-weight: bold; color:#f2efe9; padding:0; margin-top:0px;}

div.kihon td.yajiBefore {text-align: left; padding-left: 10px; width:50%;}
td.rate {font-weight: bold; width:50%;}
tr.tableMidashi{background-color:#efefef; font-weight: bold;}
td.Result {font-size: 14px; font-weight: bold; line-height: 1.6em;}
td.Result span.blue {color: #3333ff;}
td.Result span.red {color: #ff3333; font-size: 16px;}
img.imgSpace {margin-right: 5px; margin-left: 5px; vertical-align: top;}
input.kansanBtn{margin:5px 0px 0px}
select#source,select#target{margin:0px 3px 0px 0px; vertical-align:middle;}
input#money{vertical-align:middle;}
@media (max-width: 767px){
td.rate,td.yajiBefore{display:list-item; list-style:none; width:100%!important;}
div.kihon td.yajiBefore{text-align:center!important;}
}

/* First area responsize add 15/10/29 */
#wrap_l .main_title > h1{margin-top:0;}
.farea_top .sin_ttl{border-bottom:1px solid #CCC; border-right:1px solid #CCC; background-color:#f7f7f7;}
.farea_top .sin_ttl > div:nth-child(5),.farea_top .sin_ttl > div:nth-child(6),.farea_top .sin_ttl > div:nth-child(7),.farea_top .sin_ttl > div:nth-child(8){border-bottom:none;}
.farea_top .sin_ttl > div:nth-child(4n){border-right:none;}
.farea_top .spot_near_list{letter-spacing:-0.4em;}
.farea_top .spot_near_list li{width:50%; display:inline-block; letter-spacing:normal;}
@media (max-width: 767px){
.farea_top .spot_near_list li{width:100%;}
.farea_top .sin_ttl > div:nth-child(2n){border-right:none;}
ul.farea_main_list li{display:block; padding-left:0; width:100%;}
.farea_main_photo,.farea_main_map{display:block!important; width:100%!important; padding:0!important;}
.farea_main_photo{margin-bottom:10px;}
.farea_main_photo > p:first-child{text-align:center;}
.main_title #weather{margin:5px 0; position:relative; top:0; width:auto;}
.main_title #weather li{display:inline-block; float:none!important; width:auto; vertical-align:middle;}
.main_title #weather li.wt_temperature,.main_title #weather li.wt_forecast{padding-left:8px;}
}

div.atop_traffic_box{margin-bottom:10px; padding-bottom:2em; margin-bottom: 2em; border-bottom: 1px solid #999;}
div.atop_traffic_box > h2{font-size: 180%; margin-bottom: 0.5em;}
div.atop_traffic_box ul{overflow:hidden; zoom:1;}
div.atop_traffic_box ul li {float:left;    width:198px; margin-left:0px; margin-top:6px; margin-right:10px;}
@media (max-width: 767px){
div.atop_traffic_box ul li {float:none; display:block; margin-right:0; width:95%;}
}

/* First area add 12/03/09 */
div.farea_main_box{margin:3px 0 10px; padding:8px 10px; border:#CCCCCC solid 1px;}
div.farea_main_box_in{margin-bottom:10px; letter-spacing:-0.4em;}
div.farea_main_text{line-height:1.6em;}
div.ttop_ranking div.farea_main_text{padding:0 10px 8px;}
div.farea_main_photo{display:inline-block; width:50%; letter-spacing:normal; float:left; padding-right:13px;}
div.farea_main_photo p:first-child{margin:0 auto; width:100%; height:100%; min-height:225px; background-position:center center; background-repeat:no-repeat;}
div.farea_gmap .gm-style{min-height:225px;}
div.farea_main_photo p,div.farea_gmap{margin-bottom:3px;}
div.farea_gmap{width:auto; min-height:225px;}
div.farea_main_photo img{width:auto; max-height:225px; display:inline-block;}
div.farea_main_map{width:50%; display:block; letter-spacing:normal; float:right;}
p.fmp_link{font-weight:bold; text-align:right;}
ul.farea_main_list{text-align:right;}
ul.farea_main_list li{ display:inline; font-weight:bold; padding-left:25px;}

/* Title & Weather */
div.main_title{position:relative; clear:both;}

/* weather start*/
div#weather {
    width:114px;
    background-color:#FFFFFF;
    position:absolute;
    top:8px;
    right:0px;
    overflow:hidden;
    zoom:1;
}
div#weather ul {display:block; margin:0px;}
div#weather ul li{display:block; }
li.wt_icon{float:left; width:29px; height:29px;}
li.wt_temperature{float:right; width:80px; margin-top:1px; font-size:12px;}
li.wt_temperature span.tred{color:#FF3333;}
li.wt_temperature span.tblue{color:#3366FF;}
li.wt_forecast{float:right; width:80px; margin-top:2px; font-size:11px; font-weight:bold;}