@charset "utf-8";

/*            successive共通
========================================================================*/
#successive #contentArea p,
#successive #contentArea a,
#successive #contentArea ul li,
#successive #contentBottom p,
#successive #contentBottom a {
    color: #fff;
    font-size: 14px;
    /*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
    line-height: 1.857;
    text-decoration: none;
}
#successive #contentArea a:hover { color: #e60019;}

#successive #backPhoto {
    background-attachment:fixed !important;
    padding-bottom: 12px;
}
#successive #nvArea {
    overflow: hidden;
    width: 960px;
    margin: 0 auto;
}
#successive #nvArea #bread {
    float: left;
    width: 50%;
    padding-top: 19px;
}
#successive #contentArea {
 background: none;
 box-shadow: none;
    z-index: 1;
    margin-bottom: 50px;
}
#successive #contentArea .pageControl.top ul li {
    text-align: center;
    position: fixed;
    top: 50%;
    margin-top: -52px;
}
#successive #contentArea .pageControl.top ul li a{
}

#successive #contentArea .pageControl.top ul li.pageControlL {    left:40px;}
#successive #contentArea .pageControl.top ul li.pageControlR {    right: 40px;}
#successive #contentArea .pageControl.top ul li a {
    width: 7em;
    display:block;
    font-size: 14px;
    line-height: 1;
    display: block;
    color: #fff;
    opacity: 0.5;
    -moz-opacity: 0.5;
 filter:alpha(opacity=50);
}
#successive #contentArea .pageControl.top ul li a:hover {
 opacity: 1;
    -moz-opacity: 1;
 filter:alpha(opacity=1);
    text-decoration: none;
}
#successive #contentArea .pageControl.top ul li a img {
    display: block;
    margin-right:auto;
    margin-left:auto;
    margin-bottom: 14px;
}
#successive #contentArea .pageControl.top ul li a span {
    font-size: 13px;
    display:block;
    margin-top:8px;
}

#successive #contentInner {
 padding: 107px 0 0 0;
 margin: 0 60px;
}

#successive #successiveContent {
 width: 580px;
    margin-bottom: 133px;
}
#successive #successiveContent.contL { margin-right: 260px;}
#successive #successiveContent.contR { margin-left: 260px;}
#successive #successiveContent #titleArea {
    overflow: hidden;
    margin-bottom: 56px;
}
#successive #successiveContent #titleArea #titleAreaL { float: left;}
#successive #successiveContent #titleArea #titleAreaL h1 { margin-bottom: 44px;}
#successive #successiveContent #titleArea #titleAreaL ul { margin: 16px 0 0 20px;}
#successive #successiveContent #titleArea #titleAreaR {
    float: right;
    width: 166px;
}
#successive #successiveContent p { margin-bottom: 2em;}

#successive #contentInner .pageControl.bottom {
    border-top: 1px #fff solid;
    padding-top: 12px;
}
#successive #contentInner .pageControl.bottom ul{
    overflow: hidden;
    position:relative;
    text-align:center;
    z-index:1;
}
#successive #contentInner .pageControl.bottom ul li {
    display:inline-block;
}
#successive #contentInner .pageControl.bottom ul li a {
    color: #fff;
    font-size: 13px !important;
}
#successive #contentInner .pageControl.bottom ul li a:hover { color: #e60019;}
#successive #contentInner .pageControl.bottom ul li.pageControlL{
    width: 100px;
    text-align: left;
    left:0;
}
#successive #contentInner .pageControl.bottom ul li.pageControlC{
    position:relative;
    z-index:1;
    width: 100%;
    text-align: center;
}
#successive #contentInner .pageControl.bottom ul li.pageControlR{
    width: 100px;
    text-align: right;
    right:0;
}
#successive #contentInner .pageControl.bottom ul li.pageControlL,
#successive #contentInner .pageControl.bottom ul li.pageControlR{
    position:absolute;
    z-index:2;
    top:0;
}
#successive #contentInner .pageControl.bottom ul li.pageControlL a{
    background-image: url(../images/arrowRedL.png);
    background-repeat: no-repeat;
    background-position: left 7px;
    display: block;
    padding-left: 12px;
}
#successive #contentInner .pageControl.bottom ul li.pageControlC a{
    display:inline-block;
}
#successive #contentInner .pageControl.bottom ul li.pageControlC a:before{
    content: "";
    background: url(../images/arrowRedR.png) no-repeat left 0;
    display:inline-block;
    width:9px;
    height:9px;
    margin-right:2px;
}
#successive #contentInner .pageControl.bottom ul li.pageControlR a{
    background-image: url(../images/arrowRedR.png);
    background-repeat: no-repeat;
    background-position: right 7px;
    display: block;
    padding-right: 12px;
    float: right;
}

#successive #successiveList {
    overflow: hidden;
    background-color: #2c2c2c;
    padding: 28px 0px 30px 30px;
    margin-top: 53px;
}
#successive #successiveList .listL,
#successive #successiveList .listR {
    float: left;
    width: 381px;
}
#successive #successiveList h2 {
    background: url(../images/ttlCircle_03.png) no-repeat left 4px;
    color: #fff;
    font-size: 18px;
    padding-left: 24px;
    margin-bottom: 26px;
}
#successive #successiveList .listR h2 {
    margin-left: 8px;
}
#successive #successiveList h2 span {
    font-size: 12px;
    padding-left: 0.5em;
}
#successive #successiveList .list { overflow: hidden;}
#successive #successiveList .list.list_flex { display:flex; flex-wrap:wrap;}
#successive #successiveList .list.list_flex .list_col{ width:50%; }
#successive #successiveList .listL .list {
    border-right: 1px #3d3d3d solid;
    padding-left: 10px;
}
#successive #successiveList .listR .list {
    border-left: 1px #000 solid;
    padding-left: 18px;
}
#successive #successiveList .list .listSet {
    float: left;
    width: 181px;
    display: table;
    margin-bottom: 10px;
}
#successive #successiveList .list .listSet.f_none { float: none;}
#successive #successiveList .list .listSet .setL {
    display: table-cell;
    width:50px;
}
#successive #successiveList .list .listSet .setR {
    display: table-cell;
    vertical-align: middle;
}
#successive #successiveList .list .listSet .setR p {
    font-size: 13px;
    font-family: "ＭＳ Ｐゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
    line-height: 1;
}
#successive #successiveList .list .listSet a { text-decoration: none;}
#successive #successiveList .list .listSet a:hover .setR p span.name { text-decoration: underline;}
#successive #successiveList .list .listSet .setR p.post {
    font-size: 9px;
    margin-bottom: 4px;
}
#successive #successiveList .list .listSet .setR p span.english {
    font-size: 10px;
    color: #636363;
}
/*            successiveTop
========================================================================*/
#successive.index #titleArea {
  position: relative;
  left: 1px;
  text-align: center;
  padding-top: 41px;
  margin-bottom: 40px;
}
#successive.index #titleArea img {
  margin-bottom: 34px;
}
#successive.index .circleTitle {
  color: white;
  border-bottom: white 1px solid;
  margin-bottom: 25px;
}
#successive.index .circleTitle img {
  position: relative;
  top: auto;
  left: -16px;
}
#successive.index .indexSet + .indexSet {
  margin-top: 60px;
}
#successive.index .indexList {
  overflow: hidden;
  margin-left: -5px;
  margin-right: -6px;
}
#successive.index .indexList .indexListSet {
  background: url(../../successive/images/index/indexList_bg.png) no-repeat center center;
  float: left;
  width: 240px;
  height: 330px;
  padding: 5px 5px 5px 5px;
  margin-left: 2px;
}
#successive.index .indexList .indexListSet .indexListIn {
  background-color: #ffffff;
  overflow: hidden;
  border: #646464 1px solid;
  position: relative;
}
#successive.index .indexList .indexListSet .indexListIn a {
  display: block;
}

#successive.index .indexList .indexListSet .indexListIn .hover img{
    -moz-transition: -moz-transform 0.3s ease;
    -webkit-transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    -ms-transition: -ms-transform 0.3s ease;
    transition: transform 0.3s ease;
}

#successive.index .indexList .indexListSet .indexListIn:hover .hover img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
#successive.index .indexList .indexListSet .indexListIn p {
  position: absolute;
  bottom: 10px;
  width: 100%;
  font-size: 18px !important;
  text-align: center;
  line-height: 1.3 !important;
  z-index: 20;
  text-shadow: 0 0 15px #000000;
}
#successive.index .indexList .indexListSet .indexListIn p span {
  display: block;
  font-size: 12px;
}

#successive.index .indexList .indexListSet .indexListIn p span.on{
  display: none;
}
#successive.index .indexList .indexListSet .indexListIn p span.on:after{
    content:'';
    display: block;
    height: 1px;
    line-height: 1;
    margin-bottom: -3px;
}
/*            圓谷 弘
========================================================================*/
#successive.chairman_01 #backPhoto {
    background: url(../../successive/images/backPhoto_chairman_01.png) no-repeat center 80px;
}
/*            呉 文炳
========================================================================*/
#successive.chairman_02 #backPhoto {
    background: url(../../successive/images/backPhoto_chairman_02.png) no-repeat center 80px;
}
/*            佐藤 運雄
========================================================================*/
#successive.chairman_03 #backPhoto {
    background: url(../../successive/images/backPhoto_chairman_03.png) no-repeat center 80px;
}
/*            古田 重二良
========================================================================*/
#successive.chairman_04 #backPhoto {
    background: url(../../successive/images/backPhoto_chairman_04.png) no-repeat center 80px;
}
/*            高梨 公之
========================================================================*/
#successive.chairman_05 #backPhoto {
    background: url(../../successive/images/backPhoto_chairman_05.png) no-repeat center 80px;
}
/*            永澤 滋
========================================================================*/
#successive.chairman_06 #backPhoto {
    background: url(../../successive/images/backPhoto_chairman_06.png) no-repeat center 80px;
}
/*            鈴木 勝
========================================================================*/
#successive.chairman_07 #backPhoto {
    background: url(../../successive/images/backPhoto_chairman_07.png) no-repeat center 80px;
}
/*            柴田 勝治
========================================================================*/
#successive.chairman_08 #backPhoto {
    background: url(../../successive/images/backPhoto_chairman_08.png) no-repeat center 80px;
}
/*            瀨在 良男
========================================================================*/
#successive.chairman_09 #backPhoto {
    background: url(../../successive/images/backPhoto_chairman_09.png) no-repeat center 80px;
}
/*            森田 賢治
========================================================================*/
#successive.chairman_10 #backPhoto {
    background: url(../../successive/images/backPhoto_chairman_10.png) no-repeat center 80px;
}
/*            小嶋 勝衛
========================================================================*/
#successive.chairman_11 #backPhoto {
    background: url(../../successive/images/backPhoto_chairman_11.png) no-repeat center 80px;
}
/*            田中 英壽
========================================================================*/
#successive.chairman_12 #backPhoto {
    background: url(../../successive/images/backPhoto_chairman_12.png) no-repeat center 80px;
}
/*            加藤 直人
========================================================================*/
#successive.chairman_13 #backPhoto {
  background: url(../../successive/images/backPhoto_chairman_13.png) no-repeat center 80px;
}

/*            初代校長 金子 堅太郎
========================================================================*/
#successive.president_01 #backPhoto {
    background: url(../../successive/images/backPhoto_president_01.png) no-repeat center 80px;
}
/*            第2代校長 初代総長 松岡 康毅
========================================================================*/
#successive.president_02 #backPhoto {
    background: url(../../successive/images/backPhoto_president_02.png) no-repeat center 80px;
}
/*            第2代総長 平沼 騏一郎
========================================================================*/
#successive.president_03 #backPhoto {
    background: url(../../successive/images/backPhoto_president_03.png) no-repeat center 80px;
}
/*            第3代総長 山岡 萬之助
========================================================================*/
#successive.president_04 #backPhoto {
    background: url(../../successive/images/backPhoto_president_04.png) no-repeat center 80px;
}
/*            第4代総長 呉 文炳
========================================================================*/
#successive.president_05 #backPhoto {
    background: url(../../successive/images/backPhoto_president_05.png) no-repeat center 80px;
}
/*            第5代総長 永田 菊四郎
========================================================================*/
#successive.president_06 #backPhoto {
    background: url(../../successive/images/backPhoto_president_06.png) no-repeat center 80px;
}
/*            第6代総長 鈴木 勝
========================================================================*/
#successive.president_07 #backPhoto {
    background: url(../../successive/images/backPhoto_president_07.png) no-repeat center 80px;
}
/*            第7代総長 高梨 公之
========================================================================*/
#successive.president_08 #backPhoto {
    background: url(../../successive/images/backPhoto_president_08.png) no-repeat center 80px;
}
/*            第8代総長 木下 茂德
========================================================================*/
#successive.president_09 #backPhoto {
    background: url(../../successive/images/backPhoto_president_09.png) no-repeat center 80px;
}
/*            第9代総長 瀨在 良男
========================================================================*/
#successive.president_10 #backPhoto {
    background: url(../../successive/images/backPhoto_president_10.png) no-repeat center 80px;
}
/*            第10代総長 瀨在 幸安
========================================================================*/
#successive.president_11 #backPhoto {
    background: url(../../successive/images/backPhoto_president_11.png) no-repeat center 80px;
}
/*            第11代総長 小嶋 勝衛
========================================================================*/
#successive.president_12 #backPhoto {
    background: url(../../successive/images/backPhoto_president_12.png) no-repeat center 80px;
}
/*            第12代総長 酒井 健夫
========================================================================*/
#successive.president_13 #backPhoto {
    background: url(../../successive/images/backPhoto_president_13.png) no-repeat center 80px;
}
/*            第13代総長・学長 大塚 吉兵衛
========================================================================*/
#successive.president_14 #backPhoto {
    background: url(../../successive/images/backPhoto_president_14.png) no-repeat center 80px;
}
/*            第14代総長・学長 加藤 直人
========================================================================*/
#successive.president_15 #backPhoto {
  background: url(../../successive/images/backPhoto_president_15.png) no-repeat center 80px;
}
/*            第14代総長・学長 加藤 直人
========================================================================*/
#successive.president_16 #backPhoto {
  background: url(../../successive/images/backPhoto_president_16.png) no-repeat center 80px;
}