/* BODY */

#header {
  height: 110px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}

#content{
  padding-top: 110px;
}

body {
	background-color: #ffffff ; 
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size:10pt ;
	line-height:150% ;
	color:#000000 ;
}

tr,td,th {
	text-align:left;
	font-size:10pt ;
	line-height:150% ;
	color:#000000 ;
}

.toplogo {
	height: 60px;
	width: 100%;
	background: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.topmenu {
	height: 50px;
	width: 100%;
	background: #3355dd;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.topnews {
	width: 100%;
	background-color: #dddfdd ; 
	margin: 0px 0px 0px 0px;
	padding: 0px;
}


a {
	color:#444444 ;
	text-decoration:none;
}

a:hover {
	color:#333333;
}


h1 {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size:14pt ;
	line-height:150% ;
	font-weight:normal;
	color:#000055 ;
}


h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size:12pt ;
	line-height:200% ;
	font-weight:normal;
	color:#ffffff ;
	text-align:center;
}

.topline{
	background-color: #3355dd ;
}

.endb {
	width: 100%;
	background-color: #3355dd ;
	margin: 0px;
	padding: 0px;
	color:#ffffff ;
	text-align:center;
}

.endb a {
	color:#ffffff ;
}

.endb a:hover {
	color:#ffffff ;
}

.subred {
	background-color: #f7ece7 ; 
	border: solid 1px #ffe1e1 ; 
	border-radius: 10px;
	padding: 10px;
	margin: 10px;
	font-size:12pt ;
	color:#f48678;
}

.subblu {
	background-color: #f4f4ff ; 
	border: solid 1px #3355dd ;
	border-radius: 10px;
	padding: 10px;
	margin: 10px;
	font-size:12pt ;
	color:#002299;
}

.subgre {
	background-color: #f4fffa ; 
	border: solid 1px #d4eedd ;
	border-radius: 10px;
	padding: 10px;
	margin: 10px;
	font-size:12pt ;
	color:#009933;
}

.neatop {
	width: 100%;
	background: #dde8ff;
	margin: 0px;
	padding: 30px 0px 30px 0px;
	font-size:14pt ;
	color:#000000 ;
}

/* ¥PAGE TOP */

.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;
}

/* ¥INDEX */

.topati{
	width:600px ;
	background-color: #f5f5ff ;
	border: solid 1px #6699ff ; 
	border-radius: 10px;
	padding: 6px;
	margin: 10px;
	text-align: center;
	font-size:12pt ;
	color:#000000 ;
}

.topbti{
	width:580px ;
	padding: 0px;
	margin: 0px;
	text-align: left;
	font-size:10pt ;
	line-height:150% ;
	color:#000000 ;
}

.topcti{
	width:950px ;
	background-color: #f5f5ff ;
	border: solid 1px #6699ff ; 
	border-radius: 6px;
	padding: 6px;
	margin: 10px;
	text-align: center;
	font-size:12pt ;
	color:#000000 ;
}


.topdti{
	width:800px ;
	background-color: #f5f5ff ;
	border: solid 1px #6699ff ; 
	border-radius: 6px;
	padding: 6px;
	margin: 10px;
	text-align: center;
	font-size:12pt ;
	color:#000000 ;
}

.topgar {
	background-color: #dddddd ;
}

.topgbr {
	background-color: #e5eeff ;
}


.topgcr {
	background-color: #222222 ;
	font-size:12pt ;
	font-weight:normal;
	color:#ffffff ;
}

.topgdr {
	background-color: #3355dd ;
	color:#ffffff ;
}

/* A Img Transition 2 __________________________________ */

.img_wrap{
  width: 250px;
  height: 250px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 50%;
}
.img_wrap img{
  width: 100%;
  cursor: pointer;
  transition-duration: 0.5s;
}
.img_wrap img:hover{
  transform: rotate(360deg);
  transition-duration: 0.5s;
}


.img_bwrap{
  width: 150px;
  height: 150px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 50%;
}
.img_bwrap img{
  width: 100%;
  cursor: pointer;
  transition-duration: 0.5s;
}
.img_bwrap img:hover{
  transform: rotate(360deg);
  transition-duration: 0.5s;
}


/* ¥NextPage */



.endnews {
	width: 100%;
	background-color: #fff1e5 ; 
	margin: 0px;
	padding: 0px;
}



.nextti{
	width:1000px ;
	background-color: #f5f5ff ;
	border: solid 1px #6699ff ; 
	border-radius: 6px;
	padding: 6px;
	margin: 10px;
	text-align: center;
	font-size:12pt ;
	color:#000000 ;
}

.nextbi{
	width:950px ;
	background-color: #ffffff ;
	border: solid 1px #ffffff ; 
	border-radius: 6px;
	padding: 6px;
	margin: 10px;
	text-align: left;
	font-size:10pt ;
	line-height:180% ;
	color:#000000 ;
}

.neati{
	width:600px ;
	background-color: #fff5f5 ;
	border: solid 1px #ff9966 ; 
	border-radius: 10px;
	padding: 6px;
	margin: 10px;
	text-align: center;
	font-size:12pt ;
	color:#000000 ;
}


.nebti{
	width:1000px ;
	background-color: #fff5f5 ;
	border: solid 1px #ff9966 ; 
	border-radius: 6px;
	padding: 6px;
	margin: 10px;
	text-align: center;
	font-size:12pt ;
	color:#000000 ;
}

.lpad{
	padding: 0px;
	margin: 0px 0px 0px 28px;
}

