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

.cont_l_half {
	width: 48%;
	float: left;
	padding-left: 1%;
}
.cont_r_half{
	width: 48%;
	float: right;
	padding-right: 1%;
}



.ft_ul_io{
    border: 2px solid #4F81BD;
    background-color: #fff;
    color: #4F81BD;
    font-size: 14px;
    text-align: center;
    padding: 10px 0 9px;
/*    padding: 10px 40px 9px;*/
}
.ft_ul_plus{
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}
.ft_ul{}
.ft_ul li {
    position: relative;
    overflow: hidden;
    border: 2px solid #4F81BD;
    background-color: #4F81BD;
    color: #fff;
    font-size: 14px;
	margin: 5px 0;
}
.ft_ul li::before {
    position: absolute;
    top: -50%;
    left: 3px;
    width: 7px;
    height: 200%;
    content: '';
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    background: #fff;
}
.ft_ul li a{
    display: block;
    color: #fff;
    padding: 5px 0 5px 40px;
}

.ft_ul li:hover{
    background-color: #fff;
}
.ft_ul li:hover::before {
    background: #4F81BD;
}
.ft_ul li a:hover{
    color: #4F81BD;
    text-decoration: none;
}

.ft_ul_tb{}
.ft_ul_tb li {
    position: relative;
    overflow: hidden;
    border: 1px solid #97B5D7;
    border-bottom: none;
    background-color: #fff;
    font-size: 14px;
	width: 710px;
}
.ft_ul_tb li::before {
    position: absolute;
    top: -50%;
    left: 3px;
    width: 7px;
    height: 200%;
    content: '';
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    background: #4F81BD;
}
.ft_ul_tb li span{
    display: block;
    color: #000;
    padding: 5px 0 5px 30px;
    font-size: 16px;
}
.ft_ul_tb_img{
    border: 1px solid #97B5D7;
    border-top: none;
}



.dl_lnk{}
.dl_lnk li {
    position: relative;
    overflow: hidden;
    border: 2px solid #4F81BD;
    background-color: #4F81BD;
    color: #fff;
    font-size: 14px;
	margin: 5px 0;
}
.dl_lnk li::before {
    content: '';
    width: 0;
    height: 0;
    border: 12px solid #4F81BD;
    border-color: transparent;
    border-top: 12px solid #fff;
    transform-origin: bottom left;
    position: absolute;
    left: 10px;
    top: 14px;
}
.dl_lnk li::after {
    position: absolute;
    content: "";
    top: 4px;
    left: 17px;
    border: 5px solid #fff;
}
.dl_lnk li:hover{
    background-color: #fff;
}
.dl_lnk li:hover::before {
    border: 12px solid #fff;
    border-top: 12px solid #4F81BD;
}
.dl_lnk li:hover::after {
    border: 5px solid #4F81BD;
}
.dl_lnk li:hover::before {
    background: #4F81BD;
}
.dl_lnk li a{
    display: block;
    color: #fff;
    padding: 5px 0 5px 40px;
}
.dl_lnk li a:hover{
    color: #4F81BD;
    text-decoration: none;
}

.verup {
    height: 30px;
    margin-top: 5px;
}
.verup img {
    float: left;
}
.verup span{
    padding: 5px 0 0 37px;
    display: block;
    font-weight: bold;
    font-size: 15px;
}

.pl30 {
	padding-left: 30px;
}

.midashi{
	font-size: 16px;
	color: red;
    font-weight: bold;
}

tbody .nottl_cell{
    background-color: #fff;
    border-top: 2px solid #fff !important;
    border-left: 2px solid #fff !important;
    border-right: 2px solid #ccc !important;
    border-bottom: 2px solid #ccc !important;
}

.typ_ttl{
    background-color: #DAE3F3;
    padding: 4px 8px 5px 6px;
    width: max-content;
}

h5 {
	width:100%;
}


.shitaarrow1,
.shitaarrow2 {
  position: relative;
  vertical-align: middle;
  display: inline-block;
}
.shitaarrow1 p,
.shitaarrow2 p {
    text-orientation: upright;
    writing-mode: vertical-rl;
    margin-top: 10px;
    background-color: cornflowerblue;
    color: #fff;
    font-size: 16px;
}
.shitaarrow1 p {
    padding: 30px 10px 10px;
}
.shitaarrow2 p {
    padding: 30px 10px 28px;
}
.shitaarrow1 p::after,
.shitaarrow2 p::after {
  content: '';
  position: absolute;
  border-width: 0 30px 30px 0;
  border-style: solid;
  border-color: transparent cornflowerblue transparent transparent;
  transform: rotate(135deg);
}
.shitaarrow1 p::after {
  top: 147px;
  right: 64px;
}
.shitaarrow2 p::after {
  top: 197px;
  right: 64px;
}

.ml14{
    margin-left: 14px;
}
.mt1{ margin-top: 1px; }
.mb1{ margin-bottom: 1px; }

.btn {
    display: block;
    padding: 9px 10px 10px;
    background-color: cornflowerblue;
    width: max-content;
    margin: 5px;
    color: #fff;
    border: 2px solid #666;
    font-weight: bold;
    border-radius: 10px;
}
.btn:hover{
    opacity: 0.7;
    color: #fff;
    text-decoration: none;
}