@charset "UTF-8";

/* reset */
html {
	color: #000;
	background: #023C6A;
}

body,div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,
legend,input,textarea,
p,blockquote,th,td {
	padding: 0;
	margin: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img {
	border: 0;
}

address,caption,cite,
code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

li {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,q:after {
	content: '';
}

abbr,acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
}

input,textarea,select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

input,textarea,select {
	*font-size: 100%;
}

legend {
	color: #000;
}

/* font */
/* 100% Font-size: 13px */
body {
	line-height: 150%;
}

h1 {
	/* 18px */
	font-size:138.5%;  
}

h2 {
	/* 16px */
	font-size:123.1%;
}

h3 {
	/* 14px */
	font-size:108%;  
}

body {
	font: 13px/1.231 "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
	*font: x-small;
	*font-size: small;
}

* html body {
	font-family: Verdana, "ＭＳ Ｐゴシック", sans-serif;
	letter-spacing: 1px;
}

*:first-child+html body { 
	font-family: 'メイリオ', Meiryo, sans-serif;
}

table {
	font: 100%;
	font-size: inherit;
}

pre,code,kbd,samp,tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}

/* grid */
#sm-content:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}

#sm-content {
	zoom: 1;
}

/* base */
body {
	text-align: center;
}

#site_main,
.preset_1,.preset_2 {
	width: 61.538em;
	*width: 60.00em;
	margin: auto;
	min-width: 800px;
	text-align: left;
}

.content_block {
	position: static;
}

#main_content .content_block {
	position: static;
}

#main_content {
	width: 100%;
}

.preset_2 #main_content {
	float: right;
	margin-left: -230px;
}

.preset_2 .content_block {
	float: left;
	width: 200px;
}

.preset_2 #main_content .content_block {
	margin-left: 230px;
	margin-right:20px;
}

.preset_1 #main_content .content_block {
	margin: 0 0 1em 0;
	display: block;
}

#main_content .content_block {
	float: none;
	width: auto;
}

h1,h2,h3,h4 {
	margin: 1em 0;
}

h1,h2,h3,h4,h5,h6,strong {
	font-weight: bold;
}

abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
}

em {
	font-style: italic;
}

blockquote,ul,ol,dl {
	margin: 1em;
}

ol,ul,dl {
	margin-left: 2em;
}

ol li {
	list-style: decimal outside;
}

ul li {
	list-style: disc outside;
}

dl dd {
	margin-left: 1em;
}

th,td {
	padding: 0.5em;
	border: 1px solid #000;
}

th {
	font-weight: bold;
	text-align: center;
}

caption {
	margin-bottom: 0.5em;
	text-align: center;
}

p,fieldset,table,pre {
	margin-bottom: 1em;
}

a:link {
	color: #0066FF;
}

a:visited {
	color: #6666FF;
}

a:hover {
	color: #FF6600;
}

/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea {
	width: 12.25em;
	*width: 11.9em;
}

/* float clear */
.clear {
	clear: both;
}

/* id and class */
/* header */
#site_header {
	height: 135px;
	background-color: #FFFFFF;
}

#header_position {
	position: relative;
	width: 61.538em;
	*width: 60.00em;
	margin: auto;
	min-width: 800px;
	text-align: left;
}

#header_navi {
	height: 20px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#header_img {
	position: absolute;
	top: 0px;
	right: 0px;
}

#global_menu {
	height: 45px;
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #FFFFFF;
}

#header_logo {
	position: absolute;
	top: 35px;
	left: 0px;
}

/* header tab */
ul#hn-tab{
	height: 20px;
	width: 19.500em;
	width: 20em;
	padding: 0;
	margin: 0;
	min-width: 260px;
	text-align: left;
}

ul#hn-tab li {
	float: left;
	list-style-type: none;
}

ul#hn-tab li a {
	height: 20px;
	overflow: hidden;
	display: block;
	text-indent: -99999px;
}
ul#hn-tab li#english a {
	width: 80px;
	background-position: 0 0;
}
 
ul#hn-tab li#english a:hover {
	width: 80px;
	background-position: 0 -21px;
}

ul#hn-tab li#rss a {
	width: 64px;
	margin-left: 2px;
	background-position: -84px 0;
}
 
ul#hn-tab li#rss a:hover {
	width: 64px;
	margin-left: 2px;
	background-position: -84px -21px;
}

ul#hn-tab li#jamstec a {
	width: 110px;
	margin-left: 2px;
	background-position: -151px 0;
}
 
ul#hn-tab li#jamstec a:hover {
	width: 110px;
	margin-left: 2px;
	background-position: -151px -21px;
}

/* footer */
#site_footer {
	clear: both;
	padding: 10px 0 20px 0;
	border-top: solid 1px #99CCFF;
	color: #FFFFFF;
	background-color: #023C6A;
}

#site_footer p {
	padding: 20px 0 0 0;
}

#site_footer a:link,#site_footer a:visited {
	color: #ffffff;
	text-decoration: none;
}

#site_footer a:hover {
	color: #3399FF;
	text-decoration: none;
}

#site_footer ul {
	width:800px;
}

#site_footer .glink {
	margin: 20px auto 0;
}

#site_footer .flink {
	margin: 0.5em auto 0;
}

#site_footer li {
	padding: 0 1em 0 0.5em;
	line-height: 110%;
	display: inline;
	background-position: right center;
	background-repeat: no-repeat;
	list-style-type: none;
}

#site_footer .last {
	padding-right: 0;
	background-image: none;
}

/* main block */
#sm-bg {
	background-color: #005cad;
	background-position: left top;
	background-repeat: repeat-x;
}

#sm-content {
	background-color: #FFFFFF;
}

#sm-breadcrumbs {
	clear: both;
	padding-bottom: 5px;
	margin: 20px 20px 20px 230px;
	border-bottom: dashed 1px #e6e6e6;
}

#sm-retune {
	clear: both;
	padding-top: 30px;
	padding-bottom: 50px;
	margin: 0 20px 0 230px;
	font-size: 93%;
	text-align: right;
}

#page_top {
	padding-top: 10px;
	border-top: dashed 1px #e6e6e6;
	display: block;
}

/* main temp */
.img240 {
	float: right;
	margin: 0 4.5px 13px 13px;
	display: block;
}

.img240_div {
	float: right;
	margin: 0 4.5px 13px 13px;
	font-size: 93%;
	text-align: center;
}

.img540 {
	clear: both;
	margin: 13px auto;
	display: block;
}

.img540_div {
	clear: both;
	margin: 13px auto;
	font-size: 93%;
	text-align: center;
}

.h2-p {
	width: auto;
	*width: auto;
	margin: 0 auto;
	padding: 0 1em;
}

.h3-p {
	width: auto;
	*width: auto;
	margin: 0 auto;
	padding: 0 1em;
}

.h4-p {
	width: auto;
	*width: auto;
	margin: 0 auto;
	padding: 0 1em;
}

.h2-dl {
	clear:both;
}

.h2-dl dt {
	padding: 0 0 0.2em 1em;
	margin-top: 2em;
	border-bottom: dashed 1px #cccccc;
	font-weight: bold;
	color: #333333;
	line-height: 1em;
	background-image: url(img/bg-h3.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
}

.h2-dl dd {
	margin-top: 0.5em;
	margin-left: 3em;
	display: list-item;
	list-style-image: url(img/icon-link_list.gif);
	list-style-position: outside;
	list-style-type: none;
}

.h2-ul {
	clear: both;
}

.h2-ul li {
	margin-top: 0.5em;
	margin-left: 1em;
	list-style-image: url(img/icon-link_list.gif);
	list-style-position: outside;
	list-style-type: none;
}

.sub_name {
	font-size: 77%;
	font-weight: 100;
	line-height: 1em;
}