@charset "utf-8";

div#wrap{
	width:100%;
}
#wrap #page{
	width:100%;
}

.page{
	width:860px;
	margin:0 auto;
	position:relative;
}

/*#top_header{
	padding-left:10px;
}

#top_header .gnavi{
	margin-right:10px;
}*/

iframe.twitter-share-button{
	width:90px !important;
	height:28px !important;
}

/*div#footer_area{
	width:100%;
}*/

/*div#footer_area p.f_r{
 	margin-right:5px;
}*/

/*#site_gd_area{
	padding-left:10px;
}*/

h2.map_tit { margin-bottom: 10px;}

#main p,li{	
	font-size:12px;
}

#main .PhotoFrame p,li{	
	font-size:6px;
}



/* map */
/* -------------------------------------------------------- */
#map {
	margin: 15px 0 0 10px;
	padding: 0 10px 0 0;
	overflow:hidden;
	text-align:left;
	}
	

#cont { 
	padding: 15px 15px 0;
	width: 920px;
	height: 640px;
}

/* state_menu */
/* -------------------------------------------------------- */
ul.state_menu {
	margin: 5px 0 0;
	padding: 0;
}
	
ul.state_menu li {
	float: left;
	list-style: none;
}



ul.state_menu li#maptop  a ,
ul.state_menu li#riau  a ,
ul.state_menu li#jambi  a {
	text-indent: -9999px;
	width: 80px;
	height: 30px;
	display: block;	
}


li#riau a:hover,
li#jambi a:hover{
	display: none;
}

/*li#riau a{background-position: -88px -0px;}*/

/*li#jambi a:hover{
	background: url(/afforest_map/images/state_menu.gif) 0 0 no-repeat;
	}
*/
/*li#jambi a:hover{background-position: -0px -36px;}
li#riau a:hover{background-position: -88px -36px;}	*/


ul.side_menu {	position: relative;top:-4px;}
ul.side_menu li.side_next a {background-position: -30px 0;}
ul.side_menu li.side_back  a:hover  {background-position: -0px -36px;}
ul.side_menu li.side_next a:hover {background-position: -30px -36px;}	




/* Total Numbe */
/* -------------------------------------------------------- */
#total_nmb {
	position:absolute;
	display:none;
	left: 15px;
	top: -2000px;
	overflow:hidden;
	width:  318px;
}
#h2_title{
	margin-left:-3px;
}
#total_nmb .mg23{
	margin-top:25px;
}
/*side_menu*/
ul.side_menu {
	margin-top: 13px;
	width: 60px;
}
	
ul.side_menu li {
	float: left;
	list-style: none;
}

ul.side_menu li a{
	background:url(/afforest_map/images/side_menu.gif) no-repeat;
	text-indent: -9999px;
	width: 30px;
	height: 30px;
	display: block;
}


ul.side_menu li.side_back  a:hover  {background-position: 0 0;}
ul.side_menu li.side_next a:hover {background-position: -30px 0;}
ul.side_menu li.side_back  a {background-position: -0px -36px;}
ul.side_menu li.side_next a {background-position: -30px -36px;}	

#dome{color:#90908F; margin: 7px 0 0; }
#tree_number_text{font-size:1.2em;color:#C7102A;font-weight:bold;}
.black{color:#303030;}

/* info_icon */
/* -------------------------------------------------------- */
ul#info {
	position:absolute;
	left: 10px;
	top: 600px;
}

ul#info li {
	margin: 0 10px 5px 0;
	padding: 5px 0 0 17px;
	display: inline;
	color: #000;
	font-size:12px;
	}

ul#info li.info01 {
	background:url(/afforest_map/images/icn_foot_tree.png) 0 2px no-repeat;
	}
	
ul#info li.info02 {
	background:url(/afforest_map/images/icn_foot_hnypot.png) 0 2px no-repeat;
	}
	
ul#info li.info03 {
	background:url(/afforest_map/images/icn_foot_topic.png) no-repeat;
	display: none;
	}

/* photo */
/* -------------------------------------------------------- */
#backFrame {
	padding-top: 0px;
	top: 0px;
	text-align:left;
	position:absolute;
	width: 100%;
	height: 1800px;
}

.photo_head{
	font-size:1.3em;
	font-weight:bold;
}

div#pic {
	margin: -9px auto 0;
	padding: 17px 24px;
	position:absolute;
	z-index:10000;
	width: 560px;
	height: 540px;
	background:url(/afforest_map/images/bg_pic.png) no-repeat;
	color: #ccc;
}

p#close {
	position: absolute;
	right:19px;
	bottom: 41px;
	/*text-align:right;*/
	clear:both;
}


h3 {
	margin: 10px 0;
	color:#fff;
	float: left;
	/*font-size: 0.9em;*/
	}
	
	
h3 span {
	margin-left: 10px; 
	font-weight:normal;
	}



ul#pic_menu {
	margin: 4px 10px 10px;
	float: left;
	width: 48px;
	height: 24px;
}
ul#pic_menu li{
	float: left;
	width: 24px;
}

ul#pic_menu li a{
	background: url(/afforest_map/images/pic_menu.gif) no-repeat;
	display: block;
	list-style: none;
	height:24px;
}


ul#pic_menu li.back a { background-position: 0px 0px;}
ul#pic_menu li.next a { background-position: -24px 0px;}
ul#pic_menu li.back a:hover  { background-position: -48px 0px;}
ul#pic_menu li.next a:hover { background-position: -72px 0px;}
ul#pic_menu li.dammy { margin-left: 20px;}

#pic_nmb {
	float:right;
	padding-top:11px;
}
.pic_ha {
	position:relative; 
	top:-3px;
	padding-left:5px;
	font-weight:bold;
	margin: -10px 0 25px 0;
	color:#D3D3D3;
}
#main_pic {
	padding-top:3px;
	height:400px;
	width:560px;
	text-align:center;
	clear:both;
}

.pic_sel{
	color:#888888;
}

.pic_sel a:hover{
	color:#FFFFFF;
	text-decoration:none;
}

li.pic_sel{
	padding-top:7px;
	height:50px;
}

/**:first-child+html.main_pic {
	margin: 0;
}

*/

/* PHOTO BY MONTH */
/* -------------------------------------------------------- */
#pic_sml {
	margin-top:10px;
	margin-left:171px;
	height: 54px;
	width:376px;
	list-style:none;
 	text-align: center;
}
#pic_sml div{
	float:left;
	height: 54px;
	width: 74px;
 	cursor:pointer;
 	margin-right:26px;
 	vertical-align: middle;
}

#pic_sml div.pic_sel{
 	margin-top:17px;
 	margin-right:-15px;
 	margin-left:-31px;
 	height:20px;
}

#pic_sml div.smbg{
 	background: url(/afforest_map/images/smbg.png) no-repeat;
}

#far_img_s,#near_img_s{
 	margin-top:2px;
}

/* PhotoFrame */
/* -------------------------------------------------------- */
.camera {
	position: relative;
	left: 190px;
	top: -45px;
}
.shadow {
	position: absolute;
	cursor:pointer;
}
dd.area_ruikei{
	margin-top: 4px;
	padding-top: 2px;
	padding-bottom: 0px;
}
dd.area_item{
	margin-top: -3px;
	margin-bottom: 9px;
}

div.PhotoFrame {
	margin: 0;
	padding: 0;
	background: transparent url(/afforest_map/images/bg_pic_bottom.gif) no-repeat center bottom;
	width: 226px;
	position: absolute;
	cursor:pointer; 
}

#jambi_info{
	width: 210px;
	height:55px;
	position: absolute;
}
#jambi_inner {
	margin: 10px;
	padding: 10px;
	background: transparent url(/afforest_map/images/jambi.png) no-repeat center bottom;
	width: 210px;
	height:55px;
	position: absolute;
	cursor:pointer;
}
#jambi_go{
	position: relative;
	left: 85px;
	top: 17px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
#riau_info{
	width: 190px;
	height:112px;
	position: absolute;
}
#riau_inner {
	margin: 10px;
	padding: 10px;
	background: transparent url(/afforest_map/images/riau.png) no-repeat center bottom;
	width: 190px;
	height:112px;
	position: absolute;
	cursor:pointer;
}
#riau_go{
	position: relative;
	left: 55px;
	top: 17px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}


.country_nm{
	color:#F1F1F1;
	font-size:0.8em;
	font-weight:bold;
}
.state_nm{
	color:#F1F1F1;
	font-weight:bold;
	margin-left:5px;
}

.syokurin{
	color:#f1f1f1;
	font-size:0.8em;	
}


div.PhotoFrame .inner {
	padding: 7px 15px 20px;
	background: transparent url(/afforest_map/images/bg_pic_top.gif) no-repeat center top;
}
	
div.PhotoFrame .inner a {
}



h4 {
	padding-top: 0;
	color:#fff;
	text-align: center;
	}
	
	
h4 span {
	margin-left: 10px; 
	font-weight:normal;
	}

dl.popup_s {
	margin:  -33px 0 -3px;
	padding: 0;
}

dl.popup_s dt {
	width:70px;
	height:50px;
	text-align:center;
	float: left;
	margin: 0 10px 0 0;
}

dl.popup_s dd {
	line-height: 1.2;
}

dl.popup_s dd.ha {color:#109EC7; margin: -9px 0 10px;font-size:10px;}

#topbtn{
	width:65px;
	height:20px;
	text-align:center;
	top:0px;
	left:100px;
	background-color:#20A4CA;
	color:#FFFFFF;
	position: absolute;
}
#topbtn a{
	color:#FFFFFF;
	text-align:center;
}

.item{
	font-size:1.2em;
	font-weight:bold;
	color:#929292;
}

/*tree_icon*/
.area_tree {
	margin: 10px 0 -1px -2px;
	}

/*IE7hack*/
*:first-child+html .area_tree img {
	margin-bottom:5px;
	}