body {
    color: #333;
    font-size: 17px;
    line-height: 1.5em;
}
#container {
    background-color: #ffffff;
		width:1200px;
    margin: 0 auto;
}
#header {
    background-color: #000059;
		height:52px;
}
#header h1{
    margin-left: 38px;
    margin-top: 15px;
}

#contents {
}
#detail{
    background-color: #efecde;
    padding-top: 55px;
    padding-bottom: 45px;
}
#detail dl{
    float: left;
    width: 426px;
}
#detail dl.dlLeft{
    margin-left: 184px;
}
#detail dl.dlRight{
		margin-left:0px;
}
#detail dl dt{
		color:#1d2e69;
		font-weight:bold;
		font-size:23px;
}
#detail dl dd{
    margin-bottom: 22px;
    margin-left: 21px;
}

#topboxArea{
    background-color: #000059;
    padding-top: 66px;
    padding-left: 100px;
    padding-bottom: 63px;
    margin-bottom: 75px;
}
#topboxArea img{
    margin-right: 25px;
}

#btnArea{
    margin-left: 50px;
    margin-bottom: 82px;
}
#btnArea img{
    margin-right: 25px;
}


#f_menu {
    margin: 23px auto 30px;
    width: 1002px;
}

#ishinbox {
    margin: 0 auto;
    width: 925px;
}
#ishinbox img{
    margin-left: 30px;
}
#contents table#ishin {
	border-spacing: 0;
}
#contents table#ishin {	/* 線が表示されなかったテーブル */
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
}
#contents html:not([lang*=""]) table#ishin {	/* Firefox用ハック */
	border-collapse: separate;
}
#contents table#ishin th,#contents table#ishin td {
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	text-align:left;
	text-indent:10px;
}
#contents #ishin th{
	border-right:none;
	padding:5px;
	font-weight:bold;
	background-color:#EFECDC;
	color:#525252;
	width:100px;
	line-height:55px;
}
#contents #ishin td{
	border-left:none;
	padding:5px;
	width:188px;
}
.dot {
    border: 1px dotted #888;
    margin-bottom: 40px;
    margin-top: 40px;
    width: 75%;
}

#pop table {
	border-spacing: 0;
	border: 4px solid #aaa;
	width: 100%;
}
#pop html:not([lang*=""]) table {	/* Firefox用ハック */
	border-collapse: separate;
}
#pop table th,#pop table td {
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	text-align:left;
	padding-left:10px;
}
#pop  th{
	padding:5px;
	font-weight:bold;
	color:#000059;
	width: 50%;
}
a.fancybox {
    color: #1d2e69;
    font-size: 22px;
    font-weight: bold;
    text-decoration: none;
}

/*  lunch  */
.lunch_text {
		text-align:left;
		margin:0 auto;
		margin-top:20px;
		margin-bottom:50px;
    width: 900px;
}

/*  recruit  */
.recruit_link {
    background-color: #EFECDD;
    height: 130px;
    margin-top: -9px;
}
.recruit_link ul li{
    float:left;
		margin-right:20px;
}
.recruit_link ul{
   margin-left: 163px;
    padding-top: 48px;
}
.recruit_r{
    width: 650px;
}
#r_box{
    margin: 0 auto;
    margin-top: 50px;
    width: 855px;
}


/*  取り組み  */
.torikumi_r{
    width: 570px;
}
.torikumi_r ul li{
    float:left;
    width: 285px;
		margin-bottom:30px;
}

/*  所長紹介  */
.shocho_r{
    width: 675px;
}
.shocho_r ul li{
    float:left;
    width: 336px;
		margin-bottom:30px;
}
#contents table td {
    padding-left: 3px;
    white-space: normal;
}
#contents table.shocho_tbl{
	border-collapse: collapse;
}
#contents table.shocho_tbl tr.hd{
    background-color:#EFECDD;
		font-weight:bold;
}
#contents table.shocho_tbl td {
    white-space: normal;
		padding:10px;
}
#contents table.shocho_tbl td {
    border:1px solid #ddd;
}

/*  理念  */
.f_rinen{
		color:#1d2e69;
		font-weight:bold;
		font-size:33px;
	text-decoration: none;
}

/*  フッター  */
#footer {
		padding-top:30px;
    background-color: #000059;
		color:#fff;
}

/*  フォント  */
.f_bl {
		color:#1d2e69;
		font-weight:bold;
		font-size:23px;
	text-decoration: none;
}
strong{
	font-weight:bold;
}
/* プルダウンメニュー用CSS */
ul#pulldown-menu{
	margin-top:15px;
	margin-right:45px;
/*    height: 54px; */
}
ul#pulldown-menu a {
	color: #888;
	font-weight:bold;
	text-decoration: none;
}
ul#pulldown-menu li ul a{
	height:20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	background: #ededed;
}
ul#pulldown-menu li ul a:link,
ul#pulldown-menu li ul a:visited {
}
ul#pulldown-menu li ul a:hover,
ul#pulldown-menu li ul a:active {
	text-decoration: underline;
	/*width:200px;*/
}
ul#pulldown-menu li {
    float: left;
    font-weight: bold;
    position: relative;
}
ul#pulldown-menu li img{
		margin-bottom: 15px;
    display: block;
    text-align: left;
}
ul#pulldown-menu li a {
    display: block;
    font-size: 12px;
    text-align: left;
}
/* 下層のメニューを不可視に */
ul#pulldown-menu li ul {
	display: none;
}

ul#pulldown-menu li ul li{
}

/* 疑似要素 :hover で下層のメニューを可視に */
ul#pulldown-menu li:hover ul {
	display: block;
	position: absolute;
	z-index: 100;
	width:170px;
	paddin:15px;
/*	line-height: 1.1em; */
}
ul#pulldown-menu li ul li {
	float: none;
	margin: 0;
	font-weight: normal;
}
/* プルダウンメニュー用CSSここまで */







input[type="submit"] {
    background-color: #444444;
    border-color: #CCCCCC #666666 #666666 #CCCCCC;
    border-radius: 5px;
    border-style: solid;
    border-width: 2px;
    color: #FFFFFF;
    font-size: small;
    font-weight: normal;
    padding: 3px;
    text-align: center;
    vertical-align: baseline;
    width: 150px;
		cursor:pointer;
}
input[type="submit"]:hover {
    background-color: #cc0000;
}

.searchArea {
    background-color: #EEFDDA;
    border-radius: 5px;
    margin-top: 7px;
    padding: 10px;
    width: 750px;
}
.indexText{
    background-color: #F1F1F1;
    color: #444444;
    font-size: 16px;
    padding: 5px;
}
.headDate{
    float: left;
    font-size: 22px;
    font-weight: bold;
    padding-top: 20px;
    text-align: right;
    width: 640px;
}

.mTitle{
    font-size: 16px;
}



#menuArea{
    background-color: #CDE298;
    height: 60px;
    padding-left: 12px;
    padding-top: 5px;
}
ul#menu{
    clear: both;
		width:1000px;
}
ul#menu li{
	float:left;
}
ul#menu li a{
    background-color: #336600;
    border-radius: 5px;
    color: #FFFFFF;
    display: block;
    margin-right: 10px;
    margin-top: 3px;
    text-align: center;
    text-decoration: none;
    width: 100px;
}
ul#menu li a:hover{
    background-color: #cc0000;
}

.aBtn{
    background-color: #888888;
    border-radius: 5px;
    color: #FFFFFF;
    display: block;
    text-align: center;
    text-decoration: none;
    width: 100px;
}
.aBtn:hover{
    background-color: #cc0000;
}


body.p {
    background-image: none;
    padding-left: 0px;
}
#index{
    background-image: none;
}
html {
}

/* for modern brouser */
.clearfix:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
}
.clearfix {
        display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
        height: 1%;
}
.clearfix {
        display: block;
}
/* End hide from IE-mac */




/*  ヘッダー  */

/*  コンテンツ  */
#login {
    border: 3px solid #888888;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    padding: 38px;
    width: 500px;
}

.login_table{
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

.login_table tr{
    height: 40px;
}

.login_l{
    font-weight: bold;
    width: 80px;
}

#entry_comp {
    margin-left: 100px;
    margin-top: 100px;
    width: 300px;
}
#g_area{
    background-color: #F1F1F1;
    border-radius: 10px 10px 10px 10px;
    height: 500px;
    margin-right: 10px;
    margin-top: 10px;
    width: 700px;
}

#page_title{
    background-color: #F5F5F5;
    font-weight: bold;
    padding: 15px;
}

#contents table td{
		white-space:nowrap;
    padding-left:3px;
}
#contents #news table td{
		white-space:normal;
}
#contents table.entry tr{
}
#contents table.entry td{
    background-color: #F1F1F1;
    padding: 5px 10px;
}

#contents table.entry td.p0{
    padding: 0px;
}


#err{
	clear: both;
	color:#ff0000;
}

/*  印刷用  */
#print_top{
    height: 640px;
    width: 970px;
}
#print_head{
    border-bottom: 1px solid #000000;
    font-weight: bold;
}
#print_main{
    font-size: 33px;
    font-weight: bold;
    left: 355px;
    position: absolute;
    top: 305px;
}
#print_title{
    background-color: none;
    font-weight: bold;
    padding: 15px 15px 15px 30px;
}
#print_box{
    left: 705px;
    position: absolute;
    top: 523px;
}
#print_box td{
    text-align:center;
    vertical-align:top;
		width:80px;
		height:80px;
}



/*  フォーム  */
select{
	min-width: 150px;
}

.vas select{
	min-width: 50px;
}

select.short{
	min-width: 50px;
}


.m0auto{
	margin:0 auto;
}
.clearb{
	clear:both;
}
.vas{
    vertical-align: super;
}

.fwb {
    font-weight: bolder;
}
.tal {
    text-align: left;
}
.tar {
    text-align: right;
}
.tac {
    text-align: center;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.fc-orange {
    color: #CC6600;
}
.fc-red {
    color: #CC0000;
}
.fs10 {
    font-size: 0.8em;
}
.fs11 {
    font-size: 0.9em;
}
.fs12 {
    font-size: 1em;
}
.fs13 {
    font-size: 1.1em;
}
.fs14 {
    font-size: 1.2em;
}
.fs16 {
    font-size: 1.4em;
}
.lh1 {
    line-height: 1.1;
}
.lh2 {
    line-height: 1.2;
}
.db {
    display: block;
}

.mt0 {
    margin-top: 0px;
}
.mt5 {
    margin-top: 5px;
}
.mt10 {
    margin-top: 10px;
}
.mt15 {
    margin-top: 15px;
}
.mt20 {
    margin-top: 20px;
}
.mt25 {
    margin-top: 25px;
}
.mt30 {
    margin-top: 30px;
}
.mt40 {
    margin-top: 40px;
}
.mt50 {
    margin-top: 50px;
}
.mr5 {
    margin-right: 5px;
}
.mr10 {
    margin-right: 10px;
}
.mr15 {
    margin-right: 15px;
}
.mr20 {
    margin-right: 20px;
}
.mr25 {
    margin-right: 25px;
}
.mr30 {
    margin-right: 30px;
}
.mr40 {
    margin-right: 40px;
}
.mr50 {
    margin-right: 50px;
}
.mb5 {
    margin-bottom: 5px;
}
.mb10 {
    margin-bottom: 10px;
}
.mb15 {
    margin-bottom: 15px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb25 {
    margin-bottom: 25px;
}
.mb30 {
    margin-bottom: 30px;
}
.mb40 {
    margin-bottom: 40px;
}
.mb50 {
    margin-bottom: 50px;
}
.mb80{
	margin-bottom:80px;
}
.ml5 {
    margin-left: 5px;
}
.ml10 {
    margin-left: 10px;
}
.ml11 {
    margin-left: 11px;
}
.ml15 {
    margin-left: 15px;
}
.ml20 {
    margin-left: 20px;
}
.ml25 {
    margin-left: 25px;
}
.ml30 {
    margin-left: 30px;
}
.ml40 {
    margin-left: 40px;
}
.ml50 {
    margin-left: 50px;
}
.ml80{
	margin-left:80px;
}
.mt-5 {
    margin-top: -5px;
}
.mt-10 {
    margin-top: -10px;
}
.mt-15 {
    margin-top: -15px;
}
.mt-20 {
    margin-top: -20px;
}
.mt-25 {
    margin-top: -25px;
}
.mt-30 {
    margin-top: -30px;
}
.mt-40 {
    margin-top: -40px;
}
.mt-50 {
    margin-top: -50px;
}
.pa0 {
    padding: 0px;
}
.pa1 {
    padding: 1px;
}
.pa3 {
    padding: 3px;
}
.pa5 {
    padding: 5px;
}
.pa10 {
    padding: 10px;
}
.pa15 {
    padding: 15px;
}
.pa20 {
    padding: 20px;
}
.pa30 {
    padding: 30px;
}
.pa40 {
    padding: 40px;
}
.pa50 {
    padding: 50px;
}
.pt3 {
    padding-top: 3px;
}
.pt5 {
    padding-top: 5px;
}
.pt10 {
    padding-top: 10px;
}
.pt15 {
    padding-top: 15px;
}
.pt20 {
    padding-top: 20px;
}
.pt25 {
    padding-top: 25px;
}
.pt30 {
    padding-top: 30px;
}
.pt40 {
    padding-top: 40px;
}
.pt50 {
    padding-top: 50px;
}
.pr3 {
    padding-right: 3px;
}
.pr5 {
    padding-right: 5px;
}
.pr10 {
    padding-right: 10px;
}
.pr15 {
    padding-right: 15px;
}
.pr20 {
    padding-right: 20px;
}
.pr25 {
    padding-right: 25px;
}
.pr30 {
    padding-right: 30px;
}
.pr40 {
    padding-right: 40px;
}
.pr50 {
    padding-right: 50px;
}
.pb3 {
    padding-bottom: 3px;
}
.pb5 {
    padding-bottom: 5px;
}
.pb10 {
    padding-bottom: 10px;
}
.pb15 {
    padding-bottom: 15px;
}
.pb20 {
    padding-bottom: 20px;
}
.pb25 {
    padding-bottom: 25px;
}
.pb30 {
    padding-bottom: 30px;
}
.pb40 {
    padding-bottom: 40px;
}
.pb50 {
    padding-bottom: 50px;
}
.pl3 {
    padding-left: 3px;
}
.pl5 {
    padding-left: 5px;
}
.pl10 {
    padding-left: 10px;
}
.pl15 {
    padding-left: 15px;
}
.pl20 {
    padding-left: 20px;
}
.pl24 {
    padding-left: 24px;
}
.pl25 {
    padding-left: 25px;
}
.pl30 {
    padding-left: 30px;
}
.pl40 {
    padding-left: 40px;
}
.pl50 {
    padding-left: 50px;
}


.bgc01{
    background-color: #99ff99;
}
.bgc02{
    background-color: #ffff00;
}
.bgc03{
    background-color: #99ff99;
}
.bgc04{
    background-color: #ff0000;
}
.bgc05{
    background-color: #f1f1f1;
}


.ic_pdf{
	background-image:url('./img/pdf.png');
    background-position: 2px 0;
    background-repeat: no-repeat;
    background-size: 13px auto;
    padding-left: 22px;
	}
	.ic_html{
	background-image:url('./img/html.gif');
    background-position: 2px 0;
    background-repeat: no-repeat;
    background-size: 13px auto;
    padding-left: 22px;
	}

.pdftitle {
    font-size: 20px;
    font-weight: bold;
}
.teiki {
    left: 555px;
    position: absolute;
    top: -30px;
}
.rinji {
    left: 800px;
    position: absolute;
    top: -30px;
}

.inyo{
    background-color: #f1f1f1;
    border: 1px solid #dcdcdc;
    padding: 30px;
}

/****************************************
Layout
*****************************************/
/*col*/
.col2 {
  width: 48%;
}
.col3 {
  width: 30.6666666667%;
}
.col4 {
  width: 22%;
}
.col5 {
  width: 16.8%;
}
.col6 {
  width: 13.3333333333%;
}

/*col pc only*/
@media screen and (min-width: 769px) {
  .col2-pc {
    width: 48%;
  }
  .col3-pc {
    width: 30.6666666667%;
  }
  .col4-pc {
    width: 22%;
  }
  .col5-pc {
    width: 16.8%;
  }
  .col6-pc {
    width: 13.3333333333%;
  }
}
/*col sp only*/
@media screen and (max-width: 768px) {
  .col2-sp {
    width: 48%;
  }
  .col3-sp {
    width: 30.6666666667%;
  }
  .col4-sp {
    width: 22%;
  }
  .col5-sp {
    width: 16.8%;
  }
  .col6-sp {
    width: 13.3333333333%;
  }
}
/*flex*/
.flex {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 769px) {
  .flex-pc {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .flex-sp {
    display: flex;
    flex-wrap: wrap;
  }
}
.flex-abottom {
  align-items: flex-end;
}
.flex-acenter {
  align-items: center;
}
.flex-bet {
  justify-content: space-between;
}
@media screen and (min-width: 769px) {
  .flex-bet-pc {
    justify-content: space-between;
  }
}
@media screen and (max-width: 768px) {
  .flex-bet-sp {
    justify-content: space-between;
  }
}
.flex-center {
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .flex-center-pc {
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .flex-center-sp {
    justify-content: center;
  }
}
.flex-end {
  justify-content: flex-end;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.flex-start {
  justify-content: flex-start;
}