/* ------------------------------------------------------------------- */
body	{
		color:#555555;
		text-align:center;
		background-color:#eeeeee;
		background-image:url(../../img/bg_002.gif);
		background-repeat:repeat-x;
		}

img {max-width:100%;height:auto;}
/* ------------------------------------------------------------------- */

/* head 
--------------------------------------------------------------------- \*/
#head { width:880px; margin:0 auto; padding:0; text-align:left; overflow:hidden; }
#head { background:url(../../img/bg_001.jpg) left top no-repeat; }

.head_logo { margin:0; padding:0; float:left; }
	.head_logo h1 { margin:0; padding:0; }
.head_utl { width:420px; margin:0; padding:0 30px 0 0; text-align:right; float:right; }

.head_link	{ width:420px; margin:10px 0; padding:0;}
	.head_link ul { margin:0 0 0 0; padding:0; list-style:none; }
	.head_link li { margin:0 0 0 10px; padding:0; display:inline;}
	.head_link li a { color:#ffffff !important; text-decoration:none !important;}
	.head_link li a:hover { color:#ffffff; text-decoration:underline !important; }

	.head_link img { margin:0; padding:0; vertical-align:bottom}


.link_01 { margin:0; padding:0 0 5px 15px; }
.link_01 { background:url(../../img/icon_003.gif) left 4px no-repeat; }

.link_02 { margin:0; padding:0 0 5px 8px; }
.link_02 { background:url(../../img/icon_001.gif) left 3px no-repeat; }


.head_link02 { width:420px; margin:0; padding:0 0 0 0; overflow:hidden; display: flex; flex-direction: row-reverse; justify-content: flex-start; align-items: center;}

.search_box { width:181px; margin:0 9px 0 0; padding:0; float:right; display: flex; justify-content: flex-start; align-items: center; gap:4px;}
	.search_box input { width:144px; padding:0; float:left; }
	.search_box input { border:solid 1px #d6d6d6; vertical-align:bottom; }
	.search_box p { margin:0 0 0 0; padding:0; }

.rss_btn { width:40px; margin:0 16px 0 0; padding:0; float:right;}

.font_change { width:85px; margin:0; padding:0; float:right; text-align:left; color:#ffffff;}
	.font_change dl	{ width:85px; margin:0; padding:0; float:right;}
	.font_change dt	{ margin:0 4px 0 0; padding:0; vertical-align:middle; float:left;}
	.font_change dd	{ margin:0 0 0 5px; padding:0; float:left;}

	.font_change img { margin:0; padding:0; vertical-align:top; }	

.print_btn { width:76px; margin:0 0 0 0; padding:0; float:right; }

/* ------------------------------------------------------------------- */

/* body
--------------------------------------------------------------------- \*/
#body { width:880px; margin:0 auto; padding:0; text-align:left; overflow:hidden; clear:both; }
#body { background:#ffffff; }


/* contents 
-------------------------- \*/
#contents { width:880px; margin:0; padding:0; }
#contents { background:#ffffff; }
/* ----------------------- */


/* list_area 
-------------------------- \*/
#list_area { width:880px; margin:0; padding:0; }
#list_area { background:#ffffff; }
/* ----------------------- */


/* ------------------------------------------------------------------- */

/* foot
--------------------------------------------------------------------- \*/
#foot { width:880px; margin:0 auto; text-align:left; overflow:hidden; clear:both; }
#foot { background:#757e82; }
.foot_copy { padding:11px 0 11px 0; float:right; }
.foot_utl { width:570px; margin:10px 0 10px 0; padding:0 0 0 20px; text-align:left; float:left; box-sizing: border-box;}
	.foot_utl ul { margin:0; padding:0; list-style:none; }
	.foot_utl li { margin:0; padding:10px 10px 10px 5px; display:inline;}
	.foot_utl li { background:url(../../img/icon_002.gif) left center no-repeat; }
	.foot_utl a  { padding:0 0 0 5px; color:#ffffff !important; text-decoration: none !important;}
	.foot_utl a:hover { color:#ffffff; text-decoration:underline !important; }
	


/* ------------------------------------------------------------------- */

.p-spNavBtn__inner span::before{
  width:100%;
  height:2px;
  top:-8px;
  background:#011734;
  transition:.3s
}

.is-spNavOpen .p-spNavBtn__inner span::before{
  top:0;
  transform:rotateZ(-45deg);
  transition:.3s
}

.p-spNavBtn__inner span::after{
  width:100%;
  height:2px;
  bottom:-8px;
  background:#011734;
  transition:.3s
}

.is-spNavOpen .p-spNavBtn__inner span::after{
  bottom:0;
  transform:rotateZ(45deg);
  transition:.3s
}

.p-spNavBtn{
  display:none;
  padding: 0 8px;
  height:48px
}

@media screen and (max-width:880px){
  .rss_btn{
    margin-top: 1px;
  }
  #head,
  .head_utl,
  .head_link,
  .head_link02,
  #body,
  #contents,
  #list_area,
  #foot,
  .foot_utl{
    box-sizing: border-box;
    width: 100%;
  }
  #head{
    position: fixed;
    z-index: 70;
    height: 70px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
  }
  .head_link{
    margin: 0 0 16px 0;
  }
  .p-spNavBtn{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    cursor:pointer;
    background: #fff;
    margin-right: 24px;
  }
  .p-spNavBtn__inner{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    width:32px;
    height:100%;
  }
  .p-spNavBtn__inner span{
    content:"";
    position:absolute;
    display:block;
    top:0;
    left:0;
    bottom:0;
    margin:auto 0;
    width:100%;
    height:2px;
    background:#045680;
    transition:.3s
  }
  .is-spNavOpen .p-spNavBtn__inner span{
    background:transparent;
    transition: .3s
  }
  .p-spNavBtn__inner span::before{
    content:"";
    position:absolute;
    display:block;
    background:#045680;
  }
  .p-spNavBtn__inner span::after{
    content:"";
    position:absolute;
    display:block;
    background:#045680;
  }
  #side_menu{
    display: none;
  }
  .head_utl{
    display: none;
    position: fixed;
    top: 70px;
    right: 0;
    left: 0;
    z-index: 70;
    margin: auto;
    width: 100%;
    background: #376db3!important;
    padding: 16px;
    box-sizing: border-box;
  }
  .head_link ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
  }
  .head_link li{
    margin: 0;
  }
  .head_link02{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
  }
  .print_btn,
  .font_change{
    display: none;
  }
  .foot_utl{
    padding: 0 24px;
  }
  .list_box ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
  }
  .p-table_outcome table{
    width: 100%!important;
  }
}

@media screen and (max-width:480px){
  .foot_utl ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .p-table{
    overflow-x: auto;
  }
  .p-table table{
    width: 700px!important;
  }
}