/* Style sheet for DARTS web page */
/* Created by Y. Miyashita and C. Yamauchi at PLAIN Center, ISAS/JAXA */

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

/* =================== */
/* COMMON CSS SETTINGS */
/* =================== */

/* --------------- */
/* GLOBAL SETTINGS */
/* --------------- */

/*h1,h2,h3,h4,h5,h6, p, ul,ol,dl {margin-top: 0; margin-bottom: 0;}*/
body {
  margin: 0 0 1em 0;
  padding: 0;
  color: #000000;
  background: #ffffff;
}
img { border: 0; }
pre {
  white-space: -moz-pre-wrap;	/* Mozilla */
  white-space: -pre-wrap;	/* Opera 4-6 */
  white-space: -o-pre-wrap;	/* Opera 7 */
  white-space: pre-wrap;	/* CSS3 */
  word-wrap: break-word;	/* IE 5.5+ */
}
/* fix IE's problem */
hr { display: block; }

/* -------------------- */
/* TAG-SPECIFIC CLASSES */
/* -------------------- */

p.text_right {
  text-align: right;
  margin: 0;
  padding: 0;
}
p.float_right {
  float: right;
}
/* to replace `<img src="hoge" align="right">...' */
/*    => <img src="hoge" class="float_right">...  */
img.float_right {
  float: right;
  border: 0;
  margin: 0 0 1em 1em;
}
/* to replace `<img src="hoge" align="left">...' */
/*    => <img src="hoge" class="float_left">...  */
img.float_left {
  float: left;
  border: 0;
  margin: 0 1em 1em 0;
}
/* to replace `<div align="center"> ... </div>'                  */
/* => <div class="align_center" style="width: 90%;"> ... </div>  */
div.align_center {
  margin: 0 auto 0 auto;
/*  text-align: center; */
}
div.align_left {
  margin: 0 auto 0 0;
}
div.align_right {
  margin: 0 0 0 auto;
}
/* to replace `<nobr> ... </nobr>'     */
/* => <span class="nobr"> ... </span>  */
span.nobr {
  white-space: nowrap;
}
/* to replace `<font size="-1"> ... </font>'  */
/* => <span class="smaller"> ... </span> */
span.smaller {
  font-size: smaller;
}
span.larger {
  font-size: larger;
}

div.box_1px{
  margin-bottom: 15px;
  padding : 10px 20px;
  border  : solid 1px gray;
}

/* --------------- */
/* GENERAL CLASSES */
/* --------------- */

.font_smaller {
  font-size: smaller;
}
.font_larger {
  font-size: larger;
}
.clear {
  clear: left;
}
.clear_right {
  clear: right;
}
.listnone {
  list-style-type: none;
}
.linedotgray {
  height: 0px;
  border-style: dotted;
  border-width: 1px 0 0 0;
  color: #909090;
}

.padding_0px {
  padding : 0px;
}

/* colors */
.red { color: #ff0000; }
.green { color: #00ff00; }
.blue { color: #0000ff; }
.gray { color: #808080; }
.white { color: #ffffff; } /* 20180320 added */

/* -------------------------------------- */
/* old style definitions, not recommended */
/* -------------------------------------- */
.fontsmall { font-size: 85%; }
.tri { font-size: 70%; }
p.right {
  text-align: right;
  margin: 0;
  padding: 0;
}
p.floatright { float: right; }
p.floatright50 {
  float: right;
  border: 0;
  margin: 0 0 1em 1em;
  width: 50%;
}
img.right {
  float: right;
  border: 0;
  margin: 0 0 1em 1em;
}
.newtri { font-size: 90%; }
p.right {
  text-align: center;
  margin: 0;
  padding: 0;
}

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

/* ======================================= */
/* DEFINITIONS FOR HEADER, MAIN AND FOOTER */
/* ======================================= */

/* ========== HEADER ========== */
#header {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: bold;
  color: #ffffff;
  background-color: #cfcfff;
  background-image: url("/common/default/header_bg.png");
  background-position: bottom;
  background-repeat: repeat-x;
}

#header h1 {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 10px 12px;
  font-size: 140%;
}
#header p {
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px 10px 0;
}
#header a {
  text-decoration: none;
  color: #ffffff;
}

/* DARTS long name */
#header a.logodlong img {
  display: block;
  float: none;
  margin: 10px 0 0 10px;
  border: 0;
}
/* IE6-specific settings */
* html #header a.logodlong {
  display: block;
  float: none;
  border: 0;
  margin: 10px 0 0 10px;
  cursor: pointer;
  width: 232px;
  height: 12px;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/logo_white/darts_longname.png',sizingMethod=scale);
}
* html #header a.logodlong img {
  display: none;
}

/* DARTS logo (medium) */
#header a.logod img {
  display: block;
  float: left;
  margin: 0 0 12px 6px;
  /* padding-bottom: 12px; */
  border: 0;
}
#header a.logod img.logod_dummy {
  margin: 0;  padding: 0;  display: none;
}
/* IE6-specific settings */
* html #header a.logod {
  float: left;
  margin: 0 0 12px 3px;
  display: block;
  cursor: pointer;
  width: 103px;
  height: 25px;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/logo_white/logo_darts.png',sizingMethod=scale);
}
* html #header a.logod img {
  display: none;
}
* html #header a.logod img.logod_dummy {
  width: 103px;
  height: 25px;
  display: block;
}

/* DARTS logo (large) */
#header a.logodl img {
  display: block;
  float: left;
  margin: 13px 0 14px 10px;
  /* padding-bottom: 12px; */
  border: 0;
}
#header a.logodl img.logodl_dummy {
  margin: 0;  padding: 0;  display: none;
}
/* IE6-specific settings */
* html #header a.logodl {
  float: left;
  margin: 14px 0 14px 6px;
  display: block;
  cursor: pointer;
  width: 115px;
  height: 30px;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/logo_white/logo_darts_large.png',sizingMethod=scale);
}
* html #header a.logodl img {
  display: none;
}
* html #header a.logodl img.logodl_dummy {
  width: 115px;
  height: 30px;
  display: block;
}

/* Field Title */
#header a.fieldtitle img {
  display: block;
  float: left;
  margin: 13px 0 14px 2px;
  /* padding-bottom: 12px; */
  border: 0;
}
#header a.fieldtitle img.fieldtitle_dummy {
  margin: 0;  padding: 0;  display: none;
}
/* IE6-specific settings */
* html #header a.fieldtitle {
  float: left;
  margin: 14px 0 14px 2px;
  display: block;
  cursor: pointer;
  width: 128px;
  height: 30px;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/logo_white/f_default.png',sizingMethod=scale);
}
* html #header a.fieldtitle img {
  display: none;
}
* html #header a.fieldtitle img.fieldtitle_dummy {
  width: 128px;
  height: 30px;
  display: block;
}

/* C-SODA logo */
#header a.logop img {
  display: block;
  float: right;
  margin: 17px 10px 0 0;
  border: 0;
}
/* IE6-specific settings */
* html #header a.logop {
  float: right;
  margin: 17px 10px 0 0;
  display: block;
  cursor: pointer;
  width: 56px;
  height: 30px;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/logo_white/logo_csoda.png',sizingMethod=scale);
}
* html #header a.logop img {
  display: none;
}

/* ISAS logo */
#header a.logoi img {
  display: block;
  float: right;
  border: 0;
  margin: 17px 0 0 0;
}
/* IE6-specific settings */
* html #header a.logoi {
  float: right;
  margin: 17px 0 0 0;
  display: block;
  cursor: pointer;
  width: 57px;
  height: 33px;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/logo_white/logo_isas.png',sizingMethod=scale);
}
* html #header a.logoi img {
  display: none;
}

/* JAXA logo */
#header a.logoj img {
  display: block;
  float: right;
  border: 0;
  margin: 17px 10px 0 0;
}
/* IE6-specific settings */
* html #header a.logoj {
  float: right;
  margin: 17px 10px 0 0;
  display: block;
  cursor: pointer;
  width: 57px;
  height: 35px;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/logo_white/logo_jaxa.png',sizingMethod=scale);
}
* html #header a.logoj img {
  display: none;
}

#header div.search {
  float: right;
  border: 0;
  margin: 18px 10px 0 10px;
}
#header div.search form input#google {
  margin: 0;
}

/* ========== HEADER MENU========== */
.headermenu {
  float: left;
  width: 100%;
  margin-top: 0px;
  padding: 0;
  font-size: 100%;
  white-space: nowrap;
  color: #ffffff;
  background-color: #4b4b7b;
}

.headermenu table.menugroup1 {
  /* border-top: 1px solid #000071; */
  /* border-bottom: 1px solid #000071; */
  background-image: url("/common/default/headermenu_bg.png");
  background-position: bottom;
  background-repeat: repeat-x;
  width: 100%;
}

.headermenu table.menugroup2 {
  /* border-bottom: 1px solid #000071; */
  background-image: url("/common/default/headermenu_bg.png");
  background-position: bottom;
  background-repeat: repeat-x;
  width: 100%;
}

.headermenu td.menu, .headermenu td.menus {
  margin: 0;
  padding: 0;
}

.headermenu td.menu a {
  display: block;
  margin: 0;
  padding: 2px 4px;
  border-right: 1px solid #606080;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  color: #ffffff;
}
.headermenu td.menu a:hover {
  color: #ffffff;
  background-color: #5b5bf6;
  background-image: url("/common/default/headermenuh_bg.png");
  background-position: bottom;
  background-repeat: repeat-x;
}

.headermenu td.menup a {
  display: block;
  margin: 0;
  padding: 2px 4px;
  border-right: 1px solid #606080;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  color: #ffffff;
}
.headermenu td.menup a:hover {
  color: #ffffff;
  background-color: #5b5bf6;
  background-image: url("/common/default/headermenuh_bg.png");
  background-position: bottom;
  background-repeat: repeat-x;
}

.headermenu td.menus a {
  display: block;
  margin: 0;
  padding: 2px 4px;
  border-right: 1px solid #606080;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  color: #ffffff;
  background-color: #d6125a;
  background-image: url("/common/default/headermenus_bg.png");
  background-position: bottom;
  background-repeat: repeat-x;
}
.headermenu td.menus a:hover {
  color: #ffffff;
  background-color: #e6236a;
  background-image: url("/common/default/headermenush_bg.png");
  background-position: bottom;
  background-repeat: repeat-x;
}

/* ========================================================================= */
/* ========== MAIN ========== */
#mainbody {
  float: left;
  width: 100%;
  margin: 0 0 0 0;
  padding: 0.6em 0 0.7em;
  color: #000000;
  background: #ffffff;
}

/* Use this when you set fixed width to mainbody (required for IE :-p) */
/* [Example] */
/* <div id="mainbody"> */
/* <div class="fixed_width" style="width: 940px;"> */

div.fixed_width {
  float: left;
  width: 100%;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background-color: transparent;
}

/* ========== MAIN CONTENT ========== */
#maincontent {
  margin: 0 0 0 210px;
  padding: 0.5em 2.5em 1em;
  color: #000000;
  background: #ffffff;
}
#maincontent h1, #maincontent h2 { color: #000080; }
#maincontent h3, #maincontent h4 { color: #000080; }
#maincontent h5, #maincontent h6 { color: #000080; }
/*#maincontent p, #maincontent ul,#maincontent ol, #maincontent dl {padding-top: 0px; padding-bottom: 0px;}*/

/* ========== MAIN CONTENT (No SIDEMENU) ========== */
#mainbodyns {
  float: left;
  margin: margin: 3px 0 0 0;
  padding: 2em 2.5em 2em;
  color: #000000;
  background: #ffffff;
  /* background: #b399d3; 20110712 changed */
}
#mainbodyns h1, #mainbodyns h2 { color: #000080; }
#mainbodyns h3, #mainbodyns h4 { color: #000080; }
#mainbodyns h5, #mainbodyns h6 { color: #000080; }
/*#mainbodyns p, #mainbodyns ul,#mainbodyns ol, #mainbodyns dl {padding-top: 0px; padding-bottom: 0px;}*/

.lang {
  text-align: right;
  margin: 0;
  padding: 0;
}

/* for lang link at space_astronomy.html.[en, ja]   */
#mainbodyns_astro_menu {
  margin: margin: 3px 0 0 0;
  padding: 2em 2.5em 2em;
  color: #000000;
  background: #ffffff;
  /* background: #b399d3; 20110712 changed */
}
#mainbodyns_astro_menu  h1, #mainbodyns h2 { color: #000080; }
#mainbodyns_astro_menu  h3, #mainbodyns h4 { color: #000080; }
#mainbodyns_astro_menu h5, #mainbodyns h6 { color: #000080; }

/* ========== MAIN CONTENT (No SIDEMENU, Center, bg=white) ========== */
#mainbodyns2 {
  float: center;
  margin: margin: 3px 0 0 0;
  padding: 2em 2.5em 2em;
  color: #000000;
/*  background: #eeeeff; 20180320 changed*/
  background: #ffffff;
}
#mainbodyns2 h1, #mainbodyns2 h2 { color: #000080; }
#mainbodyns2 h3, #mainbodyns2 h4 { color: #000080; }
#mainbodyns2 h5, #mainbodyns2 h6 { color: #000080; }
/*#mainbodyns2 p, #mainbodyns ul,#mainbodyns ol, #mainbodyns dl {padding-top: 0px; padding-bottom: 0px;}*/

.lang {
  text-align: right;
  margin:  0;
  padding: 0;
}


/* ========== SIDE MENU ========== */
#sidemenu {
  float: left;
  width: 212px;
  margin: 0;
  padding: 0;
}

#sidemenu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/* ========== SIDE MENU 0 ========== */
/* --- with link --- */
#sidemenu li.sidemenu0 a {
  display: block;
  width: 212px;
  margin: 1px 0 0 0;
  padding: 3px 3px;
  border-width: 0;
  font-size: 100%;
  text-decoration: none;
  text-align: center;
  color: #000000;
  background-color: #b399d3;
}
#sidemenu li.sidemenu0 a:hover {
  color: #ffffff;
  background-color: #3333aa;
}

#sidemenu li.sidemenu00 {
  display: block;
  width: 212px;
  margin: 1px 0 0 0;
  padding: 3px 3px;
  border-width: 0;
  font-size: 100%;
  text-decoration: none;
  text-align: center;
  color: #000000;
  background-color: #b399d3;
}

/* --- selected, with link --- */
#sidemenu li.sidemenu0s a {
  display: block;
  width: 212px;
  margin: 1px 0 0 0;
  padding: 3px 3px;
  border-width: 0;
  font-size: 100%;
  text-decoration: none;
  text-align: center;
  color: #ffffff;
  background-color: #b399d3;
}
#sidemenu li.sidemenu0s a:hover {
  color: #ffffff;
  background-color: #cc0022;
}

/* ========== SIDE MENU 1 ========== */
/* --- with link --- */
#sidemenu li.sidemenu1 a {
  display: block;
  width: 212px;
  margin: 1px 0 0 0;
  padding: 3px 3px;
  border-width: 0;
  font-size: 100%;
  text-decoration: none;
  text-align: left;
  color: #000080;
  background-color: #aaaaaa;
}
#sidemenu li.sidemenu1 a:hover {
  color: #ffffff;
  background-color: #3333aa;
}

/* --- without link --- */
#sidemenu li.sidemenu11 {
  display: block;
  width: 212px;
  margin: 1px 0 0 0;
  padding: 3px 3px;
  border-width: 0;
  font-size: 100%;
  text-decoration: none;
  text-align: left;
  color: #000000;
  background-color: #aaaaaa;
}

/* --- selected, with link --- */
#sidemenu li.sidemenu1s a {
  display: block;
  width: 212px;
  margin: 1px 0 0 0;
  padding: 3px 3px;
  border-width: 0;
  font-size: 100%;
  text-decoration: none;
  text-align: left;
  color: #ffffff;
  background-color: #aa0022;
}
#sidemenu li.sidemenu1s a:hover {
  color: #ffffff;
  background-color: #cc0022;
}

/* ========== SIDE MENU 2 ========== */
/* --- with link --- */
#sidemenu li.sidemenu2 a {
  display: block;
  width: 198px;
  margin: 1px 0 0 0;
  padding: 2px 10px;
  border-width: 0;
  font-size: 100%;
  text-decoration: none;
  text-align: left;
  color: #000080;
  background-color: #cccccc;
}
#sidemenu li.sidemenu2 a:hover {
  color: #ffffff;
  background-color: #3333aa;
}

/* --- without link --- */
#sidemenu li.sidemenu21 {
  display: block;
  width: 198px;
  margin: 1px 0 0 0;
  padding: 2px 10px;
  border-width: 0;
  font-size: 100%;
  text-decoration: none;
  text-align: left;
  color: #000080;
  background-color: #cccccc;
}

/* --- selected, with link --- */
#sidemenu li.sidemenu2s a {
  display: block;
  width: 198px;
  margin: 1px 0 0 0;
  padding: 2px 10px;
  border-width: 0;
  font-size: 100%;
  text-decoration: none;
  text-align: left;
  color: #ffffff;
  background-color: #aa0022;
}
#sidemenu li.sidemenu2s a:hover {
  color: #ffffff;
  background-color: #cc0022;
}

/* --- with link for curation --- */
#sidemenu li.sidemenu2c a {
  display: block;
  width: 198px;
  margin: 1px 0 0 0;
  padding: 2px 10px;
  border-width: 0;
  font-size: 80%;
  text-decoration: none;
  text-align: left;
  color: #000080;
  background-color: #cccccc;
}
#sidemenu li.sidemenu2c a:hover {
  color: #ffffff;
  background-color: #3333aa;
}

/* ========== SIDE MENU 3 ========== */
/* --- with link --- */
#sidemenu li.sidemenu3 a {
  display: block;
  width: 196px;
  margin: 1px 0 0 0;
  padding: 2px 11px;
  border-width: 0;
  font-size: 100%;
  text-decoration: none;
  text-align: left;
  color: #000080;
  background-color: #eeeeee;
}
#sidemenu li.sidemenu3 a:hover {
  color: #ffffff;
  background-color: #3333aa;
}

/* --- without link --- */
#sidemenu li.sidemenu31 {
  display: block;
  width: 196px;
  margin: 1px 0 0 0;
  padding: 2px 11px;
  border-width: 0;
  font-size: 100%;
  text-decoration: none;
  text-align: left;
  color: #000080;
  background-color: #eeeeee;
}

/* --- selected, with link --- */
#sidemenu li.sidemenu3s a {
  display: block;
  width: 196px;
  margin: 1px 0 0 0;
  padding: 2px 11px;
  border-width: 0;
  font-size: 100%;
  text-decoration: none;
  text-align: left;
  color: #ffffff;
  background-color: #aa0022;
}
#sidemenu li.sidemenu3s a:hover {
  color: #ffffff;
  background-color: #cc0022;
}

/* ========================================================================= */
/* ========== FOOTER ========== */
#footer {
  clear: both;
  width: 100%;
  margin: 0;
  padding: 8px 0 0 0;
  font-size: 100%;
  background-image: url("/common/default/footer_bg.png");
  background-position: top;
  background-repeat: repeat-x;
}
#last {
  margin: 0;
  padding: 0 0 4px 0;
  font-size: medium;
}
#footer p, #last p {
  text-align: right;
  margin: 0;
  padding: 0 2.5em;
}

/* ========================================================================= */
/* ========== External links ICON ========== */
.setlinkicon a[href^="http:"]:after,
.setlinkicon a[href^="https:"]:after,
.setlinkicon a[href^="ftp:"]:after {
	content: url(ico_external.gif);
	vertical-align:middle;
	margin:0 4px;
}

.setlinkiconpopup a[href^="http:"]:after,
.setlinkiconpopup a[href^="https:"]:after,
.setlinkiconpopup a[href^="ftp:"]:after {
	content: url(ico_conductor.gif);
	vertical-align:middle;
	margin:0 4px;
}

.setlinkicon a[href^="http:/astro"]:after,
.setlinkicon a[href^="http:/solar"]:after,
.setlinkicon a[href^="http:/stp"]:after,
.setlinkicon a[href^="http:/planet"]:after,
.setlinkicon a[href^="http:/outreach"]:after,
.setlinkicon a[href^="http://www.darts.isas.jaxa.jp"]:after,
.setlinkicon a[href^="http://darts.isas.jaxa.jp"]:after,
.setlinkicon a[href^="https://darts.isas.jaxa.jp"]:after,
.setlinkicon a[href^="ftp://ftp.darts.isas.jaxa.jp"]:after,
.setlinkicon a[href^="ftp://darts.isas.jaxa.jp"]:after,
.setlinkiconpopup a[href^="http:/astro"]:after,
.setlinkiconpopup a[href^="http:/solar"]:after,
.setlinkiconpopup a[href^="http:/stp"]:after,
.setlinkiconpopup a[href^="http:/planet"]:after,
.setlinkiconpopup a[href^="http:/outreach"]:after,
.setlinkiconpopup a[href^="http://www.darts.isas.jaxa.jp"]:after,
.setlinkiconpopup a[href^="http://darts.isas.jaxa.jp"]:after,
.setlinkiconpopup a[href^="ftp://ftp.darts.isas.jaxa.jp"]:after,
.setlinkiconpopup a[href^="ftp://darts.isas.jaxa.jp"]:after,
.recommend a:after,
.setlinkicon .recommend a:after,
.setlinkiconpopup .recommend a:after {
			content: "";
	vertical-align:middle;
	margin:0;
}

a[href$=".pdf"] {
	background:url(ico_pdf.gif) no-repeat top right;
	padding-right: 16px;
}
/**/
/*a[href$=".mid"],*/
/*a[href$=".wav"] {*/
/*	padding-right: 18px;*/
/*	background: transparent url(ico_music.gif) no-repeat center right;*/
/*}*/

a[href$=".txt"] {
	padding-right: 18px;
	background: transparent url(ico_txt.gif) no-repeat center right;
}

a[href$=".pl"] {
	padding-right: 18px;
	background: transparent url(ico_perl.gif) no-repeat center right;
}
/**/
/*a[href$=".jpg"],*/
/*a[href$=".jpeg"],*/
/*a[href$=".gif"],*/
/*a[href$=".bmp"],*/
/*a[href$=".png"] {*/
/*	padding-right: 18px;*/
/*	background: transparent url(ico_pic.gif) no-repeat center right;*/
/*}*/

/* for space_astronomy manu */
ul.listnone_font_normal {
  list-style: none;
  /* margin-left: -20px; */
  font-weight: normal;
  /* margin-bottom: 5px; */
}

#ul.listnone_font_normal li {
  margin-bottom:10px;
  /*
  margin: 0;
  padding: 0;
  list-style-type: none;
  */
}