@charset "utf-8";

@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pc{display:block;}
.sp{display:none;}
.nav-unshown {display:none;}
#nav-drawer{display:none;}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	overflow: hidden;
}
/*
.iconExternal {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding-right: 18px;
	background: url(../images/icon_external.gif) no-repeat right 0em;
	min-height: 14px;
	vertical-align: middle;
	text-indent: 0;
	padding-top: 2px;
}
*/
/*Contents layout
----------------------------------------------------*/
#wrapper{
	height:100%;
	margin:0 auto;
}

section{
	width:100%;
	display:block;
	clear:both;
}

.contents{
	position:relative;
	width:1200px;
	margin:0 auto;
}

section .contents{
	width:1200px;
	margin:0 auto;
}

#wrapper:after,
#wrapper_contents:after,
section:after,
.contents:after,
dl:after{
	visibility: hidden;
	display: block;
	font-size: 0px;
	content: " ";
	clear: both;
	height: 0;
}

/*header
----------------------------------------------------*/
header{
	background:#fff;
	font-family: "Mplus 1p";
}

header .contents{
	position:relative;
	height:110px;
	padding:10px 0 10px 0;
}

header .contents h1.mainTtl{
	position:absolute;
	left:100px;
	top:15px;
	padding-top:0.5em;
	z-index:9;
	font-size:24px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-weight:bold;
}

header .contents a{
	text-decoration:underline;
	color:#000;
}
header .contents a:hover{
	text-decoration:underline;
	transition: all 0.2s ease-out;
}

header .contents h3.subTtl{
	position:absolute;
	left:100px;
	top:52px;
	padding-top:0.5em;
	z-index:9;
	font-size:16px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-weight:bold;
}

header .contents p.ttlCnts{
	position:absolute;
	left:100px;
	top:65px;
	font-size:16px;
}

header .contents h1.suisanTitle{
	font-size:50px;
	font-weight:bold;
	color:#1847f7;
}

header div.rightSide{
	position:absolute;
	bottom:20px;
	right:5px;
	color:#000;
	text-align:right;
	font-size:16px;
}

header .contents h2.mainTtlEng{
	position:absolute;
	left:100px;
	bottom:20px;
	padding-top:0.5em;
	z-index:9;
	font-size:20px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

header .contents h2.mainTtlEng a{
	position: relative;
	display: inline-block;
	text-decoration: none;
	color:#000!important;
}
header .contents h2.mainTtlEng a::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: #000;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .3s;
}
header .contents h2.mainTtlEng a:hover::after {
	transform: scale(1, 1);
}
header .contents h2.subTtlEng{
	position:absolute;
	left:100px;
	top:10px;
	padding-top:0.5em;
	z-index:9;
	font-size:20px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	color:#000;
}

/* ======================================
	hamburgerMenu setting
=======================================*/

.el_humburger {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 50px;
	height: auto;
	padding-top: 1px;
	box-sizing: border-box;
	z-index: 10000;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
	pointer-events: auto;
}
.el_humburger > span {
	display: block;
	width: 100%;
	margin: 0 auto 6px;
	height: 3px;
	background: #000;
	transition: all 0.2s ease-in-out;
}
.el_humburger > span:last-child {
	margin-bottom: 10px;
}
.js_humburgerOpen .el_humburger > span {
	background: #000;
}
.js_humburgerOpen .el_humburger > span.top {
	transform: translateY(9px) rotate(-45deg);
	background:#fff;
}
.js_humburgerOpen .el_humburger > span.middle {
	opacity: 0;
}
.js_humburgerOpen .el_humburger > span.bottom {
	transform: translateY(-9px) rotate(45deg);
	background:#fff;
}

.el_humburgerButton.el_humburgerButton__close {
	top: 2%;
	right: 2%;
}
.el_humburgerButton__close > span {
	display: block;
	width: 50px;
	margin: 0 auto;
	height: 4px;
	background: #fff;
}
.el_humburgerButton__close > span.el_humburgerLineTop {
	transform: translateY(5px) rotate(-45deg);
	background:#fff;
}
.el_humburgerButton__close > span.el_humburgerLineBottom {
	transform: translateY(-6px) rotate(45deg);
	background:#fff;
}
/* ======================================
	modalWindow setting
=======================================*/
.modalWrapper{
	width:100%;
	height:auto;
	margin:0 auto;
	padding: 0 40px 80px 40px;
}
.modalContents{
	width:90%;
	margin:100px;
	padding:0 200px;
	text-align:left;
}
.modalContents h2{
	font-size:30px;
	color:#fff;
	padding:10px;
}
dl.modalList{
	border-bottom:1px dotted #fff;
	padding:20px;
}
dl.modalList dt{
	background:#0510fa;
	padding:10px;
	color:#fff;
	float:left;
	width:200px;
	text-align:center;
}
dl.modalList dd{
	padding:10px;
	color:#fff;
	float:left;
}
dl.modalList dd a{
	color:#fff;
	text-decoration:underline;
}
dl.modalList dd a:hover{
	color:#fff;
	text-decoration:none;
	opacity:1.0;
}
.uq_spNavi {
	display: none;
}
.uq_spNavi.js_appear {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: block;
	z-index: 9999;
}
.uq_spNavi_screen {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.95);
	z-index: 0;
	margin-top: 0px;
	padding-top: 0px;
	overflow : auto;
	-webkit-overflow-scrolling: touch;
}
.navigation {
	margin: 20px;
	text-align: left;
}
.navigation_item {
	font-size: 18px;
	margin-bottom: 20px;
}
.navigation_item > a {
	color: #fff!important;
	text-decoration: none;
}
.js_fixed {
	position: fixed;
	width: 100%;
	height: 100%;
}

/*globaNav
----------------------------------------------------*/
#mddNav {
	width: 100%;
	height: 45px;
	background: #ebebeb;
	border-top: #aaa 1px solid;
	border-bottom: #aaa 1px solid;
	position: relative;
	z-index: 10;
}
#mddNav > ul {
	margin: 0 auto;
	width: 1000px;
	height: 45px;
	text-align: left;
}
#mddNav > ul > li {
	width: 110px;
	height: 45px;
	float: left;
	border-left: #aaa 1px solid;
	box-sizing: border-box;
	font-size:16px;
}
#mddNav > ul > li:last-child {
	border-right: #aaa 1px solid;
}
#mddNav > ul > li > a {
	height: 45px;
	font-weight: bold;
	line-height: 45px;
	display: block;
	text-align: center;
	border: #fff 1px solid;
	transition: all 0.2s linear;
	text-decoration: none;
	color: #333;
}
#mddNav > ul > li:hover > a {
	background:#087642;
	color:#fff;
}
.twoRow{
	line-height: 20px!important;
}
#mddNav li.chgLang{
	border-right:none!important;
	height: 45px;
	font-weight: bold;
	line-height: 45px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #333;
}
#mddNav li.chgLang span.langButton{
	z-index:1;
	color:#fff;
	border-radius:15px;
	background:#087642;
	padding:2px;
	height:30px;
	width:80px;
	line-height:30px;
	text-align:center;
	font-size:14px;
}
#mddNav li.chgLang span.langButton:hover{
	cursor:pointer;
	text-decoration:underline;
}

#contactOpen {
	position: fixed;
	top:23%;
	right: 0px;
	text-align:right!important;
	z-index:1;
	width:80px;
}

/* megadrop setup
----------------------------------------------------*/
#mddNav .mddWrap {
	top: 45px;
	left: 0;
	width: 100%;
	height: 0;
	text-align: center;
	background: #fff;
	background: linear-gradient(to bottom, #fff 0%, #efefef 100%);
	border-bottom: #aaa 1px solid;
	position: absolute;
	z-index: 10;
	overflow: hidden;
	display: none;
	box-shadow: 0 2px 2px #eee;
}
#mddNav .mddWrap .mddInner {
	margin: 0 auto;
	padding-top: 30px;
	width: 1000px;
	height: 100px;
	line-height: 1.0em;
	text-align: left;
}
#mddNav .mddWrap .mddInner > div {
	margin-right: 10px;
	margin-bottom:5px;
	width: 150px;
	height:80px;
	height:auto;
	float: left;
}
#mddNav .mddWrap .mddInner > div:last-child {
	margin-right: 0;
	border-right: none;
}
#mddNav .mddWrap .mddInner > div > ul > li {
	font-size: 0.8em;
	line-height: 1.6em;
	padding-left:1em;
	text-indent:-1em;
}
#mddNav .mddWrap .mddInner > div > ul > li a:link {
	text-decoration: underline;
	
}
#mddNav .mddWrap .mddInner > div > ul > li a:hover {
	text-decoration: none;
}
.mddInner a{
	color:#000;
}
.mddInner a:hover{
	color:#087642;
	opacity:1.0;
}
#mddNav .mddWrap .mddInner p {
	margin-bottom: 20px;
	padding-left: 10px;
	line-height: 1.6em;
	border-left: #000 5px solid;
}
#mddNav .mddWrap .mddInner p strong {
	font-size: 1.1em;
	display: block;
}
#mddNav .mddWrap .mddInner > div span {
	margin-bottom: 5px;
	font-weight: bold;
}
#mddNav .mddWrap .mddInner .dropContent div span {
  margin-bottom: 5px;
  font-weight: bold;
}
.fa-chevron-right {
  margin-right: 0.5em;
  color: #F00;
}

/* clearfix elements
----------------------------------------------------*/
#mddNav > ul {
	*zoom: 1;
}
#mddNav > ul:before {
	content: " ";
	display: table;
}
#mddNav > ul:after {
	content: " ";
	display: table;
	clear: both;
}

/*mordal window
----------------------------------------------------*/
.modal{
	display: none;
	height: 100vh;
	position: fixed;
	top: 0;
	width: 100%;
	z-index:9999;
}
.modal__bg{
	background: rgba(0,0,0,0.8);
	height: 100vh;
	position: absolute;
	width: 100%;

}
.modal__content{
	background: #fff;
	left: 50%;
	padding: 40px;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 60%;
}
.modal__content h2{
	margin-top:10px;
	margin-bottom:20px;
}
.modal__content p{
	margin-bottom:1em;
}
.modal__content dt{
	float:left;
}

/*sec01
----------------------------------------------------*/
#sec01{
	padding: 0;
	color:#000;
}
#sec01 .contents{
	margin:0 auto;
	width:1200px;
	z-index:3;
}
h1.ttl{
	clear:both;
	font-weight:bold;
	margin:0 10px 0 0;
	padding: 0.25em 0;
	color: #333;
	border-bottom: solid 3px #ddd;
	position: relative;
}
h1.ttl:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #333;
	bottom: -3px;
	width: 20%;
}
#sec01 .contents ul{
	margin-top:10px;
}
#sec01 .contents ul li{
	float:left;
}
#sec01 .contents ul li.current{
	font-weight:bold;
}
#sec01 .contents dl{
	margin:10px 0 0 20px;
	width:95%;
	font-size:14px;
}
#sec01 .contents dt{
	margin:0;
	padding:0;
	width: 150px;
	color:#000;
	font-weight:600;
}
#sec01 .contents dd{
	margin:0;
	padding-left:2em;
}
#sec01 .contents dd a{
	text-decoration:underline;
	color:#087642;
}
#sec01 .contents dd a:hover{
	text-decoration:underline;
	color:#087642;
	transition: all 0.2s ease-out;
}
#sec01 .contents h2{
	margin:1em 0 1em 0;
}
#sec01 p{
	margin-bottom:1.2em;
	font-size:16px;
	padding:10px;
}
.bg-slider {
	position:relative;
	width: 100%;
	height: 380px;
	background-position:center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bg-slider__title{
	color: #fff;
	font-size: 50px;
	line-height: 1.5;
	font-weight: bold;
	text-align:left;
	text-shadow: 1px 1px 1px #000;
	padding:30px 10px 30px 10px;
}
.curLink{
	width:15%;
	padding:8px;
	border-radius:20px;
	background:#087642;
	color:#fff;
	font-size:16px;
	position:absolute;
	right:60px;
	bottom:0;
	text-align:center;
	z-index:2;
}
#sec01 .contents .flexListbox{
	display:flex;
	flex-direction:row;
	width:100%;
	height:auto;
}
#sec01 .contents .boxList{
	text-align:left;
	padding:0 10px 10px 10px;
	background:#fff;
	border:1px solid #333;
	box-shadow:1px 1px 1px #333;
	font-size:14px;
}
#sec01 .contents .boxList img{
	padding:10px;
}
#sec01 .contents .boxList p.detailTxt{
	margin:0;
	padding:0;
	font-size:14px;
}
#sec01 .contents .boxList p{
	margin:10px 0 10px 10px;
	font-size:16px;
}
#sec01 .contents h3.topicTtl {
	margin-top:1em;
	padding: 1rem 2rem;
	color: #fff;
	background:#087642;
}
#sec01 .contents ul.commonList{
	list-style: none;
	clear:both;
}
#sec01 .contents ul.commonList li {
	background: url(../images/icon_common_list.png) no-repeat left 0.55em;
	padding-left: 12px;
	width:33%;
	font-size:14px;
	font-weight:600;
	margin-bottom:1em;
}
#sec01 .contents ul.commonList li a{
	color:#000;
	text-decoration:underline;
}
#sec01 .contents ul.commonList li a:hover{
	color:#087642;
	opacity:1.0;
}
#sec01 .contents ul.commonList li span{
	font-weight:normal;
}
#sec01 .contents ul.commonList li a span.nonPad-line{
	font-weight:normal;
	text-decoration:underline;
	padding-left:0;
}
#sec01 .contents .boxList dl{
	border-bottom:dotted 1px #333;
	padding-bottom:1em;
}
#sec01 .contents .boxList dt{
	font-size:16px;
	float:left;
	width:12%;
}
#sec01 .contents .boxList dd{
	margin:0;
	font-size:16px;
}
#sec01 .contents .boxList dd a{
	color:#000;
	text-decoration:underline;
}
#sec01 .contents .boxList dd a:hover{
	color:#087642;
	text-decoration:none;
	opacity:1.0;
}

.map-wrapper{
	width:100%;
	margin:0 auto;
}
#map{
	width:1200px;
	margin:0 auto;	
}

/*flexbox style
----------------------------------------------------*/
*{
	box-sizing:border-box;
}
.flexbox{
	display:flex;
	flex-direction:row;
	width:100%;
	height:auto;
	padding:5px;
}
.box-item{
	width:60%;
	text-align:left;
	margin-right:10px;
	padding:15px 10px;
	font-size:14px;
}

.box-item h1 {
	position: relative;
	padding: 5px 5px 5px 42px;
	background: #333;
	font-size: 20px;
	color: white;
	margin-left: -33px;
	line-height: 1.3;
	z-index:-1;
}

.box-item h1:before {
	position: absolute;
	content: '';
	left: -2px;
	top: -2px;
	border: none;
	border-left: solid 40px white;
	border-bottom: solid 79px transparent;
	z-index:-2
}

.box-item h3{
	border-bottom:1px dotted #000;
	color:#000;
	font-size:18px;
	font-weight:bold;
	margin-top:1em;
}

.box-item dl.wnewlist dd a:link{
	font-weight:bold;
	color:#000!important;
}
.box-item dl.wnewlist dd a:visited{
	font-weight:bold;
	color:#087642!important;
}
.box-item dl.wnewlist dd:hover{
	font-weight:bold;
	color:#087642!important;
}

#sec01 .contents dl.linkStyle{
	margin:15px 0 0 20px;
	width:100%;
	font-size:16px;
}
#sec01 .contents dl.linkStyle dt{
	margin:0;
	padding:0;
	width: 100%;
	color:#000;
	font-weight:600;
}
#sec01 .contents dl.linkStyle dt span{
	padding-left:1em;
}
#sec01 .contents dl.linkStyle dd{
	margin:0;
	padding:0 0 0 2em;
	font-size:14px;
}
#sec01 .contents dl.linkStyle dd a{
	text-decoration:underline;
	color:#0510fa;
}
#sec01 .contents dl.linkStyle dd a:hover{
	text-decoration:underline;
	color:#0510fa;
	transition: all 0.2s ease-out;
}

/*sec02
----------------------------------------------------*/
#sec02{
	padding:10px 0 60px 0;
	background:#fff;
}

#sec02 .contents{
	width:1050px;
	margin:0 auto;
	z-index:3;
}

#info-sec02 {
	font-weight:600;
	color:#333;
	font-size:18px;
	margin-bottom: 30px;
}

.tab-group{
	display: flex;
	justify-content: center;
	color:#eee;
	width:400px;
}
.tab-group02{
	display: flex;
	justify-content: center;
	color:#eee;
	width:100%;
}
.tab-group02 a{
	color: white;
}

.tab-group03{
	display: flex;
	justify-content: center;
	color:#eee;
	width:100%;
}
.tab_jump{
	flex-grow: 1;
	padding:8px;
	list-style:none;
	text-align:center;
	cursor:pointer;
	font-size:16px;
	margin-right:30px;
	margin-bottom:10px;
	font-weight:bold;
	color:#000;
	width:30%;
}
li.tab_jump:hover{
	text-decoration:underline;
}
.panel-group{
	height:auto;
}

.panel-group dl{
	margin:10px 0 0 20px;
	border-bottom: dotted 1px #000;
	width:95%;
	font-size:16px;
	padding:5px;
}
.panel-group dl:last-child{
	border-bottom:none;
}
.panel-group dt{
	margin:0;
	padding:0;
	float: left;
	width: 120px;
	color:#000;
}
.panel-group dd{
	margin:0;
	padding:0px 0px 10px 1em;
	float: left;
	font-size:16px;
}
.panel-group dd a{
	color:#000;
}
.panel-group dd a:hover{
	text-decoration:underline;
	color:#087642;
	transition: all 0.2s ease-out;
	opacity:1.0;
}
.panel{
	display:none;
}

/*dataAccess.html dl setting
-------------------------------------------*/
.panel h3{
	margin-top:30px;
	font-size:18px;
	background:#087642;
	padding:8px 20px 8px 20px;
	color:#fff;
	font-weight:bold;	
}
.panel h3 a{
	color:#fff;
	text-decoration:underline;
}
.panel h3 a:hover{
	text-decoration:none;
	transition: all 0.2s ease-out;
	opacity:1.0;
}

.panel h4 {
	margin: 10px auto;
	font-size: 16px;
}
.panel p.howtodata {
	font-weight: normal!important;
	padding-top: 0!important;
}
.panel p.bold {
	
}

.panel .dotBox{
	width:100%;
	border:1px dotted #000;
	padding-right:3em;
	padding-bottom:1em;
}
.panel-group dl.dataAccess{
	margin:0 0 0 20px;
	border: none;
	width:100%;
	font-size:18px;
	padding:5px;
	/*text-shadow: #888 1px 0 2px;*/
}
.panel-group dl.dataAccess:last-child{
	border-bottom:none;
}
.panel-group dl.dataAccess dt {
	background: url(../images/icon_common_list.png) no-repeat left 0.55em;
	padding-left: 12px;
	width:100%;
	margin-top:1em;
	font-weight:600;
}
.panel-group dl.dataAccess dd{
	margin:0 0 10px 0;
	padding:0 0 0 24px;
	width:100%;
	line-height:1.6em;
}
.panel-group dl.dataAccess dd span{
	font-weight:bold;
}
.panel-group dl.dataAccess a{
	color:#087642!important;
	text-decoration:underline;
}
.panel-group dl.dataAccess a:hover{
	text-decoration:none;
	color:#087642;
	transition: all 0.2s ease-out;
	opacity:1.0;
}
.panel .dotBox p{
	padding:10px 0 0 10px;
	font-size:16px;
	font-weight:bold;
}


.panel-group dl.dataGeeAccess{
	margin:0 0 0 20px;
	border: none;
	width:100%;
	font-size:18px;
	padding:5px;
	text-shadow: #888 1px 0 2px;
}
.panel-group dl.dataGeeAccess:last-child{
	border-bottom:none;
}
.panel-group dl.dataGeeAccess dt {
	background: url(../images/icon_common_list.png) no-repeat left 0.55em;
	padding-left: 12px;
	width:70%;
	margin-top:1em;
	font-weight:600;
}
.panel-group dl.dataGeeAccess dd{
	margin:30px 0 10px 0;
	padding:0 0 0 24px;
	width:70%;
	line-height:1.6em;
}
.panel-group dl.dataGeeAccess dd span{
	font-weight:bold;
}
.panel-group dl.dataGeeAccess a{
	color:#000;
	text-decoration:underline;
}
.panel-group dl.dataGeeAccess a:hover{
	text-decoration:none;
	color:#087642;
	transition: all 0.2s ease-out;
	opacity:1.0;
}
.panel .dotBox .flexbox{
	display:flex;
	flex-direction:row;
	width:100%;
	height:auto;
	min-height:150px;
}
.panel .dotBox .box-item{
	width:100%;
	text-align:left;
	margin-right:5px;
	padding:5px 10px;
	font-size:15.5px;
	min-height:150px;
}
.panel .dotBox .box-item .geeImgBox{
	float:right;
	margin:30px;
	background:#ccc;
}

.tab_jump.is-active{
	background:#087642;
	color:#fff;
	transition: all 0.2s ease-out;
	border-radius:24px;
}
.panel.is-show{
	display:block;
}
.moreInfo{
	margin-top:1em;
	border-radius:20px;
	background:#087642;
	padding:5px;
	width:280px;
	margin:20px auto;

}
.moreInfo p{
	color:#fff;
	font-size:18px;
	text-align:center;
}
.moreInfo a:link{
	color:#fff;
	text-decoration:none;
}
.moreInfo a:visited {
	color:#fff;
	text-decoration:none;
}
.moreInfo a:hover {
	text-decoration:underline;
}

/*version_history setting
----------------------------------------------------*/
#sec02 .contents table.verhis {
    border-collapse: collapse;
}
	#sec02 .contents table.verhis th, td {
    border: 1px solid black;
}
#sec02 .contents table.verhis th{
	text-align:center;
}
#sec02 .contents table.verhis td.border_none {
    border-style: none;
}
#sec02 .contents table.verguide {
    border-collapse: collapse;
}
#sec02 .contents table.verguide td.border_all {
    border: 1px solid black;
}
#sec02 .contents table.verguide td.border_none {
    border-style: none;
	padding-left:1em;
}

/*summary setting
----------------------------------------------------*/
ul#update{
		list-style:disc;
}
ul#update li {
	font-size: 20px;
	margin-bottom: 1.0em;
}

ul.update{
	list-style:disc;
	margin-bottom: 2.0em;
}
  ul.update li {
          font-size: 20px;
  }
    ul.update li > p {
            margin-left:1.0em;
    }

ul#reffaq{
		list-style:circle;
}
ul#reffaq li {
	font-size: 18px;
	margin-bottom: 0.5em;
	margin-left:2em;
}
/*newsIndex
----------------------------------------------------*/
.newsLine {
	display: block;
	width:100%;
}
.newsLine dt{
	width:15%;
}
.newsLine dd{
	width:85%;
	float:left;
}
.topicsCLInline.satellite {
	background: #ff6ba3;
	color:#fff;
	font-size:11px;
	padding:3px;
	float:left;
	border-radius:3px;
}
.textLarge .cLInline {
	padding: 6px 8px 5px;
	line-height: 1.1em;
}

/*obsplan setting
----------------------------------------------------*/
#sec02 .contents table {
	margin:0 auto;
	width: 100%;
}

#sec02 .contents table.datalist th{
	border: 1px solid gray;
	background-color: silver;
	border-radius:2px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}

#sec02 .contents table.datalist th > div{
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	font-size:10pt;
}

#sec02 .contents table.datalist th > div > a{
	text-decoration: underline;
	cursor: pointer;
}

#sec02 .contents table.datalist td{
	width : calc(100% / 7 - 15px);
	border:1px solid silver;
	border-radius: 1px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	padding: 2px;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	font-weight: normal;
	font-size: 9pt;
	color:dimgray;
	background-color:white;
}

#sec02 .contents table.datalist td > a{
	color:steelblue;
	font-weight:bold;
	text-decoration:none;
	cursor: pointer;
}
#sec02 .contents table.datalist td > a:hover{
	text-decoration:underline;
}

#sec02 .contents table.datalist td:first-child{
	background-color: pink;
}
#sec02 .contents table.datalist td:nth-child(7){
	background-color: lavender;
}
#sec02 .contents table.datalist tr:nth-child(2) td{
	color:black;
}

#sec02 .contents div.caltbl {
	height:350px;
	width: calc(100% / 4 - 10px);
	float:left;
	margin:20px 5px 10px 5px;
}

#sec02 .contents div.imgbox {
	width: calc(100% / 2 - 10px);
	border: 0px solid black;
	margin: 10px 5px;
	float: left;
}
#sec02 .contents div.imgbox > a > img{
	width: 100%;
}

#sec02 .contents input[name="prv"] {
	float:left;
	vertical-align: middle;
	height: 25px;
}
#sec02 .contents select[name="year"] {
	height: 25px;
	width: 80px;
	float:left;
	vertical-align: middle;
	margin: 0px 10px;
	padding: 0px;
}
#sec02 .contents div#datelbl {
	height: 30px;
	float:left;
	vertical-align: middle;
	margin: 0px 10px;
	padding: 0px;
}
#sec02 .contents input[name="nxt"] {
	float:left;
	vertical-align: middle;
	height: 25px;
}

/*sec03
----------------------------------------------------*/
#sec03{
	padding:30px 0 60px 0;
	background:#eee;
}

#sec03 .contents{
	width:930px;
	margin:0 auto;
	z-index:3;
}

#sec03 .box_left{
	float:left;
	width:150px;
	height:250px;
	border:2px solid #ddd;
	background:#fff;
	box-shadow:1px 1px 1px #333;
	text-align:center;
}
#sec03 .box_left:nth-child(n+1){
	float:left;
	width:150px;
	margin-right:5px;
	border:2px solid #ddd;
	background:#fff;
	box-shadow:1px 1px 1px #333;
}
#sec03 .box_left:last-child{
	margin:0;
}
#sec03 .box_right{
	float:right;
	width:180px;
	border:2px solid #ddd;
	background:#fff;
	box-shadow:1px 1px 1px #333;
}

#sec03 .box_left p,
#sec03 .box_right p{
	padding:5px;
}

#sec03 .box_left img,
#sec03 .box_right img{
	width:100%;
	height:auto;
	margin:0 auto;
	padding:20px 20px 20px 20px;
	display:block;
}

/*sec05
----------------------------------*/
.sec05{
	padding: 10px 0 0 0;
	color:#000;
	/*background:url(../images/secBg01.png) no-repeat center bottom;*/
}

.sec05 h4{
	padding-left:1em;
	font-size:16px;
}

.sec05 .contents{
	margin:0 auto;
	width:1200px;
	z-index:3;
}

*{
	box-sizing:border-box;
}

.sec05 .contents .flexbox{
	display:flex;
	flex-direction:row;
	width:100%;
	height:auto;
	min-height:150px;
}
.sec05 .contents .box-item{
	width:100%;
	text-align:left;
	margin-right:5px;
	padding:5px 10px;
	font-size:15.5px;
	min-height:150px;
}

.sec05 .box_left{
	float:left;
	width:100%;
	height:500px;
	min-height:250px;
	border:2px solid #ddd;
	background:#fff;
	box-shadow:1px 1px 1px #333;
}

.sec05 .box_left::-webkit-scrollbar {
	width: 15px;
}

.sec05 .box_left::-webkit-scrollbar-thumb {
	background: linear-gradient(0deg,#43e2c6,#3183d0);
	border-radius: 3px;
}

.sec05 .box_left::-webkit-scrollbar-track {
	background: rgba(100,100,100, .5);
}

.sec05 .box_left:nth-child(n+1){
	float:left;
	width:100%;
	margin-right:5px;
	border:2px solid #ddd;
	background:#fff;
	box-shadow:1px 1px 1px #333;
}

.sec05 .box_left:last-child{
	margin:0;
}

.sec05 .box_right{
	float:right;
	width:100%;
	border:2px solid #ddd;
	background:#fff;
	box-shadow:1px 1px 1px #333;
}

.sec05 .box_left p,
.sec05 .box_right p{
	padding:5px;
}

.sec05 .box_left img,
.sec05 .box_right img{
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	display:block;
}

.sec05 .box_left ul {
	padding: 0;
	position: relative;
}

.sec05 .box_left ul li {
	line-height: 1.5;
	padding: 0.5em;
	list-style-type: none!important;
	font-weight:600;
}

.sec05 .box_left a:link {
	color:#0510fa;
	text-decoration:none;
}

.sec05 .box_left a:visited {
	color:#0510fa;
	text-decoration:none;
}

.sec05 .box_left a:hover {
	color:#0510fa;
	text-decoration:underline;
}

.sec05 .box_left a:focus{
	outline:none;
}

.sec05 .box_left a img {
	text-decoration:none;
}
.sec05 .box_left a img:hover {
	opacity:0.7;
}

.sec05 .box_left a:hover {
	opacity:0.70;
	filter: alpha(opacity=70);
}
/*=======================================
slidetoggle open　要素開閉設定
=======================================*/

.toggleInner{
	margin-top:1em;
	margin-left:1em;
	border-radius:10px;
	background:#0510fa;
	padding:5px;
	width:250px;
	color:#fff;
	font-size:18px;
	text-align:center;
	cursor:pointer;
}
.toggleInner:link{
	color:#fff;
	text-decoration:none;
}
.toggleInner:visited {
	color:#fff;
	text-decoration:none;
}
.toggleInner:hover {
	text-decoration:underline;
}



/*footer
----------------------------------------------------*/
footer{
	padding:0 0 10px 0;
	background:#fff;
}
footer .contents{
	margin:0 auto;
	width:930px;
	padding:20px 0 0 0;
	z-index:3;
}

footer ul{
	margin-bottom:20px;

}

footer ul li{
	float:left;
	width:125px;
	margin-left:5px;
	color:#fff;
	font-size:12.5px;
}
footer ul li:first-child{
	margin-left:0;
}

footer ul li ul li:nth-child(n+1){
	float:none;
	margin:0 0 0 1em;
}

footer ul li a:link{
	color:#000;
	text-decoration:none;
}
footer ul li a:visited {
	color:#000;
	text-decoration:none;
}
footer ul li a:hover {
	color:#087642;
	text-decoration:underline;
	transition: all 0.2s ease-out;
	opacity:1.0;
}

footer .box_copyright{
	padding:20px 0;
	border-top:1px solid #000;
	font-size:12px;
	color:#000;
	text-align:center;
}

footer .box_copyright a:link{
	color:#000;
	text-decoration:none;
}
footer .box_copyright a:visited {
	color:#000;
	text-decoration:none;
}
footer .box_copyright a:hover {
	color:#087642;
	text-decoration:underline;
}

/*page top
----------------------------------------------------*/
div#pageTop {
	text-align: center;
	cursor: pointer;
	color:#fff;
	margin:0;
	background:#333;
	font-size:12px;
}
div#pageTop .contents{
	z-index:9999;
	padding:0;
	
}

/*DataAccess.html rightSide button setting
----------------------------------------------------*/
ul#sublinks {
	position: absolute;
	top: 0;
	left: 500px;
	list-style-type: none;
	display: flex;
}
ul#sublinks li {
	padding: 5px;
	margin: 0px 5px;
	text-align: center;
}
ul#sublinks li > a {
	border: 2px solid rgb(240,240,240);
	border-radius:8px;
	/*background-color:#087642;*/
	background-color:rgb(63,72,204);
	color: rgb(255,255,255);
	font-weight: bold;
	width: 200px;
	display: block;
	text-decoration: none;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}
ul#sublinks li > a:active {
	box-shadow: 0px 0px 1px rgba(0,0,0,0.2);
}

/*statstyle.css
----------------------------------------------------*/
ul#stat_legend {
	list-style-type: none;
	margin: 10px 10%;
	padding: 0px;
}
ul#stat_legend li {
	width: calc(100% / 4);
	float: left;
}
ul#stat_legend div {
	width: 60px;
	height: 25px;
	font-size:10pt;
	display: block;
	border: 1px solid black;
	float: left;
}
div#versionchg {
	position: absolute;
	top: 30px;
	right: 0px;
	width: 200px;
	height: 25px;
	line-height: 25px;
	border-radius: 20px;
	border:2px outset rgb(255,255,255);
	background-color: rgb(34,177,76);
	box-shadow: 1px 1px 2px rgba(0,0,0.2);
	color: rgb(255,255,255);
	font-size: 12pt;
	text-align: center;
	cursor:pointer;
}
div#versionchg:active {
	border:2px inset rgb(255,255,255);
	box-shadow: 1px 1px 0px rgba(0,0,0.2);
	background-color: rgb(23,125,54);
	padding-top:1px;
}
div#versionchg>a  {
	text-decoration:none;
	color: rgb(255,255,255);
	display: block;
	width: 100%;
}
div#selmenu {
	position: relative;
	top: 0px;
	margin: 20px auto;
}
div#stat_table {
	position: relative;
	top: 0px;
}
div#ltst {
	color: rgb(100, 100, 100);
	font-style: italic;
}
div.proc_stat {
	position: relative;
	width: 100%;
	margin-bottom: 50px;
}
div.proc_stat h2 {
	font-size: 14pt;
	margin: 10px auto;
	padding: 0px 10px;   
	border-radius: 1.0em;
	border: 1px solid rgb(224,213,165);
	box-shadow: 2px 2px 3px rgba(0,0,0,0.4);
	background: -moz-linear-gradient(top, rgb(224,213,165), rgb(237,222,123));
	background: -webkit-linear-gradient(top, rgb(224,213,165), rgb(237,222,123));
	background: linear-gradient(to bottom, rgb(224,213,165), rgb(237,222,123));
}
div.proc_stat h3 {
	margin: 10px auto;
	padding: 0px 10px;   
	width: calc(100% - 100px);
}
div.rad h3 {
	border-left: 5px solid rgba(50,50,50);
	border-bottom: 1px solid rgba(50,50,50);
}
div.atm h3 {
	border-left: 5px solid rgba(235,97,32);
	border-bottom: 1px solid rgba(235,97,32);
}
div.lnd h3 {
	border-left: 5px solid rgba(20,148,74);
	border-bottom: 1px solid rgba(20,148,74);
}
div.ocn h3 {
	border-left: 5px solid rgba(0,138,199);
	border-bottom: 1px solid rgba(0,138,199);
}
div.cry h3 {
	border-left: 5px solid rgba(106,113,180);
	border-bottom: 1px solid rgba(106,113,180);
}
div.proc_stat h4 {
	margin: 5px auto;
	padding: 0px 10px;   
	width: calc(100% - 140px);
}
div.proc_stat table {
	width: 90%;
	margin: 0px auto 30px auto;
	border-collapse: collapse;
	border: 1px solid gray;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.4);
}
div.proc_stat table tr:nth-child(1) th {
	background: -moz-linear-gradient(top, rgb(33,109,54), rgb(37,133,131));
	background: -webkit-linear-gradient(top, rgb(33,109,54), rgb(37,133,131));
	background: linear-gradient(to bottom, rgb(33,109,54), rgb(37,133,131));
	color: rgb(255,255,255);
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	border: 1px solid rgb(212,181,134);
	width: calc(100% / 13);
}
div.proc_stat table tr:nth-child(n+2) th {
	border: 1px solid rgb(80, 80, 80);
}
div.proc_stat table tr:nth-child(n+2) th {
	border: 1px solid rgb(120, 120, 150);
}
div.proc_stat table tr:nth-child(n+2) td {
	border: 1px solid rgb(120, 150, 120);
	padding: 2px;
}
div.proc_stat table tr:nth-child(n+2) td div {
	text-align: right;
	padding: 5px;
	border-radius: 3px;
	font-weight: bold;
}
div.stat_ng {
	background: -moz-linear-gradient(top, rgb(184,28,34), rgb(224,38,19));
	background: -webkit-linear-gradient(top, rgb(184,28,34), rgb(224,38,19));
	background: linear-gradient(to bottom, rgb(184,28,34), rgb(224,38,19));
}
div.stat_ok {
	background: -moz-linear-gradient(top, rgb(11,49,143), rgb(0,0,250));
	background: -webkit-linear-gradient(top, rgb(11,49,143), rgb(0,0,250));
	background: linear-gradient(to bottom, rgb(11,49,143), rgb(0,0,250));
	color: rgb(255,255,255);
}
div.stat_go {
	background: -moz-linear-gradient(top, rgb(232,130,46), rgb(246,214,15));
	background: -webkit-linear-gradient(top, rgb(232,130,46), rgb(246,214,15));
	background: linear-gradient(to bottom, rgb(232,130,46), rgb(246,214,15));
}
div.stat_over {
	background: -moz-linear-gradient(top, rgb(240,0,240), rgb(128,0,128));
	background: -webkit-linear-gradient(top, rgb(240,0,240), rgb(128,0,128));
	background: linear-gradient(to bottom, rgb(240,0,240), rgb(128,0,128));
}
div.stat_no {
	background: -moz-linear-gradient(top, rgb(201,207,202), rgb(244,233,219));
	background: -webkit-linear-gradient(top, rgb(201,207,202), rgb(244,233,219));
	background: linear-gradient(to bottom, rgb(201,207,202), rgb(244,233,219));
}

/*faqstyle_v3.css
----------------------------------------------------*/
ul#faq_list {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul#faq_list h3 {
	font-size: 18pt;
	letter-spacing: 0.2em;
	border-left: 10px solid rgb(0, 128, 128);
	border-bottom: 1px solid rgb(0, 128, 128);
	padding-left: 10px;
	margin:1em 0 1em 0;
	clear:both;
}
ul#faq_list li {
	position: relative;
	margin-bottom: 10px;
	padding: 0px;
	font-size: 16pt;
	border: 1px solid gray;
	border-radius: 3px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
	background-image: url('/images/icon_link.png');
	background-repeat: no-repeat;
	background-position: 99% 50%;
	transition: 0.1s;
	width:100%;
	height:auto;
}
ul#faq_list li > a > div {
	position: absolute;
	top: 3px;
	left: 5px;
	width: 50px;
	border-radius: 3px;
	color: rgb(253,123,0);
	padding: 5px;
	margin: 0px 0px;
	vertical-align: middle;
	font-size: 16pt;
	border: 2px solid rgb(253,123,0);
	text-align: center;
	transition: 0.1s;
}
ul#faq_list li a {
	position: relative;
	top: 0px;
	left: 0px;
	padding: 10px 50px 10px 90px;
	text-decoration: none;
	display: block;
	width: calc(100% - 140px);
	height: 100%;
	color: rgb(50, 50, 50);
}
ul#faq_list li:hover {
	background-color: rgb(223,234,243);
}
ul#faq_list li:hover a {
	text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
}
ul#faq_list li:hover > a > div {
	background-color: rgb(253,123,0);
	color: rgb(255,255,255);
}
ul#faq_list li:active {
	box-shadow: 0px 0px 2px rgba(0,0,0,0.4) inset;
}
div#faqwrapper {
	display:flex;
}

div#lside {
	width:300px;
	font-size: 10pt;
	border: 1px solid rgb(0,0,0);
	border-radius: 3px;
	padding: 3px;
}
div#lside > ul#faq_menu {
	width: 100%;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
div#lside h3 {
	position: relative;
	border: 1px solid black;
	color: rgb(0,0,0);
	padding-left: 30px;
	border-radius: 3px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
	transition: 0.1s;
	cursor: pointer;
	clear:both;
}
div#lside h3 span {
	display: block;
	position: absolute;
	height: 2px;
	width: 12px;
	top: calc(50% - 2px);
	left: 10px;
	background-color: rgba(0,0,0,1.0);
	border-radius: 2px;
	opacity: 1.0;
	-weblit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}
div#lside h3 span:nth-child(1) {
	width: 0px;
	-weblit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}
div#lside h3.close span:nth-child(1) {
	width: 12px;
	-weblit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
ul#faq_menu li {
	position: relative;
	margin-bottom: 2px;
	padding: 0px;
	font-size: 10pt;
	width: 95%;
	padding-left:5%;
	transition: 0.1s;
	display:none;
}
ul#faq_menu li > a > div {
	display: none;
}
ul#faq_menu li a {
	position: relative;
	top: 0px;
	left: 0px;
	padding: 2px;
	text-decoration: none;
	display: block;
	width: calc(100% - 6px);
	height: 100%;
	color: rgb(50, 50, 50);
}
ul#faq_menu li:hover {
	text-decoration: underline;
}
ul#faq_menu li:hover > a > div {
	background-color: rgb(253,123,0);
	color: rgb(255,255,255);
}
ul#faq_menu li:active {
	box-shadow: 0px 0px 2px rgba(0,0,0,0.4) inset;
}

div#rside {
	margin-left: 10px;
	width: calc(100% - 380px);
}
div.question {
	position: relative;
	margin-bottom: 20px;
	padding: 10px;
	font-size: 14pt;
	border: 1px solid gray;
	border-radius: 3px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}
div.question > div#qnum {
	position: absolute;
	top: 3px;
	left: 10px;
	width: 50px;
	border-radius: 3px;
	padding: 5px;
	margin: 0px 0px;
	vertical-align: middle;
	font-size: 14pt;
	background-color: rgb(253,123,0);
	color: rgb(255,255,255);
	border: 2px solid rgb(253,123,0);
	text-align: center;
}
div.question div#qtitle {
	position: relative;
	top: 0px;
	left: 80px;
	text-decoration: none;
	display: block;
	width: calc(100% - 100px);
	height: auto;
	color: rgb(50, 50, 50);
}
div.answer {
	position: relative;
	margin-bottom: 0px;
	padding: 10px;
	font-size: 14pt;
	border: 1px solid gray;
	border-radius: 3px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}
div.answer > div#anum {
	position: absolute;
	top: 3px;
	left: 10px;
	width: 50px;
	border-radius: 3px;
	color: rgb(255,255,255);
	padding: 5px;
	margin: 0px 0px;
	vertical-align: middle;
	font-size: 14pt;
	border: 2px solid rgb(0,0,200);
	background-color: rgb(0,0,255);
	text-align: center;
}
div.answer div#atitle {
	position: relative;
	top: 0px;
	left: 80px;
	text-decoration: none;
	display: block;
	width: calc(100% - 100px);
	height: auto;
	color: rgb(50, 50, 50);
}
div.answer ul li {
	margin-bottom: 5px;
}
div.answer span {
	font-size: 12pt;
}
div.doclink {
	width: 100%;
	margin: 30px auto;
	text-align: center;
}
div.doclink a.pdflink {
	width: 60%;
	height: 40px;
	margin: 0px auto;
	line-height: 40px;
	border-radius: 1.0em;
	display: block;
	text-decoration: none;
	border: 2px solid rgb(14,118,67);
	background: -moz-linear-gradient(top, rgb(14,118,67), rgb(120,184,81));
	background: -webkit-linear-gradient(top, rgb(14,118,67), rgb(120,184,81));
	background: linear-gradient(to bottom, rgb(14,118,67), rgb(120,184,81));
	color: white;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
	box-shadow: 2px 2px 3px rgba(0,0,0,0.6);
}
div.doclink a.pdflink:hover {
	background: -moz-linear-gradient(top, rgb(120,184, 81), rgb(193,203, 21));
	background: -webkit-linear-gradient(top, rgb(120,184, 81), rgb(193,203, 21));
	background: linear-gradient(to bottom, rgb(120,184, 81), rgb(193,203, 21));
	background-color: rgb(255,255,255);
}
div.doclink a.pdflinkL {
	width: 80%;
	height: 40px;
	margin: 0px auto;
	line-height: 40px;
	border-radius: 1.0em;
	display: block;
	text-decoration: none;
	font-size: 12pt;
	border: 2px solid rgb(14,118,67);
	background: -moz-linear-gradient(top, rgb(14,118,67), rgb(120,184,81));
	background: -webkit-linear-gradient(top, rgb(14,118,67), rgb(120,184,81));
	background: linear-gradient(to bottom, rgb(14,118,67), rgb(120,184,81));
	color: white;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
	box-shadow: 2px 2px 3px rgba(0,0,0,0.6);
}
div.doclink a.pdflinkL:hover {
	background: -moz-linear-gradient(top, rgb(120,184, 81), rgb(193,203, 21));
	background: -webkit-linear-gradient(top, rgb(120,184, 81), rgb(193,203, 21));
	background: linear-gradient(to bottom, rgb(120,184, 81), rgb(193,203, 21));
	background-color: rgb(255,255,255);
}
div.doclink a.pdflinkLL {
	width: 90%;
	height: 40px;
	margin: 0px auto;
	line-height: 40px;
	border-radius: 1.0em;
	display: block;
	text-decoration: none;
	font-size: 11pt;
	border: 2px solid rgb(14,118,67);
	background: -moz-linear-gradient(top, rgb(14,118,67), rgb(120,184,81));
	background: -webkit-linear-gradient(top, rgb(14,118,67), rgb(120,184,81));
	background: linear-gradient(to bottom, rgb(14,118,67), rgb(120,184,81));
	color: white;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
	box-shadow: 2px 2px 3px rgba(0,0,0,0.6);
}
div.doclink a.pdflinkLL:hover {
	background: -moz-linear-gradient(top, rgb(120,184, 81), rgb(193,203, 21));
	background: -webkit-linear-gradient(top, rgb(120,184, 81), rgb(193,203, 21));
	background: linear-gradient(to bottom, rgb(120,184, 81), rgb(193,203, 21));
	background-color: rgb(255,255,255);
}
div.answer div#update {
	clear: both;
	font-size: 12pt;
	color: rgb(80, 80, 80);
	text-align: right;
	margin-top: 10px;
}
div.imgbox {
	margin: 20px auto;
	text-align: center;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.6);
	border-radius: 3px;
}
div.imgbox img {
	width: auto;
	margin: 10px auto;
}
div.codebox {
	margin: 10px auto;
	text-align: left;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.6);
	border-radius: 3px;
	padding: 0px;
}
div.codebox pre {
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	padding: 0px 10px;
	background-color: rgb(0,0,0);
	color: rgb(255,255,255);
	white-space: pre-wrap;
}
div#atitle ol.hbrackets {
	margin: 0px;
	padding: 0px 0em 0px 2.0em;
	list-style-type:none;
}
div#atitle ol.hbrackets > li {
	counter-increment: cnt;
	text-indent: -1.5em;
	margin-bottom: 1.0em;
}
div#atitle ol.hbrackets > li:before {
	content: counter(cnt) ") ";
}
div#atitle ol.hbrackets > li > div {
	margin: 10px 0px 1.0em 1.0em;
	width: 95%;
	font-size: 12pt;
}
div#atitle ol.brackets {
	margin: 0px;
	list-style-type:none;
}
div#atitle ol.brackets > li {
	counter-increment: cnt;
}
div#atitle ol.brackets > li:before {
	content: "(" counter(cnt) ") ";
}
div#atitle ol.sbrackets {
	margin: 0px;
	list-style-type:none;
}
div#atitle ol.sbrackets > li {
	counter-increment: cnt;
}
div#atitle ol.sbrackets > li:before {
	content: "[" counter(cnt) "] ";
}
table#prdlist {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid rgb(212,181,134);
}
table#prdlist th {
	background-color: rgb(34,177,76);
	border: 1px solid rgb(212,181,134);
	font-size: 14pt;
	width: calc(100% / 6);
}
table#prdlist td {
	border: 1px solid rgb(212,181,134);
	font-size: 10pt;
	padding: 5pt;
}
table#prdlist td:first-child {
	font-size: 12pt;
}
table#prdlist td div {
	border-radius: 2.0em;
	text-align: center;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.6);
	color: rgb(255,255,255);
}
table#prdlist td div:first-line {
	font-size: 12pt;
}
table#prdlist div.l1 {
	background: -moz-linear-gradient(top, rgb(0,0,0), rgb(100,100,100));
	background: -webkit-linear-gradient(top, rgb(0,0,0), rgb(100,200,100));
	background: linear-gradient(to bottom, rgb(0,0,0), rgb(100,100,100));
}
table#prdlist div.atm {
	background: -webkit-linear-gradient(top, rgb(0,0,0), rgb(100,200,100));
	background: linear-gradient(to bottom, rgb(0,0,0), rgb(100,100,100));
	box-shadow: 2px 2px 4px rgba(0,0,0,0.6);
}
table#prdlist div.ocn {
	background: -webkit-linear-gradient(top, rgb(0,0,0), rgb(100,200,100));
	background: linear-gradient(to bottom, rgb(0,0,0), rgb(100,100,100));
	box-shadow: 2px 2px 4px rgba(0,0,0,0.6);
}
table#prdlist div.lnd {
	background: -webkit-linear-gradient(top, rgb(0,0,0), rgb(100,200,100));
	background: linear-gradient(to bottom, rgb(0,0,0), rgb(100,100,100));
	box-shadow: 2px 2px 4px rgba(0,0,0,0.6);
}
table#prdlist div.cry {
	background: -webkit-linear-gradient(top, rgb(0,0,0), rgb(100,200,100));
	background: linear-gradient(to bottom, rgb(0,0,0), rgb(100,100,100));
	box-shadow: 2px 2px 4px rgba(0,0,0,0.6);
}

/*Geeページ設定
----------------------------------------------------*/
.fontSmall {
	font-size:15px;
}
iframe{
	width:100%;
	height:100%;
}

h3.geeLink a:link {
	color:#0510fa;
	text-decoration:none!important;
}

h3.geeLink a:visited {
	color:#0510fa;
	text-decoration:none;
}

h3.geeLink a:hover {
	color:#0510fa;
	text-decoration:underline!important;
}
/*tab UI setting
----------------------------------------------------*/
.geeTab-group{
	display: flex;
	justify-content: center;
	color:#eee;
	width:1200px;
}
.geeTab{
	flex-grow: 1;
	padding:10px;
	list-style:none;
	text-align:center;
	cursor:pointer;
	font-size:16px;
	margin-right:30px;
	margin-bottom:10px;
	font-weight:bold;
	color:#000;
}
.geeTab.tabActive {
	position: relative;
	background: #b6e9ff;
	color: #393939;
	font-size:16px;
	border-radius: 0px;
}
.geeTab.tabActive:before {
	content: " ";
	position: absolute;
	top: -16px;
	left: 0;
	width: -webkit-calc(100% - 16px);
	width: calc(100% - 16px);
	height: 0;
	border: solid 8px transparent;
}
li.geeTab:hover{
	text-decoration:underline;
}
li.geeTab a{
	color:#000;
	opacity: 1.0;
}

.tabGee,.tabGeeLink{
	flex-grow: 1;
	padding:5px;
	list-style:none;
	text-align:center;
	cursor:pointer;
	font-size:16px;
	font-weight:bold;
	color:#000;
}
.tabGee.is-active,.tabGeeLink.is-active {
	position: relative;
	padding: 10px;
	background: #b6e9ff;
	color: #393939;
	font-size:16px;
	border-radius: 0px;
}
.tabGee.is-active:before {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: -webkit-calc(100% - 16px);
	width: calc(100% - 16px);
	height: 0;
	border: solid 8px transparent;
}
li.tabGee:hover,li.tabGeeLink:hover{
	text-decoration:underline;
}

li.tabGee a,li.tabGeeLink a{
	color:#000;
	opacity: 1.0;
}
.mapComment{
	position:absolute;
	top:200px;
	left:40px;
	z-index:9999;
	font-size:120%;
	font-weight:bold;
	width:250px;
	background:#fff;
	padding:5px;
}

/* 日本語英語切り替えボタン設定
============= ============================== */
.switchArea {
	line-height:30px;
	letter-spacing:0;
	text-align:center;
	font-size:16px;
	position:relative;
	float:right;
	width:100px;
	margin-top:10px;
}
.switchArea input[type="checkbox"] {
	display:none;
}
  
/* === チェックボックスのラベル（標準） ==================== */
.switchArea label {
	display        : block;
	box-sizing     : border-box;
	height         : 30px;
	border         : 2px solid #087642;
	border-radius  : 20px;
}
  
/* === チェックボックスのラベル（ONのとき） ================ */
.switchArea input[type="checkbox"]:checked +label {
	border-color   : #087642;             /* 選択タブの枠線     */
}
  
/* === 表示する文字（標準） ================================ */
.switchArea label span:after{
	content        : "JPN";               /* 表示する文字       */
	padding        : 0 0 0 36px;          /* 表示する位置       */
	color          : #087642;             /* 文字色             */
}
  
/* === 表示する文字（ONのとき） ============================ */
.switchArea  input[type="checkbox"]:checked + label span:after{
	content        : "ENG";                /* 表示する文字       */
	padding        : 0 36px 0 0;          /* 表示する位置       */
	color          : #087642;             /* 文字色             */
}
  
/* === 丸部分のSTYLE（標準） =============================== */
.switchArea #swImg {
	position       : absolute;            /* 親要素からの相対位置*/
	width          : 20px;                /* 丸の横幅           */
	height         : 20px;                /* 丸の高さ           */
	background     : #087642;             /* カーソルタブの背景 */
	top            : 4px;                 /* 親要素からの位置   */
	left           : 4px;                 /* 親要素からの位置   */
	border-radius  : 26px;                /* 角丸               */
	transition     : .2s;                 /* 滑らか変化         */
}
  
/* === 丸部分のSTYLE（ONのとき） =========================== */
.switchArea input[type="checkbox"]:checked ~ #swImg {
	transform      : translateX(70px);    /* 丸も右へ移動       */
	background     : #087642;             /* カーソルタブの背景 */
}
.panel h4 a{
	color:#fff;
	text-decoration:underline;
	font-size:20px;
}
.panel h4 a:hover{
	text-decoration:none;
	transition: all 0.2s ease-out;
	opacity:1.0;
}
.panel h4.sstTtl a:link {
	color:#0510fa;
	text-decoration:none!important;
}

.panel h4.sstTtl a:visited {
	color:#0510fa;
	text-decoration:none;
}

.panel h4.sstTtl a:hover {
	color:#0510fa;
	text-decoration:underline!important;
}

.panel .contents .flexbox{
	display:flex;
	flex-direction:row;
	width:100%;
	height:auto;
	min-height:150px;
}
.panel .contents .box-item{
	width:100%;
	text-align:left;
	margin-right:5px;
	padding:5px 10px;
	font-size:15.5px;
	min-height:150px;
}

.panel .box_left{
	float:left;
	width:100%;
	height:500px;
	min-height:250px;
	border:2px solid #ddd;
	background:#fff;
	box-shadow:1px 1px 1px #333;
}
.tab-E .flexbox{
	display:flex;
	flex-direction:row;
	width:100%;
	height:auto;
	min-height:150px;
}
.tab-E .box-item{
	width:100%;
	text-align:left;
	margin-right:5px;
	padding:5px 10px;
	font-size:15.5px;
	min-height:150px;
}
.tab-E .box_left{
	float:left;
	width:100%;
	height:500px;
	min-height:250px;
	border:2px solid #ddd;
	background:#fff;
	box-shadow:1px 1px 1px #333;
}

.geePraph{
	margin:30px 20px 0px 20px;
}
dl.geeKajougaki{
	margin-top:0!important;
	border-bottom: none!important;
	width:100%;
	padding:5px;
	font-size:14px!important;
}
dl.geeKajougaki dt{
	margin:0;
	padding:0;
	float: left;
	width: 80px;
	color:#000;
	font-weight:bold;
}
dl.geeKajougaki dd{
	border-bottom:none;
	margin:0!important;
	float:none!important;
}
ul.listSpJmap{
	display:block;
}

ul.listSpJmap li{
	float:left;
	width : -webkit-calc(100% / 3) ;
	  width : calc(100% / 3) ;
	background:#7cdc92;
	border-left:2px solid #fff;
	margin-bottom:2px;
	text-align:center;
	font-weight:bold;
	color:#333;
}
ul.listSpJmap li:nth-child(4n){
	margin-left:0;
}
ul.listSpJmap li a:link{
	color:#000;
	text-decoration:none;
}
ul.listSpJmap li a:visited {
	color:#000;
	text-decoration:none;
}
ul.listSpJmap li a:hover {
	color:#fff;
	text-decoration:underline;
}
.nonLink{
	background:#555!important;
}


a.detailButton{
	display:inline-block;
	text-align:center;
	text-decoration: none!important;
	padding: 0.5rem;
	border: solid 1px #333;
	border-radius: 100vh;
	width:80%;
	margin-left:8%;
	margin-top:20px;
	background-color: #ebebeb;
	font-weight:600;
}

.prdTable {
	margin:10px 5px!important;
	border-collapse: collapse;
}

.prdTable th{
	background-color: #ebebeb;
}

.prdTable th, td{
	border: 1px solid #333!important;
	line-height: 1.4;
	padding:5px;
}
table.hdata {
	margin-left: 18px!important;
}