@charset "utf-8";

/*====== reset.css =====*/
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}body{font-size:14px;line-height:1.4;font-family:Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','ＭＳ Ｐゴシック','MS P Gothic',sans-serif}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:0 0}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:bottom}img{vertical-align:bottom}
em { font-style:normal; }
ol { list-style:none; }
div,p.ul,li,a,dl,dt,dd,table,th,td,ol,span,b,em,h1,h2,h3,h4,h5,h6 { box-sizing:border-box; }

/** common **/
body {
	min-width:1000px;
	margin-left:auto;
	margin-right:auto;
	color:rgb(35, 110, 23);
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体 Medium", "Yu GothicM", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
 }
a { transition:0.2s; }
a.hoverEff {}
a.hoverEff:hover { opacity:0.6; }

/** header **/
.top_header { width:100%; min-width:1000px; box-sizing:border-box; padding:10px 20px; margin:0 auto 40px; background:rgb(104, 154, 101); box-shadow:0px 0px 10px 4px rgba(100,100,100,0.4); color:rgb(255,255,255); font-weight:bold; }
.top_header a { display:inline-block; color:rgb(255,255,255); text-decoration:none; }
.top_header a:hover { opacity:0.6; }
.top_header dl { display:table; width:100%; }
.top_header dl dt,
.top_header dl dd { display:table-cell; vertical-align:middle; }
.top_header dl dt { font-style:italic; font-size:24px; }
.top_header dl dd { text-align:right; font-size:16px;}
.top_header dl dd a { margin:0 10px; }
.top_header dl dd a:last-child { margin-right:0; }

/** TOP contents **/
#sub {
  margin: 100px 0 40px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #236E17;
}
#form_inner {
  width: 250px;
  padding: 10px;
  margin: auto;
  border: 2px solid #145900;
  background: #EEEECA;
  text-align: center;
}
p {
  margin: 5px auto 30px;
  font-size: 16px;
  font-weight: bold;
  color: #236e17;
}
label {
  font-size:14px;
  color: #236e17;
}
select {
  width: 50px;
  margin-left: 20px;
}
#button_area {
  width: 200px;
  margin: 50px auto;
}
button {
  width: 200px;
  line-height: 22px;
  font-size: 20px;
  font-weight: bold;
  border-radius: 14px;
  background: #b38e36;
  color: white;
  cursor: pointer;
}
#keyword {
  margin-top: 20px;
}

/** section common **/
article.main { padding:0 0 120px 0; }
article.main section.inner {  }
p.mainTxt {}
p.mainTxt a { color:rgb(64,83,128); font-weight:normal; font-size:14px; }
.txt_back { padding:0 20px; margin-bottom:40px; text-align:right; }
.txt_back a { color:rgb(35, 110, 23); }

.area_map {  }
.area_map h2 { margin-bottom:20px; text-align:center; font-size:20px; }
.area_map h2 + p { margin-bottom:20px; text-align:center;}

.area_map ul { position:relative; }
.area_map ul li { position:absolute; }
.area_map ul li a { display:inline-block; }
.area_map ul li a span { display:inline-block; padding:20px; color:rgb(255,255,255); font-weight:bold; text-decoration:none; font-size:16px; }
.area_map ul li span { display:inline-block; padding:20px; }
.area_map ul li a:hover { opacity:0.6; }

.area_map_detail {  }
.area_map_detail h2 { margin-bottom:20px; text-align:center; font-size:20px; }
.area_map_detail h2 + p { margin-bottom:20px; text-align:center;}

.area_map_detail ul { position:relative; }
.area_map_detail ul li { position:absolute; }
.area_map_detail ul li a { position:relative; z-index:400; display:inline-block; color:rgb(255,255,255); font-weight:bold; text-decoration:none; font-size:15px; }
.area_map_detail ul li a span { display:inline-block; padding:8px; color:rgb(255,255,255);font-size:15px; }
.area_map_detail ul li a { text-shadow: 1px 1px 12px rgba(0,10,50,0.7), -1px -1px 12px rgba(0,10,50,0.7); }
.area_map_detail ul li a:hover { opacity:0.6; }
.area_map_detail ul li.noData ul li { position:relative; }
.area_map_detail ul li.noData ul li span { display:inline-block; padding:8px; color:rgb(64,83,128); font-size:12px; }
.area_map_detail ul li.noData ul li span { position:relative; }
.area_map_detail ul li.noData ul li span.fcWhite { color:rgb(255,255,255);}

/** section mapAll **/
.area_map ul.mapAll {
		overflow:hidden;
		width:980px;
		height:580px;
		margin:0 auto;
		background-image:url(../image/map_all.png);
		background-size:cover;
		background-position:center center;
		background-repeat:no-repeat;
		background-color:rgb(242,245,250);
	}
/* 北アメリカ */
.area_map ul.mapAll li:nth-child(1) { top:188px; left:157px; }
/* 南アメリカ */
.area_map ul.mapAll li:nth-child(2) { top:357px; left:257px; }
/* ヨーロッパ */
.area_map ul.mapAll li:nth-child(3) { top:182px; left:470px; }
/* アフリカ */
.area_map ul.mapAll li:nth-child(4) { top:284px; left:460px; }
/* アジア */
.area_map ul.mapAll li:nth-child(5) { top:225px; left:675px; }
/* オセアニア */
.area_map ul.mapAll li:nth-child(6) { top:412px; left:774px; }
