/* Style sheet for DARTS web page */

/* ========== SIDE MENU ========== */
/*
 - Related with "/astro/irts/common/irts_sidemenu.inc"
 - Over write "/common/darts.css",
*/


/*
#sidemenu li.sidemenu1s a {
#sidemenu li.sidemenu2s a {
#sidemenu li.sidemenu3s a {
*/
[data-current-nav="irts_instruments"] div#sidemenu ul li.irts_instruments a,
[data-current-nav="irts_instruments_nirs"] div#sidemenu ul li.irts_instruments_nirs a,
[data-current-nav="irts_instruments_mirs"] div#sidemenu ul li.irts_instruments_mirs a,
[data-current-nav="irts_instruments_film"] div#sidemenu ul li.irts_instruments_film a,
[data-current-nav="irts_instruments_firp"] div#sidemenu ul li.irts_instruments_firp a,
[data-current-nav="irts_data_index"] div#sidemenu ul li.irts_data_index a,
[data-current-nav="irts_data_history"] div#sidemenu ul li.irts_data_history a,
[data-current-nav="irts_data_psc"] div#sidemenu ul li.irts_data_psc a,
[data-current-nav="irts_data_map"] div#sidemenu ul li.irts_data_map a,
[data-current-nav="pub_irts"] div#sidemenu ul li.pub_irts a,
[data-current-nav="irts_query_psc"] div#sidemenu ul li.irts_query_psc a,
[data-current-nav="irts_query_map"] div#sidemenu ul li.irts_query_map a,
[data-current-nav="irts_publications"] div#sidemenu ul li.irts_publications a,
[data-current-nav="irts_links"] div#sidemenu ul li.irts_links a
{
  color: #ffffff;
  background-color: #aa0022;
}

/*
#sidemenu li.sidemenu1s a:hover {
#sidemenu li.sidemenu2s a:hover {
#sidemenu li.sidemenu3s a:hover {
*/
[data-current-nav="irts_instruments"] div#sidemenu ul li.irts_instruments a:hover,
[data-current-nav="irts_instruments_nirs"] div#sidemenu ul li.irts_instruments_nirs a:hover,
[data-current-nav="irts_instruments_mirs"] div#sidemenu ul li.irts_instruments_mirs a:hover,
[data-current-nav="irts_instruments_film"] div#sidemenu ul li.irts_instruments_film a:hover,
[data-current-nav="irts_instruments_firp"] div#sidemenu ul li.irts_instruments_firp a:hover,
[data-current-nav="irts_data_index"] div#sidemenu ul li.irts_data_index a:hover,
[data-current-nav="irts_data_history"] div#sidemenu ul li.irts_data_history a:hover,
[data-current-nav="irts_data_psc"] div#sidemenu ul li.irts_data_psc a:hover,
[data-current-nav="irts_data_map"] div#sidemenu ul li.irts_data_map a:hover,
[data-current-nav="pub_irts"] div#sidemenu ul li.pub_irts a:hover,
[data-current-nav="irts_query_psc"] div#sidemenu ul li.irts_query_psc a:hover,
[data-current-nav="irts_query_map"] div#sidemenu ul li.irts_query_map a:hover,
[data-current-nav="irts_publications"] div#sidemenu ul li.irts_publications a:hover,
[data-current-nav="irts_links"] div#sidemenu ul li.irts_links a:hover
{
  color: #ffffff;
  background-color: #cc0022;
}

/* ========================================================================= */



/**
 ** FLEX BOX : Align <div> element horizontally
 **/
.flex_box {
  display: -webkit-flex;
  display: flex;
  /*-webkit-justify-content: space-around;
  justify-content: space-around;*/
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.flex_box div:not(:first-of-type){
  margin-left: 40px;
}

.flex_box div:first-of-type{
  margin-left: 20px;
}


/**
 ** FOR QL Image
 **/

#qlcontent {
  margin: 0 0 0 50px;
}

.map_image {
   height : 450px;
   width  : 500px;
   border : 0px;
}

.map_data {
   /* height : 180px;*/
   width  : 250px;
   border : 0px;
}


.map_ql_bar ul {
  margin : 0;
  padding : 0;
  list-style: none;
}
/*
.map_ql_bar ul:after {
  content : "";
  display : block;
  clear : both;
}
*/
.map_ql_bar li {
  display : inline;
  width : 10%;
/*  padding : 10px;*/
}

.map_ql_bar img {
  max-width : 100%;
  width : 150px;
  height : auto;
/*  border : solid;*/
  border : none;
}

.map_ql_bar table {
  width: 1500px;
  border-top : dotted 1px gray;
  border-spacing: 0;
}

.map_ql_bar th {
  max-width : 100%;
  width : 150px;
  height : auto;
/*  border-top : solid 1px;*/
  border : none;
  padding-top: 5px;
  text-align: left;
}

.map_ql_bar td {
  max-width : 100%;
  width : 150px;
  height : 114px;
  border-bottom : dotted 1px gray;
/*  border : none;*/
  padding-bottom: 5px;
  text-align: center;
}

.public_list h3{
  margin-top: 20px;
  border-bottom: dotted 1px gray;
}

.public_list dl dt {
  margin-bottom: 5px;
}

.public_list dl dd {
  margin-bottom: 10px;
}

.doc_title {
  font-weight: bold;
}

.journal {
  font-style: italic;
}