@charset "utf-8";
/* CSS Document */

#mainBlock {
	background	: transparent url(../../../mori/img/bg_mori_001_2.png) no-repeat 50% 140px;
}

#mainContents {
	background	: #ffffff;
	max-width		: 950px;
	width: 100%;
	margin		: 0 auto;
	padding		: 20px;
}

	#mainContents h3 {
		text-align	: left;
		margin-bottom: 0;
	}

	#mainContents .map_box {
		max-width		: 910px;
		width: 100%;
		margin		: 0 auto;
		padding		: 5px 5px 2px;
		background	: #e8dbbb;
	}
	
		.map_box ul.map_tab {
			float		: left;
			position	: relative;
			z-index		: 999;
		}
		
			ul.map_tab li {
				float	: left;
				cursor	: pointer;
			}
			
		.map_box .world_map {
			margin-left	: -2px;
			position	: relative;
			z-index		: 99;
		}
		
/*********************************************/
/* 世界地図プロット */
/*********************************************/

ul.plot {
	position	: absolute;
	top			: 26px;
	left		: 0;
	z-index		: 100;
	width		: 902px;
	height		: 435px;
	font-size	: 1.4em;
}

ul#plot2009,
ul#plot2010,
ul#plot2011,
ul#plot2012,
ul#plot2013,
ul#plot2014,
ul#plot2015,
ul#plot2016,
ul#plot2017 {
	display	: none;
}

ul.plot.exclude_jp {
	background: transparent url('../../../mori/world/img/img_world_003_2.png') no-repeat 0 0;
}

ul.plot.east_jp {
	background: transparent url('../../../mori/world/img/img_world_003_3.png') no-repeat 0 0;
}

	ul.plot li {
		position	: absolute;
		cursor		: pointer;
		color		: #46a83d;
	}
	
		ul.plot li a {
			color	: #46a83d;
		}
		
			ul.plot li a:hover,
			ul.plot li a:active {
				text-decoration	: none !important;
			}
	
		ul#plot2009 li.p_heiwacho {
			top		: 275px;
			left	: 370px;
		}
		
		ul#plot2010 li.p_bisai {
			top		: 265px;
			left	: 375px;
		}
		
		ul#plot2010 li.p_miyoshi {
			top		: 278px;
			left	: 398px;
		}
		
		ul#plot2010 li.p_tgt {
			top		: 240px;
			left	: 275px;
		}
		
		ul#plot2010 li.p_tenshin {
			top		: 140px;
			left	: 335px;
		}
		
		ul#plot2011 li.p_inazawa {
			top		: 275px;
			left	: 385px;
		}
		
		ul#plot2011 li.p_tghp {
			top		: 220px;
			left	: 285px;
		}
		
		ul#plot2011 li.p_chokakou {
			top		: 165px;
			left	: 335px;
		}
		
		ul#plot2012 li.p_haruhi {
			top		: 265px;
			left	: 385px;
		}
		
		ul#plot2012 li.p_butsusan {
			top		: 205px;
			left	: 315px;
		}
		
		ul#plot2012 li.p_hoyu {
			top		: 200px;
			left	: 340px;
		}
		
		ul#plot2012 li.p_tghp2 {
			top		: 220px;
			left	: 285px;
		}
		
		ul#plot2013 li.p_seto {
			top		: 265px;
			left	: 400px;
		}
		
		ul#plot2013 li.p_hinode {
			top		: 290px;
			left	: 370px;
		}
		
		ul#plot2013 li.p_tgt2 {
			top		: 240px;
			left	: 275px;
		}
		
		ul#plot2013 li.p_tgky {
			top		: 150px;
			left	: 860px;
		}
		
		ul#plot2014 li.p_kaiyo {
			top		: 365px;
			left	: 355px;
		}
		
		ul#plot2014 li.p_morimachi {
			top		: 285px;
			left	: 450px;
		}
		
		ul#plot2015 li.p_miwa {
			top		: 275px;
			left	: 380px;
		}
		
		ul#plot2015 li.p_chusei {
			top		: 310px;
			left	: 360px;
		}
		
		ul#plot2015 li.p_tgmo {
			top		: 148px;
			left	: 842px;
		}
		
		ul#plot2015 li.p_taiyu {
			top		: 200px;
			left	: 345px;
		}
		
		ul#plot2016 li.p_nishimizoguchi {
			top		: 275px;
			left	: 380px;
		}
		
		ul#plot2016 li.p_tgminto {
			top		: 130px;
			left	: 875px;
		}
		
		ul#plot2017 li.p_tgcz {
			top		: 110px;
			left	: 0px;
		}
		
		ul#plot2018 li.p_higashinihon {
			top		: 240px;
			left	: 470px;
		}
		ul#plot2018 li.p_tgask {
			top		: 148px;
			right	: 30px;
		}		

		
		
/*-------------------------------------------*/
		
.plot_detail {
	width		: 300px;
	height		: auto;
	border		: 2px solid #46a83d;
	padding		: 5px 10px 0;
	background	: #ffffff;
	position	: absolute;
	display		: none;
	z-index		: 9999;
}

	.plot_detail h4 {
		font-size		: 1.0em;
		text-align		: left;
		background		: transparent url(../../../mori/world/img/icon_world_001.gif) no-repeat 0 7px;
		margin-top		: 0;
		margin-bottom	: 4px;
		padding-left	: 10px;
		border-bottom: none;
		padding-bottom: 0;
	}
	
	.plot_detail .imgbox {
		width	: 280px !important;
		margin	: 0 auto;
	}
	
		.plot_detail .imgbox .imgL {
			text-align	: left;
			font-size: 12px;
			line-height	: 1.6;
		}
		
	.plot_detail .d_area {
		display			: inline-block;
		background		: transparent url(../../../mori/world/img/icon_world_002.gif) no-repeat 0 4px;
		padding-left	: 20px !important;
	}
	
		.d_area sup {
			vertical-align	: super;
			font-size		: 0.7em;
		}
	
	.plot_detail .d_count {
		display			: inline-block;
		background		: transparent url(../../../mori/world/img/icon_world_003.gif) no-repeat 0 1px;
		padding-left	: 20px !important;
	}
	
	.plot_detail .d_population {
		display			: inline-block;
		background		: transparent url(../../../mori/world/img/icon_world_004.gif) no-repeat 0 1px;
		padding-left	: 20px !important;
	}
		
	#heiwacho {
		top		: 175px;
		left	: 387px;
	}
	
	#bisai {
		top		: 168px;
		left	: 395px;
	}
	
	#miyoshi {
		top		: 180px;
		left	: 414px;
	}
	
	#tgt {
		top		: 142px;
		left	: 293px;
	}
	
	#tenshin {
		top		: 42px;
		left	: 353px;
	}
	
	#inazawa {
		top		: 177px;
		left	: 402px;
	}
	
	#tghp {
		top		: 123px;
		left	: 305px;
	}
	
	#chokakou {
		top		: 67px;
		left	: 353px;
	}
	
	#haruhi {
		top		: 168px;
		left	: 402px;
	}
	
	#butsusan {
		top		: 107px;
		left	: 334px;
	}
	
	#hoyu {
		top		: 102px;
		left	: 360px;
	}
	
	#tghp2 {
		top		: 123px;
		left	: 305px;
	}
	
	#seto {
		top		: 170px;
		left	: 415px;
	}
	
	#hinode {
		top		: 192px;
		left	: 385px;
	}
	
	#kaiyo {
		top		: 268px;
		left	: 373px;
	}
	
	#tgt2 {
		top		: 142px;
		left	: 292px;
	}
	
	#tgky {
		top		: 52px;
		left	: 535px;
	}
	
	#morimachi {
		top		: 185px;
		left	: 465px;
	}
	
	#miwa {
		top		: 180px;
		left	: 400px;
	}
	
	#chusei {
		top		: 210px;
		left	: 375px;
	}
	
	#tgmo {
		top		: 50px;
		left	: 520px;
	}
	
	#taiyu {
		top		: 100px;
		left	: 360px;
	}
	
	#nishimizoguchi {
		top		: 180px;
		left	: 400px;
	}
	
	#tgminto {
		top		: 170px;
		left	: 550px;
	}
	
	#tgcz {
		top		: 150px;
		left	: 20px;
	}
	#higashinihon {
		top		: 290px;
		left	: 500px;
	}
	#tgask {
		top		: 200px;
		right	: 20px;
	}		


@media screen and (max-width: 956px) {
	.sp_treeactivity > div.treeactivitybox {
		display: none;
	}
	
	/* 表示スタイル（動作に無関係） */
	.sp_treeactivity > div.treeactivitybox {
		width: 100%;
		box-sizing: border-box;
		overflow: hidden;
	}
	
	#a01 {
	}
	
	#a02 {
	}
	
	#a03 {
	}
	
	.treeactivitybox .plot_detail{
		display: block;
		position: inherit;
		max-width: 100%;
		width: 49%;
		padding: 10px;
		margin-bottom: 20px;
		float: left;
		margin-right: 10px;
	}
		.treeactivitybox .plot_detail:nth-child(2n){
			margin-right: 0;
		}
	
	.plot_detail .imgbox{
		max-width: 100% !important;
		width: 100% !important;
		margin: 10px 0 0;
	}
		.plot_detail .imgbox .imgR{
			width: 36%;
		}

	/*セレクトボックスデザイン*/
	.cp_ipselect {
		overflow: hidden;
		width: 100%;
		margin: 20px auto;
		text-align: center;
	}
	.cp_ipselect select {
		width: 100%;
		padding-right: 1em;
		cursor: pointer;
		text-indent: 0.01px;
		text-overflow: ellipsis;
		border: none;
		outline: none;
		background: transparent;
		background-image: none;
		box-shadow: none;
		-webkit-appearance: none;
		appearance: none;
	}
	.cp_ipselect select::-ms-expand {
		display: none;
	}
	.cp_ipselect.cp_sl01 {
		position: relative;
		border: 1px solid #bbbbbb;
		border-radius: 2px;
		background: #ffffff;
		font-size: 16px;
	}
	.cp_ipselect.cp_sl01::before {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		right: 0.9em;
		width: 0;
		height: 0;
		padding: 0;
		content: '';
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 6px solid #666666;
		pointer-events: none;
	}
	.cp_ipselect.cp_sl01 select {
		padding: 8px 38px 8px 8px;
		color: #666666;
		font-size: 16px;
	}
}

@media screen and (max-width: 590px) {
	.treeactivitybox .plot_detail{
		width: 100%;
	}
	
	.plot_detail .imgbox .imgR{
		width: 42%;
		margin-left: 0px;
	}
	
	.plot_detail .imgbox .imgL p{
		font-size: 110%;
	}
	
	.plot_detail .d_area {
		background		: transparent url(../../../mori/world/img/icon_world_002-sp.gif) no-repeat 0 5px;
		padding	: 5px 0 5px 30px !important;
		background-size: 23px;
	}
	.plot_detail .d_count {
		background		: transparent url(../../../mori/world/img/icon_world_003-sp.gif) no-repeat 0 0px;
		padding-left	: 30px !important;
		padding-bottom	: 5px !important;
		background-size: 23px;
	}
	
	.plot_detail .d_population {
		background		: transparent url(../../../mori/world/img/icon_world_004-sp.gif) no-repeat 0 1px;
		padding-left	: 30px !important;
		padding-bottom	: 5px !important;
		background-size: 23px;
	}

	.plot_detail h4 {
		font-size		: 1.2em;
		background		: transparent url(../../../mori/world/img/icon_world_001.gif) no-repeat 0 10px;
		border-bottom	: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}

}

@media screen and (max-width: 340px) {
	.plot_detail .imgbox .imgL,
	.plot_detail .imgbox .imgR{
		float: none;
	}
}