/* トップ用ヘッダー */

#header_line_top{
width:100%;
display:inline;
position: fixed;
background-color:#fff;
padding-top:20px;
z-index: 2;
}

.header_line_content_top{
width:800px;
margin: 0 auto;
}

.header_meeting_info_top{
float:left;
}

.header_meeting_title_top{
font-size:25px;
padding-bottom:7px;
}

.header_meeting_title_top span{
font-size:20px;
}

.header_buttons_top{
float:right;
margin-right:10px;
}

.header_button_top{
display:inline;
}

.header_button_top img{
width:40px;
}

.header_jpgu_top{
background-color:#1d3642;
text-align:right;
color:#fff;
padding-right:7px;
padding-top:2px;
padding_bottom:2px;
font-size:9px;
border-bottom:solid 5px #fff;
}

/* topイメージ */

.top_image_space{
height:120px;
}

.top_image{
padding-top:10px;
padding-bottom:10px;
width:800px;
margin: 0 auto;
text-align:center;
}

.top_image_left_img{
width:300px;
float:left;
}

.top_image_left_img img{
width:300px;
}

.top_image_right_text{
text-align:center;
float:left;
color:#745b46;
padding-top:30px;
}

.top_image_text_30{
font-size:30px;
font-weight:bold;
margin-bottom:15px;
}

.top_image_text_20{
font-size:20px;
font-weight:bold;
margin-bottom:15px;
}

.top_image_text_15{
font-size:15px;
font-weight:bold;
}




/*トップ横幅指定*/

.top_main{
width:800px;
margin:0 auto;
}


/*見出しタイトル*/

.top_menu_title{
background-color:#745b46;
color:#fff;
padding-left:10px;
padding-top:8px;
padding-bottom:8px;
font-weight:bold;
margin-top:30px;
margin-bottom:20px;
}

/*Now Accepting*/

.top_menu_nowaccepting{
border-left:solid 5px #1e9392;
width:795px;
height:35px;
line-height:35px;
margin-bottom:10px;
}


.top_menu_nowaccepting span{
margin-left:7px;
font-weight:bold;
}

.top_menu_nowaccepting span.hide{
display:none;
}


.top_menu_nowaccepting a{
display:block;
width:100%;
text-decoration:none;
color:#1e9392;
}

.top_menu_nowaccepting a:hover{
background-color: #1e9392;
color:#fff;
}

/*NEWS*/

.top_menu_news{
width:795px;
height:35px;
line-height:35px;
margin-bottom:10px;
}


.top_menu_news span{
margin-left:7px;
font-weight:bold;
}

.top_menu_news span.hide{
display:none;
}


.top_menu_news a{
display:block;
width:100%;
text-decoration:none;
color:#1e9392;
}

.top_menu_news a:hover{
background-color: #1e9392;
color:#fff;
}

.top_menu_news_corona{
border:solid 2px #745b46;
padding:10px;
font-weight:bold;
}

.top_menu_news_corona_office{
width:80%;
margin: 0 auto;
border-top:solid 0.5px #666;
padding-top:10px;
border-bottom:solid 0.5px #666;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
font-weight:normal;
}

.top_menu_news_corona_arch{
border:solid 2px #745b46;
padding:10px;
padding-left:20px;
}

/*for a borderless world of geoscience*/
.catch{
margin-top:20px;
}

.c_greeting{

color:#168f90;
font-weight:bold;
width:60%;

}

.c_greeting A{
border:solid 2px #168f90;
text-decoration:none;
color:#168f90;
display:block;
padding-top:10px;
padding-bottom:10px;
}

.c_greeting A:hover{
border:solid 2px #c80070;
color:#c80070;
display:block;
}


/*メニュー（訪問者別）*/

.menu_for{
display: flex;
align-items: center;
justify-content: center;
background-color:#1e9392;
color:#fff;
width:250px;
height:45px;
font-size:18px;
line-height:19px;
float:left;
margin-top:10px;
margin-left:5px;
margin-right:5px;
}

.menu_for a{
display: flex;
align-items: center;
justify-content: center;
width:100%;
height:100%;
text-decoration:none;
color:#fff;
}

.menu_for a:hover{
background-color:#fff;
color:#ba1c70;
border:solid 2px #ba1c70;
}

.menu_for_nolink{
display: flex;
align-items: center;
justify-content: center;
background-color:#999;
color:#333;
width:250px;
height:45px;
font-size:18px;
line-height:19px;
float:left;
margin-top:10px;
margin-left:5px;
margin-right:5px;
}



.menu_waku{
width:780px;
margin: 0 auto;
margin-bottom:30px;
}



/* ---------------------------------------------------- */

.g_menu {
  position:relative;
}

.g_menu > ul {
  display:flex;
  margin:0 auto;
  list-style:none;
  padding-left: 0px;
}

.g_menu_title {
display: flex;
align-items: center;
justify-content: center;
text-align:left;
  width:250px;
  height:80px;
border:solid 2px #1e9392;
margin-top:10px;
margin-left:5px;
margin-right:5px;
margin-bottom:5px;
  color:#877e79;

}

.g_menu_title a{
display: flex;
align-items: center;
justify-content: center;
width:100%;
height:100%;
text-decoration:none;
color:#1e9392;
font-weight:bold;
}

.g_menu_title a:hover{
background-color:#fff;
width:250px;
color:#ba1c70;
outline: 2px solid #ba1c70;
}

.g_menu_title_img{
width:90px;
height:80px;
margin-right:5px;
}

.g_menu_title_img img{
margin-top:10px;
}

.g_menu_title_text{
width:150px;
padding-right:10px;
}


.mdd_wrap {
  position:absolute;
  top:100%;
  left: 0;
  width:100%;
  z-index:2;

}

.menu_item_link{
font-size:13px;
border-left:solid 2px #745b46;
}

.menu_item_link a{
  color:#fff;
  float:left;
 margin-right:10px;
  margin-left:5px;
 margin-top:5px;
 border-left:solid 3px #fff;
 padding-left:5px;
 text-decoration:none;
  }


.menu_item_link_small{
font-size:11px;
}

.menu_item_link_small a{
  color:#fff;
  float:left;
 margin-right:10px;
 margin-left:5px;
 margin-top:10px;
 text-decoration:none;
  }
  
.menu_item_link a:hover{
color:#ba1c70;
}

.menu_item_link_small a:hover{
color:#ba1c70;
}

.mdd_wrap .mdd_inner {
  width:792px;
  height:80px;
  max-height:0; /* 追加 */
  margin:0 auto;
  background-color:#1e9392;
  overflow:hidden; /* 追加 */
  transition:max-height .5s ease; /* 追加 */
  opacity:0.95;
}
 
 /* 追加 */
.g_menu > ul > li:hover .mdd_wrap .mdd_inner {
  max-height:300px;
}

/* Important date */
.important_date_day{
background-color:#1d3642;
color:#fff;
width:200px;
margin-top:15px;
margin-left:15px;
margin-right:15px;
padding-left:7px;
padding-top:2px;
float:left;
}

.important_date_item{
margin-top:15px;
margin-left:15px;
font-weight:bold;
}

.important_date_item span{
color:#ba1c70;
}


.news_and_info span{
background-color:#168f90;
color:#fff;
padding-left:6px;
padding-right:6px;
}

.news_and_info a{
color:#168f90;
text-decoration:none;
font-weight:bold;
}

.news_and_info a:hover{
color:#c80070;