@charset "utf-8";

/*サブコンテンツのCSS
------------------------------------------------------------*/
#side{
  padding-left : 30px;
  margin-top : 0px;

}


#side h2{
  font-size : 12pt;
  color : white;
  background-color :var(--collar-01);
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  margin-bottom : 5px;
  background-color : #004080;
  font-weight : bold;
  margin-top : 15px;
}

#side h3{
  font-size : 11pt;
  background-color :var(--collar-01);
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  margin-bottom : 5px;
  background-color : #e7e7e7;
  font-weight : normal;
  margin-top : 15px;
}


/* バナー（他サイトへのリンク）
------------------------------------------------------------*/
#banner h3{
  background-color : #004080;
  padding-top : 5px;
  padding-bottom : 3px;
  text-indent : 10px;
  margin-top : 20px;
  margin-bottom : 10px;
  font-size : 11pt;
  font-weight : bold;
  color : white;
}

.banner_box{
  font-size : 10pt;
  line-height : 12pt;
  width : 100%;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  text-align : center;
  border-top-width : 1px;
  border-left-width : 1px;
  border-right-width : 1px;
  border-top-style : solid;
  border-left-style : solid;
  border-right-style : solid;border-color : gray;
  margin-bottom : 5px;
  padding-bottom : 0px;
  z-index : 10;
}

.banner_box img{
  width : 150px;
  height : 50px;
  margin-top : 10px;
  padding-top : -10px;
  text-align : center;
}

.banner_box h4{
  margin-top : 0px;
  background-color : #e6e6e6;
  padding-top : 3px;
  padding-bottom : 2px;
  z-index : 5;
}




/* モバイル用
------------------------------------------------------------*/
@media all and (max-width: 1019px) {

#side{
  padding-left : 0px;
  margin-top : 10px;

}

}