@charset "UTF-8";

/***********************************************
　　　　[ 青森県土砂災害警戒情報システム] topPage Styleseet
***********************************************/

/*------------------------------------------------
	コンテンツタイトル
-------------------------------------------------*/
#ContentsTitle{
	background-image : url(/common/contentsTitle/AlertInfo.gif);
	width :			960px;
	height :		30px;
	text-indent :	-9999px;
	margin-top :	2px;
	margin-bottom :	2px;
}
/*================================================
    メイン
================================================*/

/*-------------------------------------------------
	コンテンツ
--------------------------------------------------*/
#AlertBlock
{
	margin-top:		23px;
	margin-left:	14px;
	position:		relative;
	z-index:		40;
}
#AlertHeaderBlock, #DoshaHeaderBlock
{
	width :		797px;
	top:		1px;
	position:	relative;
	clear:		both;
	z-index:	100;
}
#AlertLabel{
	width :		250px;
	background-image :	url(/common/Label/Alert.gif);
	height :	27px;
	text-indent :	-9999px;
	position :		relative;
	float:		left;
}

#AlertGaikyoButton{
	background-image :	url(/common/button/btn_AlertComment.gif);
	height :	23px;
}
.GaikyoButton
{
	width :		102px;
	height :	23px;
	margin-left:	0px;
	margin-top:		1px;
	text-indent :	-9999px;
}
.GaikyoText
{
	display:	none;
	position:	absolute;
	z-index:	10000;
	left:		260px;
	top:		24px;
	width:		360px;
	height:		120px;
	padding:	10px;	
	border:		3px solid #cc0000;
	color:		#000000;
	background-color:	#ffeecc;
	font-size:	16px;
	overflow:	auto;
}
.TimeInfo{
	width :		303px;
	position :	relative;
	float:		right;
}
.PublishTime{
	width :		120px;
	height :	25px;
	background-image :	url(/common/Label/PublishTime.gif);
	border :		1px solid #006633;
	text-indent :	-9999px;
	position :		relative;
	float:			left;
}
.PublishTimeBox{
	width :		180px;
	height :	23px;
	line-height:	23px;
	font-size :		16px;
	text-align:		center;
	vertical-align:	middle;
	background-color :	#ffffff;
	border-width :	1px 1px 1px 0px;
	border-style:	solid;
	border-color:	#006633;
	position :		relative;
	float:			left;
	padding-top :	2px;
}
#AlertTitleBlock{
	position :	relative;
	width :		780px;
	clear:		both;
	z-index:	1;
}
#AlertAreaLabel{
	width :		108px;
	height :	25px;
	background-image :	url(/common/Label/Area.gif);
	border-width :	1px 1px 1px 1px;
	border-style:	solid;
	border-color:	#006633;
	text-indent :	-9999px;
	position :	relative;
	float:		left;
}
#AlertNaiyoLabel{
	width :		669px;
	height :	25px;
	background-image :	url(/common/Label/PublishStatement.gif);
	border-width :	1px 1px 1px 0px;
	border-style:	solid;
	border-color:	#006633;
	text-indent :	-9999px;
	position :	relative;
	float:		right;
}
#AlertDataBlock, #DoshaDataBlock{
	position :	relative;
	width :		780px;
	clear:		both;
	z-index:	1;
}
#AlertDataBlock dl, #DoshaDataBlock dl{
	width :		778px;
	position :	relative;
	border-width :	0px 1px 1px 1px;
	border-style:	solid;
	border-color:	#000000;
	background-color :	#ffffff;
	z-index:	1;
}
#AlertDataBlock dt
{
	width :			108px;
	height :		25px;
	line-height :	25px;
	font-size :		14px;
	text-align:		center;
	vertical-align:	middle;
	margin:			0px;
	border-width :	0px;
	float:			left;
}
#AlertDataBlock dd
{
	width :			655px;
	height :		25px;
	line-height :	25px;
	font-size :		14px;
	vertical-align:	middle;
	padding-left:	5px;
	margin-right:	5px;
	border-width :	0px 0px 0px 1px;
	border-style:	solid;
	border-color:	#000000;
	float:			left;
}
#AlertDataBlock .WideHeightHeader
{
	height :		50px;
	line-height :	50px;
}
#AlertDataBlock .WideHeightValue
{
	height :		50px;
}
#AlertDataBlock span
{
	font-family:	"ＭＳ ゴシック", ms-gothic, monospace;
}
#StatementBlock
{
	margin-top:		5px;
	margin-left:	14px;
	margin-bottom:	10px;
	z-index:		30;
}
#StatementDataBlock
{
	width :				758px;
/*	height :			600px;	*/
	height :			100px;
	padding:			10px;
	border :			1px solid #006633;
	background-color:	#ffffff;
	overflow:			auto;
	line-height:		150%;
	
}
#DefStatementBlock
{
	position:	absolute;
	left:		160px;
	top:		160px;
	width:		480px;
	height:		160px;
	line-height:	160px;
	border:		10px #009900 solid;
	background-color:	#ffffff;
	z-index:	999;
	display:	none;
	text-align:	center;
	vertical-align:	middle;
	filter: 
        progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=0,strength=7)
        progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=90,strength=7)
        progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=180,strength=7)
        progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=270,strength=7);
	-moz-box-shadow: 0px 0px 10px #000000;
	-webkit-box-shadow: 0px 0px 10px #000000;
}
#DefStatementDataBlock
{
	font-size:	18px;
	font-weight:bold;
}

/* 注警報の彩色 */
.AlertTypeNo, .DoshaTypeNo
{
	padding-left:	2px;
	padding-right:	2px;
	padding-top:	1px;
	padding-bottom:	1px;
	background-color:	#ffffff;
}
.AlertType0, .DoshaType1
{
	padding-left:	2px;
	padding-right:	2px;
	padding-top:	1px;
	padding-bottom:	1px;
	background-color:	#99ff99;
}
.AlertType1, .DoshaType2
{
	width:			100px;
	background-color:	#faf500;
}
.AlertType2, .DoshaType3
{
	width:			100px;
	background-color:	#ff2800;
	color:				#ffffff;
}
.AlertType3
{
	width:			100px;
	background-color:	#c800ff;
	color:				#ffffff;
}
.AlertTypeLabel
{
	width:					100px;
	background-image :		url(/common/elements/zebra.gif);
	margin-bottom:			0px!important;
}

.AlertTypeLabelText
{
}

/*-------------------------------------------------
	地図部
--------------------------------------------------*/
#MapArea{
	width :		800px;
	height :	600px;
	background-image :	url(/common/map/Pref/00001.jpg);
	margin-bottom :	4px;
	margin-left :	4px;
	text-indent :	-9999px;
	border :		1px solid #006633;
	position :	relative;
	z-index:	21;
}
#CityContainer
{
	width :					800px;
	height :				600px;
	z-index:				99;
	position :				absolute;
	left:					0px;
	top:					0px;
}
#CityNameContainer
{
	text-indent:			0px;
	border-width:		3px 3px 3px 3px;
	border-style:		solid;
	margin:				2px 10px 2px 10px;
	font-weight:		bold;
	font-size:			16px;
	left:				0px;
	top:				0px;
	width:				180px;
	height:				30px;
	line-height:		30px;
	text-align:			center;
	vertical-align:		middle;
	position:			absolute;
	z-index:			500;
	visibility:			hidden;
}
#CityMapArea
{
	width :				800px;
	height :			600px;
	z-index:			501;
	position :			absolute;
	left:				0px;
	top:				0px;
	border:				0px;
}

/*-------------------------------------------------
	凡例部
--------------------------------------------------*/
#HanreiBlock dt
{
	width:			100px;
	height:			20px;
	line-height:	20px;
	margin-left:	8px;
	margin-bottom:	5px;
	text-align:		center;
}