/* header_info */

body{
	background-color:#ffffff;
	margin:10 auto;
	padding:0 auto;
	text-align:center;
	line-height:1.4;
	color:#090909; /* dimgray */
	font-family:arial,sans-serif;
	font-size:0.75em;
	-webkit-text-size-adjust: 100%;
	overflow-wrap:break-word;
}

/* link */
a:link{
	text-decoration:none;color:#0000cd; /* midiumblue */
}
a:visited{
	text-decoration:none;color:#191970; /* midnightblue */
}
a:hover{
	text-decoration:none;color:#ff0000; /* red */
}
a:active{
	text-decoration:none;color:#006400; /* darkgreen */
}

#header_info{
	text-align:right;
	float:right;
	display:inline-block;
	font-family:sans-serif;
	font-size:9pt;
}

#header_info li{
	float:left;
	margin-right:5px;
	padding-right:3px;
	padding-left:3px;
	border-left:solid 5px darkorange;
	border-top:dotted 1px darkorange;
	list-style-type:none;
}

.button {
	display: inline-block;
	width: 200px;
	height: 54px;
	margin:5px 2px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button15 {
	position: relative;
	-webkit-perspective: 300px;
	perspective: 300px;
}
.button15 span {
	display: block;
	position: absolute;
	width: 180px; 
	height: 60px;
	border: 0px solid #333;
	border-right:1px dotted #333;
	font-size: 24px;
	font-family: 'Helvetica', sans-serif;
	font-weight: 400;
	text-align: center;
	line-height: 56px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	pointer-events: none;
}
.button15 span:nth-child(1) {
	background-color: #333;
	color: #fff;
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: 50% 50% -30px;
	-moz-transform-origin: 50% 50% -30px;
	transform-origin: 50% 50% -30px;
}
.button15 span:nth-child(2) {
	background-color: #fff;
	color: #333;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
	-webkit-transform-origin: 50% 50% -30px;
	-moz-transform-origin: 50% 50% -30px;
	transform-origin: 50% 50% -30px;
}
.button15:hover span:nth-child(1) {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.button15:hover span:nth-child(2) {
	background-color: #333;
	color:#fff;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
}

h1{
	border-color:yellow;
	border-type:solid none;
	border-width:2px 0;
}

.pagetop-style{
	position:fixed;
	bottom:20px;
	right:20px;
	width:40px;
	height:40px;
	color:green;
	border-radius:20px;
	background-color:#ffd700;
	list-style-type:none;
	text-align:center;
	line-height:14px;
	font-size:14px;
	font-weight:bold;
	font-family:sans-serif;
	background-image : url(../../img/up.png);
	background-repeat:no-repeat;
	background-position:center center;

}

.pagetop-style p a{
  position: relative;
  display: block;
  margin: -20px 0 0 0;
  padding: 0px;
  background: #a1b91d;
  color: red;
  font-weight: bold;
  text-decoration: none;
}

.pagetop-style p a:before{
  display: inline-block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); 
  right: 50px;
  width: 20px;
  height: 20px;
  margin-top: 20px;
  background-color: #fff;
}

.pagetop-style p a:after{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 40px;
  width: 20px;
  height: 20px;
  margin-top: 20px;
  background: #a1b91d;
}

img{
	border:none;
}


.title01{
	width:98%;
	margin:0 auto;
	padding:5px 0px;
	text-align:center;
	background-color:darkblue;
	border-color:rgb(99,112,80);
	border-width:0 10px 2px 0;
	line-height:1.2em;
	color:white;
	font-weight: bold;
	font-family: sans-serif;
	font-size:normal;
}