#header {
  height: 110px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}

#content{
  padding-top: 106px;
}

footer{
	width: 100%;
	background-color: #112255 ;
	background-image: url(../img/endbk.jpg);
	background-position: center top ;
	background-repeat:repeat-x ;

	margin: 0px 0px 0px 0px;
	padding: 50px 0px 50px 0px ;

	position: absolute;
	bottom: 0;

	text-align:center;
	line-height:150% ;
	color:#ffffff ;
}

.endname {
	font-size:18pt ;
	font-weight:bold ;
	line-height:150% ;
	color:#ffffff ;
}

.pageall{
    min-height: 100vh;
    position: relative;
    padding-bottom: 250px;
    box-sizing: border-box;
}

/* Main __________________________________ */

body {
	background-color: #ffffff ; 
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size:10pt ;
	line-height:150% ;
	color:#555555 ;
	animation: fadeIn 2s ease 0s 1 normal;
   	-webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}

}

tr,td,th {
	text-align:left;
	font-size:10pt ;
	line-height:150% ;
	color:#555555 ;
}

a {
	color:#111111 ;
	text-decoration:none;
}

a:hover {
	color:#111111;
}

img.example1 {
	vertical-align: middle;
}



/* タイトル用 __________________________________ */

.toplogo {
	height: 106px;
	width: 100%;
	background-image: url(../img/topbk.png);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

h1 {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size:15pt ;
	line-height:150% ;
	font-weight:normal;
	color:#000000 ;
}

h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size:12pt ;
	line-height:200% ;
	font-weight:normal;
	color:#ffffff ;
	text-align:center;
}


/* 下層ページ用 __________________________________ */

.netitle {
	width: 100%;
	height: 35px;
	background-image: url(../img/bktit.png);
	background-position : top center ;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 0px ;
	font-size:13pt ;
	text-align:center;
	color:#ffffff ;

}

.toptbl {
	width: 1000px ;
	background-color: #0099ff ;
	border: solid 1px #33ccff ; 
	border-radius: 6px;
	padding: 5px 5px 5px 5px ;
	margin: 10px;
	font-size:11pt ;
	text-align: center;
	color:#ffffff ;
}

.tdbkbl { 
	background-color: #ffffff ;
	border: dashed 1px #cccccc ;
	border-radius: 4px;
	margin: 2px;
	padding: 8px;
	font-size:10pt ;
	color:#000000 ;
}

.tdbkcc { 
	width: 300px ;
	background-color: #eeeeee ;
	border: solid 1px #eeeeee ;
	border-radius: 4px;
	margin: 2px;
	padding: 8px;
	font-size:12pt ;
	color:#000000 ;
}

.tdbkeb { 
	width: 300px ;
	background-color: #e3e8f5 ;
	border: solid 1px #e3e8f5 ;
	border-radius: 4px;
	margin: 2px;
	padding: 8px;
	font-size:12pt ;
	color:#000000 ;
}

/* Pro __________________________________ */

.proati {
	width:1000px ;
	background-color: #ffffff ;
	border: solid 1px #cccccc ; 
	border-radius: 4px;
	padding: 5px 5px 5px 5px ;
	margin: 5px;
	font-size:11pt ;
	color:#000000 ;
}

.probti {
	width: 300px ;
	background-color: #ff5500 ;
	border: solid 1px #ffffff ; 
	border-radius: 6px;
	padding: 5px 5px 5px 5px ;
	margin: 10px 10px 10px 10px;
	font-size:11pt ;
	text-align: center;
	color:#ffffff ;
}

.procom {
	width: 300px ;
	padding: 5px 5px 5px 5px ;
	margin: 10px 10px 10px 10px;
	line-height:180% ;
}

/* 100背景 __________________________________ */

.backg {
	width: 100%;
	background-color: #f0f0f0 ;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px ;
	text-align:center;

}

/* News __________________________________ */

.nexttb {
	width: 1000px ;
	background-color: #f5f5f5 ;
	border: solid 1px #cccccc ; 
	border-radius: 4px;
	padding: 5px 5px 5px 5px ;
	margin: 5px;
	font-size:11pt ;
	color:#000000 ;
}


/* Submit __________________________________ */


.subred {
	background-color: #ffeeee ; 
	border: solid 1px #ffcccc ; 
	border-radius: 10px;
	padding: 10px;
	margin: 10px;
	font-size:10pt ;
	color:#cc6666;
}

.subblu {
	background-color: #f4f4ff ; 
	border: solid 1px #d4d4ff ;
	border-radius: 10px;
	padding: 10px;
	margin: 10px;
	font-size:10pt ;
	color:#333333;
}

.subgre {
	background-color: #f4fffa ; 
	border: solid 1px #d4ffd4 ;
	border-radius: 10px;
	padding: 10px;
	margin: 10px;
	font-size:10pt ;
	color:#333333;
}

/* Pagetop __________________________________ */

.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}

.pagetop a {
    display: block;
    background-color: #ccc;
    text-align: center;
    color: #333333;
    font-size: 12px;
    text-decoration: none;
    padding: 10px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
border:solid 1px #aaaacc; 
border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
}

.pagetop a:hover {
    display: block;
    background-color: #ccccee;
    text-align: center;
    color: #000000;
    font-size: 12px;
    text-decoration: none;
    padding: 10px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
border:solid 1px #aaaacc; 
border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
}


/* Img Transition __________________________________ */

.simg_wrap{
  width: 140px;
  height: 140px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 50%;
}

.simg_wrap img{
  width: 100%;
  cursor: pointer;
  transition-duration: 0.5s;
}

.simg_wrap img:hover{
  transform: rotate(340deg);
  transition-duration: 0.5s;
}


/* Img Transition Gray __________________________________ */

img.gray {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}

img.gray:hover {
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
filter: grayscale(0);
}

/* A Img Transition 2 __________________________________ */

.img_wrap{
  width: 100px;
  height: 100px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 50%;
}
.img_wrap img{
  width: 100%;
  cursor: pointer;
  transition-duration: 1.2s;
}
.img_wrap img:hover{
  transform: rotate(720deg);
  transition-duration: 0.5s;
}