html{
	background-color:#f5f5f5;  /*#052d5d;*/
}

body{
	font-family: "メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 1.1rem;
	line-height: 2rem;
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
}

/* =============================
			header
============================= */
body > header{
	min-height:140px;
}
.logoset{
	width:100%;
}
.logoimg{
	text-align:center;
	min-height:100px;
	line-height:100px;
	display:table-cell;
	vertical-align:middle;
}
@media screen and (min-width:360px) and (max-width:809px){/*responsive*/
	body > header{
		min-height:125px;
	}
	.logoimg{
		min-height:85px;
		line-height:85px;
	}
}
@media screen and (max-width:359px){/*iphone5*/
	body > header{
		min-height:105px;
	}
	.logoimg{
		min-height:65px;
		line-height:65px;
	}
}
#headerjs{
	max-width:960px;
	background-color: #052d5d;
	z-index:1000;
}
.borderRL{
	border-left:ridge rgba(0,0,0,1);
	border-right:ridge rgba(0,0,0,1);
	box-shadow: 0 1px 0 rgba(255,255,255,0.1);
}
.borderB{
	border-bottom:ridge #ddd;
}
header ul li{
	border-left:2px solid rgba(0,0,0,1);
	box-shadow: 0 1px 0 rgba(255,255,255,0.1);
}
header ul li:lang(en){
	margin:0.5em 0em;
}
.chgrpos{
	position:absolute;
	top:40%;
	right:10px;
	z-index:1500;
	border:redge;
}
@media screen and (min-width:330px) and (max-width:839px){/*reponsive*/
	.chgrpos{
		top:70%;
	}
}
@media screen and (max-width:329px){/*iphone5*/
	.chgrpos{
		top:65%;
	}
}
.uk-navbar-nav > li > a {
	padding: 0 10px;
}

/* ==============================
			content
=============================== */
#main{
	background-color:white;
	padding:1em 1em;
	height:100%;
}
#content{
	position: relative;
}
.ggmap {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}
.ggmap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
:lang(en) .uk-container{
	padding:0 10px;
}
#ntable td{
	border:solid;
}
#ntable{
	width:80%;
	margin:auto;
	text-align:center;
	border-collapse:collapse;
	border: solid;
	border-width: midium;
}
#award li{
	border-bottom: solid;
	border-width: thin;
	margin-bottom: 10px;
}
#award li p{
	margin-bottom:5px;
}
/* ==============================
			footer
=============================== */
.footer{
	text-align:center;
	min-height:50px;
	background-color:#ffffff;
	font-color:#c0c0c0;
}
footer p{
	margin:0 0 0 0;
}
footer span a{
	color: #a9a9a9;
}
@media screen and (max-width:480px){/*footer font size iphone5*/
	footer span a{
		font-size:0.8em;
	}
}
#copyright{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	height:20px;
	color:#D3D3D3;
	background-color:#232323;
	font-size:0.8rem;
}

/*===============================
	nav animation (http://photoshopvip.net/84144) snip1217
=============================== */
.navanime {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
}
.navanime * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.navanime li {
  display: inline-block;
  list-style: outside none none;
  margin: 0.5em 0em;
  padding: 0;
}
.navanime a {
  padding: 3px 0;
  color: rgba(255, 255, 255, 0.5);
  position: relative;
  text-decoration: none;
  display: inline-block;
}
.navanime a:before,
.navanime a:after {
  height: 3px;
  position: absolute;
  content: '';
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  background-color: #f19072;
  width: 0;
}
.navanime a:before {
  top: 0;
  left: 0;
}
.navanime a:after {
  bottom: 0;
  right: 0;
}
.navanime a:hover,
.navanime .current a {
  background-color: #fff;
}
.navanime a:hover:before,
.navanime .current a:before,
.navanime a:hover:after,
.navanime .current a:after {
  width: 100%;
}