#guide, #explain, #info {
    border-width:0px;
    margin-top:0.5em;
    margin-bottom:0.5em;
}

#warn_main { /* 2016.05.09 H28改修 */
    position: static;
    width: 600px;
    float:left;
    clear: left;
}

#WarnInfoTableTop, #WarnInfoTableMiddle, #WarnInfoTableBottom {
    width:600px;
    border-style:solid;
    border-width:2px;
    border-color:#CCCCCC;
}

#WarnInfoTableTop {
    border-bottom-width:1px;
    border-bottom-style:dashed;
}

#WarnInfoTableMiddle {
    border-top-width:1px;
    border-top-style:dashed;
    border-bottom-width:1px;
    border-bottom-style:dashed;
}

#WarnInfoTableBottom {
    border-top-width:1px;
    border-top-style:dashed;
}

#WarnTableTable {
    border:none;
    border-top-width:1px;
    border-top-style:solid;
    border-right-width:1px;
    border-right-style:solid;
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-left-width:1px;
    border-left-style:solid;
    border-color:#888888;
    background-color: #ffffff;  /* 2016.05.09 H28改修 */
}

/********** 市町村・図表形式情報ページ **********/
.WarnTextTable {
    max-height: 100%;
}

/* テキスト部分の定義*/
.WarnTextTable td {
    padding: 0;
}

/* テキスト部分の市町村名*/
.WarnTextTable .reg {
    white-space: nowrap;
    vertical-align: top;
}

.regLeft {
	width:100%
}

/* 「危険度を色分けした時系列」表の定義*/
.WarnJikeiTable {
    border:1px solid #000000;
    border-collapse: collapse;
    background-color: #ffffff;
    text-align: center;
    max-height: 100%;
}

/* 表 セル定義 */
.WarnJikeiTable td {
    border: none;
    border:1px solid #000000;
    font-size: 12px;
    padding: 0.06em 0.1em;
}

/* 表 タイトル下部の２重線区切り */
.WarnJikeiTable td.double_border {
    border-bottom-width: 3px;
    border-bottom-style: double;
    border-color: #000000;
    padding: 0;
}

/* 表 市町村名の幅 */
.WarnJikeiTable .title_left {
    min-width: 135px;
}

/* 表 備考名の幅 */
.WarnJikeiTable .title_right {
    min-width: 115px;
}

.WarnJikeiTable .title_center {
    min-width: 290px;
    padding-bottom: 0.1em;
    padding-top: 0.2em;
}

/* 表 ３時間ごとの時間区切りの幅 */
.WarnJikeiTable .title_time {
    font-size: 12px;
    min-width: 32px;
    padding: 0;
}

/* 表 種別名の幅 */
.WarnJikeiTable .type {
    width: 43px;
}

/* 表 種別ごとに対応する固定文字列(「風向風速」等)が２列に分割される場合は */
/* 左側になる列に幅を定義する */
/* .WarnJikeiTable .type_sub {
    width: 50px;
}*/

/* 表 備考文言の左寄せ */
.WarnJikeiTable .rmks {
    text-align: left;
    padding: 0.05em 0.1em;
}

/* 表 上部に表示する凡例（特別警報） */
.WarnJikeiTable .sq_emg {
    background-color: #6C008C;
    border:1px solid #000000;
    padding: 0px;
    margin-right: 2px;
    font-size: 8px;
    vertical-align: 8%;
    font-weight: bold;
}

/* 表 上部に表示する凡例（警報） */
.WarnJikeiTable .sq_wrn {
    background-color: #FF2800;
    border:1px solid #000000;
    padding: 0px;
    margin-right: 2px;
    font-size: 8px;
    vertical-align: 8%;
    font-weight: bold;
}

/* 表 上部に表示する凡例（注意報） */
.WarnJikeiTable .sq_adv {
    background-color: #FAF500;
    border:1px solid #000000;
    padding: 0px;
    margin-right: 2px;
    font-size: 8px;
    vertical-align: 8%;
    font-weight: bold;
}

/* 表 下部に表示する縞凡例 */
.prob_img {
    width: 11px;
    height: 11px;
    border:1px solid #000000;
    margin-right: 2px;
    vertical-align: -10%;
}

/* 表 風向矢印画像(黒) */
.arw_N  { background: url(../images/N.png) center no-repeat;}
.arw_NE { background: url(../images/NE.png) center no-repeat;}
.arw_E  { background: url(../images/E.png) center no-repeat;}
.arw_SE { background: url(../images/SE.png) center no-repeat;}
.arw_S  { background: url(../images/S.png) center no-repeat;}
.arw_SW { background: url(../images/SW.png) center no-repeat;}
.arw_W  { background: url(../images/W.png) center no-repeat;}
.arw_NW { background: url(../images/NW.png) center no-repeat;}

/* 表 風向矢印画像(白) */
.arw_N_w  { background: url(../images/N_w.png) center no-repeat;}
.arw_NE_w { background: url(../images/NE_w.png) center no-repeat;}
.arw_E_w  { background: url(../images/E_w.png) center no-repeat;}
.arw_SE_w { background: url(../images/SE_w.png) center no-repeat;}
.arw_S_w  { background: url(../images/S_w.png) center no-repeat;}
.arw_SW_w { background: url(../images/SW_w.png) center no-repeat;}
.arw_W_w  { background: url(../images/W_w.png) center no-repeat;}
.arw_NW_w { background: url(../images/NW_w.png) center no-repeat;}

/* 表 セル内背景画像、背景色、文字色定義*/
.jikei_emg      { background-color: #6C008C; color: #ffffff; height: 32px; /* 特別警報セル（紫・白字） */ }
.jikei_wrn      { background-color: #FF2800; color: #ffffff; height: 32px; /* 警報セル（赤・白字） */ }
.jikei_adv      { background-color: #FAF500;                 height: 32px; /* 注意報セル（黄・黒字(bodyの設定値)） */ }
.jikei_white    { background-color: #FFFFFF;                 height: 32px; /* 空白セル（白・黒字(bodyの設定値)） */ }
.jikei_none     { background-image: url(../images/NSig.png);  /* グレー縞セル（背景画像） */ }
.jikei_e_w_img  { background-image: url(../images/TK-K.png);               /* 特別警報に言及した警報セル（赤色地/紫斜線） */ }
.jikei_e_a_img  { background-image: url(../images/TK-C.png);               /* 特別警報に言及した注意報セル（黄色地/紫斜線） */ }
.jikei_w_a_img  { background-image: url(../images/K-C.png);                /* 警報に言及した注意報セル（黄色地/赤斜線） */ }
.jikei_e_w_img span { background-color: #FF2800; color: #ffffff; padding: 1px; /* 特別警報に言及した警報セルの文字（白字） */ }
.jikei_e_a_img span { background-color: #FAF500;                 padding: 1px; /* 特別警報に言及した注意報セルの文字（黒字(bodyの設定値)） */ }
.jikei_w_a_img span { background-color: #FAF500;                 padding: 1px; /* 警報に言及した注意報セルの文字色（黒字(bodyの設定値)） */} 


/* Main Display Part */
#div_display a {
    font-size: 80%;
}

#div_display #main_img {
    width: 582px;
/*     height: 500px;*/
    height: 560px;
    font-size: 1px;
}

#div_display #main_img #area_top {
    width: 582px;
    height: 15px;
    text-align: center;
}

#div_display #main_img #area_left {
    width: 15px;
    height: 552px;
    text-align: right;
    float: left;
}

#div_display #main_img #area_right {
    width: 15px;
    height: 552px;
    text-align: left;
    float: right;
}

#div_display #main_img #area_bottom {
    width: 582px;
    height: 15px;
    text-align: center;
    clear: both;
}

#div_display #main_img #area_main {
    width: 552px;
    height: 552px;
    text-align: center;
    float: right;
}

#div_display #main_img img.img_place {
    width: 550px;
    height: 550px;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
}

#div_display #main_img_japan img.img_japan {
    width: 600px;
    height: 500px;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
}

#div_display #lbl_img_title {
    font-weight: bold;
    font-size: 100%;
    color: #FF0000;
}

.WarnTableTableEn table {
    font-size:9pt;
    width:600px;
    border-collapse:collapse;
/*    border-spaceing:0 0; */
    border:none;
    border-top-width:1px;
    border-top-style:solid;
    border-right-width:1px;
    border-right-style:solid;
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-left-width:1px;
    border-left-style:solid;
    border-color:#888888;
	background-color:#E9ECF3;
}

.WarnTableTableEn th {
    border:1px solid #FFFFFF;
    background-color:#dddddd;
}

.WarnTableTableEn td {
    border:1px solid #FFFFFF;
    text-align:left;
    text-indent:2pt;
}

td.e_wrn_black { text-align: center; color: #000000; background-color: #6c008c; /* 特別警報セル（文字黒・背景紫・中揃え） */ }
td.e_wrn_white { text-align: center; color: #ffffff; background-color: #6c008c; /* 特別警報セル（文字白・背景紫・中揃え） */ }
td.wrn { text-align: center; background-color: #ffbbbb; /* 警報セル（赤・中揃え） */ }
td.adv { text-align: center; background-color: #ffff99; /* 注意報セル（黄・中揃え） */ }
td.il1 { text-align: center; background-image: url(../images/inland1.png); /* 内陸用警報セル（背景・中揃え） */ }
td.il2 { text-align: center; background-image: url(../images/inland2.png); /* 内陸用注意報セル（背景・中揃え） */ }

#WarnNotIssued {
    font-size: 100%;
}

#guide {
	font-size: 90%;
}

#tt {position:absolute; display:block; background-color: #EFF0F5;}
#tttop {display:block; padding: 0; margin: 0; background-color: #EFF0F5; overflow:hidden}
#ttcont {font-size: 90%; display:block; padding: 2px 5px; margin: 0; background:#EFF0F5; color:#666666; border: solid 1px #727A6F;}
#ttbot {display:block; padding: 0; margin :0; background-color: #EFF0F5; overflow:hidden}

#eWarnTableTable {
	width: 300px;
	table-layout: fixed;
	word-wrap: break-word;
}