@charset "utf-8";

/* --- ジオイド説明用 --- */
div.menu h2 {
	padding: 10px 10px 10px 20px;
	background-color: #beddff;
	border-bottom: 4px solid #ccc;
}

.box2 {
margin:20px 30px 20px 30px; /* boxのマージン（上右下左） */
padding: 15px 10px 15px 10px; /* boxのパディング（上右下左） */
width: 800px;
height: 250px;
background-color: #f6f6f6;
line-height:160%;
}



/* --- 左テキスト、右画像 --- */
img.migi {
	float: right;
	/*margin-left: 2em;
	margin-bottom: 1em;*/
	border:0 ;
	width: 400px;
	margin: 0 20px 20px;
}
.floatRightCenter { float:right; text-align:center;}

/* --- 横並びBOX --- */
.box {
margin:20px 30px 20px 30px; /* boxのマージン（上右下左） */
padding: 15px 10px 15px 10px; /* boxのパディング（上右下左） */
width: 220px;
background-color: #beddff;
text-align: center;
line-height:200%;
	float: left;
}

div.boxContainer {
	overflow: hidden;
}

/* clearfix */
.boxContainer:before,
.boxContainer:after {
    content: "";
    display: table;
}
 
.boxContainer:after {
    clear: both;
}
 



/*
	更新情報エリア
----------------------------------------- */
div.update2 {
width: 928px; /* 新着情報エリアの幅 */
margin-left:auto;
margin-right:auto;
margin-top:40px;
margin-bottom:40px;
}

/* --- 見出し --- */
div.update2 h3 {
margin: 20px 0 10px 0; /* 見出しのマージン（上右下左） */
padding: 3px 0 3px 10px; /* 見出しのパディング（上右下左） */
border-left: 6px solid #ccc;
border-bottom: 1px solid #ccc;
font-size: 1em;
}

/* --- 新着リスト --- */
div.update2 dl {
overflow: hidden;
zoom: 1;
margin: 20px 0 40px 32px;  /* 新着リストマージン（上右下左） */
/*background-color: #f9f9f9; /* 新着リストの背景色 */
/*border-top: 1px #c0c0c0 dotted;  /* 新着リストの上境界線 */
border-bottom: 1px #c0c0c0 dotted;  /* 新着リストの下境界線 */
}

/* --- 日付エリア --- */
div.update2 dt {
width: 100px; /* 日付エリアの幅 */
float: left;
clear: both;
padding: 10px 10px 10px 10px; /* 日付エリアのパディング（上右下左） */
line-height: 150%;
font-size: 0.9em;
}

/* --- 本文エリア --- */
div.update2 dd {
margin: 0;
padding: 10px 3px 10px 120px; /* 本文エリアのパディング（上右下左） */
border-bottom: 1px #c0c0c0 dotted; /* 本文エリアの下境界線 */
line-height: 150%;
font-size: 0.9em;
}
div.update2 .koumoku {
font-size:1.2em;
font-weight:bold;
}
div.update2 p.indent2clm {
padding-left:3em; text-indent:-1em;
margin:0;
}

/*
	FAQ
----------------------------------------- */
div.faq {
width: 928px; /* faqエリアの幅 */
margin-right: auto;
margin-left: auto;
margin-top:40px;
margin-bottom:40px;
}
div.faq h2 {
margin: 20px 0 10px 0; /* 見出しのマージン（上右下左） */
padding: 3px 0 3px 10px; /* 見出しのパディング（上右下左） */
font-size: 1.4em;
}

div.faq h3 {
margin: 20px 0 10px 0; /* 見出しのマージン（上右下左） */
padding: 3px 0 3px 10px; /* 見出しのパディング（上右下左） */
border-left: 6px solid #ccc;
border-bottom: 1px solid #ccc;
font-size: 1em;
}

dl.faq {
width:100%;
padding-left:40px;
line-height:1.6;
overflow: hidden;
_zoom: 1;
}

dt.faq {
background:url(../image/question.png) no-repeat;
margin-top: 5px;
padding-left:34px;
cursor: pointer;
}

dt.faq:hover {
text-decoration: underline;
}


dd.faq {
background: url(../image/answer.png) no-repeat ;
margin: 15px 0 -1px 0;
padding: 0 20px 15px 34px;
display: none;
}


/* --- ロゴ画像の配置 ---
.relative {  
position: relative;
}

.absolute-0 {
position: absolute;
top: -80px;
left: 0px;
}
*/
h1#titlePict { margin:0;}

/* --- サイト全体の設定 --- */
body {
margin:0;
overflow:auto;
font-size: 1em;
font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
input {
	font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	cursor:pointer;
}

#header {
width:1000px ;
margin-left:auto;
margin-right:auto;
}

div.copyright{
text-align:center;
font-size:0.75em;
}

#footerLine {
	color:#C0C0C0;
	width:1000px;
}
.skiplink {position:absolute;left:-9999px;}
a[href^="http"]:after{
	content: url(../image/linkblank.png);
	vertical-align: middle;
	margin: 0 2px;
}
.fontL { font-size:1.2em; }
.fontLL { font-size:1.4em; }
.fontS { font-size:0.8em; }
.liStyleKome li { list-style:none; }
.liStyleKome li:before { content:"※" }

/* --- ページトップへボタン --- */
p.pagetop{margin:0; }
.pagetop{
	position:fixed;
	bottom:-40px;
	right:10px;
	opacity:0.6;
	-moz-opacity:0.6;
	filter:alpha(opacity=60); /* ie6.7 */
	-ms-filter:"alpha(opacity=60)"; /* ie 8 */
	z-index:10000;
}
.pagetop a{
	display:block;
	width:60px;
	height:40px;
	background-color:#555;
	border-radius:8px 8px 0 0;
	text-align:center;
	color:#fff;
	font-size:150%;
	text-decoration:none;
	line-height:40px;
}


/* --- DLファイル種別選択ボタン --- */
.button {
	width: 150px;
	height: 35px;
	text-align: center;
	text-decoration: none;
	line-height: 30px;
	outline: none;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
	display:block;
	font-size:1em;
	border: 1px solid #006699;
	background-color: #006699;
	background-image: -webkit-linear-gradient(top, #0099CC, #006699);
	background-image: linear-gradient(to bottom, #0099CC, #006699);
	border-radius: 4px;
	color: #fff;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button:hover {
	border:1px solid #1090c3;
	background-color: #1ab0ec;
	background-image: -webkit-linear-gradient(top, #1ab0ec, #1a92c2);
	background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2);
}
.button:active {
	background: #1a92c2;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
	color: #1679a1;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
}



/*
	menu本文エリア
----------------------------------------- */

div.menu {
width: 928px; /* menuエリアの幅 */
margin-right: auto;
margin-left: auto;
margin-top:40px;
margin-bottom:40px;
}

div.menu h3 {
margin: 20px 0 10px 0; /* 見出しのマージン（上右下左） */
padding: 3px 0 3px 10px; /* 見出しのパディング（上右下左） */
border-left: 6px solid #ccc;
border-bottom: 1px solid #ccc;
font-size: 1em;
}


div.menu dl {
margin:40px 0 40px 0; /* dlのマージン（上右下左） */
padding: 15px 0 15px 60px; /* dlのパディング（上右下左） */
line-height: 140%;
background-color: #f6f6f6;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
width: 800px; /* dlエリアの幅 */
margin-right: auto;
margin-left: auto;
}

div.menu dt {
margin: 0;
padding: 5px 3px 0px 0; /* dtのパディング（上右下左） */
font-size: 1.1em;
cursor: pointer;
}



div.menu dd {
margin: 0;
padding: 3px 30px 3px 15px; /* ddのパディング（上右下左） */
font-size: 0.8em;
display: none;
}


div.text1 {
padding: 10px 0px 0px 40px; /* 本文エリアのパディング（上右下左） */
line-height: 160%;
font-size: 1em;
}

div.text2, table.text2 td {
padding: 10px 0px 0px 40px; /* 本文エリアのパディング（上右下左） */
line-height: 200%;
font-size: 0.8em;
}



/*
	新着情報エリア
----------------------------------------- */
div.update {
width: 928px; /* 新着情報エリアの幅 */
margin-left:auto;
margin-right:auto;
margin-top:40px;
margin-bottom:40px;
}

/* --- 見出し --- */
div.update h3 {
margin: 20px 0 10px 0; /* 見出しのマージン（上右下左） */
padding: 3px 0 3px 10px; /* 見出しのパディング（上右下左） */
border-left: 6px solid #ccc;
border-bottom: 1px solid #ccc;
font-size: 1em;
}

/* --- 新着リスト --- */
div.update dl {
/* height: 100px; /* 新着リストの高さ */
/* overflow: auto; */
margin: 20px 0 40px 32px;  /* 新着リストマージン（上右下左） */
/* background-color: #f9f9f9; /* 新着リストの背景色 */
/* border-top: 1px #c0c0c0 dotted;  /* 新着リストの上境界線 */
/* border-bottom: 1px #c0c0c0 dotted;  /* 新着リストの下境界線 */
}

/* --- 日付エリア --- */
div.update dt {
width: 6.7em; /* 日付エリアの幅 */
float: left;
padding: 7px 0 6px 10px; /* 日付エリアのパディング（上右下左） */
line-height: 120%;
font-size: 0.8em;
}

/* --- 本文エリア --- */
div.update dd {
margin: 0;
padding: 7px 3px 6px 0; /* 本文エリアのパディング（上右下左） */
/* border-bottom: 1px #c0c0c0 dotted; /* 本文エリアの下境界線 */
line-height: 120%;
font-size: 0.8em;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}


/* --- フッタナビゲーション --- */
div.footerNav {
font-size: 0.8em;
margin-bottom:5px;
}

/* --- メニューエリア --- */
div.footerNav ul.nl {
margin: 0;
padding: 0;
list-style-type: none;
text-align: right; 
width: 1000px;
}

/* --- メニュー項目 --- */
div.footerNav ul.nl li {
margin: 0 4px; /* 項目のパディング（上下、左右） */
display: inline;
}


/* --- ナビゲーションバー --- */
div.nav {
width: 1000px; /* ナビゲーションの幅 */
background: #004080 url(../image/hor2_menu2_off.gif) repeat-x top; /* ナビゲーションの背景 */
border: 1px #002448 solid;
font-size: 1em;
}

/* --- メニューエリア --- */
div.nav ul.nl {
width: 1000px; /* メニューの幅 */
margin: 0;
padding: 1px 0; /* メニューのパディング（上下、左右） */
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
div.nav ul.nl li {
float: left;
}

/* --- 項目の幅（emで指定） --- */
div.nav ul.nl li.item1 {
width: 100px;
font-size: 0.8em;
}

/* div.nav ul.nl li.item2 {
width: 8em;
}
div.nav ul.nl li.item3 {
width: 8em;
}
div.nav ul.nl li.item4 {
width: 8em;
}
div.nav ul.nl li.item5 {
width: 8em;
} */

/* --- リンク --- */
div.nav ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 5px 5px; /* リンクエリアのパディング（上下、左右） */
border-right: 1px #004080 solid; /* リンクエリアの右境界線 */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- リンクテキストの色 --- */
div.nav ul.nl li a:link,
div.nav ul.nl li a:visited,
div.nav ul.nl li a:hover,
div.nav ul.nl li a:active
{
color: #ffffff;
}
/* --- ポイント時の設定 --- */
div.nav ul.nl li a:hover {
background: #004080 url(../image/hor2_menu2_on.gif) repeat-x 0 -1px; /* ポイント時の背景 */
text-decoration: underline; /* テキストの下線（あり） */
}

/*
	ダウンロードファイルリスト
----------------------------------------- */
#mapsLogBt { 
	position: absolute;
    right:40px;
    top:20px;
}
div.dlList { width:1000px; padding:0; margin:auto;}
.dlList #bts1 { }
.dlList #bts2 { margin-top:2em; margin-bottom:0.5em; }
.dlList #bts1 input[type="button"] {
	background: #004080 url(../image/hor2_menu2_off.gif) repeat-x 0 -1px;
	color:#FFF;
	border:1px #002448 solid;
	border-radius:2px;
	padding:3px;
}
table.listTb { font-size:0.9em; }
table.listTb, .listTb td, .listTb th {
	border: solid 1px #666; border-collapse: collapse;
	padding:2px;
}
.listTb th { background:url('../image/dot_gray_back.gif') repeat;}
.listTb .acenter { text-align:center; }
.listTb .widthBunrui { width:10em; }
.loginmsg { font-size:0.7em;}
.dlListInner { padding:2em 40px; }

/*
	GEOダウンロード
----------------------------------------- */
ul.menuDL { list-style:none;margin-bottom:2em;}
.menuDL li { float:left; margin-right:2em;}
ul.menuDL:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
.msgDL { color:#F00;}

/*
	
----------------------------------------- */
.toggleArea, .toggleMrkUp { display:none;}