/*************サイト全体および共用のスタイルです。*************/
/*************修正には十分ご注意を*************************/
/*************2014.11.27作成*******************************/

/*base*/
body{
	font-family: "小塚ゴシック Pr6N","ＭＳ Ｐゴシック", Osaka;
	font-size:13px;
	line-height:1.5em;
}
p{
  font-size:13px;
  padding:5px;
}
a:hover {
	filter: alpha(opacity=80);
	opacity: 0.8;
}

/*layout**/

#wrapper{
	width:1000px;
	margin:0 auto;
}

#headtop {
	display:block;
	clear:both;
}
#headtop p{
	font-size:11px;
	margin:5px 0;
}
#headtop_link li{
	float:left;
	list-style-type: none;
	margin:10px 30px 10px 0px;
}
#headtop_link li:last-child{
	margin-right:0px;
}
#headtop_link:after{
	clear:both;
	display:block;
	height:0;
	content:"";
}
#headtop_link a{
	color:#666;
	text-decoration:underline;
	font-size:15px;
	margin-bottom:10px;
}
#headtop_link a:hover{
	text-decoration:none;
}

#sidebar{
	width:200px;
	float:left;
}

#container{
	width:800px;
	float:left;
}
#container:after{
	display:block;
	content:"";
	height:0;
	clear:both;
}
#container img{
	max-width:800px;
}

#upperbar img{
	width:266px;
	height:60px;
}

#content{
	margin-top:10px;
}

#copyright{
	text-align:center;
	clear:both;
	margin-bottom:20px;
}


/*全ページ共通クラス・id*/
table.orange_table {
  text-align:center;
	border-spacing: 1px;
  border:1px solid #ccc;
}
table.orange_table th{
  background:#FE7B12;
  font-weight:bold;
  color:#fff;
  border:1px solid #ccc;
  padding:5px;
  vertical-align:middle;
}
table.orange_table td{
  background:#F7F7F7;
  color:#000;
  border:1px solid #ccc;
  padding:5px;
  vertical-align:middle;
}

table.green_table {
  text-align:center;
	border-spacing: 1px;
  border:1px solid #ccc;
}
table.green_table th{
  background:#006C36;
  font-weight:bold;
  color:#fff;
  border:1px solid #ccc;
  padding:5px;
  vertical-align:middle;
}
table.green_table td{
  background:#F7F7F7;
  color:#000;
  border:1px solid #ccc;
  padding:5px;
  vertical-align:middle;
}

.orange_heading {
  font-size:120%;
  font-weight:bold;
  color:#FE7B12;
  margin-bottom:5px;
}
.green_heading{
  font-size:120%;
  font-weight:bold;
  color:#006C36;
  margin-bottom:5px;
}
.orange_bar_heading{
  font-size:120%;
  font-weight:bold;
  color:#000;
  border-left:3px solid #FE7B12;
  padding-left:0.5em;
  margin-bottom:5px;
}
.black_heading{
	font-size:100%;
	font-weight:bold;
	color:#000;
	margin-bottom:5px;
}
.grayborderbox{
  border:2px solid #F7F7F7;
}

/*統一テスト校舎別導線用*/
.toitsutest_bannerbox{
    border:1px solid #333;
    background-color:#F0EEEF;
    padding-bottom: 10px;
}
.toitsutest_bannerbox #table img{
    vertical-align:middle;
}
.toitsutest_bannerbox #table{
    padding:10px 30px;
}
.toitsutest_bannerbox #table tr{
    text-align:left;
    margin-bottom:5px;
}
.toitsutest_bannerbox #table tbody{
    line-height:1.7;
}

.toitsutest-apply-attention {
  width: 760px;
  margin: 0 auto;
}

.toitsutest-apply-attention-img {
  vertical-align: top;
}

.koukou-area-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.koukou-kousha {
    font-size: 16px;
    margin-left: 15px;
    background: #009380;
    width: 55%;
    text-align: center;
    padding: 5px 0;
}

.koukou-kousha > a {
    color: #fff;
    text-decoration: none;
}

.koukou-link-area {
    margin: 10px 0;
    display: flex;
    justify-content: space-around;
}

.koukou-area-attention-block {
  width: 100%;
  margin-bottom: 15px;
}

.koukou-area-attention {
  width: 760px;
  margin: 0 auto;
}

.koukou-area {
    width: 50%;
}

/*合格体験記*/
.banner-bg{
  position:relative;
  height: 404px;
}

.v_jhs{
  position:absolute;
  top: 100px;
  left: -3px;
}
.v_hs{
  position:absolute;
  top: 100px;
  right: -3px;
}
.banner-left{
  position:absolute;
  bottom: 0;
  left: 0;
}

.banner-right{
  position:absolute;
  bottom: 0;
  right: 11px;
}

.pdf-under-txt{
  font-size: 18px;
  margin-bottom: 25px;
  text-align: center;
}
.detail-button{
 position: absolute;
 bottom : 105px;
 left: 120px;
}

.jisseki-bg{
  background-image: url(../img/jr_2021_top.jpg);
  background-repeat: no-repeat;
  display: block;
  width: 787px;
  height: 2028px;
  position: relative;
}

.jisseki-bg:hover{
  opacity: 1;
}

.detail-button:hover{
  opacity: 0.7;
}