@charset "utf-8";

/**************************/
/*循環型社会研究室　メンバー紹介ページ*/
/*2018年度
/**************************/

.memder2018 {
    width:860px;
    height:800px;
    position:relative;
    background:url("../member/img/2018m/main.gif") no-repeat center top;
    margin-top:20px;
    margin-bottom:20px;
    padding-top: 20px;
}

/*コメント（枠）*/
.membox {
    overflow: hidden;
    font-size: 16px;
}

.membox .item {
    margin: 0;
    width: 53px;
    /*height: 225px;*/
    height: 265px;
    float: right;
    position:relative;
}
.membox .item img {
    width: 53px;
    display: block;
    margin: 0 auto;
    
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.membox .item div.name {
    position: absolute;
    top: 95px;
    right: 35%;
    z-index: 2;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 1.5px;

    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    transform: scale(1.1,0.7);
    transform: scaleX( 1.1 ) scaleY( 0.7 );
    vertical-align: top;
}

.membox .item div.name span {}

.membox .item div.name span.rtext {
    line-height: 100%;
    letter-spacing: 0px;
    font-family: 'Bai Jamjuree', sans-serif;
}

#no05 {
    top: 92px;
}
#no08 {
    top: 92px;
}
#no11 {
    top: 97px;
}
#no12 {
    top: 97px;
}
#no23 {
    top: 99px;
}
#no25 {
    top: 92px;
}
#no26 {
    top: 92px;
}
#no27 {
    top: 92px;
}
#Ahmad {
    right: 15%;
    top: 93px;
}
#Mahdi {
    right: 15%;
}
#Sebastien {
    right: 15%;
}
#Hasibullah {
    right: 15%;
}

#ZHANG {
    right: 15%;
    top: 98px;
}

#abox {
    margin-top: 120px;
    margin-right:50px;
}
#abox .item {
    margin: 0 2.4px;
}
#bbox {
    margin-top: 15px;
    margin-right:43px;
}
#bbox .item {
    margin: 0 0.8px;
}
