@charset "UTF-8";
/* --------------------------------------------------- base ----------------------------------------------------*/
/* reset */
html {
	color: #333333;
	background: #10264c;
}
body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
p,th,td {
	padding: 0;
	margin: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img {
	border: 0;
}

ul li {
	list-style: none;
	display:block;
}
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-size: inherit;
	font-weight: inherit;
}
input,textarea,select {
	font-size: 100%;
}
legend {
	color: #000;
}

/* clear fix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に  */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* font */
/* 100% Font-size: 13px */
body {
	line-height: 150%;
	color: #333333;
	font: 13px Meiryo, メイリオ, 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic Pro', Osaka, arial,tahoma,helvetica,sans-serif;
	background:#fff;
	min-width:1000px;
}

h1 {
	font-size:174%;  /* 23px */
}
h2 {
	font-size:131%;  /* 17px */
	
}
h3 {
	font-size:123.1%; /*  16px */ 
	line-height:1.5;
}
h4 {
	font-size:131%; /*  17px */ 
}
h5 {
	font-size:123.1%; /*  16px */ 
	
}

table {
	font-size: 116%;
}


/* base */
/*body {
	text-align: center;
}*/
h1{
	padding: 0px;
	height:70px;
}
h4 {
	
}
h3 {
	margin: 0px;
}
h1,h6,strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
blockquote,ol {
	margin: 1em;
}

li {
	list-style: decimal outside;
}
ul li {
	list-style: disc outside;
}
ol {
	font-size: 14px;
}
dl dd {
	line-height: 150%;
}
th,td {
	padding: 0.5em;
	border: 0px;
}

caption {
  margin-top: 0.6em;
	margin-bottom: 0.2em;
	text-align: center;
}
fieldset,table,pre {
	margin-bottom: 1em;
}
p {
	line-height: 150%;
	font-size: 111%;
}
.small_h2 {font-size:15px;}
p.small_p {
	font-size:12.3px; color:#fff;
     text-shadow: 1px 1px 1px #0071BC; 
	-moz-box-shadow: 1px 1px 1px #0071BC;　/* Firefox用 */  
    -webkit-box-shadow: 1px 1px 1px #0071BC;　/* Safari,Google Chrome用 */ 
}
p.small_p2 {font-size:11px; color:#000; margin: 10px 0 0 0;}
h2.h2_title {
	margin:15px 0 20px 0;
	padding: 15px 0 0 50px;
	height: 50px;
	border-bottom: 7px solid #ccc;
}
a:link { color: #0071bc; text-decoration: none; }
a:visited { color: #0071bc; text-decoration: none; }
a:hover { color: #1d2cb5; text-decoration: underline; }
.clear {
  content: "";
  clear: both;
  display: block;
}
/* --------------------------------------------------- base ----------------------------------------------------*/


/* -------------------------------------------------- header ---------------------------------------------------*/
#header{min-height: 40px;}
#header_bg{height:70px; width:940px; margin:0 auto;}
#header {height:70px;}
#position{position:relative;width:500px;float:right;}
/*追加↓↓*/
	#login{margin: 0px 0 0 0;float:right;height:19px;padding: 5px; font-size: 13px; position:absolute; top:0; right:0; }
	#jamstec_user_info{float:right;overflow:hidden;}
	#userlogin{float:right;padding:0 0 0 10px;}
	#user-name {float:left;color: #0071bc;}
	#connect_error {float:left;color: #0071bc;}
	#langchange{float:left;width:80px;}
	#login a{color: #0071bc;}
/*追加↑↑*/





/* ----------------ナビ↓↓---------------------*/
/* navigation design */

#nav_menu{
padding-left:0px;
background: url(images/menu.png) right top repeat-x;

}
#nav_menu .nav_ul {
list-style-type: none;
height: 60px;
margin: auto;
width:940px;
}
#nav_menu .nav_ul li {
width:187px;
height: 30px;
}
#nav_menu .nav_ul li a {
line-height: 30px;
text-decoration: none;
text-align:center;
font-size: 13px;
color: #ffffff;
width:187px;
}
#nav_menu .nav_ul a:hover{
color: #fff;
background: #10539b;
}
#nav_menu .nav_ul li.active{ /* アクティブ */
color: #fff;
background: #10539b;
}
/* navigation 動き*/
/* level 1 */
ul.dropdown { position: relative;}
ul.dropdown li { float: left; zoom: 1; color: #fff;}
ul.dropdown li.hover, ul.dropdown li:hover {position: relative;background-color: #10539b;}
ul.dropdown li a {display: block;font-size:11px;}
/* level 2 */
ul.dropdown ul { width: 180px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li {background-color: #729ECE;float: none; zoom: 1;}
ul.dropdown ul li a {display: inline-block;text-align: center!important;background:none!important;}
/* level 3 */
ul.dropdown ul ul { left: 100%; top: 0; }

#home_waku {height:30px;margin: 40px 2px 0 0;width:395px;overflow:hidden;float:right;}

#home_tab li {
	list-style-type: none;
	float: left;
	margin: 5px 0px 0px 0px;
}
ul#home_tab li.l01 a,
ul#home_tab li.l02 a,
ul#home_tab li.l03 a,
ul#home_tab li.l04 a{
	height: 36px;
	overflow: hidden;
	display: block;
	text-indent: -99999px;
	background: url(images/home_tab.png) no-repeat left 5px;
}

ul#home_tab li.l01 a { width: 110px; background-position: 0px 0px; margin-right: 1px;}/*ログイン*/
ul#home_tab li.l01 a:hover { width:110px; background-position: 0px -27px; }/*ログイン*/
ul#home_tab li.l02 a { width:100px; background-position: -119px 0px; margin-right: 1px; }/*ユーザ登録*/
ul#home_tab li.l02 a:hover { width:100px; background-position: -119px -27px; }/*ユーザ登録*/
ul#home_tab li.l03 a { width:100px; background-position: -239px 0px; margin-right: 1px; }/*サービス*/
ul#home_tab li.l03 a:hover { width:100px; background-position: -239px -27px; }/*サービス*/
ul#home_tab li.l04 a { width:80px; background-position: -359px 0px; margin-right: 1px; }/*サービス*/
ul#home_tab li.l04 a:hover { width:80px; background-position: -359px -27px; }/*サービス*/

#link-userchange {display:none;}
/* ----------------ナビ-----------------------------*/
/* ----------------↓サブナビ-----------------------------*/
#sub_navi {
	width:940px;
	margin:0 auto;
	overflow:hidden;
}

#sub_navi ul li a{
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	background:url(images/sub_btn_img.png) no-repeat left top;
	}
#sub_navi ul li a:hover{
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	
	}

#sub_navi ul li.sub1 a {
	font-size:13px;
	padding-top:10px;
	margin:20px 44px 10px 0;
	float:left;
	width:200px;
	height:30px;
	text-align:center;
   vertical-align:middle;
   border:1px solid #006;
   display: block;
	}
#sub_navi ul li.sub2 a {
	font-size:13px;
	padding-top:10px;
	margin:20px 0px 10px 0;
	float:left;
	width:200px;
	height:30px;
	text-align:center;
	border:1px solid #006;
	display: block;
	}
#sub_navi ul li.sub1_g {
	color:#777;
	background:#E6E6E6;
	font-size:13px;
	padding-top:10px;
	margin:20px 44px 10px 0;
	float:left;
	width:200px;
	height:30px;
	text-align:center;
   vertical-align:middle;
   border:1px solid #777;
   display: block;
   border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	}
#sub_navi ul li.sub1 a:hover {
	padding-top:10px;
	background:#EBF3FC url(images/sub_btn_img.png) no-repeat left top;
	margin:20px 44px 10px 0;
	float:left;
	width:200px;
	height:30px;
	text-align:center;
   vertical-align:middle;
   border:1px solid #006;
   display: block;
	}
#sub_navi ul li.sub2 a:hover {
	padding-top:10px;
	background:#EBF3FC url(images/sub_btn_img.png) no-repeat left top;
	margin:20px 0px 10px 0;
	float:left;
	width:200px;
	height:30px;
	text-align:center;
   vertical-align:middle;
   border:1px solid #006;
   display: block;
	}
/* ----------------サブナビ-----------------------------*/
/* -------------------------------------------------- header ---------------------------------------------------*/
/* --------------------------------------------------FORAについて TOPのみ↓↓---------------------------------------------------*/

#about_site {
	color: #ffffff;
	line-height:1.8;
	text-shadow: 1px 1px 1px #0071BC; 
	-moz-box-shadow: 1px 1px 1px #0071BC;　/* Firefox用 */  
-webkit-box-shadow: 1px 1px 1px #0071BC;　/* Safari,Google Chrome用 */ 
}
#dataset_btn{
	margin:24px auto;
	width:330px;
}

#dataset_btn a{
	width:330px;
	height: 30px;
	overflow: hidden;
	display: block;
	text-indent: -99999px;
	background: url(images/dataset_btn.png) no-repeat left top;
}

#dataset_btn a:hover { width:330px; background-position: 0px -28px; }

div.aboutdata {
	display:block;
	width:250px;
	padding: 10px 0 10px 0;
	clear:both;
}

#download_b {
	overflow:hidden;
	width:180px;
	margin:10px 0 15px 0;
	float: right;
}
#download_b ul#login_area {
	margin: 0px;
	clear:both;
}
#download_area li {
	list-style-type: none;
	float: left;
}

ul#download_area li.l03 a,
ul#download_area li.l04 a{
	height: 30px;
	overflow: hidden;
	display: block;
	text-indent: -99999px;
	background: url(images/download_btn.png) no-repeat left top;
}

ul#download_area li.l03 a { width: 80px; background-position: 0px 0px; margin-right: 10px;}/*日本語*/
ul#download_area li.l03 a:hover { width:80px; background-position: 0px -27px; }
ul#download_area li.l04 a { width:80px; background-position: -85px 0px; margin-right: 10px; }/*英語*/
ul#download_area li.l04 a:hover { width:80px; background-position: -85px -27px; }
/* -------------------------------------------------- FORAについて説明 ↑↑---------------------------------------------------*/

/* -------------------------------------------------- overlay ---------------------------------------------------*/
.lock {
    overflow:hidden;
}

.modal-content {
    position:relative;
    display:none;
    width:50%;
	height:80%;
	top:0;
}

.modal-content p {
    margin:0;
    padding:0;
}

.modal-overlay {
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}

.modal-wrap {
    z-index:2;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:auto;
}


#overlay_bg{
	overflow:hidden;
		background: #fff;
		width: 600px;
        padding:20px 30px 40px;
		margin: 0px auto 0;
		border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	}
#overlay_bg2{
	overflow:hidden;
		background: #fff;
		width: 600px;
        padding:20px 30px 20px;
		margin: 20px auto 0;
		border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	}
#overlay_bg3{
	overflow:hidden;
		background: #fff;
		width: 700px;
        padding:20px 30px 10px;
		margin: 20px auto 0;
		border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	}
div#overlay_title{
	height:55px;
	background: #DDE8F2; 
	overflow:hidden;
}
.h3_title_overlay{
	height: 40px;
	width:400px;
	/* background:#D9E7F9;  */
	padding: 15px 0 0 50px;
	background: #DDE8F2 url(images/h3_t2.gif) 15px 8px no-repeat;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	float:left;
}
/* -----------------overlay2----------------------*/
#overlay_bg2 .datasetbox {
	border:#eaedef solid 4px;
	margin: 0 0 10px 0;
}
#overlay_bg2 dt {
	font-size:115%;
	font-weight:bold;
	padding: 10px 0px 5px 0;
	background:#e6f2fc;
	padding: 5px 0 5px 10px;
}

#overlay_bg2 dd.datasetlist {
	font-size:90%;
	padding: 5px 0px 5px 10px;
}
#overlay_bg2 dd.datasetlist2 {
	font-size:90%;
	padding: 0 0px 5px 10px;
	margin: 0 0 0 20px;
}
/* -----------------overlay2----------------------*/
/* -----------------overlay3----------------------*/
#overlay_bg3 .datasetbox {
	border:#eaedef solid 4px;
	margin: 0 0 10px 0;
}
#overlay_bg3 dt {
	font-size:115%;
	font-weight:bold;
	padding: 10px 0px 5px 0;
	background:#e6f2fc;
	padding: 5px 0 5px 10px;
}

#overlay_bg3 dd.datasetlist {
	font-size:90%;
	padding: 5px 0px 5px 10px;
}
#overlay_bg3 dd.datasetlist2 {
	font-size:90%;
	padding: 0 0px 5px 10px;
	margin: 0 0 0 20px;
}

/* -----------------overlay3----------------------*/

	#close{
		float:right;
		background: #1e7dc7 url(images/stop_icon.png) no-repeat 10px center;
		color: #fff;
		text-align:center;
		width: 70px;
		margin: 0 auto 0;
		font-size: 12px;
		margin:0;
		padding:5px 0 5px 15px;
		border-radius: 3px;
		cursor: pointer;
	}
		#close2{
		float:right;
		background: #1e7dc7 url(images/stop_icon.png) no-repeat 10px center;
		color: #fff;
		text-align:center;
		width: 70px;
		margin: 0 auto 0;
		font-size: 12px;
		margin:0;
		padding:5px 0 5px 15px;
		border-radius: 3px;
		cursor: pointer;
	}
	
	   #close3{
		float:right;
		background: #1e7dc7 url(images/stop_icon.png) no-repeat 10px center;
		color: #fff;
		text-align:center;
		width: 70px;
		margin: 0 auto 0;
		font-size: 12px;
		margin:0;
		padding:5px 0 5px 15px;
		border-radius: 3px;
		cursor: pointer;
	}
/* --------------------------------------------------- info TOPのみ---------------------------------------------------*/	
#list {/* 追加*/
    margin-top:15px;
    padding:10px;
    clear:both;
	background: #fff;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	box-shadow:0px 0px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
    -o-box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
    -ms-box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
	overflow:hidden;
	
}
#about_nuunkui {
	width:550px;
	padding: 0 0 0 40px;
	background:url(images/info_icon.png) no-repeat;
	float:left;
}
#about_nuunkui p {
	font-size:100%;
}
p.info {
	color:#903;
	font-weight:bold;
}
#login_reg {
	margin:15px 0 0 0;
	width: 300px;
    float:right;
}
/* --------------------------------------------------- データセット---------------------------------------------*/
h2#dataset {
	background:url(images/dataset.png) 0px 9px no-repeat;
}

dl.d_set {
	background: #E2EAF2;
	font-size:14px;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	padding:20px;
	margin: 20px 0 0 0;
	}
	
dl.d_set dt{
	color:#1d2cb5;
}
dl.d_set dd{
	padding: 5px 0 0 10px;
}
dl.d_set table{
	width:600px;
	margin: 0 auto;
	font-size: 13px;
	background:#fff;
}
dl.d_set table th{
	background: #333;
	color: #fff;
}
dl.d_set table td.cnt{
  text-align:center;
}
dl.d_set table.wide td {
  border:1px solid #E0E5F0;
}
dl.d_set table.wide{
  width:850px;
  margin-bottom: 5px;
}
dl.d_set table.mediWide{
  width:830px;
  margin-bottom: 5px;
}
dl.d_set table caption{
  font-weight: bold;
}
.citation{
  margin-top:15px;
}
/* --------------------------------------------------- データの利用について---------------------------------------------*/
h2#datause {
	background:url(images/datause.png) 0px 12px no-repeat;
}
div.datause {
	width:407px;
	min-height:150px;
	margin: 45px auto 0;
	padding:10px 20px;
	border:solid 1px #0071bc;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	}
div.datause dd {
	margin-left:20px;
	}
ol.datapolicy li {
	margin:15px 0 15px 5px;
}
ol.datapolicy ul li{
	padding: 0 0 0 20px;
	margin: 1em 2em;
	background: url(images/arrow_blue.gif) no-repeat 0px 4px;
}

/* ------------------------------------------ギャラリー---------------------------------------------*/
h2#gallery {
	background:url(images/gallery.png) 0px 15px no-repeat;
}
p.operator {
	text-align:center;
}



/* --------------------------------------------------- 研究成果---------------------------------------------*/

h2#reserach {
	background:url(images/research.png) 0px 12px no-repeat;
}
ul#research_list li{
	margin:20px;
	float:left;
}
#research dd {
	line-height:2;
}
ul#soon {
	margin: 15px 0 0 0 ;
	padding:10px 20px;
	border:solid 1px #F00;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
}
ul#soon li {
	margin:10px 10px 10px 0;
	padding-left:30px;
	background:url(images/arrow_red.gif) no-repeat 0px 3px;
	font-size:14px;
	}

ul.past {
	padding:10px 20px;

}
ul.past li {
	margin:10px 10px 10px 0;
	padding-left:30px;
	background:url(images/arrow_blue.gif) no-repeat 0px 3px;
	font-size:14px;
	}
/* --------------------------------------------------- faqs---------------------------------------------*/
h2#faqs {
	background:url(images/faqs.png) 5px 8px no-repeat;
}

/* --------------------------------------------------- リンク---------------------------------------------*/	
h2#link {
	background:url(images/link.png) 5px 8px no-repeat;
}

.link_g {
	overflow:hidden;
	margin-top:10px;
}

ul.link_list li {
	margin:10px 10px 10px 0;
	padding-left:30px;
	background:url(images/arrow_blue.gif) no-repeat 0px 3px;
	font-size:14px;
	}

ul.link_list li.li_g {
	background:unset;
}
	
/* --------------------------------------------------- footer ---------------------------------------------------*/

.relative {
    position: relative;
}
.absolute {
	overflow:hidden;
	width:100px;
    position: absolute;
	right: -100px;
    bottom: -60px;
}
/* -----------------------  戻るリンク  -------------------------*/
#back_top{
	clear:both;
	height:30px;
	width: 940px;
	margin:0 auto;
	padding: 20px 0px 0px 0px;
	text-align: right;
}
#back {
	margin: 0px 20px 8px 0px;
	font-size: 93%;
}
/* -----------------------  戻るリンク  -------------------------*/

#footer {
	min-width: 1000px;
	height:60px;
	clear: both;
	background: #10264c;
}
.footer {
	width: 940px;
	height:60px;
	margin: 0 auto;
	padding:0;
}
.footer p {
	padding: 10px 0px 0px 0px;
	margin-bottom:0px;
	font-size: 93%;  /* 12px */
	text-align: left;
	color: #ffffff;
}
.footer p a { color: #ffffff; }
#footer_img{ float:left;padding-top:10px; }
#copyright {width: 330px;float:right; margin-top:10px;}
#argo_img {
	width:100px;
	height:100px;
	float:right;
	display:block;
}
/* --------------------------------------------------- footer ---------------------------------------------------*/


/* ---------------------------------------------------  大枠  ----------------------------------------------------*/
#contents {
	margin:auto;
	background: #47A4DC url(images/bg_wrapper.jpg) repeat-x;
}
#wrapper_back {
	background:url(images/earth_back.png);
}

#site_main {
	/* width: 950px;*/
	background: #fff;
	
}

#sm_content {
	width:940px;
	margin: auto;
}

/* ---------------------------------------------------  大枠  ----------------------------------------------------*/


/* --------------------------------------------------  タイトル  --------------------------------------------------*/
/* 

*/

h4.title_1 {
	background:url(images/t1_bottom.png) no-repeat 0 bottom;
	padding:18px 0 15px 0px;
	margin-bottom:20px;
}
.h3_title {
	height: 40px;
	/* background:#D9E7F9;  */
	margin:15px 0 0 0;
	padding: 15px 0 0 40px;
	background: #DDE8F2 url(images/h3_t1.gif) 5px 8px no-repeat;
}
.h3_title2 {/*  データベースタイトル 追加  */
	height: 40px;
	/* background:#D9E7F9;  */
	margin:15px 0 0 0;
	padding: 15px 0 0 40px;
	background: #DDE8F2 url(images/h3_t2.gif) 5px 8px no-repeat;
}
/* --------------------------------------------------  タイトル  --------------------------------------------------*/







/* ----------------------------------------------  MOAA・MILAについて  -----------------------------------------------*/
#l_nunnkui {
	width: 200px;
	min-height:242px;
	background: #edf2f5;
	border-top: 1px solid #cac8c8;
	border-bottom: 1px solid #b1b1b1;
	border-right: 1px solid #b1b1b1;
	border-left: 1px solid #b1b1b1;
	padding-top: 5px;
	margin-bottom: 15px;
}


#discript {
	margin: 0 auto;
	width:940px;/* 追加*/
	overflow:hidden;
	padding: 20px 0;
}
#dis_title {/* 追加*/
	width: 940px;
}
#dis_contents {
	float:left;
	width:480px;
	margin:5px 0 15px 0 ;
}


#dis_contents2 {/* 追加*/
	float:left;
	width:430px;
	margin: 0 0 0 30px;
}

/* ----------------------------------------------  MOAA・MILAについて 　------------------------------------------------*/








/* ------------------------------------------------  パンくず  -----------------------------------------------------*/
#breadcrambles {
	width:940px;
	margin:0px auto;
	padding:10px 0 10px 0;
	border-bottom: 1px solid #ccc;
}



/* ------------------------------------------------  最新情報  -----------------------------------------------------*/
.b_gotolist {width:80px;height:30px;float:right;}

/* --------------------------  お知らせ  -----------------------------*/
#topics {
	/* border-top:3px solid #6EC4F9;*/}

.news {
	/* width: 658px;*/
	color:#1b1464;
	padding:0px 0px 0px 45px;
	
}

#news_top {
	background:url(images/new_icon.png) no-repeat 0px 0px;
}

.news dt {
	font-size:105%;
	width: 95px;
	height: 19px;
	margin:0px 0px 5px 2px;
	padding:1px 0px 0px 6px;
	float: left;
}
.news dd {
	font-size:95%;
	width: 700px;
	margin:0px 0px 10px 120px;
}
.n_site {
	width: 650px;
	/* width: 550px;*/
	height: 18px;
	margin:0px 12px 6px 0px;
	padding: 2px 0px 0 6px;
	background: #edf2f5;
	font-weight: bold;
	color:#454545;
}
.n_title {
	width: 650px;
	/* width: 550px;*/
	padding-bottom: 8px;
	margin-left: 6px;
}
.n_update {
	margin:0px 0px 6px 2px;
	font-weight: normal;
	line-height:1.8;
}

.n_site a {color:#454545;}
.n_site a:hover {color: #028ffc;}

/* ------------- データの利用について・お問い合わせ -------------------*/
.under_box {
	min-height:135px;
	float:left;
	margin: 25px 0 0 0;
	padding:10px 20px;
	border:solid 1px #0071bc;
	width:407px;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */

}
.under_box p, .under_box2 p {
    padding-top: 10px;
}

#foruse {
	float:left;
	width:350px;
	height:28px;
	background:url(images/data_icon.png) no-repeat;
	padding: 2px 0 0 40px;
}
.under_box2 {
	min-height:135px;
	float:right;
	margin: 25px 0 0 0;
	padding:10px 20px;
	border:solid 1px #0071bc;
	width:407px;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
}
#contact_us {
	height:28px;
	background:url(images/mail_icon.png) no-repeat;
	padding: 2px 0 0 40px;
}

#adress_img {
	margin: 8px 0 0 20px;
	width:300px;
  background:url(images/mailadress.png) no-repeat right 10px;
}

/* ------------- 利用上の注意 -------------------*/
h2#qualityissues{
	padding: 15px 0 0 15px;
}
.qualityissues_details{
	padding: 0 15px 0 20px;
}
.qualityissues_details li{
	margin: 20px 0;
}
.qualityissues_details p{
	font-size:131%;
	position: relative;
	margin-bottom: 5px;
}
.qualityissues_details p:before{
	content: '';
	position: absolute;
	width: 6px;
	height: 6px;
	background-color: #424253;
	top: 0;
	bottom: 0;
	left: -20px;
	margin: auto;
	border-radius: 50%;
}

/* ------------- TOPページ -------------------*/

img#fora_image{
  width:430px;
  height:185px:
}
