/* main start */

#main {
	background-image: url(../images/main_back.gif);
	background-repeat: repeat-x;
	background-position: top;
}
#main #mainSub {
	width: 890px;
	margin-right: auto;
	margin-left: auto;
}

/* main end */

/* sublinks end */


/* subnavi start */

#subnavi {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#subnavi #subnaviBack {
	background-image: url(../images/subnavi_back_b.gif);
	background-repeat: repeat-y;
	background-position: center;
}
#subnavi #subnaviBack #subnaviTxt {
	width: 199px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#subnavi #subnaviBack #subnaviTxt h3 {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	background-image: url(../images/point_03.gif);
	background-repeat: no-repeat;
	background-position: 8px 0.75em;
	font-size: 0.75em;
	line-height: 1.4;
	display: block;
}
#subnavi #subnaviBack #subnaviTxt h3 a,
#subnavi #subnaviBack #subnaviTxt h3 a:hover {
padding: 1.2em 0 0.6em;
	/*width: 132pt;
	_width: 150pt;*/
	display: block;
	padding-top: 6px;
	padding-left: 24px;
    padding-right: 10px;
	overflow: hidden;
	text-decoration: none;
}
#subnavi #subnaviBack #subnaviTxt h3 a:hover{
	background-color: #CCE5F6;
	background-image: url(../images/point_03.gif);
	background-repeat: no-repeat;
	background-position: 8px 0.75em;
}
#subnavi #subnaviBack #subnaviTxt h3 a.over:hover{
	background-color: #CCE5F6;
	font-weight: 900;
	background-image: url(../images/point_03.gif);
	background-repeat: no-repeat;
	background-position: 8px 10px;
	_background-position: 8px 9px;
}
#subnavi #subnaviBack #subnaviTxt a:link{
	color: #035C9E;
	text-decoration:none;
	}
#subnavi #subnaviBack #subnaviTxt a:visited{
	color: #035C9E;
	text-decoration:underline;
}
#subnavi #subnaviBack #subnaviTxt a:hover{
	color: #035C9E;
	text-decoration:underline;
}
#subnavi #subnaviBack #subnaviTxt .list {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
    display: block;
    margin: 0 auto ;
}
#subnavi #subnaviBack #subnaviTxt .list li {
	font-size: 0.75em;
	line-height: 1.6;
	background-image: url(../images/point_02.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 12px;
}
#subnavi #subnaviBack #subnaviTxt h3 a.over{
	background-color: #CCE5F6;
	font-weight: 900;
	background-image: url(../images/point_03.gif);
	background-repeat: no-repeat;
	background-position: 8px 0.75em;
}
#subnavi #subnaviBack #subnaviTxt .list img {
	margin-right: 3px;
	margin-left: 3px;
}

/* subnavi end */

/* co start */

#co {
	width: 890px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}
#co #coSub {
overflow: hidden;
}

#co #coSub #coL {
	float: left;
	width: 660px;
	padding-bottom: 20px;
    margin-top: 0;
    padding-top: 0;
}
#co #coSub #coR {
	float: right;
	width: 210px;
	padding-bottom: 20px;
}

/* co end */

/* news start */

.news_message {
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom:16px;
	margin-left: 0px;
}


#news {
	text-align: left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#news th {
	font-size: 0.75em;
	line-height: 1.6;
	text-align: left;
	white-space: nowrap;
	padding-bottom: 8px;
	vertical-align: top;
	width: 150px;
}
#news td {
	font-size: 0.75em;
	line-height: 1.6;
	text-align: left;
	padding-bottom: 8px;
	vertical-align: top;
	padding-left: 10px;
}
#news th img {
	vertical-align: middle;
	margin-left: 10px;
}
#news table {
	margin-top: 15px;
}
#news #icoList {
	font-size: 0.75em;
	margin-top: 5px;
	background-image: url(../images/line.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 15px;
}
#news #icoList img {
	vertical-align: middle;
	margin-right: 8px;
}
#news .new {
	font-weight: 900;
	color: #E3161D;
}


#TopNews {
	text-align: left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
#TopNews th {
	font-size: 0.75em;
	line-height: 1.6;
	text-align: left;
	white-space: nowrap;
	padding-bottom: 8px;
	vertical-align: middle;
    width: 6em;
}
#TopNews td {
	font-size: 0.925em;
	line-height: 1.6;
	text-align: left;
	padding-bottom: 8px;
	vertical-align: top;
	padding-left: 10px;
    font-weight: bold;
    width: calc( 100% - 6em); 
}
#TopNews th img {
	vertical-align: middle;
	margin-left: 10px;
}
#TopNews table {
	margin-top: 15px;
    width: 100%;
}
#TopNews #icoList {
	font-size: 0.75em;
	margin-top: 5px;
	background-image: url(../images/line.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 15px;
}
#TopNews #icoList img {
	vertical-align: middle;
	margin-right: 8px;
}
#TopNews .new {
	font-weight: 900;
	color: #E3161D;
}

#TopNews h2{
display: block;
width: calc(100% - 0.5em - 0.5em);
background: #A6A6A6;
color:#000000;
font-size: 1.125em;
text-align: center;
margin-bottom: 30px;
padding: 0.25em 0.5em;
font-weight: 800;

}
@media screen and (max-width: 768px) {

#TopNews td, #TopNews th {
display: block;
width: 100%;
}
}


/* news end */


/* information start */

#information {
	width: 660px;
	margin-top: 20px;
}
#information table {
	margin-top: 15px;
}
#information th {
	font-size: 0.75em;
	line-height: 1.6;
	text-align: left;
	white-space: nowrap;
	padding-bottom: 8px;
	vertical-align: top;
	padding-right: 10px;
}
#information td {
	font-size: 0.75em;
	line-height: 1.6;
	text-align: left;
	padding-bottom: 8px;
	vertical-align: top;
	background-image: url(../images/point_01.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 12px;
}
#information .new {
	font-weight: 900;
	color: #E3161D;
}

/* information end */

/* bnrBox start */

#bnrBox {
	width: 210px;
}
#bnrBox p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

/* bnrBox end */


/* otherBox start */


#otherBox {
	width: 890px;
	margin-top: 20px;
	background-image: url(../images/line.gif);
	background-repeat: repeat-x;
	padding-top: 10px;
}
#otherBox #otherBoxL {
	float: left;
	width: 670px;
	text-align: left;
}
#otherBox #otherBoxR {
	float: right;
	width: 210px;
	text-align: left;
}
#otherBox .otherback {
	background-image: url(../images/bnr_back.gif);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
	padding-top: 10px;
	margin-top: 10px;
    
 }
#otherBox .otherbackL {
    background-image: url(../images/bnr_back_new.png);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
	padding-top: 10px;
	margin-top: 10px;
}

#otherBox #otherBoxL .otherback .txt {
	font-size: 0.65em;
	padding-top: 10px;
	text-align: left;
	vertical-align: top;
}
#otherBox #otherBoxL .otherback table {
	margin-right: auto;
	margin-left: auto;
}

#otherBox #otherBoxR h2.under{
	margin-top:20px;
}
/* otherBox end */
#news .ico {
	vertical-align: middle;
	margin-left: 10px;
}
#information .ico {
	vertical-align: middle;
	margin-left: 10px;
}
#syouzai {
	/*margin: 30px 0px 0px;*/
	margin: 10px 0px 0px;
	text-align: left;
}
#syouzai #syouzaiSub {
	background-color: #EFEFEF;
	text-align: center;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#syouzai #syouzaiSub table {
	margin-right: auto;
	margin-left: auto;
}
.bnrBoxWide{
overflow: hidden;
width: 890px;
}

.bnrBoxWide ul{
overflow: hidden;
display: block;
margin: 0;
}
.bnrBoxWide ul li{
overflow: hidden;
float: left;
margin: 5px 10px 0 0;
}
.bnrBoxWide ul li:nth-child(5n){
margin: 5px 0 0 0;
}

.TopNews{
display: block;
overflow: hidden;
font-size: 0.875em;
padding: 15px 0 15px;
}
.TopNews h2{
display: block;
width: 100%;
background: #A6A6A6;
color:#000000;
font-size: 1.125em;
text-align: center;
margin-bottom: 30px;
padding: 0.25em 0.5em;
font-weight: 800;

}
.TopNews p{
font-weight: 800;
font-size: 1.125em;
text-align: left;
margin-bottom: 20px;
}

.TopNews span.NewIcon{
font-size: 11px;
padding: 0px 5px 0;
color: #ff0000;
line-height: 1.8;
/*border: 1px solid #ff0000;*/
background: #fff;
border-radius: 2px;
vertical-align: middle;
display: inline-block;
margin-left: 0.25em;
font-weight: 800;
}
p.no-news{
text-align: left;
font-size: 0.75em;
margin-top: 20px;
color: #4C4C4C;
padding-left: 2em
}
ul.TopSyouzai{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 60px;
margin-top: 20px;
}
ul.TopSyouzai li{
flex-basis: 280px;
margin-top: 10px;
}
ul.TopSyouzai li img{
width: 100%;
}

@media screen and (max-width: 767px) {
ul.TopSyouzai li{
flex-basis: 49%;
margin-top: 10px;
}
}
.BnrDigitalbook{
margin-bottom: 20px;
}
.NewSBox{
margin: 0px auto 0;
border-top: 5px solid #007ED0;
border-bottom: 2px solid #E6E6E6;
border-left: 2px solid #E6E6E6;
border-right: 2px solid #E6E6E6;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
padding: 13px 20px 25px 20px;
}
/*#TopPage*/ .HlType01{
border-bottom: 1px dashed #999999;
font-size: 1.0em;
line-height: 1.5;
font-weight: 800;
text-align: left;
padding-bottom: 0.5em;
letter-spacing: 0.25em;
}
@media screen and (max-width: 767px) {
.HlType01{
margin-top: 30px;
}
}

.list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  font-size: 0.75em;
}
.list dt, .list dd {
  box-sizing: border-box;
}
.list dt {
  display: flex;
  align-items: flex-start;
  width: 36%;
  padding: 20px 1.5em 0 0;
  position: relative;
  font-weight: 700  
}
.list dt::before {
content: url("../images/top_ver2/point_04.gif");
width: 14px;
padding-top: 0.3em;
padding-right: 0.5em;
}
.list dt:last-of-type,
.list dd:last-of-type {
  border: none;
}
.list dd {
  /*display: flex;*/
  width: 64%;
  margin-left: 0;
  padding: 20px 0 2px 0;
  background-color: #fff;
  text-align: left;
  align-items: flex-start!important;
  flex-wrap: wrap;
  font-weight: 700  
}
.list dt span.ico_tekiji{
background: #007ED0;
width: 100%;
max-width: 100px;
font-size: 0.875em;
color: #FFF;
margin-left: 1.5em;
padding: 0.1em;
}
.list dt span.ico_osirase{
background: #4C4C4C;
width: 100%;
max-width: 100px;
font-size: 0.875em;
color: #FFF;
margin-left: 1.5em;
padding: 0.1em;
}
.list dd span.ico_new{
border: 1px solid #E61348; 
display: inline-block;
color: #E61348;
width: auto;
font-size: 0.5em;
padding: 1px 0.5em 1px;
margin-left: 0.5em;
font-weight: 700;
display: inline;
align-items: flex-start!important;
}

@media screen and (max-width: 767px) {
.list dt {
  width: 100%;
  padding: 20px 1.5em 0 0;
}
.list dd {
  /*display: flex;*/
  width: 100%;
  padding: 5px 0 0 0;
}
.list dt span.ico_tekiji{
width: 100px;
}
.list dt span.ico_osirase{
width: 100px;
}

}



.TopIR{
margin-top: 30px;
}

.TopIRWrap{
display: flex;
gap:45px 24px;
align-items: stretch;
margin-bottom: 60px;
}

.TopIRLBox{
padding: 5px;
border-radius: 5px;
border: 2px solid #E6E6E6;
width: 100%;
max-width: 266px;

}
.TopIRLBoxBox{
background: linear-gradient(133deg, rgba(100, 164, 206, 0.4) 0%, rgba(0, 126, 208, 0.7) 49%, rgba(134, 177, 205, 1) 100%);
justify-content: center;
align-content: center;
height: 100%;
}
.TopIRRBox{
padding: 5px;
border-radius: 5px;
border: 2px solid #E6E6E6;
width: 100%;
max-width: 585px;
}
.TopIRRBoxBox{
background-image: url("../images/top_ver2/ir_back.png");
background-position: center left;
background-size:cover;
background-repeat: no-repeat;
min-height: 160px;
justify-content: center;
align-content: center;
padding: 20px;
}
.TopIRRBoxBox h3{
text-align: left;
margin-bottom: 20px;
}
.TopIRRBoxBox ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.TopIRRBoxBox ul li{
flex-basis: 48%;
margin-bottom: 5px;
}
.TopOsusumeWrap {
margin-top: 30px;
display: flex;
gap: 45px 24px;
align-items: stretch;
margin-bottom: 30px;
}
.TopOsusumeLBox{
width: 100%;
max-width: 280px;
}
.TopOsusumeRBox{
width: 100%;
max-width: 585px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 12px 24px;
}
.TopOsusumeRBox img{
width: 100%;
max-width: 179px;
}
.TopOsusumeRBox::after{
display: block;
content:"";
width: 179px;
}

.TopOsusumePRBOX{
display: flex;
margin-bottom: 60px;
justify-content: space-between;
flex-wrap: wrap;

}
.TopOsusumePRBOX li{
width: calc((100% - 60px) /2);
margin-bottom: 30px;
}
.TopOsusumePRBOX li.wide{
width: 100%;
}
.TopGroupList{
display: flex;
margin-top: 30px;
margin-bottom: 60px;
justify-content: space-between;
flex-wrap: wrap;
}


.TopGroupList li{
width: calc((100% - 72px) /3);
}

.TopGroupList li img{
width: 100%;
height: auto;
}

@media screen and (max-width: 767px) {
.TopOsusumePRBOX{
display: flex;
margin-bottom: 20px;
flex-wrap: wrap;
justify-content: center;
}
.TopOsusumePRBOX li{
width: 100%;
}
.TopGroupList li{
width: calc((100% - 24px) /2);
}
}

@media screen and (max-width: 767px) {
.TopOsusumeWrap {
display: block;
margin: 20px auto 0;
}
.TopOsusumeWrap img{
width: 100%;
max-width: 560px;
}
.TopOsusumeRBox{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 0;
margin-top: 10px;
}
.TopOsusumeRBox a{
margin: 0;
padding: 0;
width: calc((100% - 26px)/2);
}
.TopOsusumePRBOX{
display: flex;
gap:none; 
margin-bottom: 30px;
justify-content: space-between;
}
.TopOsusumePRBOX::after{
display: none;
}
.TopOsusumePRBOX li{
margin: 0 0 20px 0;
padding: 0;
width: calc((100% - 26px)/2);
}
.TopOsusumePRBOX li img{
width: 100%;
}
}


/**/
.SponsorWrap{
display: flex;
margin-top: 30px;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 30px;
}
.SponsorWrap::after{
content: none!important;
display: none!important;
clear:none!important;
}


.SponsorWrap li{
width: calc((100% - 60px)/4)
}
.SponsorWrap li img{
width: 100%;
max-width: 170px;
}

.SponsorWrap li p{
font-size: 0.5em;
margin-top: 5px;
font-weight: 800;
text-align: left;
}
.dNoPc {	/* PCのみnone */
	display: none;
}
@media screen and (max-width: 767px) {
.dNoPc {	/* PCのみnone */
	display: block;
}
.dNoMb {	/* MBのみnone */
	display: none;
}
}

.BnrLine01{
border: 2px solid #E6E6E6;
}


.BnrWide{
width: 100%; margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
.BnrWide{
width: 100%; margin-bottom: 15px;
}
}