@charset "UTF-8";
/* CSS Document */

img {
	border: 0;
	vertical-align:bottom;
}
h1, h2, h3, h4, h5, h6, p, ul, li {
	font-size: 100%;
	margin: 0;
	padding: 0;
}
.clear {
	clear:both;
}

body  { color: #3c3c3c; font-size: 13px; font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;  margin: 0; padding: 0; border-top: 7px solid #00c5ff; background-color:#00C5FF; }

#pagebody {
	width: 100%;
	padding:0px;
	background: url("../images/bg.jpg") repeat-x left -87px;
	background-color:#FFFFFF;
}
.home #pagebody {
	background-position:left -7px;
}
#header_top {
	width:800px;
	height:260px;
	margin: 0 auto;
	background:url(../images/header_img_top.jpg) no-repeat center top;
	position:relative;
}
#header {
	width:800px;
	height:180px;
	margin: 0 auto;
	background:url(../images/header_img.jpg) no-repeat center top;
	position:relative;
}
#menu {
	width:800px;
	height:51px;
	margin: 0 auto;
	overflow:hidden;
}
ul.menu {
	margin: 0;
	padding:0;
	list-style:none;
}
ul.menu li {
	margin: 0;
	padding: 0;
	float:left;
}

h1 {
	width: 780px;
	height:120px;
	text-indent:-9999px;
}
h1 a {
	width:780px;
	height:120px;
	display:block;
}

/*　コンテンツ　*/
#contents  { background-color: #ffffff; margin: 0 auto; padding: 10px 20px; width: 760px }
.update {
	padding-bottom:10px;
	text-align:right;
}

/*　左カラム　*/
#col_l {
	width:490px;
	padding-right:30px;
	float:left;
}

/*　右カラム　*/
#col_r {
	width:240px;
	float:left;
}

/*　フルカラム　*/
#col {
	width:760px;
}

/* whatsnew */
.whatsnew_box    { margin-bottom: 20px; padding: 15px 5px; width: 230px; height: 560px; border-bottom: 1px solid #999999 }
.whatsnew        { font-size: 12px; line-height: 1.5; margin: 0; padding: 0 15px 0 0; width: 215px; height: 560px; overflow: auto }
.whatsnew p {padding-bottom:6px;}

.office_box {
	width:230px;
	margin-bottom:20px;
	padding:15px 5px;
}

/*　フッター　*/
#footer_body {
	width:100%;
	border-bottom:7px #00C5FF solid;
	background-color:#FFFFFF;
}
#footer {
	width:800px;
	margin:0 auto;
	padding:15px 0;
	background-color:#FFFFFF;
  position: relative;
}
#footer p  { color: #666666; font-size: 12px; text-align: center }
.fnav {
  display: flex;
  justify-content: center;
}
.fnav li {
  list-style: none;
  padding: 0 15px 15px 0;
}
.fnav li::before {
  content: "|";
  padding-right: 15px;
  color: #999;
}
.fnav li:first-child::before {
  content: "";
  padding-right: 0;
}
.fnav li a {
  text-decoration: none;
}
.page_top {
	position:absolute;
	right:0px;
	bottom:40px;
	width:35px;
  height: 35px;
	border-radius:50%;
	color:#fff;
	text-align:center;
	line-height:1.2;
	cursor:pointer;
	background:url("../images/page_top.svg") no-repeat center center;
  background-size: contain;
  box-sizing: border-box;
  z-index: 9;
}