@charset "UTF-8";

/* 共通項目
-----------------------------------------*/

.timetext{
	text-align: right;
	padding: 10px 0px 20px;
}

h1.infotit{
	padding: 10px;
	border-left: 5px solid #c9c9c9;
	margin-bottom: 20px;
	background: #f6f6f6;
}

h1.seiwanettit{
	margin:30px 0px;
	padding: 10px;
	border-top: 5px solid #348b7a;
	background: #f6f6f6;
	text-align: center;
}

h1.seiwanettit02{
	margin:30px 0px;
	padding: 10px;
	border-top: 5px solid #325c96;
	background: #f6f6f6;
	text-align: center;
}


.boxarea{
	margin-bottom: 30px;
}

.boxarea h2{
	padding: 10px;
	margin-bottom: 10px;
	color: #000;
	/* counter-reset:number; */
	border-left: 5px solid #004da0;
	border-bottom: 1px solid #c9c9c9;
}

.boxarea h2:before{
	counter-increment: number 1;/* number カウンタを増加 */
	content: counter(number) ". " ;  /* 表示形式を指定 */
}

.boxarea h2.seiwanettit{
	padding: 10px;
	margin-bottom: 20px;
	color: #000;
	border-left: 5px solid #d10000;
	border-bottom: 1px solid #c9c9c9;
}

.boxarea h2.seiwanettit::before,
.boxarea h2.seiwanettit02::before{
	display: none;
}

.boxarea h2.seiwanettit02{
	padding: 10px;
	margin-bottom: 20px;
	color: #000;
	border-left: 5px solid #004da0;
	border-bottom: 1px solid #c9c9c9;
}

.hyo{
	width: 100%;
	border-top:1px solid #c9c9c9;
	border-left:1px solid #c9c9c9;
}

.hyo th.hyotit01{width: 25%;}
.hyo th.hyotit02{width: 25%;}
.hyo th.hyotit03{width: 40%;}

.hyo th{
	background: #d7edf5;
}

.hyo th,
.hyo td{
	border-bottom:1px solid #c9c9c9;
	border-right:1px solid #c9c9c9;
	padding: 10px;
	line-height: 1.5;
	vertical-align: middle;
	text-align: left;
}


ul.numlist{
	counter-reset:number02;
}

ul.numlist li{
	list-style-type: none;
	text-indent: -2em;
	margin-left: 2em;
	font-size: 0.8em;/*13px*/
}

ul.numlist li:before {
  counter-increment: number02 1;/* number カウンタを増加 */
  content: "※" counter(number02) " ";  /* 表示形式を指定 */
}

ul.numlist02 li{
	list-style-type: none;
	text-indent: -1em;
	margin-left: 1em;
}

ul.numlist02 li:before {
  content: "●";
}

ul.numlist03{
	counter-reset:number03;
}

ul.numlist03 li{
	list-style-type: none;
	text-indent: -2.7em;
	margin-left: 2.7em;
}

ul.numlist03 li:before {
		counter-increment: number03 1;/* number カウンタを増加 */
		content: "（" counter(number03) "）";  /* 表示形式を指定 */
}

.topback a{
	padding: 10px;
	font-size: 0.8em;/*13px*/
	margin: 10px 0px;
	text-align: right;
	display: block;
}

.datalinkbtn{
	overflow: hidden;
	margin-bottom: 20px;
}

.databtn a{
	padding: 20px 10px;
	text-align: center;
	border-radius: 10px;
	color: #004DA3;
	background: #fff;
	border:3px solid #004DA3;
	display: block;
	margin-bottom: 10px;
}

.databtn a:hover{
	color: #fff;
	background: #004DA3;
	text-decoration: none;
}

.infoarea{
	border: 1px solid #a2a2a2;
	background: #fafafa;
	padding: 15px;
}

.infoarea h1{
	font-size: 2em;
	font-weight: bold;
	text-align: center;
}

.infoarea h4{
	background: #fafafa;
	padding: 0px;
	margin-bottom: 10px;
	color: #004da0;
	font-weight: bold;
}

.newsscrollbox{
	overflow: scroll;
	padding: 25px;
	height: 150px;
	border: 2px solid #ccc;
}

.newsscrollbox ul li {
	padding-bottom:10px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #ccc;
}

.newsscrollbox ul li a{
	color: #004da0;
}

.newsscrollbox .red_c{
	color: #d10000;
}

.newsscrollbox .reibox{
	background: #FBFDEB;
	padding: 10px;
	border: 1px solid #cecece;
	margin-bottom:10px;
}

.newsscrollbox ul li p,
.newsscrollbox ul li div{
	font-size: 1em;
}

.seiwaloginbtn{
	margin:0 auto;
}

.seiwaloginbtn a{
	display: block;
	padding: 20px;
	background:#004da0;
	color:#fff;
	text-align: center;
	border:2px solid #004da0;
	border-radius:10px;
}

.seiwaloginbtn a:hover{
	background:#fff;
	color:#004da0;
	text-decoration: none;
}

.seiwabiz a{
	background:#348b7a;
	border:2px solid #348b7a;
}

.seiwabiz a:hover{
	background:#fff;
	color:#348b7a;
}

ul.listguide{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:20px 0px;
}

ul.listguide li{
	text-indent: -1em;
	margin-left: 1em;
	padding-bottom:10px;
}

ul.listguide li:last-child{
	padding-bottom:0px;
}

ul.listguide li::before{
	content: '○';
	padding-right: 5px;
	color:#666;
}

/*レスポンシブ対応*/

@media screen and (min-width:0px) and ( max-width:767px) {
	 /*画面サイズが0pxから767pxまではここを読み込む*/

		.sphyocon{
			overflow: auto;
			white-space: nowrap;
			overflow-x: auto;
			-webkit-overflow-scrolling: touch;
		}

}

@media screen and (min-width:768px) {
 /*画面サイズが768pxからはここを読み込む*/

	.contents{
		width: 730px;
		margin: 0 auto;
		overflow: hidden;
		padding: 0px;
	}

	.dataimgarea{
		display: none;
	}

.databtn{
		width: 49%;
	}

	.btn02{
		clear: both;
	}

	.pcnone{
		display: none;
	}

	.seiwaloginbtn{
		width:350px;
	}

}

@media screen and (min-width:960px) {
 /*画面サイズが960pxからはここを読み込む*/
}

@media screen and (min-width:1110px) {
/*画面サイズが1110pxからはここを読み込む*/
}