@charset "UTF-8";
/*initialize
----------------------------------------------------*/
body {min-width: 320px; line-height: 1.5; color: #3c3c3c; background-color: #ffffff;}

img {max-width: 100%; height: auto;}
.ie8 img {width: auto;}

/*clearfix*/
.clearfix {zoom: 1;}

.clearfix:after {content: ""; display: block; clear: both;}

/*layout
----------------------------------------------------*/
#wrapper {max-width: 940px; margin: 0 auto;}

header.page-heading {margin: 0 0 0 0; padding: 8px 0 0 0;}
header.page-heading img {margin: 0 5px 0 5px; padding: 0 0 0 0; border: none;}
header.page-heading p {margin: 0 0 2px 0; padding: 0 6px 0 12px; border-left: none; border-bottom: 1px solid #ff6633; font-family: sans-serif; line-height: 1.1; font-size: 90%; text-align: left;}

nav {margin: 0 0 4px 0;}
nav ul {margin: 0; padding: 0;}
nav ul li {float: left; width: 50%; border-top: 2px solid #ff6633; border-bottom: 1px solid #aaaaaa; background: #e9e9e9; background: -webkit-linear-gradient(top, #ffffff, #cccccc); background: -moz-linear-gradient(top, #ffffff, #cccccc); background: -o-linear-gradient(top, #ffffff, #cccccc); background: linear-gradient(to bottom, #ffffff, #cccccc); font-family: sans-serif; font-size: 85%; letter-spacing: 0.1em; text-align: center;}
nav ul li a {display: block; padding: 10px 0; text-decoration: none;}
nav ul li span {display: block; padding: 10px 0; color: #ff8800;}
.ie7 ul {background: #e9e9e9;}
.ie7 ul li {width: 49.84375%;}
nav ul li:nth-child(odd) a {border-right: 1px solid #aaaaaa;}
nav ul li:nth-child(odd) span {border-right: 1px solid #aaaaaa;}

#content { padding: 0 10px;}
#content p {font-family: sans-serif; line-height: 1.8;}
article strong {background-image: url(linered.jpg); background-repeat: repeat-x; background-position: left bottom;}

article h1 {margin: 0.5em 0 0.5em 0; padding: 2px 0 0 10px; border-left: 5px solid blue; border-bottom: none; line-height: 1.1; font-size: 1.4em; font-weight: bold; font-family: sans-serif; color: #0000aa; text-align: left;}
article section h1 {margin: 0.5em 0 0.5em 0; padding: 2px 0 0 10px; border-left: 5px solid #ff6633; border-bottom: none; line-height: 1.1; font-size: 1.3em; font-weight: bold; font-family: sans-serif; color: #0000aa; text-align: left;}

article section {margin-top: 1.8em; margin-bottom: 0.5em;}

#content div.emmls0 {margin: 0 0 0 0; border: 1px solid #99cc00; background-color: #ffffff; border-radius: 10px;}
#content div.emmls0 p.emmp01 {margin: 0.8em 5px 0.4em 10px; padding: 0 0 0 0;}
#content div.emmls0 p.emmp01 span {border-bottom: solid 2px #ff6600;}
#content div.emmls0 div.emmd01 {margin: 0 0 0 0; padding: 0 0 0 0;}
#content div.emmls0 div.emmd01 p {margin: 0.6em 5px 0 12px; padding: 0 0 0 0;}
#content div.emmls0 div.emmd02 {margin: 0 0 0 0; padding: 0 0 0 0;}
#content div.emmls0 div.emmd02 ul {margin: 0.2em auto 1.0em auto;}

#content div.emmls1 {margin: 0 0 0 0; border: 1px solid #99cc00; background-color: #ffffff; border-radius: 10px;}
#content div.emmls1 p {margin: 0.4em 5px 0.4em 10px; padding: 0 0 0 0;}

#content div.emmls2 {margin: 0 0 0 0; border: 1px solid #99cc00; background-color: #ffffff; border-radius: 10px;}
#content div.emmls2 p {margin: 0.4em 5px 0.2em 10px; padding: 0 0 0 0;}
#content div.emmls2 dl {margin: 0.2em 5px 0.4em 12px; padding: 0 0 0 0;}

#content div.emsrd1 {margin: 25px 0 0 0; border: 3px solid #009900; background-color: #ffffff; border-radius: 3px;}
#content div.emsrd1 p {margin: 0.4em 5px 0.4em 10px; padding: 0 0 0 0; font-weight: bold; color: #006600;}

#content ul.uludrline1 span {border-bottom: solid 2px #ff6600;}
#content ul.uludrline1 li {margin: 0.2em 0 0.6em 0;}

table.tblmile1 {width: 100%; text-align: center;}

table.tbljaln1 {width: 100%; text-align: left; font-size: 90%;}
table.tbljaln1 td div.tjaln_top {width: 100%; margin: 2px 0 0 0; padding: 0 0 0 0;}
table.tbljaln1 td div.tjaln_top strong {margin: 4px 0 4px 4px; padding: 0 0 0 0;}
table.tbljaln1 td div.tjaln_lst {width: 100%; margin: 0 0 0 0; padding: 0 0 0 0;}
table.tbljaln1 td div.tjaln_lst ul {margin: 4px 0 4px 20px; padding: 0 0 0 0;}
table.tbljaln1 td div.tjaln_fg0 {width: 100%; text-align: left; margin: 0 0 0 0; padding: 0 0 0 0;}
table.tbljaln1 td div.tjaln_fg1 {width: 150px; float: left; text-align: center; margin: 0 0 0 0; padding: 0 0 0 0;}
table.tbljaln1 td div.tjaln_fg2 {width: 150px; text-align: center; margin: 2px 0 0 0; padding: 0 0 0 0;}
table.tbljaln1 td div.tjaln_fg3 {width: 150px; text-align: center; margin: 0 0 0 0; padding: 0 0 0 0;}
table.tbljaln1 td div.tjaln_fg3 b {margin: 1px 0 2px 0; padding: 0 0 0 0; font-size: 85%;}

p.contstrng {margin-top: 2px; font-size: 90%; font-family: sans-serif; color: #ff00ff;}

div.dayforecast {width: 100%; text-align: left;}
div.tabbox {margin: 0px; padding: 0px; max-width: 460px;}
ul.tabs {margin: 0px 0px 0px 1.4%; padding: 0px;}
ul.tabs li {list-style-type: none; float: left; margin: 0px; padding: 0px; 
/* height: 33px; */
   width: 14%;
}
ul.tabs li a {text-decoration: none; display: block; padding: 5px 0px; 
/* width: 4em; ★タブの横幅 */
   text-align: center; font-size: 80%; background-color: #ffffc0; border: #ff9900 solid 1px; border-bottom: none; border-top-left-radius: 12px; border-top-right-radius: 12px;
}
div.tab {
   /* ▼(C-2)ボックス共通の装飾 */
   height: 250px; overflow: auto; clear: left;
}
div.tab {border: 2px solid #ff9900; background-color: #ffffc0;}
div.tab p {margin: 0.4em;}

div.tb_dayloc {margin: 0; padding: 0;}
div.tb_dayloc p {margin: 0.6em 0 0.3em 0; padding: 0 4px 0 4px;}
div.tb_daytime {margin: 0; padding: 0;}
div.tb1_daytime {margin: 0; padding: 0;}
div.tb1_daytime p {margin: 0.4em 0 0.1em 0; padding: 0 4px 0 8px; font-weight: bold; color: #ff6300;}
div.tb2_daytime {margin: 0; padding: 0;}
div.tb2_daytime p {margin: 0 0 0.8em 0; padding: 0 4px 0 14px;}
div.tb_night {margin: 0; padding: 0;}
div.tb1_night {margin: 0; padding: 0;}
div.tb1_night p {margin: 0.4em 0 0.1em 0; padding: 0 4px 0 8px; font-weight: bold; color: #4b3382;}
div.tb2_night {margin: 0; padding: 0;}
div.tb2_night p {margin: 0 0 0.8em 0; padding: 0 4px 0 14px;}
div.tb_wthrtmp {margin: 0; padding: 0;}
div.tb_wthrtmp p {margin: 0.4em 0 0.1em 0; padding: 0 4px 0 8px; font-size: 90%;}

div.tbldiv1 {width: 100%; text-align: left;}
div.tbldiv2 {max-width: 585px;}
table.tbldress {width: 100%; border: 0; border-collapse: separate; border-spacing: 1px; background-color: #ff9900; color: #2f2120; font-size: 100%;}
table.tbldress th {width: 80px; padding: 7px; font-weight: normal; border-top: 1px solid #ffeba7; border-left: 1px solid #ffeba7; background-color: #ffcc33; vertical-align: center;}
table.tbldress td {padding: 7px 7px 7px 12px; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; background-color: #ffffbb; vertical-align: center;}

article div.arealk div.areatitl p {background-color: #ccffff; margin: 20px 0 5px 0; padding: 3px 4px 2px 4px;}
article div.arealk ul {margin: 0; padding: 0 0 0 10px; list-style-type: none;}
article div.arealk ul li.areali {padding: 0.8em 10px 0.8em 0; float: left; width: 50%; font-size: 90%; box-sizing: border-box;}
.ie7 ul li.areali {width: 49.84375%;}

article div.adcard01 {text-align: left; margin-left: 0;}

article div.ads-banner0 {margin: 0; padding: 0; width: 100%; text-align: left;}
article div.ads-banner1 {margin: 0; padding: 0; width: 100%; text-align: left;}
article div.midpr0 {max-width: 500px; margin: 15px 0 5px 0; padding: 0 0 0 0;}
article div.midpr1 {max-width: 585px; margin: 15px 0 5px 0; padding: 0 0 0 0;}

aside.right-side {margin-bottom: 2em;}
aside.right-side h1 {margin: 0; padding: 0; font-size: 1.05em; font-weight: normal; color: #006300;}
aside.right-side section {padding: 10px 0 0 0;}

aside.right-side div.assouv01 {text-align: left; margin: 0 0 30px 0; padding-top: 0;}
aside.right-side div.assouv02 p {margin: 8px auto 10px auto; padding: 2px 0 2px 4px; font-size: 80%; border: 1px solid #dcdcdc; background-color: #f5f5f5;}
aside.right-side div.assouv02 b {background-image: url(lineblue.jpg); background-repeat: repeat-x; background-position: left bottom;}
aside.right-side div.assouv03 {line-height: 1.5;}
aside.right-side div.assouv03 p {margin: 12px auto 8px auto; padding: 0 0 0 4px; font-size: 90%; border-bottom: 1px dotted #a9a9a9;}
aside.right-side div.assouv03 a {color: #0000cd; text-decoration:none;}
aside.right-side div.assouv03 a:hover {color: #00bfff; text-decoration:underline;}
aside.right-side div.assouv04 {text-align: left; margin: 0 0 17px 0; padding-top: 0;}
aside.right-side div.assouv05 p {margin: 8px auto 5px auto; padding: 2px 0 2px 4px; font-size: 80%; border: 1px solid #dcdcdc; background-color: #f5f5f5;}
aside.right-side div.assouv06 {line-height: 1.5;}
aside.right-side div.assouv06 p {margin: 12px auto 2px auto; padding: 0 0 0 4px; font-size: 90%;}
aside.right-side div.assouv06 a {color: #0000cd; text-decoration:none;}
aside.right-side div.assouv06 a:hover {color: #00bfff; text-decoration:underline;}

aside.right-side div.aspr1 {margin: 2px 0 20px 0; padding: 0;}
aside.right-side div.as-banner {margin: 0; padding: 0; width: 100%; text-align: left;}
aside.right-side div.aspr2 {max-width: 200px; margin: 10px 0 0 0; text-align: center; border: 1px solid #d3d3d3;}
aside.right-side div.aspr2 p {font-size: 80%; font-family: sans-serif; color: #00bfff; text-indent: 0px;}
aside.right-side div.aspr2 div.aspr3 {max-width: 180px; margin: 0 9px 0 9px; text-align: center;}

footer p {clear: both; padding: 2px 0; font-family: sans-serif; font-weight: bold; font-size: 80%; background: #000000; color: #ffffff; text-align: center;}

/*media Queries
----------------------------------------------------*/
@media only screen and (min-width: 600px) {
nav ul li {width: 25%;}
.ie7 nav ul li {width: 24.9166%;}
nav ul li a {border-right: 1px solid #aaaaaa;}
nav ul li span {border-right: 1px solid #aaaaaa;}
nav ul li:last-child a {border-right: none;}
nav ul li:last-child span {border-right: none;}
/*old IE*/
nav ul li.last a {border-right: none;}
nav ul li.last span {border-right: none;}

#content {padding: 0 20px;}

#content article{float: left; width: 65.9574%;
  /*620px(8column)/940px*/
  }

#content aside.right-side {float: right; width: 31.9148%;
  /*300px(4column)/940px*/
  }

article div.adcard01 {text-align: left; margin-left: 10px;}
}

@media only screen and (min-width: 960px) {
#content{padding: 0;}

article h1 {font-size: 1.4em;}
article section h1 {font-size: 1.3em;}

table.tblmile1 {width: 80%; text-align: center;}
table.tbljaln1 {width: 100%; text-align: left; font-size: 90%;}

article div.arealk ul li.areali {padding: 0.1em 10px 0.1em 0; font-size: 95%; box-sizing: border-box;}

aside.right-side div.assouv03 {line-height: 1.3;}
aside.right-side div.assouv06 {line-height: 1.3;}
}