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

#WarnInfoTable, #WarnInfoTableTop, #WarnInfoTableMiddle, #WarnInfoTableBottom {
    width:560px;
    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;
}

/* 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 {
    font-size:9pt;
	width: 600px;
    border-collapse:collapse;
    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;
}

/* 市町村図表形式情報 start */
.WarnTextTableEn {
    width: 100%;
    max-height: 100%;
}

.WarnTextTableEn td {
    padding: 0;
}

.WarnTextTableEn .reg {
    white-space: nowrap;
    vertical-align: top;
}

.regLeft {
	width:100%
}

.WarnTextTableEn .text {
    margin-left: 1em;
}

.WarnJikeiTableEn {
    border:1px solid #000000;
    border-collapse: collapse;
    background-color: #ffffff;
    text-align: center;
    max-height: 100%;
    width: 100%;
}

.WarnJikeiTableEn td {
    border:1px solid #000000;
    font-size: 11px;
    padding: 0 0.2em;
    line-height:16px;
}

.WarnJikeiTableEn td.double_border {
    border-bottom-width: 3px;
    border-bottom-style: double;
    border-color: #000000;
    padding: 0;
}

.WarnJikeiTableEn .title_left {
    font-size: 12px;
    min-width: 160px;
}

.WarnJikeiTableEn .title_center {
    min-width: 295px;
}

.WarnJikeiTableEn .title_right {
    min-width: 160px;
}

.WarnJikeiTableEn .title_time {
    font-size: 10px;
    min-width: 32px;
    padding: 0;
}

.WarnJikeiTableEn .type {
    width: 80px;
}

.WarnJikeiTableEn .rmks {
    text-align: left;
}

.WarnJikeiTableEn .sq_emg {
    background-color: #6C008C;
    border:1px solid #000000;
    padding: 0px;
    margin-right: 2px;
    font-size: 7px;
    vertical-align:5%;
    font-weight: bold;
}

.WarnJikeiTableEn .sq_wrn {
    background-color: #FF2800;
    border:1px solid #000000;
    padding: 0px;
    margin-right: 2px;
    font-size: 7px;
    vertical-align: 5%;
    font-weight: bold;
}

.WarnJikeiTableEn .sq_adv {
    background-color: #FAF500;
    border:1px solid #000000;
    padding: 0px;
    margin-right: 2px;
    font-size: 7px;
    vertical-align: 5%;
    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); height: 32px; /* グレー縞セル（背景画像） */ }
.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;               /* 特別警報に言及した警報セルの文字（白字） */ }
.jikei_e_a_img span { background-color: #FAF500;                               /* 特別警報に言及した注意報セルの文字（黒字(bodyの設定値)） */ }
.jikei_w_a_img span { background-color: #FAF500;                               /* 警報に言及した注意報セルの文字色（黒字(bodyの設定値)） */ }
/* 市町村図表形式情報 end */

#WarnNotIssued {
    font-size: 95%;
}

.imgIndent {
    margin-left: 3px;
    margin-top: 1px;
}


.warnDetailTable {
    width: 100%;
    background-color: #E9ECF3;
    border: 1px solid #E9ECF3;
    font-size:9pt;
}
.warnDetailTable td {
    border: none;
}
.emergencyWarnings {
    white-space: nowrap;
    font-weight: bold;
    margin: 0px;
    padding: 2px;
    background-color: #6C008C;
    color: #FFFFFF;
}
.warnings {
    white-space: nowrap;
    font-weight: bold;
    margin: 0px;
    padding: 2px;
    background-color: #FF0000;
}
.advisories {
    white-space: nowrap;
    font-weight: bold;
    margin: 0px;
    padding: 2px;
    background-color: #FFFF00;
}

#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;
}