@charset "UTF-8";



.TomicaHisWrap {
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
.his-Mpic {
margin-bottom: 40px;
}




ul.His-Title {
padding-bottom: 60px;
}
.His-Title li {
float: left;
margin-right: 10px;
padding-bottom: 5px;
display: block;
}







.HisArea li {
float: left;
}

li.HisTit-regular {
padding: 8px;
background-color: #AA2026;
color: #FFFFFF;
text-align: center;
font-size: 1.4em;
font-weight: bold;
white-space: nowrap;
margin-bottom: 5px;
}

li.HisTit-long {
padding: 8px;
background-color: #008046;
color: #FFFFFF;
text-align: center;
font-size: 1.4em;
font-weight: bold;
white-space: nowrap;
margin-bottom: 5px;
}







ul.HisLine li {
padding: 8px;
font-size: 1.2em;
border-right: 3px solid #AA2026;
color: #CCCCCC;
white-space: nowrap;
margin-bottom: 5px;
}


ul.HisLine-long li {
padding: 8px;
font-size: 1.2em;
border-right: 3px solid #008046;
color: #CCCCCC;
white-space: nowrap;
margin-bottom: 5px;
}


.HisLine a .current {
background-color: #5F0408;
color: #FFFFFF;
}

.HisLine-long a .current {
background-color: #019953;
color: #FFFFFF;
}



.HBtn-long {
filter:alpha(opacity=70);
	-ms-filter:""alpha(opacity=50)"";
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	opacity:0.5;

}

#his-Long-cate .HBtn-reg {
filter:alpha(opacity=50);
	-ms-filter:""alpha(opacity=50)"";
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	opacity:0.5;

}

#his-Long-cate .HBtn-long  {
filter:alpha(opacity=100);
	-ms-filter:""alpha(opacity=100)"";
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;

}



.OldHisBtn {
padding: 10px;
text-align: center;
font-weight: bold;
font-size: 2em;
background-color: #AA2026;
color: #FFFFFF;
}
a .OldHisBtn:hover  {
color: #F8E201;
}
.HisArea {
margin-bottom: 20px;
margin-left: 100px;
}
.HisLine a li {
color: #000000;
	font-weight: bold;
}


.HisLine a li:hover {
background-color: #5F0408;
color: #FFFFFF;
}
.HisItem {
width: calc(100% / 3 - (5px * 2));
  margin: 0 5px 10px;
}
.HisItemZone {
list-style: none;
  display: flex;
	padding-left: 20px;
  flex-wrap: wrap;
}

.centerbox{
margin-left: auto;
	margin-right: auto;
}


hr {
    border-top: 2px dotted #888888;
    border-right: none;
    border-bottom: none;
    border-left: none;
}


.OldHisBtn-long {
padding: 10px;
text-align: center;
font-weight: bold;
font-size: 2em;
background-color: #006633;
color: #FFFFFF;
}
a .OldHisBtn-long:hover  {
color: #F8E201;
}
.HisArea {
margin-bottom: 20px;
margin-left: 50px;
}
.HisLine-long a li {
color: #000000;
	font-weight: bold;
}
.HisLine-long a li:hover {
background-color: #006914;
color: #FFFFFF;
}



.long_line {
    border-top-style: solid ;
	border-top-width: 5px;
	border-color: #006633;
    border-right: none;
    border-bottom: none;
    border-left: none;
	margin-top: 30px;
	padding-bottom: 30px;
}

.HBtn-reg a:hover,
.HBtn-long a:hover{
filter:alpha(opacity=50);
	-ms-filter:""alpha(opacity=50)"";
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	opacity:0.5;


}