@charset "Shift_JIS";

/* トップページ */

/* 最新の観測データ */
#nowdata{
	float: left;
	width: 50%;

	color: #330033 ; 
	border:   thick #aad solid;
	background-color: #fff8f0;
	margin-top: 0.8em;
	
	}
#nowdata h2{
	
	padding: 0.1em 0em 0.1em 0.5em;
	margin-bottom: 0em;
	border-left-style: solid;
	border-left-color: #ff4500;
	border-left-width: 1.0em;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	border-bottom-width: 0em;
	font-weight: bold;
	margin-top: 0.2em;
	/*border-bottom-color: #ff4500;*/
	/*text-align: center;*/
	}
#nowdata ul{
	list-style : url(../commonimg/nowdataball.gif);
	}

/* トピックス */
#topics{
	float: left;
	width: 50%;

	color: #330033 ;
	border:   thick #ffaa00 solid;
	/*background-color: #fffacc;*/
	background-color: #ffffff;
	margin-top: 0.8em;
	}
#topics h2{
	padding: 0.1em 0em 0.1em 0.5em;
	margin-bottom: 0em;
	/*border-left-style: solid;*/
	/*border-left-color: #ff4500;*/
	border-left-width: 0em;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	border-bottom-width: 0em;
	/*background-color: #cd5e3c;*/
	background-color: #ea5532;
	color: #ffffff ;
	font-weight: bold;
	margin-top: 0.2em;
	text-align: center;
	/*border-bottom-color: #ff4500;*/
	}
#topics ul{
	list-style : url(../commonimg/nowdataball.gif);
	}

/* ノイズ表 */
#ntable{
	font-size: small;
	border-collapse: collapse;
	border: 2px #aad solid;
	background-color: #fff8f0;
	}
#ntable th{
	background-color: #f0f8ff;
	}

#ktable{
	border-collapse: collapse;
	border: 0px;
	border-color: #fff8f0;
	background-color: #fff8f0;
	}
#ktable tr{
	border: 0px 0px;
	border-color: #fff8f0;
	background-color: #fff8f0;
	}
#ktable td{
	border: 0px 0px;
	border-color: #fff8f0;
	background-color: #fff8f0;
	}
/* 最近の磁気嵐 */
#mstorm{
	float: right;
	width: 45%;

	color: #330033 ;
	border:   thick #aad solid;
	/*background-color: #fffacc;*/
	background-color: #fff8f0;
	margin-top: 0.8em;
	}
#mstorm h2{
	
	padding: 0.1em 0em 0.1em 0.5em;
	margin-bottom: 0em;
	border-left-style: solid;
	border-left-color: #ff4500;
	border-left-width: 1.0em;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	border-bottom-width: 0em;
	font-weight: bold;
	margin-top: 0.2em;
	/*border-bottom-color: #ff4500;*/
	/*text-align: center;*/
	}
#mstorm ul{
	list-style : url(../commonimg/nowdataball.gif);
	}

/* トピックス２ */
#topics2{
	/*float: left;*/
	/*width: 50%;*/
	float: right;
	width: 45%;
	
	color: #330033 ;
	/*border:   thick #ffaa00 solid;*/
	border:   thick #4682B4 solid;
	/*background-color: #fffacc;*/
	background-color: #ffffff;
	margin-top: 0.8em;
	}
#topics2 h2{
	padding: 0.1em 0em 0.1em 0.5em;
	margin-bottom: 0em;
	/*border-left-style: solid;*/
	/*border-left-color: #ff4500;*/
	border-left-width: 0em;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	border-bottom-width: 0em;
	/*background-color: #cd5e3c;*/
	/*background-color: #ea5532;*/
	background-color: #1E90FF;
	color: #ffffff ;
	font-weight: bold;
	margin-top: 0.2em;
	text-align: center;
	/*border-bottom-color: #ff4500;*/
	}
#topics2 ul{
	list-style : url(../commonimg/nowdataball.gif);
	}
/* トピックス３ */
#topics3{
	/*float: left;*/
	/*width: 50%;*/
	float: right;
	width: 45%;
	
	color: #330033 ;
	border:   thick #ffaa00 solid;
	/*background-color: #fffacc;*/
	background-color: #ffffff;
	margin-top: 0.8em;
	}
#topics3 h2{
	padding: 0.1em 0em 0.1em 0.5em;
	margin-bottom: 0em;
	/*border-left-style: solid;*/
	/*border-left-color: #ff4500;*/
	border-left-width: 0em;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	border-bottom-width: 0em;
	/*background-color: #cd5e3c;*/
	/*background-color: #ea5532;*/
	background-color: #ea5532;
	color: #ffffff ;
	font-weight: bold;
	margin-top: 0.2em;
	text-align: center;
	/*border-bottom-color: #ff4500;*/
	}
#topics3 ul{
	list-style : url(../commonimg/nowdataball.gif);
	}

/* 最新の情報 */
#info{
	float: right;
	width: 45%;
	color: #330033 ; 
	border:   thick #4682b4 double  ;
	background-color: #fffafa;
	margin-top: 0.8em;
	
	}
#info h2{
	
	font-size:120%;
	color:#800080;
	padding: 0.2em 0em 0em 0.5em;
	border-left-color: #ffffff;
	border-left-width: 0em;
	border-bottom-color: #ffffff;
	margin-bottom: 0.2em;
	font-weight: bold;
	text-align: center;
	margin-top: 0.2em;
	}
#info ul{
	list-style : url(../commonimg/ulinfo.gif);
	}

#withsidebar p {
	margin: 1em 0em;
}

/* 説明リンク */
#withsidebar p.what {
	margin: 0.5em 1em 0.5em 1em;
	padding: 0px 20px 0px 20px;
	background: url(../assets/arrow_direct.gif) left center no-repeat;
}

/* トップページコンテンツメニュー */
h3.menu {
	margin: 1em 0px 1em 0px;
	padding: 0.5em;
	font-size: 100%;
	background: url(../assets/cut.gif) #083094 right top no-repeat;
	color: #fff;
}

h3.menu a {
	color: #fff;
}

/* 新着情報 */
h3.menu em {
	float: right;
	font-size: 90%;
	color: #99ccff;
}

/* リンクのリストを表現 */
ul.linklist {
	font-size: 90%;
  list-style: url(../assets/arrow_dig.gif) circle outside;
}

/* 段組 */
.topmenu {
	float: left;
	width: 32%;
	margin: 0.8em 0.2em 0.2em 0.2em;
}
.topmenu h2 a:link {
	text-decoration: none;
	color: #993300;
}
.topmenu h2 a:visited {
	text-decoration: none;
	color: #993300;
}
.topmenu h2 a:active {
	color: #ff4500; 
	text-decoration: none;
}
.topmenu h2 a:hover {
	color: #ff0000;
	text-decoration: underline;
}

.topmenue {
	float: left;
	width: 48%;
	margin: 0.8em 0.2em 0.2em 0.2em;
}
.topmenue h2 a:link {
	text-decoration: none;
	color: #993300;
}
.topmenue h2 a:visited {
	text-decoration: none;
	color: #993300;
}
.topmenue h2 a:active {
	color: #ff4500; 
	text-decoration: none;
}
.topmenue h2 a:hover {
	color: #ff0000;
	text-decoration: underline;
}

/* サイドバーを表現 */
#sidebar {
	float: right;
	width: 25%;
	font-size: 90%;
	background: #fff;
}

#sidebar p {
	margin: 1em 0em 1em 0em;
}

/* 詳細へのリンクを表現 */
#sidebar p.more {
	clear: both;
	margin: 0.5em 1em 0.5em 1em;
	padding: 0px 20px 0px 20px;
	background: url(../assets/arrow_direct.gif) left center no-repeat;
}

#sidebar h3 {
	padding: 0.5em;
	font-size: 100%;
	background: url(../assets/cut.gif) #eee right top no-repeat;
	color: #000;
}

/* 新着・更新情報 */
#sidebar ul.news {
  list-style: none outside;
	margin: 0px;
	padding: 0px;
}

#sidebar ul.news li {
	margin: 0px;
	padding: 0.5em 0px 0.5em 0px;
	border-bottom: #999 1px dotted;
}