/****************************************
* 見出し表示エリア
****************************************/
.box_caption{
        font-size: 15px;
	text-align:left;
	padding: 0.2em 0.4em;
	margin: 0 0 0.2em 0;
	background: #335B8C;
 	color: #FFFFFF;       
	border-left: solid 6px #819EC2;
 /*   box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33);*/
}

/****************************************
* オーバーレイ情報表示エリア
****************************************/
.box_overlay_info{
	padding: 0.1em 0.2em;
/*	margin: 0.2em 0 0 0;*/
	color: #000000;
	background: white;
	border-top: solid 2px #5d627b;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);		
}

/****************************************
* お知らせ表示エリア
****************************************/
/* 名称表示　*/
.box_header_name{
    padding-left: 1em;
    color: black;	/*#5d627b;*/
/*    background: white;*/
/*    border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-left-color: #5d627b;*/
}
/* ヘッダリンク　*/
.box_hd_link{
    color: #5d627b;
    background: white;
    border-width: 0px 0px 0px 5px;
    border-style: solid;
    border-left-color: #819EC2;
}
/* ヘッダお知らせ　*/
.box_hd_notice{
    text-align: center;
    color: white;
    background: #335B8C;
    border-width: 0px 0px 0px 5px;
    border-style: solid;
    border-left-color: #819EC2;
    padding: 0px 10px;
}

/****************************************
* テーブルオプション表示エリア
****************************************/
.box_tblOption{
	width: 99%;
	margin: 0px 0px 2px 0px;
	padding: 1px 2px;
/*	background:  #FFFFFF;*/
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #CCCCCC;	
}

/****************************************
* 標準ボックス
****************************************/
.box{
	text-align:center;
	background-color: #FFFFFF;
	border:1px solid #CCCCCC;
	padding-top: 3px;
	padding-bottom: 3px;	
	margin-bottom: 2px;	
}
/* 地域表示 */
/*.box_area{
        width: 165px;
}*/
/* 時刻表示 */
/*.box_time{
	width: 210px;
}*/

/* 背景 */
.box_background{
    background-color: #FFFFFF;
    padding: 6px;   
}
 
/****************************************
* ＴＯＰ地図
****************************************/
/* 見出し */
.box_title {
	background-color: #ECF0F5;
	color: #2C2C2F;
	border: 1px solid #CCCCCC;
	padding: 0px 2px;
}

/* サブタブメニュー */
.subTabDiv {
	position: absolute;
	top: 9px;
	left: 410px;
	z-index: 1;
}

.subTabDiv input[type=radio] {
	display: none;
}

.subTabDiv input[type=checkbox] {
	display: none;
}

.subTabDiv label {
	padding: 2px 4px;
	background-color: white;
	border: 1px solid gray;
}

.subTabDiv label:has(input[type=radio]) {
	background-color: #EEEEEE;
	cursor: pointer;
}

.subTabDiv label:has(input[type=radio]:checked) {
	background-color: orange;
}

/* 表示選択 */
.area_sel_div {
	position: absolute;
	top: 6px;
	right: 8px;
	z-index: 1;
}

/* 中心位置情報 */
.centerInfo {
	background-color: white;
	border-top: 1px solid #CCCCCC;
	padding: 4px;
}

.centerInfo > span {
	margin-left: 8px;
}

#centerInfo {
	position: absolute;
	left: 72px;
	bottom: 0px;
	background-color: white;
	border: 1px solid #CCCCCC;
	padding: 4px;
}

/* 画面、時刻 */
.area_map_info{
	position:absolute;
	top:40px;
	left:8px;
	z-index:1;
}

.map_time{
	min-width: 180px;
	text-align: center;
	line-height: 2.5;
	border: solid 1px #CCCCCC;
	background-color: #ECF0F5;
	color: #000000;
}

/* プレス発表日時の色 */
.press_time_color {
    background-color: #FDDFDF;	/*pink;*/
    color: #000000;
}

.nopress_time_color {
    background-color: white;
    color: #000000;
}
/* 現在日時の色 */
.now_time_color {
    background-color: #ECF0F5;	/*yellow*/
    color: #000000;
}

/****************************************
* ＴＯＰ地図（県本部）
****************************************/
/* 県本部 */
.box_map_honbu{
    z-index:1;
    line-height: 1.9;
    min-width:110px;
    text-align:center;
    font-size:16px;
    cursor:pointer;
 }

.honbu_none{
    color: black;
    background: #D7D7D7;	/* 灰色 */
    border-bottom: solid 3px #CCCCCC;
    border-radius: 9px;
}

.honbu_purple{
    color: #FFFFFF;
    background: rgb(170,0,170);	/* 紫 */
    border-bottom: solid 3px #CCCCCC;
    border-radius: 9px;
}

.honbu_red{
    color: #FFFFFF;
    background: rgb(255,40,0);	/* 赤 */
    border-bottom: solid 3px #CCCCCC;
    border-radius: 9px;
}

.honbu_yellow{
    color: black;
    background: rgb(242,231,0);	/* 黄色 */
    border-bottom: solid 3px #CCCCCC;
    border-radius: 9px;
}

.honbu_lblue{
    color: black;
    background: #D5E9FF;	/* 水色 rgba(202,222,255,0.5) */
    border-bottom: solid 3px #CCCCCC;
    border-radius: 9px;
}

/****************************************
* 防災情報システム画面
****************************************/
/* ページ名表示エリア */
.box_pageTitle {
        font-size: 15px;
	padding-left: 8px;
/*	font-weight: bold;*/
	line-height: 2;
	vertical-align: middle;
/*	background:  #bbcdf0;*/
 	background:  #3D3E3F;       
        color:white;
}

/* コントロール表示エリア */
.box_ctrlArea{
   line-height: 2.4;
    width: 99%;
    margin: 0px auto 0px auto;
    padding: 1px 2px;
    /*	background:  #FFFFFF;*/
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #CCCCCC;
    white-space: nowrap;
}
.box_ctrlArea_add{padding: 2px 2px;}

.box_ctrlArea2{
	width: 99%;
	margin: 0px auto;
	padding: 4px 2px;
/*	background:  #FFFFFF;*/
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #CCCCCC;
}

/* 検索枠 */
.box_ctrlArea_search{
	padding: 3px 4px;
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	border-color: #CCCCCC;	
}

.box_ctrlArea_searchL{
	padding: 3px 4px;
	border-width: 0px 0px 0px 1px;
	border-style: solid;
	border-color: #CCCCCC;	
}