body {
font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

#container {
z-index: 1;
position: relative;
padding:2px 10px ;
color:#1D56A5;
}

.viewgroupsite {
z-index: 2;
position: absolute;
top:0;
right:20px;
background: #FFF;
}

.viewgroupsite a {
font-size:1.0rem;
color: #333;
cursor:pointer;
cursor:hand;
text-decoration: none;
text-transform:lowercase;
padding:2px 10px 4px;
}

.viewgroupsite:hover {
color:#02070D;
text-decoration: underline;
} 

button.inpbutton {
	vertical-align: top;
  font-size: 1.1rem; 
	font-weight:bold;
	width:80px;
	height:34px;
  background-color: #002596;
  color: #fff;
	border-style: none;
}
	 
button.inpbutton:hover {
  text-decoration: underline;
	background-color: #005F82;
  color: #fff;
}

#pager_lbtn, #pager_rbtn{
	vertical-align: top;
  font-size: 1.1rem; 
	width:80px;
	height:34px;
  background-color: #002596;
  color: #fff;
	border-style: none;
}
#pager_lbtn:hover, #pager_rbtn:hover {
  text-decoration: underline;
	background-color: #005F82;
  color: #fff;
}
#pager_disa_rbtn {
	vertical-align: top;
  font-size: 1.1rem; 
	width:80px;
	height:34px;
  background-color: #000921;
  color: #B2B2B2;
	border-style: none;
}
.contact {
padding:10px;
}
.contact a {
line-height:1.5;
font-size:.8rem;
color:#000;
text-decoration: none;
}
 .contact a:hover {
text-decoration: underline;
}