@charset "utf-8";


/* map_only
======================================================== */

/* map_canvas */
div#map_canvas{
	width: 760px;
	height: 420px;
	position: relative;
	margin: 0px;
	margin:0px;
	padding: 0px;
	border:none;
	background-image:url("./map_img/map_background_color001.png");
	z-index: 0;
	clear:both;
}

/* map_basemap */
div#map_basemap{
	width: 740px;
	height: 400px;
	position:absolute; top:10px; left:10px;
	margin: 0px;
	padding: 0px;
	border: none;
	z-index: 0;
}

/* map_country
======================================================= */
div#map_country{
	width: 740px;
	height: 400px;
	margin: 0px;
	padding: 0px;
	border: none;
	position:absolute; top:10px; left:10px;
	z-index: 0;
}
/* countries */
.countries{
	position:absolute; top:0px; left:0px;
}

/* map_areazone
======================================================= */
div#map_areazone{
	width: 740px;
	height: 400px;
	margin: 0px;
	padding: 0px;
	border: none;
	position:absolute; top:10px; left:10px;
	z-index: 0;
}
div#map_areazone_line{
	width: 740px;
	height: 400px;
	margin: 0px;
	padding: 0px;
	border: none;
	position:absolute; top:10px; left:10px;
	z-index: 0;
}
/* areas_img */
.area_zones {
	display:none;
	position:absolute; top:0px; left:0px;
}



/* map_area_line
======================================================= */
div#map_area_line{
	display:block;
	width: 760px;
	height: 420px;
	margin: 0px;
	padding: 0px;
	border: none;
	position:absolute; top:0px; left:0px;
	z-index: 0;
}
/* countries */
.areas{
	position:absolute; top:0px; left:0px;
}

canvas#canvaslines{
	display:block;
	margin: 0px;
	padding: 0px;
	border: none;
	position:absolute; top:0px; left:0px;
	z-index: 0;
}


/* map_touchscreen
======================================================= */
div#map_touchscreen{
	width: 740px;
	height: 400px;
	margin: 0px;
	padding: 0px;
	border: none;
	position:absolute; top:10px; left:10px;
	z-index: 0;
}

img#touchscreen{
	width: 740px;
	height: 400px;
	margin: 0px;
	padding: 0px;
	border: none;
	position:absolute; top:0px; left:0px;
	z-index: 0;


}

/* map_flag
========================================================= */
div.map_flag{
	margin: 0px;
	padding: 0px;
	overflow:hidden;
	border: solid 1px #ffffff;
	border-bottom: solid 1px #000000;
	background:#eeeeee;
	filter:alpha(opacity=60);
	opacity: 0.60;
	z-index: 0;
	font-size: 9px;
	display:block;
	position:absolute;

}

.name_of_flag{
	font-size:8px;
}


/* height:100% を各ブラウザ（とくにIE6）で画面全体にするための記述 */
html,body { height:100%; }


/* glay_layer(ブラックアウト時の設定) 
========================================= */
div#glayLayer{
	display:none;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#333333;
	filter:alpha(opacity=85);
	opacity: 0.85;
}
* html div#glayLayer{
	position:absolute;
}

/* overwindow1(子ウインドウ：個別記事詳細用)
============================================= */
#overwindow1{
	display:none;
	width:400px;
	background:#ffffff;
	margin: 0px;
	padding:0px;
	border: solid 3px #000000;
	position: fixed;
	top:50%;
	left:50%;
}

* html #overwindow1{
	position: absolute;
}

#overwindow1 img.close_pekepon{
	position:absolute;
	top:-10px;
	right:-10px;
	cursor:pointer;
}

#overwindow1_areaname{
	display:block;
	width:400px;
	background-color:#000000;
	margin: 0px;
	padding:5px 0px 5px 0px;
	border:none;
	color:#ffffff;
	text-indent:10px;
}

#overwindow1_message_box{
	margin:0px 10px 0px 10px;
	padding:0px;
	
}

#overwindow1_projectname{
	display:block;
	margin: 5px;
	padding:0px;
	border:none;
	font-size:15px;
}
#overwindow1_image{
	margin: 5px;
	padding:0px;
	float:left;
}

p#overwindow1_article{
	font-size:15px;
}

#overwindow1_reference{
	margin: 3px;
	padding:0px;
	font-size:13px;
	float:right;
}

/* overwindow2(子ウインドウ:国別プロジェクト一覧用)
=================================================== */
#overwindow2{
	display:none;
	width:600px;
	background:#ffffff;
	margin: 0px;
	padding:0px;
	border: solid 3px #ffcc00;
	position: fixed;
	top:50%;
	left:50%;
}

* html #overwindow2{
	position: absolute;
}

#overwindow2 img.close_pekepon{
	position:absolute;
	top:-10px;
	right:-10px;
	cursor:pointer;
}

#overwindow2_areaname{
	display:block;
	width:600px;
	background-color:#ffcc00;
	margin: 0px;
	padding:5px 0px 5px 0px;
	border:none;
	color:#000000;
	text-indent:10px;
}

#window2_description{
	margin:10px 10px 5px 15px;
	padding:0px;
	border:none;
}

#window2_description_A{
	display:inline;
}
#window2_description_B{
	display:none;
}

#overwindow2_message_box{
	margin:10px 10px 10px 10px;
	padding:0px;
	
}


/* overwindow2_country_box */

#overwindow2_country_box{
	display:block;
	width:246px;
	margin:0px;
	padding:0px;
	border: solid 1px #99ccff;
	background-color:#ff0000;
	float:left;
}

#overwindow2_country_box ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
}

#overwindow2_country_box ul li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:15px;
}

#overwindow2_country_box ul li a{
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-indent:10px;
	background-color:#ffffff;
}

#overwindow2_country_box ul li a:hover{
	background-color:#99ccff;
}


/* overwindow2_project_box */

#overwindow2_project_box{
	display:block;
	width:330px;
	margin:0px;
	padding:0px;
	border: solid 1px #99ccff;
	background-color:#99ccff;
	float:right;
}

#overwindow2_project_box ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
}

#overwindow2_project_box ul li{
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
	font-size:15px;
}

/* overwindow3(子ウインドウ:フラッグ別の現在進行中プロジェクト一覧)
=================================================== */
#overwindow3{
	display:none;
	width:600px;
	background:#ffffff;
	margin: 0px;
	padding:0px;
	border: solid 3px #99ccff;
	position: fixed;
	top:20%;
	left:20%;
}

* html #overwindow3{
	position: absolute;
}

#overwindow3 img.close_pekepon{
	position:absolute;
	top:-10px;
	right:-10px;
	cursor:pointer;
}

#overwindow3_areaname{
	display:block;
	width:600px;
	background-color:#99ccff;
	margin: 0px;
	padding:5px 0px 5px 0px;
	border:none;
	color:#000000;
	text-indent:10px;
}

#overwindow3_message_box{
	margin:10px 10px 10px 10px;
	padding:0px;
	
}


/* overwindow3_list_box */

#overwindow3_list_box{
	display:block;
	width:560px;
	max-height:500px;
	overflow:auto;
	margin:0px;
	padding:0px;
	border: solid 1px #99ccff;
	background-color:#ffffff;
	float:left;
}

#overwindow3_list_box ul{
	margin:2px 5px 2px 5px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
}

#overwindow3_list_box ul li.overwindow3_countries{
	background-color:#99ccff;
	font-weight:700;
	list-style-type:none;
}

#overwindow3_list_box ul li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:15px;
}

#overwindow3_list_box ul li a{
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-indent:10px;
	background-color:#ffffff;
}

#overwindow3_list_box ul li a:hover{
	background-color:#ffff00;
}