@charset "UTF-8";
/* CSS Document */

/* ------------------
content
------------------ */
#content {
}

/* ------------------
content - TOP
------------------ */

body#top #content {
	min-height:492px;
	padding-top:31px;
}

/* ------------------
localnavi
------------------ */
.menukukuri {
	width:237px;
	float:left;
}
.localnavi {
	width:217px;
	padding:10px;
	background:#4089C1;
}
.localnavi.off {
	width:217px;
	padding:10px;
	background:#04699D;
}
.localnavi.uesen {
	border-top:1px solid #000000;
}

.localnavi h2 {
	width:217px;
	height:30px;
	background:url(../images/local_tit_btn.png) no-repeat;
	font-size:19px;
	line-height:30px;
	text-align:center;
	font-weight:bold;
	color:#000000;
}
.localnavi h2 a {
	width:217px;
	height:30px;
	background:url(../images/local_tit_btn.png) no-repeat;
	font-size:19px;
	line-height:30px;
	text-align:center;
	font-weight:bold;
	color:#000000;
	display:block;
	text-decoration:none;
}
.localnavi h2 a:hover {
	background:url(../images/local_tit_btn_on.png) no-repeat;
}

.localnavi .panel {
	width:217px;
	background:url(../images/panel_bg2.png) no-repeat;
	margin-bottom:8px;
}
.localnavi .panel h3 {
	color:#FFFFFF;
	font-size:17px;
	font-weight:bold;
	padding:10px 0 2px 0;
}
.localnavi .panel h3 span {
	color:#FFFFFF;
	font-size:13px;
	font-weight:normal;
	padding:10px 0 2px 0;
}

.localnavi .panel select {
	width:217px;
	height:27px;
	line-height:27px;
	background:#ECECEC;
	font-size:13px;
	font-weight:normal;
	color:#222;
}
.localnavi .panel input.sendbtn,
.localnavi .panel .sendbtn  {
	margin:20px 0 0 35px;
	text-align:center;
	cursor: pointer;
}

.localnavi p {
	font-size:14px;
	line-height:20px;
	color:#FFFFFF;
	padding-left:14px;
	text-indent:-14px;
	font-weight:bolder;
	text-align:justify;
}

/* ------------------
maincontent
------------------ */
#maincontent {
	width:744px;
	float:right;
	padding-bottom:31px;
	overflow:hidden;
}
#maincontent table {
    border-collapse: collapse;
	background:#FFFFFF;
}

#maincontent tr {
}
#maincontent td,
#maincontent th {
	box-sizing: border-box;
	border:1px solid #003E89;
}
#maincontent thead th {
	background:#359BC8;
	color:#FFF;
	font-size:14px;
	line-height:43px;
	font-weight:bold;
	text-align:center;
}
#maincontent thead.line2 th {
	background:#359BC8;
	color:#FFF;
	font-size:14px;
	line-height:16px;
	font-weight:bold;
	text-align:center;
    white-space: nowrap;
	padding:3px 6px;
}
#maincontent thead.line2 tr.taniii th {
	background:#359BC8;
	color:#FFF;
	font-size:12px;
	line-height:13px;
	font-weight:bold;
	text-align:center;
}


#maincontent thead th.nanamesen {
	height:43px;
	background:url(../images/naname-sen.png) no-repeat #359BC8;
	background-size:100% 100%;
	padding:0px 6px;
	position:relative;
}
#maincontent thead th.nanamesen p.migiue {
	position:absolute;
	color:#FFF;
	font-size:13px;
	line-height:13px;
	margin:0px;
	padding:0px;
	top:7px;
	right:3px;
}
#maincontent thead th.nanamesen p.hidarishita {
	position:absolute;
	color:#FFF;
	font-size:13px;
	line-height:13px;
	margin:0px;
	padding:0px;
	bottom:2px;
	left:4px;
}


#maincontent tbody th {
	background:#D0DEF1;
	font-size:13px;
	line-height:16px;
	font-weight:bold;
	padding:6px 6px 3px;
	vertical-align:middle;
    white-space: nowrap;
	box-sizing: border-box;
}
#maincontent tbody th span {
	font-size:13px;
	font-weight:normal;
    white-space: nowrap;
	box-sizing: border-box;
}

#maincontent td {
	color:#000000;
	font-size:14px;
	line-height:14px;
	text-align:center;
	padding:6px 4px 3px 4px;
}


#maincontent tbody tr:nth-child(2n-1) {
    background-color: #EBEBF6;
    transition: all .125s ease-in-out;
}

#maincontent tbody tr:hover {
    background-color: rgba(250,197,0,.3);
}



@media screen and (max-width: 768px) {
/* ------------------
content - TOP
------------------ */

body#top #content {
	padding-top:0px;
}
/* ------------------
localnavi
------------------ */
.menukukuri {
	width:100%;
	float:none;
}
.localnavi.off {
	display:none;
}
.localnavi.uesen {
	border-top:none;
}
.localnavi {
	width:100%;
	padding:4%;
	background:#4089C1;
	margin-top:0px;
	position:static;
	top:35px;
	left:0px;
	box-sizing:border-box;
}
.localnavi h2 {
	width:100%;
	height:24px;
	background:url(../images/local_tit_btn.png) no-repeat;
	background-size:100% 100%;
	font-size:15px;
	line-height:24px;
	text-align:center;
	font-weight:bold;
	color:#000000;
}
.localnavi h2 a {
	width:100%;
	height:24px;
	background:url(../images/local_tit_btn.png) no-repeat;
	background-size:100% 100%;
	font-size:15px;
	line-height:24px;
	text-align:center;
	font-weight:bold;
	color:#000000;
	display:block;
	text-decoration:none;
}
.localnavi h2 a:hover {
	background:url(../images/local_tit_btn_on.png) no-repeat;
	background-size:100% 100%;
}

.localnavi .panel {
	width:100%;
	background:url(../images/panel_bg2.png) no-repeat;
	margin-bottom:8px;
}
.localnavi .panel h3 {
	clear:left;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	padding:7px 0 2px 0;
	float:none;
	width:100%;
}
.localnavi .panel h3 span {
	color:#FFFFFF;
	font-size:11px;
	font-weight:normal;
	padding:7px 0 2px 0;
}
.localnavi .panel select {
	margin:0px 0 2px 0;
	width:100%;
	height:22px;
	line-height:22px;
	background:#ECECEC;
	font-size:12px;
	font-weight:normal;
	color:#222;
}
.localnavi .panel .sendbtn {
	margin:7px 34% 0;
	text-align:center;
	width:32%;
	height:auto;
}

.localnavi p {
	font-size:11px;
	line-height:16px;
	color:#FFFFFF;
	padding-left:11px;
	text-indent:-11px;
	font-weight:bold;
	text-align:justify;
}

.kirikae {
	margin:8px auto 5px;
	text-align:center;
}
.prev_forw_btn {
	margin:0 4px;
	width:60px;
	height: 19px;
}

/* ------------------
maincontent
------------------ */
#maincontent {
	width:100%;
	float:none;
	padding-bottom:15px;
	overflow:hidden;
}
#maincontent .habakime {
	width:auto;
}

#chart_div {
	width:100% !important;
	height:450px;
	overflow:auto;
}


}
