@charset "EUC-JP";


/* 目次

01.　基本タグに関する設定
02.　ヘッダーエリアの設定
03.　フッターエリアの設定
04.　トップページの設定
05.　天気情報ページの設定
06.　凡例ページの設定


*/




/* 01. 基本タグに関する設定 */

body {
	background-color:#cccccc; 
	background-image:url(../images/body_bg.gif);
	background-repeat:repeat; 
	color:#191919; 
	font-size:12px; 
	line-height:1.4em; 
	font-family:Arial, Helvetica, sans-serif; 
	}

a:link {
	color:#0033a6; 
	}
a:active,a:hover {
	color:#00b0e8; 
	}
a:visited {
	color:#ff6600; 
	}
a {
	text-decoration:none; 
	}
a:hover {
	text-decoration:underline;
	}

img {
	border:none; 
	}

* {
	margin:0; 
	padding:0; 
	}

#container {
	width:800px; 
	background-color:#ffffff; 
	height:auto; 
	min-height:600px; 
	}
#contents {
	margin:0 10px; 
	}
#navi {
	margin:10px; 
	}
#navi span {
	margin-right:10px; 
	}

.s {
	font-size:10px; 
	}
* html .s {
	font-size:9px; 
	}						 /* Win IE 6用 */
*+html .s {
	font-size:9px; 
	}						 /* Win IE 7用 */
.b {
	font-weight:bold; 
	}

.tright {
	text-align:right; 
	}
.tcenter {
	text-align:center; 
	}

.fleft {
	float:left; 
	}
.fright {
	float:right; 
	}
.allclear {
	clear:both; 
	}

.mart_10 {
	margin-top:10px; 
	}
.mart_20 {
	margin-top:20px; 
	}




/* 02. ヘッダーエリアの設定 */

#header {
	width:800px; 
	height:80px; 
	background-image:url(../images/title.gif);
	background-repeat:no-repeat; 
	}
#header .logo {
	width:auto; 
	height:52px; 
	margin:12px 10px 11px; 
	}
				
/* これ以降Mac IE 5のみに適用 \*//*/
#header .logo {
	padding-top:12px; 
	}
/* これ以降Mac IE 5以外にも適用 */

#header h1 {
	display:none; 
	text-align:center; 
	}
.border {
	width:800px; 
	height:5px; 
	background-color:#0033a6; 
	}





/* 03. フッターエリアの設定 */

#footer {
	width:800px; 
	height:auto; 
	margin-top:50px; 
	padding-bottom:30px; 
	background-color:#ffffff; 
	font-size:10px; 
	color:#666666; 
	}
#footer a {
	color:#666666; 
	}
#footer a:hover {
	text-decoration:underline; 
	}
#footer address {
	font-style:normal; 
	margin-top:2px; 
	margin-left:10px; 
	letter-spacing:0.1em; 
	float:left; 
	}
#footer ul {
	margin-top:2px; 
	margin-right:10px; 
	text-align:right; 
	float:right;  
	}
#footer li {
	list-style:none; 
	display:inline; 
	padding:0 5px; 
	border-right:solid 1px #666666; 
	}
#footer li span {
	border-left:solid 1px #666666; 
	padding-left:5px; 
	}

/* これ以降Mac IE 5のみに適用 \*//*/
#footer address {
	width:150px; 
	}
#footer ul {
	width:364px; 
	padding-right:10px; 
	}
/* これ以降Mac IE 5以外にも適用 */




/*　04. トップページの設定 */

.txtselect {
	width:130px; 
	margin-right:10px; 
	float:left; 
	}
.mapselect {
	width:640px; 
	float:right; 
	}
dl {
	margin:7px 0; 
	line-height:1.6em; 
	} 
dt {
	background-image:url(../images/square.gif); 
	background-repeat:no-repeat; 
	background-position:left center; 
	padding-left:12px; 
	}
dd {
	margin-left:0.8em; 
	}
.mobile_bgtop {
	width:640px; 
	height:95px; 
	background-image:url(../images/mobile_bg01.gif);
	background-repeat:no-repeat; 
	margin-top:15px;  
	position:relative; 
	}
* html .mobile_bgtop {
	padding-bottom:1em; 
	}							/* Win IE 6 用*/
*+html .mobile_bgtop {
	padding-bottom:1em; 
	}							/* Win IE 7 用*/
.mobile_bgtop img {
	position:relative; 
	z-index:1; 
	}
.mobile_bg {
	width:605px; 
	height:auto; 
	min-height:115px; 
	background-image:url(../images/mobile_bg02.gif); 
	background-repeat:repeat-y; 
	margin-top:-77px; 
	padding:10px 35px 0 0; 
	}
.mobile_bgbottom {
	width:640px; 
	height:auto; 
	background-image:url(../images/mobile_bg03.gif); 
	background-repeat:no-repeat; 
	margin:0; 
	}
.mobile_bg dl {
	margin:10px 0 0 50px; 
	position:relative; 
	z-index:100; 
	}
.mobile_bg dt {
	background:none; 
	padding:0; 
	margin:.5em 0; 
	}
* html .mobile_bg dd {
	margin-bottom:.3em;  
	}							/* Win IE 6 用*/
.mobile_bg div.qr {
	float:right; 
	margin-top:10px; 
	}
* html .mobile_bg div.qr {
	margin-top:0; 
	}							/* Win IE 6 用*/
*+html .mobile_bg div.qr {
	margin-top:0; 
	}							/* Win IE 7 用*/
.traffic {
	text-align:right; 
	font-size:11px; 
	margin-top:2em; 
	}
.enquete {
	text-align:right; 
	font-size:11px; 
	margin-top:10px; 
	}




/*　05. 天気情報ページの設定 */

.breadcrumb {
	width:780px; 
	margin:10px; 
	font-size:10px; 
	}
* html .breadcrumb {
	font-size:9px;  
	}							/* Win IE 6 用*/
*+html .breadcrumb {
	font-size:9px;  
	}							/* Win IE 7 用*/

.hanrei {
	margin-top:7px; 
	text-align:right; 
	}
.hanrei a {
	background-color:transparent; 
	background-image:url(../images/arrow.gif); 
	background-repeat:no-repeat; 
	background-position:0 center; 
	padding-left:1.2em 
	}

h2.bg780-1 {
	width:765px; 
	height:30px; 
	background-image:url(../images/h2_bg01.gif); 
	background-repeat:no-repeat; 
	font-size:14px; 
	font-weight:bold; 
	color:#007236; 
	line-height:30px; 
	padding-left:15px; 
	margin-top:10px; 
	}
h2.bg780-2 {
	width:765px; 
	height:30px; 
	background-image:url(../images/h2_bg02.gif); 
	background-repeat:no-repeat; 
	font-size:14px; 
	font-weight:bold; 
	color:#0033a6; 
	line-height:30px; 
	padding-left:15px; 
	margin-top:40px; 
	}

table {
	width:740px; 
	height:auto; 
	margin:15px 20px 3px; 
	}
th, td {
	padding:5px 7px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#191919; 
	font-weight:normal; 
	text-align:center; 
	}
.pad_0 {
	padding:0; 
	}

table.present {
	border:solid 1px #007236; 
	}
table.present th {
	border:solid 1px #007236; 
	background-color:#d7ea95; 
	width:25%; 
	}
table.present td {
	border:solid 1px #007236; 
	}

table.forecast {
	border:solid 1px #0033a6; 
	}
table.forecast th {
	border:solid 1px #0033a6; 
	background-color:#c4e3e9; 
	}
table.forecast td {
	border:solid 1px #0033a6; 
	background-color:#ffffff; 
	}
.notes {
	margin-left:20px; 
	line-height:normal; 
	font-size:10px; 
	}




/* 06. 凡例ページの設定 */

#container_pop { 
	width:620px; 
	background-color:#ffffff; 
	height:auto; 
	min-height:600px; 
	}
#contents_pop {
	padding:30px 10px 50px; 
	}
h2.bg600 {
	width:585px; 
	height:30px; 
	background-image:url('../images/h2_bg03.gif'); 
	background-repeat:no-repeat; 
	font-size:14px; 
	font-weight:bold; 
	color:#0033a6; 
	line-height:30px; 
	padding-left:15px; 
	}
table.hanrei {
	width:560px; 
	border:solid 1px #000066; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	text-align:left; 
	margin-top:15px; 
	}
table.hanrei th {
	background-color:#000666; 
	font-weight:bold; 
	text-align:center; 
	color:#ffffff; 
	padding-top:5px; 
	padding-bottom:5px; 
	}
table.hanrei td {
	background-color:#ffffff; 
	border:solid 1px #000066; 
	text-align:center; 
	padding:5px 7px; 
	}
table.hanrei td.toukrtsu {
	text-align:left; 
	}
table.hanrei td.theader {
	background-color:#c4e3e9; 
	}
#contents_pop .notes {
	margin-left:20px; 
	width:560px; 
	font-size:10px; 
	line-height:normal; 
	}
.close {
	text-align:center; 
	margin-top:20px; 
	}