/*----------------------------------------------------------------------------
******************************************************************************
Layout
******************************************************************************
----------------------------------------------------------------------------*/
/* ==== Base === */
body {
	background: #fcfcfc;
	line-height: 1.8;
}
.layout {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
/* ==== Background === */
#wrap {
	background: url(../images/wrap_bg.jpg) repeat-x;
}
/* ==== Header === */
#hd {
	height: 90px;
	position: relative;
	/*background: url(../images/hd_bg.jpg) no-repeat;*/
}
#jp {
	position: absolute;
	top: 10px;
	right: 10px;
	background: url(../images/en.jpg) no-repeat;
}
#jp img:hover {
	opacity: 0;
}

/* ==== Navigation === */
#nav {
	height: 55px;
	background: url(../images/nav_bg.jpg) no-repeat;
}
#nav ul {
}
#nav li {
	float: left;
}
#nav a img.current {
	opacity: 0;
	filter: alpha(Opacity=0);
}
/* ==== Content === */
#con {
}
#sidenav {
	width: 220px;
	float: left;
	margin-top: 20px;
	background: #FF0004;
}
#sidenav ul {
	padding: 0px;
}
#sidenav li {
}
#sidenav li a {
	width: 220px;
	box-sizing: border-box;
	height: auto;
	padding: 12px 5px 5px 23px;
	display: block;
	text-decoration: none;
	background: url(../images/sidenav_icon.png) no-repeat 6px 16px;
	font-size: 12px;
	color: #333333;
	border-bottom: dotted 1px #CCC;
}
#main {
	width: 960px;
	margin-top: 20px;
}
/* ol,ul */
#main ol, #main ul {
	padding: 5px 0px 5px 25px;
}
#main ul {
	list-style-type: disc;
}
#main ol li, #main ul li {
	padding: 5px 0px;
}
/* table */
#main table {
	margin: 10px 0px;
}
#main table th, #main table td {
	padding: 5px;
}
/* img */
#main a img {
	display: inline-block;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
#main a img:hover, .shrink:focus, .shrink:active {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}
/* ==== Footer === */
#ft {
	margin-top: 35px;
	padding-top: 35px;
	padding-bottom: 35px;
	text-align: center;
	background: #356A9E;
	color: white;
}
/*----------------------------------------------------------------------------
******************************************************************************
Head
******************************************************************************
----------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
}
h1 {
	position: absolute;
	top: 5px;
	left: 0px;
}
h2 {
	margin: 0 0 0.8em 0;
	font-size: 2em;
	font-weight: normal;
	color: #0C2749;
	height: 80px;
	padding: .58em 0 0 2.4em;
	background: url(../images/h2_bg.jpg) left center no-repeat;
}
h3 {
	margin: 0.8em 0 0.4em 0;
	font-size: 1.3em;
	font-weight: normal;
	height: auto;
	color: white;
	padding: 0.3em 0 0.3em 1.2em;
	background: #356A9E;
}
h4 {
	margin: 0.2em 0 0.4em 0;
	font-size: 1.12em;
	font-weight: normal;
	height: auto;
	color: white;
	padding: 0.2em 0 0.2em 1.2em;
	background: #4987C2;
}
h5 {
	font-size: 1.1em;
	margin: 10px 0px;
}
h1.img, h2.img, h3.img, h4.img, h5.img, h6.img {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
}
/*----------------------------------------------------------------------------
******************************************************************************
Original
******************************************************************************
----------------------------------------------------------------------------*/
figcaption {
	margin-top: .4em;
	line-height: 1.2em;
}
/* ==== Index === */
#rss {
	background:#356A9E url(../images/rss.png) no-repeat center right 10px;
}
#i_img {
	overflow: hidden;
	width: 960px;
	margin:20px auto 0;
}
#i_img figure:nth-child(3n-2) {
	margin-left: 20px;
}
#i_img figure {
	float: left;
	margin-right: 10px;
}
#i_img figcaption {
	height: 4em;
	text-align: center;
}
#i_main {
	position: relative;
	padding-top: 1px;
}
#i_main:before {
	position: absolute;
	top: 1px;
	left: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #e8e8e8;
	border-top: 1px solid #fff;	
}
#i_copy {
	display:block;
	text-align: justify;
	margin: 20px auto;
	width: 49em;
}
#i_copy p {
	font-size: 1.2em;	
}
#i_field {
	border-collapse: separate;
	color: #fff;
	font-size: 1.2em;
	line-height: 3em;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
	margin:0 auto 35px;
	width:41em;
}
#i_field th {
	border-bottom: .3em solid #fff; 
	font-weight: normal;
	text-align: center;
	position: relative;
	width: 8em;
}
#i_field td {
	border-bottom: .3em solid #fff; 
}
.field th {
	background: #356A9E;
}
.keyword th {
	background: #ABACB5;
}
.field th:before {
	border: 1.5em solid transparent;
	border-left: 1.5em solid #356A9E;
	content: "";
	position: absolute;
	top: 0;
	right: -3em;
}
.keyword th:after {
	border: 3.2em solid transparent;
	border-left: 1.5em solid #ABACB5;
	content: "";
	position: absolute;
	top: 0;
	right: -4.65em;
}
.field td {
	background: #86A6C5;
	text-align: center;
}
.keyword td {
	background: #eee;
	border-right: .3em solid #fff; 
	color: #214667;
	text-align: center;
	text-shadow: none;
}
.keyword td:nth-of-type(1), .keyword td:nth-of-type(4) {
	width: 9.5em; 
}
.keyword td:nth-of-type(3), .keyword td:nth-of-type(6) {
	border-right: 0 none; 
}
#project tr {
	border-bottom: rgba(0,0,0,0) 25px solid;
	border-top: rgba(0,0,0,0) 15px solid;
}
#project th {
	font-size: 1.1em;
	width: 8em;
	vertical-align: top;
}
#project td {
	display: block;
}
#project dt {
	color: #214667;
	font-weight: 500;
}
#project dt:before {
	border-radius: 50%;
	background: #214667;
	content: "";
	display: inline-block;
	height: .9em;
	width: .9em;
}
#project dd {
	margin: 0 0 1em 1em;
}
.box {
	box-shadow: 0px 1px 3px 1px #ccc;
	margin: -6px 1px 10px 1px;
}
#leftbox {
	float: left;
	width: 460px;
}
#rightbox {
	float: right;
	width: 460px;
}
.box p {
	text-align: justify;
	padding: 15px 20px 20px;
}
.feed {
	height:342px;
	overflow: auto;
}
.feed li {
	border-bottom: 1px dotted #ccc;
	line-height: 1.5em;
	padding:15px 20px;
}
.feed li a {
	display: block;
	margin-left: 1em;
	text-align: justify;
}
.button {
	display: table;
	margin: 0 auto;
	padding-bottom: 20px;
}
.button li {
	margin-bottom: 10px;
}
.button a {
	background: #86A6C5;
	border-radius: 8px;
	box-shadow: 1px 1px 4px 0px rgba(255,255,255,0.75) inset,-1px -1px 4px 0px rgba(0,0,0,0.3) inset;
	color: #fff;
	display: table-cell;
	font-size: 1.5em;
	height: 90px;
	line-height: 1.5em;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	vertical-align:middle;
	width: 360px;
}
.button a[href*="gisnet"] {
	padding-top: 9px
}
.button a.button_txt_small {
	font-size: 1rem;
}
.button li:hover {
	opacity: 0.7;
}
.button span {
	display: block;
	font-size: .62em;
	line-height: 1.2em;
}
/*----pagetop----*/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: .7em;
}
#page-top a {
	background: #4987C2;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 20px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
}