@charset "utf-8";

/* CSS Document */
body {
font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
}

#home        {  margin:0px auto;
	            background-color:#346633;
				/*width: 1200px;*/}
				
/* 背景設定 */
.background  {  
                margin:0px auto;
                height:1000px;
	            width: 1000px;
	            background:url("../images/background01.jpg") no-repeat center top;}
				


.article     { 
               margin:0;
               width: 1000px;
			   height:auto;}
			   
.overview    {
               margin:0;
               padding-left:23px;
			   padding-top:16px;
               display:block;
               width: 1000px;
               height: 165px;}
			   
.overview  p { letter-spacing:-0.2px;
               line-height: 43px;
               color:#dedede;
               text-align: center;
			   font-size:24px;} 
			 
.header      { margin: 0;
               width:100%;
			   height:205px;}
h1,h2 {
	margin: 0;
	padding: 0;
}
			   
/* contenar */ 


			   		 			 
.keyword     {  float: right;
	position: relative;	/* 2017.09.28 */
	z-index: 2;			/* 2017.09.28 */
                margin-right:5px;} 

.row         { 
                text-decoration:none;
                margin-top:33px;}
			   
a:link       {  color : #dedede;}

.row a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/* フッター */ 

.footer {
	height: 112px;
	background: url(../images/bg_footer.jpg) no-repeat center bottom;
	text-align: center;
	color: #dedede;
}
.footer div {
	height: 88px;
}
.footer ul {
	height: 64px;
	font-size: 0;
}
.footer ul li {
	font-size: 17px;
	line-height: 88px;
	color: #d2d2d3;
	padding-right: 0;
	padding-left: 0;
}
.footer ul li a {
	color: #d2d2d3;
}
.footer ul li:before {
	content: "｜";
	padding-right: 20px;
	padding-left: 20px;
}
.footer ul li:first-child:before {
	content:"";
}
address {
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	color: #fff;
}

/*.footer      {  
                width:1000px;
			    height:124px;
			    margin:0 auto;
			    }

.footer_menu  { height:76px;
                text-align:center;
                padding-top:38px;
                letter-spacing:0.5px;
                display:block;
	            color:#dedede;
				font-size:17.5px;}
				
.copyright    { height:24px;
	            letter-spacing:-0.2px;
				font-size:11px;
                padding-top:20px;
                color:#dedede;
	            text-align:center;}*/



.inline-block {
    text-align: center;
}
.inline-block li {
    display: inline-block;
}
ul#siteprofile{
    list-style: none;
}

ul#siteprofile li {
	width:160px;
	height:40px;
	background-color: rgba(255, 255, 255, .2);
	border-radius: 4px;
	color: #fff;
	box-shadow: 0 3px 3px rgba(0, 0, 0, .2), inset 0 1px 1px rgba(255, 255, 255, .7);
	text-shadow: 0px 1px 0px rgba(0, 0, 0, .4);
	font-size:15px;
	padding:10px 5px ;
	margin-right:10px;
	
}
ul#siteprofile li:hover {
	background-color: rgba(255, 255, 255, .3);
}
ul#siteprofile li a{
	color:#fff;
}

/*2019.03*/
.tooltips {display: inline-block;}
.tooltips span { 
	display: none;
	text-align: left;
	font-size:80%;
	background-color: (255, 255, 255, .3); /*親のhover時と同じ色かつ透過度*/
/*	padding:3px;*/
}
.tooltips:hover {
		position:relative;
		}
.tooltips:hover span {
	  display:block;
      position: absolute;
	  width:340px;
      top: 43px;
      left: -30px;
      padding: 2px;
	  border:1px solid;
	  border-color:#a9a9a9;
      border-radius: 3px;
      color: #fff;
	  font-weight:normal;
	  z-index:100;
/*	  padding-left:	0.6em;
	  text-indent: -0.6em;*/
	  }
.newl {
	padding-left: 10px;
	text-indent: -8px;
}

/*2020.01*/  
.annot li {
	position : relative;
}
.annot-tooltips {
	display:	none;
	font-size:	60%;
	position:	absolute;
	/*bottom:	-1.8em;*/
	top:	3.7em;
	left:	5em;
	padding:	0.4em 0.5em;
	background-color:	rgba(255,255,255,0.3);
	color:	#000;
	border:	1px solid;
	border-radius:	0.3em;
	line-height:	1.2em;
	z-index:	100;
}
.annot li:hover .annot-tooltips {
	display:	block;
}