/********** 大枠 **********/*

body {
	margin:0px;
	width:100%;
	text-align:center;
	font-size:10pt;
	font-family: 'ＭＳ Ｐゴシック',sans-serif;
}
div.d_full {
	text-align:left;
	width:860px;
	margin:auto;
}
/* トップブロック */
div.d_top {
	position:absolute;
	top:10px;
	width:860px;
}
/* バナーブロック */
div.d_banner {
	position:absolute;
	top:160px;
	width:860px;
}
/* 左ブロック */
div.d_left {
	position:absolute;
	top:360px;
	width:200px;
}
/* メインブロック */
div.d_main {
	position:absolute;
	top:340px;
	margin-left:220px;
	width:640px;
}
/* エンドブロック */
div.d_bottom {
	position:absolute;
	top:1150px;
	width:860px;
}

/********** トップブロック **********/

/* トップバナー気象庁 */
div.j_title {
	position:absolute;
	top:24px;
	left:50%;
	margin-left:-390px;
}
/* トップバナー札幌 */
div.d_title {
	position:absolute;
	top:45px;
	left:50%;
	margin-left:-430px;
}
/* トップ写真 */
div.d_harerun {
	position:absolute;
	top:0px;
	left:100%;
	margin-left:-100px;
}
/* トップ写真 */
div.d_img {
	position:absolute;
	top:0px;
	left:100%;
	margin-left:-163px;
}
/* トップバー */
div.d_top_bar {
	position:absolute;
	top:110px;
	left:0px;
	background-color:#2c4690;
	width:860px;
	height:20px;
}
/* 文字 */
div.top_bar_str {
	position:absolute;
	top:0px;
	left:420px;
	padding:2px;
	font-size:10pt;
	color:white;
}
/* リンク */
a.bar_link {
    text-decoration:none;
    color:white;
    font-size:10pt;
}
a:hover.bar_link {
    color:#2c4690;
    background-color:#ffffff;
}

/********** バナーブロック **********/

/* バナー：上段左 */
div.banner_up_left {
	position:absolute;
	top:0px;
	left:225px;
}
/* バナー：上段中 */
div.banner_up_center {
	position:absolute;
	top:0px;
	left:445px;
}
/* バナー：上段右 */
div.banner_up_right {
	position:absolute;
	top:0px;
	left:665px;
}
/* バナー：下段左 */
div.banner_down_left {
	position:absolute;
	top:90px;
	left:225px;
}
/* バナー：下段中 */
div.banner_down_center {
	position:absolute;
	top:90px;
	left:445px;
}
/* バナー：下段右 */
div.banner_down_right {
	position:absolute;
	top:90px;
	left:665px;
}
/* 変更バナー１ */
div.banner_1 {
	position:absolute;
	top:0px;
	left:5px;
}
/* 変更バナー２ */
div.banner_2 {
	position:absolute;
	top:50px;
	left:5px;
}
/* 変更バナー３ */
div.banner_3 {
	position:absolute;
	top:100px;
	left:5px;
}
/* 変更バナー４ */
div.banner_4 {
	position:absolute;
	top:150px;
	left:5px;
}

/********** 左ブロック **********/

/* 左ブロック枠 */
div.left_waku {
	position:absolute;
	top:0px;
	left:0px;
	background-color:#f8fff8;
	border-color:#ffd700;
	border-width:2px;
	border-style:solid;
	width:196px;
	height:551px;
}
/* ブロック１文字 */
div.left_str_1 {
	position:absolute;
	top:5px;
	left:5px;
	font-size:12pt;
	font-weight:bold;
	color:red;
}
/* ブロック１ */
div.left_box_1 {
	position:absolute;
	top:22px;
	left:0px;
	padding-left:5px;
	padding-right:5px;
	width:186px;
	height:140px;
	overflow-y:auto;
}
/* ブロック２文字 */
div.left_str_2 {
	position:absolute;
	top:177px;
	left:5px;
	font-size:12pt;
	font-weight:bold;
	color:red;
}
/* ブロック２ */
div.left_box_2 {
	position:absolute;
	top:194px;
	left:0px;
	padding-left:5px;
	padding-right:5px;
	width:186px;
	height:140px;
	overflow-y:auto;
}
/* ブロック３文字 */
div.left_str_3 {
	position:absolute;
	top:349px;
	left:5px;
	height:100px;
	font-size:12pt;
	font-weight:bold;
	color:red;
        overflow-y:auto;
}
/* ブロック４文字 */
div.left_str_4 {
	position:absolute;
	top:480px;
	left:5px;
	font-size:12pt;
	font-weight:bold;
	color:red;
}
/* ブロック4  */
div.left_box_4 {
	position:absolute;
	top:495px;
	left:0px;
	padding-left:5px;
	padding-right:5px;
	width:186px;
	height:60px;
	overflow-y:auto;
}
/* ブロック期日文字 */
div.left_str_date {
	position:absolute;
	top:366px;
	left:5px;
	font-size:10pt;
	font-weight:bold;
	color:blue;
}
/* ブロック３ */
div.left_box_3 {
	position:absolute;
	top:381px;
	left:0px;
	padding-left:5px;
	padding-right:5px;
	width:186px;
	height:90px;
	overflow-y:auto;
}
/* バナー */
div.left1_banner {
	position:absolute;
	top:530px;
	left:0px;
	background-color:#f8fff8;
	padding:5px;
	border-color:#ffd700;
	border-width:2px;
	border-style:solid;
	width:186px;
	height:16px;
	line-height:16px;
}
/* 左下段ブロック(気象台) */
div.left_down {
	position:absolute;
	top:580px;
	left:0px;
	width:200px;
}
/* 左下段文字 */
div.left_down_str {
	position:absolute;
	top:0px;
	left:0px;
	font-size:12pt;
	font-weight:bold;
	color:blue;
	line-height:150%;
}
/* 左下段図 */
div.left_down_box {
	position:absolute;
	top:20px;
	left:0px;
}
/* リンク */
a.today {
	font-size:10pt;
	font-weight:bold;
	color:blue;
    text-decoration:none;
}
a:hover.today {
    color:#cc0000;
    border-width:0px 1px 1px 0px;
    border-style:solid;
    border-color:#990000;
    position:relative;
    top:-2px;
    left:-2px;
}

/********** メイン左ブロック **********/

/* メイン左ブロック */
div.main_left_box {
	position:absolute;
	top:0px;
	left:0px;
	width:200px;
}
/* 文字 */
div.main_left_str {
	position:absolute;
	top:0px;
	left:0px;
	font-size:12pt;
	font-weight:bold;
	color:blue;
}

/* 緊急用 */
div.d_kinkyu {
	position:absolute;
	top:10px;
	left:260px;
	background-color:#fff0f5;
	border-color:#ffc0cb;
	border-width:2px;
	border-style:solid;
	width:240px;
	height:90px;
	font-size: 10pt;
}


/* 緊急用（バナー用） */
div.d_kinkyu2 {
	position:absolute;
	top:20px;
	left:260px;
	background-color:#fff0f5;
	border-color:#ffffff;
	border-width:0px;
	border-style:solid;
	width:240px;
	height:60px;
	font-size: 10pt;
}

/* お知らせ用 */
div.d_oshirase {
	position:absolute;
	top:20px;
	left:260px;
	background-color:#ffffff;
	border-color:#ffffff;
	border-width:0px;
	border-style:solid;
	width:480px;
	height:60px;
	font-size: 10pt;
}

/* 枠 */
div.main_left_waku {
	position:absolute;
	top:20px;
	left:0px;
	background-color:#fff0f5;
	border-color:#ffc0cb;
	border-width:2px;
	border-style:solid;
	width:196px;
	height:356px;
}
/* イメージ */
img.main_left_img {
	position:absolute;
/*	top:-4px;*/
	top:-4px;
	left:-400px;
/*	clip:rect(24px 596px 174px 400px);*/
	clip:rect(26px 596px 174px 400px);
}
/* 期日 */
img.main_left_date {
	position:absolute;
/*	top:-3px;
	left:-7px;
	clip:rect(2px 203px 23px 7px);*/
	top:-6px;
	left:-4px;
	clip:rect(6px 200px 30px 4px);
}
/* 凡例 */
div.hanrei {
	position:absolute;
	top:150px;
	left:60px;
	font-size:8pt;
	color:black;
}
span.hanrei1 {
	color:red;
}
span.hanrei2 {
	color:yellow;
}
span.hanrei3 {
	color:#8caa7b;
}
div.left_wak {
	position:absolute;
	top:25px;
	left:45px;
	font-size:8pt;
	font-weight:bold;
	color:white;
	filter:
		DropShadow(color=#000000 offX=1 offY=0)
		DropShadow(color=#000000 offX=-1 offY=0)
		DropShadow(color=#000000 offX=0 offY=1)
		DropShadow(color=#000000 offX=0 offY=-1);
}
div.left_asa {
	position:absolute;
	top:50px;
	left:15px;
	font-size:8pt;
	font-weight:bold;
	color:white;
	filter:
		DropShadow(color=#000000 offX=1 offY=0)
		DropShadow(color=#000000 offX=-1 offY=0)
		DropShadow(color=#000000 offX=0 offY=1)
		DropShadow(color=#000000 offX=0 offY=-1);
}
div.left_aba {
	position:absolute;
	top:60px;
	left:90px;
	font-size:8pt;
	font-weight:bold;
	color:white;
	filter:
		DropShadow(color=#000000 offX=1 offY=0)
		DropShadow(color=#000000 offX=-1 offY=0)
		DropShadow(color=#000000 offX=0 offY=1)
		DropShadow(color=#000000 offX=0 offY=-1);
}
div.left_kus {
	position:absolute;
	top:95px;
	left:85px;
	font-size:8pt;
	font-weight:bold;
	color:white;
	filter:
		DropShadow(color=#000000 offX=1 offY=0)
		DropShadow(color=#000000 offX=-1 offY=0)
		DropShadow(color=#000000 offX=0 offY=1)
		DropShadow(color=#000000 offX=0 offY=-1);
}
div.left_mur {
	position:absolute;
	top:110px;
	left:30px;
	font-size:8pt;
	font-weight:bold;
	color:white;
	filter:
		DropShadow(color=#000000 offX=1 offY=0)
		DropShadow(color=#000000 offX=-1 offY=0)
		DropShadow(color=#000000 offX=0 offY=1)
		DropShadow(color=#000000 offX=0 offY=-1);
}
div.left_sap {
	position:absolute;
	top:80px;
	left:5px;
	font-size:8pt;
	font-weight:bold;
	color:white;
	filter:
		DropShadow(color=#000000 offX=1 offY=0)
		DropShadow(color=#000000 offX=-1 offY=0)
		DropShadow(color=#000000 offX=0 offY=1)
		DropShadow(color=#000000 offX=0 offY=-1);
}
div.left_hak {
	position:absolute;
	top:125px;
	left:5px;
	font-size:8pt;
	font-weight:bold;
	color:white;
	filter:
		DropShadow(color=#000000 offX=1 offY=0)
		DropShadow(color=#000000 offX=-1 offY=0)
		DropShadow(color=#000000 offX=0 offY=1)
		DropShadow(color=#000000 offX=0 offY=-1);
}
/* リンク */
div.main_left_link {
	position:absolute;
	top:200px;
	left:0px;
	padding:5px;
	width:186px;
}
div.jma_list_l {
	font-size:10pt;
	color:#ffc0cb;
	line-height:120%;
}

/********** メイン中ブロック **********/

/* メイン中ブロック */
div.main_middle_box {
	position:absolute;
	top:0px;
	left:220px;
	width:200px;
}
/* 文字 */
div.main_middle_str {
	position:absolute;
	top:0px;
	left:0px;
	font-size:12pt;
	font-weight:bold;
	color:blue;
}
/* 枠 */
div.main_middle_waku {
	position:absolute;
	top:20px;
	left:0px;
	background-color:#e6e6fa;
	border-color:#c0c0c0;
	border-width:2px;
	border-style:solid;
	width:196px;
	height:356px;
}
/* 期日 */
img.main_middle_date {
	position:absolute;
	top:-2px;
	left:-6px;
	clip:rect(2px 202px 22px 6px);
}
/* イメージ */
img.main_middle_img {
	position:absolute;
	top:-4px;
	left:-300px;
	clip:rect(24px 496px 174px 300px);
}
/* 予想 */
img.main_middle_yoso {
	position:absolute;
/*	top:18px;
	left:-108px;
	clip:rect(2px 304px 22px 228px);*/
	top:17px;
	left:-100px;
	clip:rect(2px 296px 22px 226px);
}
div.middle_wak {
	position:absolute;
	top:25px;
	left:50px;
	font-size:10pt;
	font-weight:bold;
	color:white;
	filter:
		DropShadow(color=#000000 offX=1 offY=0)
		DropShadow(color=#000000 offX=-1 offY=0)
		DropShadow(color=#000000 offX=0 offY=1)
		DropShadow(color=#000000 offX=0 offY=-1);
}
div.middle_asa {
	position:absolute;
	top:65px;
	left:10px;
	font-size:12pt;
}
div.middle_aba {
	position:absolute;
	top:65px;
	left:110px;
	font-size:10pt;
	font-weight:bold;
	color:white;
	filter:
		DropShadow(color=#000000 offX=1 offY=0)
		DropShadow(color=#000000 offX=-1 offY=0)
		DropShadow(color=#000000 offX=0 offY=1)
		DropShadow(color=#000000 offX=0 offY=-1);
}
div.middle_kus {
	position:absolute;
/*	top:85px;
	left:120px;*/
	top:89px;
	left:115px;
	font-size:14pt;
}
div.middle_mur {
	position:absolute;
	top:115px;
	left:30px;
	font-size:10pt;
	font-weight:bold;
	color:white;
	filter:
		DropShadow(color=#000000 offX=1 offY=0)
		DropShadow(color=#000000 offX=-1 offY=0)
		DropShadow(color=#000000 offX=0 offY=1)
		DropShadow(color=#000000 offX=0 offY=-1);
}
div.middle_sap {
	position:absolute;
	top:90px;
	left:0px;
	font-size:12pt;
}
div.middle_hak {
	position:absolute;
	top:135px;
	left:20px;
	font-size:10pt;
	font-weight:bold;
	color:white;
	filter:
		DropShadow(color=#000000 offX=1 offY=0)
		DropShadow(color=#000000 offX=-1 offY=0)
		DropShadow(color=#000000 offX=0 offY=1)
		DropShadow(color=#000000 offX=0 offY=-1);
}
div.middle_aom {
	position:absolute;
	top:155px;
	left:45px;
	font-size:12pt;
}
/* リンク */
div.main_middle_link {
	position:absolute;
	top:200px;
	left:0px;
	padding:5px;
	width:186px;
	height:196px;
}
div.jma_list_c {
	font-size:10pt;
	color:#c0c0c0;
	line-height:120%;
}

/********** メイン右ブロック **********/

/* メイン右ブロック */
div.main_right_box {
	position:absolute;
	top:0px;
	left:440px;
	width:200px;
}
/* 文字 */
div.main_right_str {
	position:absolute;
	top:0px;
	left:0px;
	font-size:12pt;
	font-weight:bold;
	color:blue;
}
div.right_nw {
	position:absolute;
	top:35px;
	left:55px;
	font-size:8pt;
	font-weight:bold;
	color:white;
	filter:
		DropShadow(color=#000000 offX=1 offY=0)
		DropShadow(color=#000000 offX=-1 offY=0)
		DropShadow(color=#000000 offX=0 offY=1)
		DropShadow(color=#000000 offX=0 offY=-1);
}
div.right_ee {
	position:absolute;
	top:110px;
	left:125px;
	font-size:8pt;
	font-weight:bold;
	color:white;
	filter:
		DropShadow(color=#000000 offX=1 offY=0)
		DropShadow(color=#000000 offX=-1 offY=0)
		DropShadow(color=#000000 offX=0 offY=1)
		DropShadow(color=#000000 offX=0 offY=-1);
}
div.right_sw {
	position:absolute;
	top:90px;
	left:15px;
	font-size:8pt;
	font-weight:bold;
	color:white;
	filter:
		DropShadow(color=#000000 offX=1 offY=0)
		DropShadow(color=#000000 offX=-1 offY=0)
		DropShadow(color=#000000 offX=0 offY=1)
		DropShadow(color=#000000 offX=0 offY=-1);
}
/* 枠 */
div.main_right_waku {
	position:absolute;
	top:20px;
	left:0px;
	background-color:#e0ffff;
	border-color:#87ceeb;
	border-width:2px;
	border-style:solid;
	width:196px;
	height:356px;
}
/* リンク */
div.main_right_link {
	position:absolute;
	top:200px;
	left:0px;
	padding:5px;
	width:186px;
	height:196px;
}
div.jma_list_r {
	font-size:10pt;
	color:#87ceeb;
	line-height:120%;
}

/********** メイン下段左ブロック **********/

/* メイン下段左ブロック */
div.main_down_left_box {
	position:absolute;
	top:400px;
	left:0px;
	width:310px;
}
/* メイン下段過去データ文字 */
div.main_down_left_str {
	position:absolute;
	top:0px;
	left:0px;
	font-size:12pt;
	font-weight:bold;
	color:blue;
}
/* 枠 */
div.main_down_left_waku {
	position:absolute;
	top:20px;
	left:0px;
	background-color:#ffefd5;
	padding:5px;
	border-color:#ffa500;
	border-width:2px;
	border-style:solid;
	width:296px;
	height:356px;
}
/* サブ左 */
div.main_down_left_sub_l {
	position:absolute;
	top:10px;
	left:5px;
}
/* サブ右 */
div.main_down_left_sub_r {
	position:absolute;
	top:10px;
	left:95px;
}
div.jma_list_t {
	font-size:10pt;
	color:blue;
	line-height:120%;
}
div.jma_list_d {
	font-size:10pt;
	color:#ffa500;
	line-height:120%;
}

/********** メイン下段右ブロック **********/

/* メイン下段右ブロック */
div.main_down_right_box {
	position:absolute;
	top:0px;/*20110428表示ずれのため変更(400→0)*/
	left:330px;
	width:310px;
}
/* 文字 */
div.main_down_right_str {
	position:absolute;
	top:0px;
	left:0px;
	font-size:12pt;
	font-weight:bold;
	color:blue;
}
/* 枠 */
div.main_down_right_waku {
	position:absolute;
	top:20px;
	left:0px;
	background-color:#f0fff0;
	padding:10px;
	border-color:#7cfc00;
	border-width:2px;
	border-style:solid;
	width:286px;
	height:346px;
}
div.jma_list_e {
	font-size:10pt;
	color:#7cfc00;
	line-height:120%;
}

/********** エンドブロック **********/

/* バナー０ */
div.bottom_banner_0 {
	position:absolute;
	top:0px;
	left:0px;
}
/* バナー１ */
div.bottom_banner_1 {
	position:absolute;
	top:0px;
	left:148px;
}
/* バナー２ */
div.bottom_banner_2 {
	position:absolute;
	top:0px;
	left:296px;
}
/* バナー３ */
div.bottom_banner_3 {
	position:absolute;
	top:0px;
	left:444px;
}
/* バナー４ */
div.bottom_banner_4 {
	position:absolute;
	top:0px;
	left:592px;
}
/* バナー５ */
div.bottom_banner_5 {
	position:absolute;
	top:0px;
	left:740px;
}
/* エンドバー */
div.bottom_bar {
	position:absolute;
	top:80px;
	left:0px;
	background-color:#2c4690;
	width:860px;
	height:20px;
}
/* 文字左 */
div.bottom_bar_str1 {
	position:absolute;
	top:0px;
	left:0px;
	padding:2px;
	font-size:10pt;
	color:white;
}
/* 文字右 */
div.bottom_bar_str2 {
	position:absolute;
	top:0px;
	left:510px;
	padding:2px;
	font-size:10pt;
	color:white;
}

/********************/

/* 文字サイズ */
div.fsize_12_br {
	font-size:12pt;
	font-weight:bold;
	color:red;
	line-height:150%;
}
div.fsize_10_bb {
	font-size:10pt;
	font-weight:bold;
	color:blue;
	line-height:150%;
}
div.fsize_10 {
	font-size:10pt;
	line-height:150%;
}
div.fsize_10_b {
	font-size:10pt;
	font-weight:bold;
	line-height:150%;
}
div.fsize_8 {
	font-size:8pt;
	line-height:150%;
}
span.fsize_13_b {
	font-size:13pt;
	font-weight:bold;
}
span.fsize_10_b {
	font-size:10pt;
	font-weight:bold;
}
/* イメージ */
img {
	border-width:0px;
}
img.bd1 {
	border-width:2px;
}
/* リンク */
a {
    text-decoration:none;
}
a.awhite {
    color:white;
}

a.hiddenColor {
	color: #87a9d2;
}

a:hover.jma_link {
    color:#cc0000;
    border-width:0px 1px 1px 0px;
    border-style:solid;
    border-color:#990000;
    position:relative;
    top:-2px;
    left:-2px;
}

/********************/