@charset "utf-8";

div.disaster {
	margin: 13px auto 0;
	width: 980px;
}

	div.disaster img {
		vertical-align: top;
	}

	div.disaster ul {
		/zoom: 1;
	}

		div.disaster ul li img.icon {
			margin-right: 10px;
		}

		div.disaster ul li.info01 {
			position: relative;
			margin-top: 2px;
			padding: 5px 10px;
			background: #0e0e68;
			cursor: pointer;
		}

			div.disaster ul li.info01 ul.arrowDisasterLink {
				position: absolute;
				top: 0.45em;
				right: 20px;
			}

				div.disaster ul li.info01 ul.arrowDisasterLink li {
					padding-left: 10px;
					_width: 2.1em;
					background: url(/shared_v2/image/ico_arrow_disaster_white.gif) left center no-repeat;
					/zoom: 1;
				}

					div.disaster ul li.info01 ul.arrowDisasterLink li a {
						color: #fff !important;
					}

		div.disaster ul li.info02 {
			position: relative;
			margin-top: 2px;
			padding: 4px 9px;
			border: 1px solid #ccc;
			background: url(/shared_v2/image/bg_disaster.gif) left top repeat-x;
			cursor: pointer;
		}

			div.disaster ul li.info02 ul.arrowDisasterLink {
				position: absolute;
				top: 0.4em;
				right: 20px;
			}

				div.disaster ul li.info02 ul.arrowDisasterLink li {
					padding-left: 10px;
					_width: 2.1em;
					background: url(/shared_v2/image/ico_arrow_disaster_gray.gif) left center no-repeat;
					/zoom: 1;
				}

					div.disaster ul li.info02 ul.arrowDisasterLink li a {
						color: #555 !important;
					}

	div.disasterBoard {
		margin: 13px auto 0;
		width: 980px;
	}

		div.disasterBoardInner {
			width: 978px;
			height:268px; /* 20120116 Add */
			border: 1px solid #ccc;
			position: relative;
		}

    /* 20120116 -START------------ */
    .disasterBoard ul li{
        float:left;
        padding: 0;
    }

    div.disasterBoard a.anpi{
        position:absolute;
        z-index: 2;
        top: 95px;
        left: 199px;
        display: block;
    }
    
    div.disasterBoard a.howto_sp{
        position:absolute;
        z-index: 2;
        top: 242px;
        left: 629px;
        display: block;
    }

    div.disasterBoard a.howto_mb{
        position:absolute;
        z-index: 2;
        top: 242px;
        left: 827px;
        display: block;
    }
    /* 20120116 -END------------ */
    
    /* 20120319 english Add Start */
    div.disasterBoard a.howto_sp_eng{
        position:absolute;
        z-index: 2;
        top: 242px;
        left: 624px;
        display: block;
    }

    div.disasterBoard a.howto_mb_eng{
        position:absolute;
        z-index: 2;
        top: 242px;
        left: 810px;
        display: block;
    }
    /* 20120319 english Add End */
    
	div.disasterNote {
		margin: 13px auto 0;
		width: 980px;
		font-size: 116.7%;
	}

		div.disasterNote p {
			padding: 10px;
			border: 1px solid #f00;
		}

		div.disasterNote a {
			color: #f00 !important;
		}

		div.disasterNote img {
			vertical-align: middle;
		}


    /***** 2012/08/28 Add Start *****/
    div.disasterNoteVoice {
        margin: 13px auto 0;
        width: 980px;
        font-size: 116.7%;
    }

    div.disasterNoteVoice p {
        padding: 10px;
        border: 1px solid #0e0e69;
    }

    div.disasterNoteVoice a {
        color: #0e0e69 !important;
    }

    div.disasterNoteVoice img {
        vertical-align: middle;
    }
    /***** 2012/08/28 Add End *****/


	div.disasterList {
		margin: 13px auto 0;
		width: 980px;
	}

		div.disasterList div.disasterListInner{
			padding: 5px 10px 10px;
			border: 1px solid #ccc;
			background: #f5f5f5;
		}

			div.disasterList table {
				width: 100%;
			}

				div.disasterList table tr td {
					padding-top: 5px;
					vertical-align: top;
				}

					div.disasterList table tr td.date {
						white-space: nowrap;
						padding-right: 5px;
					}

					div.disasterList table tr td.category {
						padding-right: 10px;
					}

					div.disasterList table tr td.category p {
						white-space: nowrap;
						min-width: 8.3em;
						_width: 8.3em;
						*width: 8.3em; /* 20120116 Add */
						background: #0e0e69;
						color: #fff;
						text-align: center;
					}

                    /* 20120210 Add Start */
					div.disasterList table tr td.areamap {
						padding-right: 10px;
					}
					
					div.disasterList table tr td.areamap p {
						white-space: nowrap;
						min-width: 8.3em;
						_width: 8.3em;
						*width: 8.3em;
						background: #B6D1F5;
						color: #555555;
						text-align: center;
					}
					/* 20120210 Add End */
					
					div.disasterList table tr td.title {
						padding: 5px 10px 0;
						width: 690px;
						background: url(/shared_v2/image/ico_arrow_disaster_gray.gif) left 0.9em no-repeat;
					}

					div.disasterList table tr td.detail {
						padding: 5px 10px 0;
						background: url(/shared_v2/image/ico_arrow_disaster_gray.gif) left 0.9em no-repeat;
						white-space: nowrap;
					}

/* ------------------------------------------------

clearfix

------------------------------------------------ */
div.disaster {
	/zoom:1;
}

div.disaster:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}