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

/*----ヘッダー部分----*/
#header{
  width:100%;
	height:340px;
	background:url(img/bg_header.jpg) repeat-x;
}
#headtop{
  width:960px;
  height:70px;
  margin: 0 auto;
}
#topimage_wrap{
  width: 100%;
	height:270px;
}
#topimage{
	height:270px;
  width:960px;
  margin:0 auto;
}
#navi_wrap{
  width: 100%;
	background:url(img/bg_navi.gif) repeat-x;
	height:60px;
}
#navi{
  width:960px;
	margin:0 auto;
  font-size:0px;　/*隙間消し*/
}
#navi li{
	float:left;
	height:50px;
}
/*------ロールアウト時（通常）------*/
#navi1 a{
	display:block;
	width:192px;
	height:50px;
	background: url(img/navi.gif) 0px 0px no-repeat;	/*X:0 Y:0 繰り返しなし*/
}
#navi2 a{
	display:block;
	width:192px;
	height:50px;
	background: url(img/navi.gif) -192px 0px no-repeat;
}
#navi3 a{
	display:block;
	width:192px;
	height:50px;
	background: url(img/navi.gif) -384px 0px no-repeat;
}
#navi4 a{
	display:block;
	width:192px;
	height:50px;
	background: url(img/navi.gif) -576px 0px no-repeat;
}
#navi5 a{
	display:block;
	width:192px;
	height:50px;
	background: url(img/navi.gif) -768px 0px no-repeat;
}
#navi6 a{
	display:block;
	width:192px;
	height:50px;
	background: url(img/navi.gif) -960px 0px no-repeat;
}
/*------ロールオーバー時------*/
#navi1 a:hover{
	width:192px;
	height:50px;
	background: url(img/navi.gif) 0px	-50px no-repeat;
}
#navi2 a:hover{
	width:192px;
	height:50px;
	background: url(img/navi.gif) -192px -50px no-repeat;
}
#navi3 a:hover{
	width:192px;
	height:50px;
	background: url(img/navi.gif) -384px -50px no-repeat;
}
#navi4 a:hover{
	width:192px;
	height:50px;
	background: url(img/navi.gif) -576px -50px no-repeat;
}
#navi5 a:hover{
	width:192px;
	height:50px;
	background: url(img/navi.gif) -768px -50px no-repeat;
}
#navi6 a:hover{
	width:192px;
	height:50px;
	background: url(img/navi.gif) -960px -50px no-repeat;
}

#update_box{
	margin-top: 20px;
	width: 660px;
	text-align: left;
	margin-bottom: 20px;
}

#update_box li{
	line-height:1.6;
}

.date{
	width:120px;
	display:block;
	float:left;
	margin-top:3px;
	margin-bottom:2px;
	border-bottom:dotted 1px silver;
	border-top:dotted 1px silver;
}
.infoArea{
  display: block;
  float: right;
  width: 540px;
	margin-top:3px;
	margin-bottom:2px;
	border-bottom:dotted 1px silver;
	border-top:dotted 1px silver;
}
#menubox_inner{
	clear:both;
	margin:30px auto;
	width:660px;
}
#menubox_inner li{
	float:left;
	width:210px;
	text-align:left;
	margin-bottom:15px;
}
#menubox_inner p{
	width:200px;
}
#menubox_inner a:hover{
  opacity:0.6;
  filter: alpha(opacity=60);        /* ie lt 8 */
  -ms-filter: "alpha(opacity=60)";  /* ie 8 */
  -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
  -khtml-opacity: 0.6;             /* Safari 1.x */
}
#fbbox{width:660px;margin:auto;text-align:center;clear:both;}
.r_mgn{
	margin-right:10px;
}
.l_mgn{
	margin-left:5px;
}
#sidebox_inner{
	margin-bottom:100px;
}
#sidebox_inner a:hover{
  opacity:0.6;
  filter: alpha(opacity=60);        /* ie lt 8 */
  -ms-filter: "alpha(opacity=60)";  /* ie 8 */
  -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
  -khtml-opacity: 0.6;             /* Safari 1.x */
}


/*-----休暇のお知らせ-----*/
#kyuka{
	margin-top:10px;
  margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
	border:solid 1px silver;
	width:660px;
	text-align:left;
}

#kyuka p{
	padding:10px;
	color:#000000;
}

/*---お知らせ用---*/
#info{
	text-align:left;
	padding:10px;
	margin-bottom:15px;
	border:solid 1px #c3c6cb;
}

.imp_font{
	font-weight:bold;
	font-size:15px;
	color:#cc0a1d;
	margin-bottom:5px;
}

/*告知用*/
#infobox {
	width: auto;
	font-size: 13px;
	text-align: left;
	line-height: 1.4em;
	margin: 20px auto 20px auto;
	border: solid 1px #b9b8b8;
	padding: 20px;
}
#infobox a:link {
	color: #186488;
}
#infobox a:visited {
	color: #186488;
}
#infobox a:active {
	color: #D5B300;
}
#infobox a:hover {
	color: #287498;
}
#infobox .btitle {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 1.4em;
	color: #0b2079;
}
.koukoku {
	margin-top: 3em;
}
#update_box ul {
	margin-top: 15px;
}