/*-------------------------------------------------------

common.css

-------------------------------------------------------*/
body {
	background-color: #FFFFFF;
	color: #000000;
	line-height: 140%;
	margin:0 auto;
	width:900px
}

.base_txt {
	line-height: 175%;
	margin-left:20px;
	margin-bottom:20px;
	font-size:95%;
}

.base_txt ol {
	margin-left:25px;
}
.base_txt ul {
	margin-left:25px;
}

table.drawing{
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	border-collapse: collapse;
	background-color: #FFFFFF;
	empty-cells: show;
	line-height: 1.2em;
	text-align: center;
}

th.headerDesign{
	background-color: #B0E4E5;
}

th,td.cell {
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #3BAFB2;
}

div.header {display: table; margin-bottom: 0px}
	#title_logo {float:left; width:530px; height:85px; background-image: url("000000001.gif"); background-repeat: no-repeat; background-position: left center;}
	#title_date {float:right; text-align:right; width:370px; height:85px; font-size:90%; valign:top;} 

div.iframeMap {margin-top: px; margin-bottom:0px}
	#textRight {text-align: right;}

div.footer {
	width:900px;
	background-color:#FFFFFF;
	margin-top:0px;
	text-align:center;
	font-size:90%;
}

div.outer {display: table;}
    #Q {float:left; width:50px; margin-bottom:3px; margin-top:3px; color:#4169e1; font-weight: bold;}
    #A {float:left; width:50px; text-align:left; margin-bottom:5px; margin-top:5px; font-weight: bold;}
    #box_Q {float:right; text-align:left; margin-bottom:3px; margin-top:3px; color:#4169e1; font-weight: bold;}
    #box_A {float:right; text-align:left; margin-bottom:3px; margin-top:3px;}
    #I {float:left; width:50px; text-align:left; margin-bottom:5px; margin-top:5px;}
    #box_I {float:right; text-align:left; width:825px; margin-bottom:3px; margin-top:3px;}
    
/*-------------------------------------------------------

構成要素

-------------------------------------------------------*/
body,table,td,font,textarea,select,input {font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;}

* {
	margin: 0;
	padding: 0;
}

form {
	margin: 0px;
	padding: 0px;
}
img {
	border: 0;
}

a img { border: none; }

h2,h3,h4 { font-size: 100%; }

table td { vertical-align: top; }

/* リンクタグ設定 */
a:link {color:#0000ff;text-decoration:underline;}		/* 未訪問のアンカー */
a:visited {color:#800080;text-decoration:underline;}	/* 訪問済みのアンカー */
a:hover {color:#800080;text-decoration:none;}			/* マウスが通過しているアンカー */
a:active {color:#800080;text-decoration:underline;}		/* 選択中のアンカー */
a[name]:hover {color:#000000;text-decoration:none;}

/* 回り込み解除 */
.clear_both { clear: both; }
.clearfix:after {
content: '';
display: table;
clear: both;
}

/* ポジション */
.position_center { text-align: center; }
.position_right { text-align: right; }


/* ページトップへ（固定版） */
.page_top { text-align: right; margin-top: 25px; font-size: 80%; }
.page_top a {
	padding: 0 0 0 13px;
	background: url(http://www.gsi.go.jp/common/000000033.gif) no-repeat 0 0.5em;
	background: url(./go_to_top.gif) no-repeat 0 0.5em;
}

/* ページトップへ（追従版） */
.page-top {
	display: none ;
	position: fixed ;
	right: 15px ;
	bottom: 5px ;
	cursor: pointer ;
}


/*-------------------------------------------------------

コンテンツエリア

-------------------------------------------------------*/

div#wrapper {
	width: 100%;
 	margin:0 auto;
 	text-align:left;
}

div#container {
	padding: 0px 30px 0px;
}

/* タイトル */
.h1_titleBox {
	border-bottom: solid 4px #3b7097;
	padding-bottom: 1px;
	margin-bottom: 20px;
}

h1.h1_normal {
	background: url(./h1_right.gif) repeat-y right 0px;
	border-top: solid 1px #d7d7d7;
	border-bottom: solid 1px #d7d7d7;
	padding: 0 10px;
	font-size: 120%;
	color: #002647;
}

h1.h1_normal span {
	display: block;
	padding: 8px 0 2px 22px;
	background: url(./h1_left.gif) no-repeat 0 5px;
}

h2.h2_normal {
	border-left: solid 3px #3b7097;
	padding: 3px 3px 2px 10px;
	color: #002647;
	font-size: 100%;
}

.h2_titleBox {
	background: #f7fafc url(./h2.gif) repeat-x 0 0;
	border: 1px solid #d7d7d7;
	margin:0 0 10px;
	padding: 2px;
}

h2.h2_index {
	background-color: #cfdfea;
	color: #002647;
	padding: 5px 10px;
	font-weight: bold;
}

h3.h3_normal {
	border-left: solid 2px #3b7097;
	padding: 2px 3px 2px 8px;
	color: #002647;
	font-size: 100%;

}

.h3_titleBox {
	border-bottom: solid 1px #d7d7d7;
	margin:0 0 10px 10px;
	padding-bottom: 3px;
}

h4.h4_normal {
	padding: 10px 0px 0px 0px;
	color: #002647;
}

/* 新着情報 */

.news {
	border: 1px solid #d7d7d7;
	height: 80px;
	overflow-y:scroll;
	padding: 8px;
	margin:0px 0px 10px ;
	font-size: 85%;
	line-height: 25px;
}

.news_titleBox {
	background: #f7fafc url(./h2.gif) repeat-x 0 0;
	border: 1px solid #d7d7d7;
	padding: 2px;
	font-weight: bold;
}

/* 非表示要素 */

.hidden {
	background-color: azure;
	padding: 0px 15px 0px;
}

/* アイコン */

img {
	vertical-align: middle;
}
img.top{
	vertical-align: top;
}

.word{ 
	background-image: url("word.jpg");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	margin-left: 3px;
	}

.excel{
	background-image: url("excel.jpg");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	margin-left: 3px;
	}

.pdf{
	background-image: url("pdf.jpg");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	margin-left: 3px;
	}

.link{
	background-image: url("link.jpg");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	margin-left: 3px;
	}

.link_u{
	background-image: url("link_u.jpg");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	margin-left: 3px;
	}

.ppt{
	background-image: url("ppt.jpg");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	margin-left: 3px;
	}

.zip{
	background-image: url("zip.jpg");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	margin-left: 3px;
	}

.lzh{
	background-image: url("lzh.jpg");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	margin-left: 3px;
	}

.exe{
	background-image: url("exe.jpg");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	margin-left: 3px;
	}

.null{
	background-image: url("null.jpg");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	margin-left: 3px;
	}

.mark{
	background-image: url("mark.bmp");
	background-repeat: no-repeat;
	background-position: left center;
	padding-right: 20px;
	margin-right: 10px;
	}

hr{
	margin-top: 3px;
	margin-bottom: 8px;
	}

p{
	padding-bottom: 3px;
	}
	

.hosoku{
	font-size: 90%;
	}
#strong {
	font-weight: bold;
	}
#u_line {
	text-decoration: underline;
	}

/*-------------------------------------------------------

ヘッダーエリア

-------------------------------------------------------*/
#headerArea {
	width: 100%;
	height: 85px;
	position: relative;
	padding-bottom: 7px;
	overflow: hidden;
	text-align: center;
}
#headerArea .logo {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

#headerArea .header_navi {
	float: right;
	width: 400px;
	height: 85px;
	font-size: 13px;
	line-height: 1.4;
	position: relative;
}

#pankuzu {
	clear: both;
	padding: 0 30px;
	display: table;
	font-size: 80%;
	margin-bottom: 10px
}

/*-------------------------------------------------------

フッターエリア

-------------------------------------------------------*/
#address {
	border-top: solid 1px #c8c8c8;
	padding: 5px 0px;
	margin-bottom: 5px;
	text-align: center;
}

#copyright {
	border-top: solid 1px #c8c8c8;
	padding-top: 15px;
	text-align: center;
	margin: 25px 0px 5px;
}
.kotu {
	margin: 12px 0px -8px 5px;
}


/*------------------------------------------------------

キャプション付き画像を横向きに並べて配置する

-------------------------------------------------------*/
div.imagebox {
	border: 1px dashed #ffffff; /* 枠線 */
	background-color: #ffffff;  /* 背景色 */
	width: 310px;               /* 横幅 */
	float: left;                /* 左に配置 */
	margin: 5px;                /* 周囲の余白 */
}
p.image, p.caption {
	text-align: center; /* 中央寄せ */
	margin: 5px;        /* 余白・間隔 */
}
p.caption {
	font-size: 80%;     /* 文字サイズ */
	color: #000000;    /* 文字色 */
}

p.exp {
	clear: left;       /* 回り込みを解除 */
}


/*-------------------------------------------------------

maps.gsi.go.jp 向け 追加クラス

-------------------------------------------------------*/
.source {
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
	font-weight: normal;
	line-height: 1.5em;
	text-align: left;
	background-color: #deeaf6;
	border-right: 1px solid #d6d6d6;
	border-left: 4px solid #039;
	border-top: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	padding-left: 10px;
	width: 900px;
}
table.tb1{
	border-top:1px solid #663300;
	border-left:1px solid #663300;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
}
.tb1 th{
	border-right:1px solid #663300;
	border-bottom:1px solid #663300;
	color:#330000;
	background-color:#CCFFCC;
	background-position:left top;
	padding:0.3em 1em;
	text-align:center;
}
.tb1 td{
	border-right:1px solid #663300;
	border-bottom:1px solid #663300;
	padding:0.3em 1em;
}

/* タイル一覧用 tb2…基本測量成果、tb3…それ以外 */
table.tb2{
	border-top:1px solid #663300;
	border-left:1px solid #663300;
	border-collapse:collapse;
	border-spacing:0;
	font-size:90%;
	background-color:#D2FFB2;
	empty-cells:show;
	width:900px;
}
.tb2 td{
	border-right:1px solid #663300;
	border-bottom:1px solid #663300;
	vertical-align:middle;
}
table.tb3{
	border-top:1px solid #663300;
	border-left:1px solid #663300;
	border-collapse:collapse;
	border-spacing:0;
	font-size:90%;
	background-color:#ffffe0;
	empty-cells:show;
	width:900px;
}
.tb3 td{
	border-right:1px solid #663300;
	border-bottom:1px solid #663300;
	vertical-align:middle;
}

/* 講演資料一覧表用 */
table.tb4{
	border-top:1px solid #663300;
	border-left:1px solid #663300;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
	line-height: 1.2em;
}
.tb4 th{
	border-right:1px solid #663300;
	border-bottom:1px solid #663300;
	color:#330000;
	background-color:#CCFFCC;
	background-position:left top;
	padding:0.3em 1em;
	text-align:center;
}
.tb4 td{
	border-right:1px solid #663300;
	border-bottom:1px solid #663300;
	padding:0.3em 1em;
}

.titletd{  /* タイルIDのtdタグに適用 */
	width:100px;
}
.tiletd{  /* タイル画像のtdタグに適用 */
	width:180px;
}
.tileimg{  /* タイル画像のimgタグに適用 */
	width:180px;
}

/* 縦幅が狭い表を作る（タイルアクセスランキング用） */
.narrow{
	line-height: 1.2em;
}

/* アンダーラインを引く */
.ul{
	text-decoration:underline
}

/* index.cssより */
div#wrapper {
	min-width: 780px;
}