@charset "UTF-8";

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

/*------------------------------------------------
	コンテンツタイトル
-------------------------------------------------*/
#ContentsTitle{
	background-image : url(/common/contentsTitle/TopPage.gif) !important;
	width :			960px;
	height :		30px;
	text-indent :	-9999px;
	margin-top :	2px;
	margin-bottom :	2px;
}
#Notes
{
	background-image : url(/common/Label/Note.gif);
	width :			332px;
	height :		22px;
	line-height:	22px;
	position :		absolute;
	left :			620px;
	top :			67px;
	display:		block;
}
#Notes span
{
	width :			332px;
	height :		22px;
	line-height:	22px;
	display:		block;
	visibility:		hidden;
}

/*================================================
    メイン
================================================*/

/*-------------------------------------------------
	コンテンツ
--------------------------------------------------*/

/* 土砂災害警戒情報ブロック */
#DoshaBlock
{
	margin-top:				0px !important;
	margin-left:			10px !important;
	position:				relative;
}

/* ヘッダブロック */
#DoshaHeaderBlock
{
	position:				relative;
}

/* ヘッダラベル */
#DoshaHeaderLabel{
	width:					330px;
	height:					75px;
	background-repeat:		no-repeat;
	background-image:		url(/common/Label/DoshaState.gif);
	background-position:	left bottom;
	text-indent:			-9999px;
	margin-top:				0px;
	margin-left:			0px;
	margin-bottom:			5px;
	position:				relative;
	float:					left;
}

/* ヘッダラベル右 */
#DoshaHeaderLabelRight
{
	width :                 444px;
	height :                72px;
	margin-top :            0px;
	margin-left :           3px;
	margin-bottom :         5px;
	position:				relative;
	float:					left;
	border:					2px #006600 solid;
	background-color:		#ddffcc;
}

/* ヘッダラベル右ヘッダ */
#DoshaHeaderLabelRightHeader
{
	width:					440px;
	height:					25px;
	background-image :      url(/common/Label/PDFFile_Title.gif);
	text-indent:			-9999px;
	margin-top :            2px;
	margin-left :           2px;
	margin-bottom :         3px;
	position:				relative;
	float:					left;
}
/* ヘッダラベル右本体 */
#DoshaHeaderLabelRightBody
{
	width:					440px;
	height:					40px;
	margin-left :           10px;
	margin-bottom :         0px;
	position:				relative;
	float:					left;
}

/* 履歴ラベル */
#DoshaRirekiGetPDF
{
	width :					160px;
	height :				40px;
	margin-left:			0px;
	background-image :		url(/common/Label/PDF_Button.gif);
	background-repeat :		no-repeat;
	text-indent :			-9999px;
	float:					left;
}
#DoshaRirekiGetPDF:hover
{
	background-image :		url(/common/Label/PDF_Button_on.gif);
	cursor:					pointer;
}
/* 履歴ラベル */
#DoshaRirekiLabel{
	width :					60px;
	height :				30px;
	margin-left:			20px;
	margin-top:				5px;
	background-image :		url(/common/Label/Rireki.gif);
	background-repeat :		no-repeat;
	text-indent :			-9999px;
	border :				1px solid #006633;
	float:					left;
}
/* 履歴ブロック */
#DoshaRirekiBlock{
	width :					180px;
	padding-left:			5px;
	position:				relative;
	float:					left;
}
#FrmDoshaRireki
{
	margin-top:				10px;
	position:				relative;
	width :					175px;
}
#LstDoshaRireki, #LstDoshaRireki option
{
	width :					160px;
	font-size:				12px;
}

/* 発表時間・発表番号メタブロック */
#DoshaMetaBlock
{
	width:			780px;
	margin-left:	1px;
}

/* 発表番号 */
.PublishNumber{
	width :		120px;
	height :	25px;
	background-image :	url(/common/Label/PublishNumber.gif);
	border-width:	1px 1px 0px 1px;
	border-style:	solid;
	border-color:	#006633;
	text-indent :	-9999px;
	position :		relative;
	float:			left !important;
}
.PublishTime
{
	border-width:	1px 1px 0px 0px !important;
}
.PublishTimeBox
{
	border-width:	1px 1px 0px 0px !important;
}

/* 土砂災害警戒情報データブロック */
#DoshaBlock
{
	margin-top:		28px;
	margin-left:	14px;
	position:		relative;
	z-index:		30;
}
#DoshaDataBlock
{
	position :		relative;
	width :		780px;
	clear:		both;
	z-index:	1;
	border-top:	1px solid;
	border-bottom:	0px!important;
}
#DoshaDataBlock dd
{
	height :		25px;
	line-height :	25px;
	font-size :		14px;
	vertical-align:	middle;
	padding-left:	5px;
	margin-right:	5px;
	border-width :	0px;
	float:			left;
	white-space:	nowrap;
	border-width :	0px !important;
}
#DoshaStatementTable
{
	position :		relative;
	border-width:	0px 1px 0px 1px !important;
}
#DoshaStatementLabel{
	width :		108px;
	height :	25px;
	background-image :	url(/common/Label/DoshaStatement.gif);
	background-repeat :	no-repeat;
	text-indent :	-9999px;
	border-width:	0px 1px 1px 0px !important;
	border-style:	solid;
	border-color:	#000000;
}
#DoshaStatementBox
{
	width :		658px;
	height:		100% !important;
	background-color :	#ffffff;
	margin-right:	0px !important;
	white-space:	normal !important;
}
#DoshaDataBlock dt {
    border-width: 0;
    float: left;
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    margin: 0;
    text-align: center;
    vertical-align: middle;
    width: 108px;
}
#DoshaLabel
{
	width :				250px;
	height :			27px;
	background-image :	url(/common/Label/DoshaWarning.gif);
	text-indent :		-9999px;
	position :			relative;
	float:				left;
}

#DoshaAreaLabel
{
	background-image :	url(/common/Label/TargetArea.gif);
	border-width :	0px 1px 0px 0px !important;
	text-indent :	-9999px;
	border-style:	solid;
	border-color:	#000000;
}

/*-------------------------------------------------
	地図部
--------------------------------------------------*/

/*-------------------------------------------------
	凡例部
--------------------------------------------------*/