@CHARSET "UTF-8";

/** iOS リンククリック問題対応 **/
a {
	coursor:pointer;
}

}
/*
#wrapper {
	width: 360px;
}

#wrapper.wideFix {
    width: 360px;
}

#globalNavi {
	width: 300px;
	padding: 5px;
	margin-top: 10px;
	background-color: #FFFFFF;
}
*/

.bgOrange {
	background-color: #F90;
}

.bgGreen {
	background-color: #0F0;
}

.bgGray {
	background-color: #CCC;
}

.bgUnsight {
	background-color: #C8C8C8;
}

.bgPurple {
	background-color: #606;
}

.bgPink {
	background-color: #F0F;
}

.bgLightPink {
	background-color: #FCF;
}

.bgLightRed {
	background-color: #FCC;
}

.bgLightOrange {
	background-color: #FC0;
}

.bgLightBlue {
	background-color: #CFF;
}

.bgLightGreen {
	background-color: #CF9;
}

.bgLightPurple {
	background-color: #606;
	color: #FFF;
}

.basicBtn {
	white-space: nowrap;
}

#footContent {
	border-top-style: none;
	margin-top: 0px;
	padding-top: 0px;
}
#footContent p {
	margin-top: 5px;
}

#cautionBtn li.infoNormal a,
#cautionBtn li#cautionKijunchi.infoNormal a {
	background-image: none;
}

#cautionBtn li.infoKeiho a {
	background-image: url("../images/common/bg_caution_keihou.gif");
}

#cautionBtn li.infoKijun a {
	background-image: url("../images/common/bg_caution_kijunchouka.gif");
}

#tokatsuContainer ul {
	padding-left: 3px;
}

/*.overlay-body {
	overflow: scroll;
}*/

#overlay,
#overlayMap,
#overlayLayer,
#overlayGraph,
#overlayHappyou {
	z-index: 9999;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#DA000000,EndColorStr=#DA000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#DA000000,EndColorStr=#DA000000)";
}

#overlay:not(:target),
#overlayMap:not(:target),
#overlayLayer:not(:target),
#overlayGraph:not(:target),
#overlayHappyou:not(:target) {
	filter: none;
	-ms-filter: none;
}

.cautionTag {
	height: 35px;
}

.cautionTopBlue {
	background-color: #0099FF;
}

.navi .selected {
	color: #000000;
}

#mainContentsLeftColumn {
	margin-bottom: 10px;
}

.inTableBtn {
	color: #0000FF;
	background: -moz-linear-gradient(center top , #FFFFFF, #DDDDDD) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -webkit-gradient(linear, left top,left bottom, from(#FFFFFF), to(#DDDDDD)) repeat scroll 0 0 rgba(0, 0, 0, 0);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFFFF', endColorstr='#FFDDDDDD');
	border: 0px solid #CCCCCC;
	border-radius: 4px;
	display: inline-block;
	padding: 3px 10px;
	margin: 0px 10px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}

.top-page .pager .pgr-back,
.top-page .pager .pgr-top {
	display: none;
}

#overlayGraph #mainContentsLeftColumn>* {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#importText #mainTitleContainer {
	margin-top: -20px;
}

#importText #mainTitleContainer h2 {
	color: #FFFFFF;
}

.colV {
	width: 14px;
	/* font-size: 10px !important; */
}

#happyoubun {
	overflow: visible;
}

.newHappyouDialog, .historyOoameDialog, .historyHappyouDialog {
	display: none;
}

th.suiijoukyo, td.suiijoukyo {
	width: 40px;
}

.nowrap {
	white-space: nowrap;
}

.graphTable div.graphNashi, .graphTable div.graphHeijo, .graphTable div.graphSuibou, .graphTable div.graphHanranChuui, .graphTable div.graphHinan, .graphTable div.graphHanranKiken, .graphTable div.graphKeikaku {
	background-color: #0000FF;
	font-size: 10px;
}

.grayOut {
	background-color: #E7E7E7 !important;
	color: #E7E7E7 !important;
}

.bgBlueLight {
	background-color: #CFF;
}

.dialogPageTitle {
	background-image: url("../img/common/bg_h2_main.png");
	background-color: #FFFFFF;
	background-position: left center;
	background-repeat: no-repeat;
	display: inline;
/*	font-size: 123.1%;	*/
	margin-left: 20px;
	padding-left: 18px;
	padding-top: 3px;
	width: 18em;
	color: #000000;
	white-space: nowrap;
}

.tableTdLeft .bgGrey, .tableTdCenter .bgGrey {
	background-color: #E7E7E7;
}

#hanreiContainer .irowakeList {
	padding-right: 20px;
}

#hanreiContainer .irowakeList li {
	height: 1.5em;
}

.irowakeRight {
	margin-bottom: 5px;
}

.irowakeRight li {
	list-style-type: none;
	margin-bottom: 2px;
	line-height: 1.1;
	background-repeat: no-repeat;
	background-position: right center;
}
.irowakeRight img {
	margin-left: 3px;
}

#hanreiContainer .irowakeRight {
	float: right;
	display: block;
	padding-left: 10px;
}

.bgBlack, .bgBlack > a {
	background-color: #000000;
	color: #FFFFFF;
}

#damGenkyoTable .bgBlack {
	padding: 3px 2px;
}

.bgFail, .bgFail > a {
	background-color: #999999;
	color: #FFFFFF;
}

#damGenkyoTable .bgFail {
	padding: 3px 2px;
}
.bgNavy {
	background-color: #000088;
	color: #FFFFFF;
}

.bgWhite {
	background-color: #FFFFFF;
	color: #000000;
}

.textSuper {
	font-size: 8px;
	text-align: center;
	vertical-align: text-top;
}

.doshakeikai #mainContentsLeftColumn,
.doshakeikai #mainContentsRightColumn {
	float: none;
	width: 100%;
}

#mapChange {
	cursor: pointer;
}

#mapBtn {
	display: block;
	float: right;
	height: 37px;
	width: 37px;
}

.mapPopup {
	margin-top: 2px;
	margin-left: 8px;
}

.mapPopup th,
.mapPopup td {
	padding: 1px;
}

#happyoHistoryTable td {
	text-align: left;
	white-space: nowrap;
}

#happyoHistoryTable td.wrap-normal {
	text-align: left;
	white-space: normal;
}

#happyoHistoryTable td.wrap-pre {
	text-align: left;
	white-space: pre;
}

#damShoryou th {
	white-space: nowrap;
}

.bgTokukei {
	color: #FFF;
	background-color: #606;
}

.kirikaeBtn {
	display: inline;
}

#tokatsuContainer ul {
    padding: 0 3px;
    width: 9em;
}

.wl-graph {
	cursor: pointer;
}

#happyoListTable td {
	padding-left: 0px;
	padding-right: 0px;
}

#mapContentsColumn {
	text-align: center;
	position: relative;
}

#map_canvas {
	margin-left: auto;
	margin-right: auto;
/*	width: 320px; */
	width: 100%;
	height: 450px;
}

.btnZoom {
	display: inline-block;
	margin-top: 0px;
}

#mapImage {
	position: relative;
}

#loader-bg {
	width: 100%;
	height: 100%;
	background-image: url("./images/map-loader-bg.png");
	background-repeat: repeat;
	position: absolute;
	z-index: 9000;
	display: none;
}

#loader {
	width: 100%;
	height: 100%;
	background-image: url("./images/map-loader.gif");
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	z-index: 9001;
	display: none;
}

.loader {
	width: 50px; /*ローディングアイコンの横サイズ*/
	height: 50px; /*ローディングアイコンの縦サイズ*/
	border-radius: 50px;  /*CSS3で円を書く*/
	border: 18px solid #00CCFF;  /*円に枠をつける*/
	border-right-color: transparent; /*円の右にC状の空きをつける*/
	position: absolute;
	z-index: 9000;
	display: none;

	-webkit-animation: spin 1.5s infinite linear; /*回転のアニメーションをつける*/
	-moz-animation: spin 1.5s infinite linear;
	-ms-animation: spin 1.5s infinite linear;
	animation: spin 1.5s infinite linear;
}
 /*キーフレームのアニメーションをつける*/
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	50%  { -webkit-transform: rotate(180deg); }
	100%   { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes spin {
	0% { -moz-transform: rotate(0deg); }
	50%  { -moz-transform: rotate(180deg); }
	100%   { -moz-transform: rotate(360deg); }
}

@-ms-keyframes spin {
	0% { -ms-transform: rotate(0deg); }
	50%  { -ms-transform: rotate(180deg); }
	100%   { -ms-transform: rotate(360deg); }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	50%  { transform: rotate(180deg); }
	100%   { transform: rotate(360deg); }
}


#hanreiContainer h4 {
	text-align:center;
}
h5 {
	display: block;
}
#btn-left {
	float:left;
}
/* 表示切り替えボタン */
.kirikaeBtn-large {
	float:left;
}
.kirikaeBtn-large li {
	float: left;
	margin: 3px 0px;
	list-style: none;
	padding: 0px;
}
.kirikaeBtn-large li a {
	text-align: center;
	border: 1px solid #CCC;
	padding: 4px 6px 3px;
	border-radius: 4px;
	background: -webkit-linear-gradient(top, #F7F7F7, #DDDDDD);
	background: -moz-linear-gradient(top, #F7F7F7, #DDDDDD);
	background: linear-gradient(top, #F7F7F7, #DDDDDD);
	color: #00F;
	text-decoration: none;
	display: block;
	width:5em;
}
.kirikaeBtn-large li + li {
	margin-left: 5px;
}
.kirikaeBtn-large li.selected a {
	border: 1px solid #000;
	color: #FFF;
	background: -webkit-linear-gradient(top, #000, #000);
	background: -moz-linear-gradient(top, #000, #000);
	background: linear-gradient(top, #000, #000);
	background-color: #000000;
}
.kirikaeBtn-large#btn-right {
	float:right;
}

#btn-zoom {
	width: 9.8em;
	background-color: #DDD;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DDD));
	background: -moz-linear-gradient(top, #FFF, #DDD);
	background: linear-gradient(top, #FFF, #DDD);
	border: 1px solid #CCC;
	border-radius: 4px;
	position: absolute;
	top:5px;
	left:5px;
}
#btn-zoom a {
	display: block;
	padding: 5px 10px 3px 10px;
	background-image: url(../images/common/bg_zoom.png);
	background-repeat: no-repeat;
	background-position: right center;
	-moz-background-size:26px 22px;
	-webkit-background-size:26px 22px;
	background-size:26px 22px;
	text-align: left;
}
#btn-zoom a:visited {
	color: #00F;
}
#container-time {
	position: absolute;
	top: 5px;
	right: 5px;
	background-color: rgba(255,255,255,0.7);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99FFFFFF,EndColorStr=#99FFFFFF);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99FFFFFF,EndColorStr=#99FFFFFF)";
	padding: 6px 6px 3px;
	border-radius: 4px;
}