@charset "utf-8";

body {
    line-height: 1;
    background-color: #ECEED2;
    font-family: "Lucida Grande", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", Arial, Meiryo, "Hiragino Maru Gothic Pro", verdana, 'Trebuchet MS', Helvetica, sans-serif;
    font-size: 100%;
    background-repeat: repeat;
    background-image: url(../images/bg_body.png);
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin: 0px;
}


/* Common */

.clearBoth {
    margin: 0px;
    padding: 0px;
    clear: both;
}

.clearfix:after {
    content: ".";
    /* 新しい要素を作る */
    display: block;
    /* ブロックレベル要素に */
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix {
    min-height: 1px;
}

* html .clearfix {
    height: 1px;
    /*¥*/
    /*/
  height: auto;
  overflow: hidden;
  /**/
}

#indexSideContentsBoxEnd {
    background-repeat: no-repeat;
    background-position: right top;
    position: relative;
    /*top: 545px;*/
    width: 199px;
    background-image: url(../images/bg_sidemenu.png);
    height: auto;
}

#indexSideContentsBoxEnd2nd {
    background-repeat: no-repeat;
    background-position: right top;
    position: absolute;
    top: 374px;
    width: 199px;
    background-image: url(../images/bg_sidemenu.png);
    height: 400px;
}

.imageNoBorder {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}

.imageBorder {
    border: 1px solid #999999;
}

.imageCenter {
    text-align: center;
    clear: both;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-right: auto;
    margin-left: auto;
}

.imageRightArea {
    float: right;
    margin-top: 0em;
}

.imageRightBox {
    margin-bottom: 15px;
    margin-left: 15px;
}

.imageRightSubBox {
    float: right;
    width: 180px;
}

.imageRightSubBoxAlt {
    float: right;
    display: block;
    color: #FFF;
}

.imageLeftArea {
    float: left;
    margin-top: 0em;
}

.imageLeftBox {
    margin-bottom: 15px;
    margin-right: 15px;
}

.imageLeftAreaALT {
    display: inline-block;
}

.imageRightAreaALT {
    display: inline-block;
}

.leftMargin {}

.pageNavi {
    text-align: right;
    margin-top: 15px;
    margin-bottom: 15px;
    clear: both;
    padding-top: 15px;
    padding-bottom: 15px;
}


/* titles */

.pageTitle {
    display: block;
    padding: 0px;
    clear: both;
    height: 36px;
    width: 693px;
    text-indent: -9999px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 25px;
    margin-left: 0px;
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #F6F7EA;
    border: 1px solid #D3D898;
}

.sideContentsBox h2 {
    background-image: url(../images/bg_sidemenutitle.png);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    margin: 0px;
    padding: 0px;
    height: 34px;
    width: 198px;
}

#indexSideContentsBoxEnd2nd h3 {
    font-size: 90%;
    color: #436240;
    display: block;
    margin-top: 15px;
    margin-right: 10px;
    margin-bottom: 15px;
    margin-left: 10px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 0px;
    border-bottom-width: 2px;
    border-bottom-style: dotted;
    border-bottom-color: #D3D898;
    position: relative;
}

.subTitle {
    font-size: 100%;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-top: 15px;
    clear: both;
    margin-left: 5px;
    color: #436240;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #ECEED2;
    padding-bottom: 5px;
    margin-right: 5px;
}

.subTitleBtn {
    font-size: 100%;
    font-weight: normal;
    margin: 20px;
    clear: both;
    color: #436240;
    border: solid 1px #637C61;
    border-radius: 10px;
}

.subTitleBtn a {
    padding: 10px;
    display: block;
    text-decoration: none;
    color: #436240;
    border-radius: 9px;
}

.subTitleBtn a:hover {
    display: block;
    text-decoration: none;
    color: #fff;
    background: #7AB048;
}

.miniTitle {
    font-size: 90%;
    line-height: 1.5;
    border: thin dashed #7D8C7C;
    margin-top: 15px;
    margin-right: 5px;
    margin-bottom: 15px;
    margin-left: 5px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    clear: both;
}

.archiveBox h2 {
    font-size: 100%;
    font-weight: bold;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 5px;
    display: block;
    padding-top: 1em;
    color: #436240;
}

.archiveBox h3 {
    font-size: 100%;
    font-weight: bold;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 5px;
    display: block;
    padding-bottom: 3px;
    border-bottom-width: 2px;
    border-bottom-style: dotted;
    border-bottom-color: #436240;
    color: #333;
}

.archiveBox h4 {
    font-size: 100%;
    font-weight: bold;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 10px;
    display: block;
    color: #333;
}

.archiveBox h5 {
    font-size: 100%;
    font-weight: bold;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 15px;
    display: block;
    color: #436240;
}

.archiveBox h6 {
    font-size: 100%;
    font-weight: bold;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 20px;
    display: block;
    color: #333;
    padding-bottom: 3px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
}

.t_news {
    background-image: url(../images/t_news.png);
}

.t_groups {
    background-image: url(../images/t_groups.png);
}

.t_sche {
    background-image: url(../images/t_sche.png);
}

.t_info {
    background-image: url(../images/t_info.png);
}

.t_update {
    background-image: url(../images/t_update.png);
}

.t_greeting {
    background-image: url(../images/t_greeting.png);
}

.t_history {
    background-image: url(../images/t_history.png);
}

.t_this {
    background-image: url(../images/t_this.png);
}

.t_stuff {
    background-image: url(../images/t_stuff.png);
}

.t_relation {
    background-image: url(../images/t_relation.png);
}

.t_clinical {
    background-image: url(../images/t_clinical.png);
}

.t_clinic_acg {
    background-image: url(../images/t_clinic_acg.png);
}

.t_clinic_ah {
    background-image: url(../images/t_clinic_ah.png);
}

.t_research {
    background-image: url(../images/t_research.png);
}

.t_research_bm {
    background-image: url(../images/t_research_bm.png);
}

.t_research_rh {
    background-image: url(../images/t_research_rh.png);
}

.t_research_ct {
    background-image: url(../images/t_research_ct.png);
}

.t_achivement {
    background-image: url(../images/t_achivement.png);
}

.t_trng {
    background-image: url(../images/t_trng.png);
}

.t_carrer {
    background-image: url(../images/t_carrer.png);
}

.t_links {
    background-image: url(../images/t_links.png);
}

.t_domon {
    background-image: url(../images/t_domon.png);
}

.t_rh {
    background-image: url(../images/t_rh.png);
}

.t_40th {
    background-image: url(../images/t_40th.png);
}

.t_60th {
    background-image: url(../images/t_60th.png);
}

.t_medic {
    background-image: url(../images/t_medic.png);
}

.t_sports {
    background-image: url(../images/t_sports.png);
}

.t_10thSports {
    background-image: url(../images/t_10thsports.png);
}

.t_shiron {
    background-image: url(../images/t_shiron.png);
}

.t_relay {
    background-image: url(../images/t_relay.png);
}

.t_enjoy {
    background-image: url(../images/t_enjoy.png);
}

.t_past {
    background-image: url(../images/t_past.png);
}


/* contents */

#contentsCage {
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    overflow: hidden;
}

.headerContents {
    background-image: url(../images/bg_header.png);
    background-repeat: no-repeat;
    background-position: center top;
    margin: 0px;
    padding: 0px;
    height: 117px;
    width: 960px;
}

.siteNameContents {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 470px;
}

.siteMenu {
    display: block;
    float: right;
    width: 310px;
    margin-top: 12px;
    height: 25px;
}

.mainImageBox {
    display: block;
    margin: 0 auto;
    padding: 0px;
    clear: both;
    /*height: 350px;*/
    width: 948px;
}

.mainContents {
    background-image: url(../images/bg_contentscage.png);
    background-repeat: repeat-y;
    background-position: center top;
    display: block;
    clear: both;
    width: 948px;
    height: auto;
    padding-right: 6px;
    padding-left: 6px;
    /* [disabled]overflow: hidden; */
}

.globalNaviArea {
    background-image: url(../images/bg_globalmenu.png);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    height: 44px;
    width: 948px;
    margin-left: 6px;
}

.mainEntryArea {
    display: block;
    margin: 0px;
    float: right;
    width: 742px;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    overflow: hidden;
}

.sideContentsArea {
    padding: 0px;
    float: left;
    width: 199px;
    height: auto;
    overflow: hidden;
    /*****************************************************************************/
}

.bnrArea {
    margin-top: 15px;
    margin-bottom: 50px;
}

.bnrBox {
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}

.columnsBox {
    margin: 15px;
    padding: 15px;
}

.topicPath {
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-left: 5px;
    font-size: 80%;
}

#footer {
    clear: both;
    font-size: 80%;
    line-height: 1.5;
    font-weight: normal;
    text-align: center;
    background-image: url(../images/bg_contentsend.png);
    background-repeat: no-repeat;
    background-position: center top;
    margin: 0px;
    padding-top: 15px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}

.contentsEnd {
    height: 300px;
}

.entryArea {
    padding: 0px;
    width: 693px;
    margin-top: 0px;
    margin-right: 25px;
    margin-bottom: 25px;
    margin-left: 24px;
    overflow: hidden;
}

.siteNameContents h2 {
    display: block;
    margin: 0px;
    padding: 0px;
    height: 117px;
    width: 460px;
}


/* btns */

.siteNameContents h2 a {
    display: block;
    margin: 0px;
    padding: 0px;
    height: 117px;
    width: 460px;
    text-indent: -9999px;
}

.sideContentsBox h2 a {
    display: block;
    text-indent: -9999px;
    height: 34px;
}

a#btnLinksSeiyu {
    background-image: url(../images/btn_link_seiyu.png);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    height: 60px;
    width: 304px;
    text-indent: -9999px;
}

a:hover#btnLinksSeiyu {
    background-image: url(../images/btn_link_seiyu_.png);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    height: 60px;
    width: 304px;
    text-indent: -9999px;
}

a#btnLinksSeiyu_ {
    background-image: url(../images/btn_link_seiyu_.png);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    height: 60px;
    width: 304px;
    text-indent: -9999px;
}

a#btnLinksHosp {
    background-image: url(../images/btn_linkhosp.png);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    height: 31px;
    width: 200px;
    text-indent: -9999px;
    margin-top: 60px;
}

a#btnLinksUniv_t {
    background-image: url(../images/btn_linkuniv_t.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -9999px;
    display: block;
    margin: 0px;
    padding: 0px;
    height: 31px;
    width: 104px;
    margin-top: 60px;
}

a#btnIndex {
    background-image: url(../images/btn_top.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -9999px;
    display: block;
    margin: 0px;
    padding: 0px;
    height: 44px;
    width: 123px;
}

a#btnGreeting {
    background-image: url(../images/btn_greeting.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -9999px;
    display: block;
    margin: 0px;
    padding: 0px;
    height: 44px;
    width: 82px;
}

a#btnThis {
    background-image: url(../images/btn_this.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -9999px;
    display: block;
    margin: 0px;
    padding: 0px;
    height: 44px;
    width: 113px;
}

a#btnAbout {
    background-image: url(../images/btn_about.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -9999px;
    display: block;
    margin: 0px;
    padding: 0px;
    height: 44px;
    width: 111px;
}

a#btnResearch {
    background-image: url(../images/btn_research.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -9999px;
    display: block;
    margin: 0px;
    padding: 0px;
    height: 44px;
    width: 112px;
}

a#btnTrainee {
    background-image: url(../images/btn_trainee.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -9999px;
    display: block;
    margin: 0px;
    padding: 0px;
    height: 44px;
    width: 132px;
}

a#btnLinks {
    background-image: url(../images/btn_links.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -9999px;
    display: block;
    margin: 0px;
    padding: 0px;
    height: 44px;
    width: 108px;
}

a#btnPatient {
    background-image: url(../images/btn_sports.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -9999px;
    display: block;
    margin: 0px;
    padding: 0px;
    height: 44px;
    width: 166px;
}

a#btnLinksHosp_ {
    background-image: url(../images/btn_linkhosp_.png);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    height: 31px;
    width: 200px;
    text-indent: -9999px;
}

a#btnLinksUniv_t_ {
    background-image: url(../images/btn_linkuniv_t_.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -9999px;
    display: block;
    margin: 60px 0 0 0;
    padding: 0px;
    height: 31px;
    width: 104px;
}

a#btnIndex_ {
    background-image: url(../images/btn_toppage_.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -9999px;
    display: block;
    margin: 0px;
    padding: 0px;
    height: 44px;
    width: 123px;
}

a#btnGreeting_ {
    background-image: url(../images/btn_greeting_.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -9999px;
    display: block;
    margin: 0px;
    padding: 0px;
    height: 44px;
    width: 82px;
}

a#btnThis_ {
    background-image: url(../images/btn_this_.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -9999px;
    display: block;
    margin: 0px;
    padding: 0px;
    height: 44px;
    width: 113px;
}

a#btnAbout_ {
    background-image: url(../images/btn_about_.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -9999px;
    display: block;
    margin: 0px;
    padding: 0px;
    height: 44px;
    width: 111px;
}

a#btnResearch_ {
    background-image: url(../images/btn_research_.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -9999px;
    display: block;
    margin: 0px;
    padding: 0px;
    height: 44px;
    width: 112px;
}

a#btnTrainee_ {
    background-image: url(../images/btn_trainee_.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -9999px;
    display: block;
    margin: 0px;
    padding: 0px;
    height: 44px;
    width: 132px;
}

a#btnLinks_ {
    background-image: url(../images/btn_links_.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -9999px;
    display: block;
    margin: 0px;
    padding: 0px;
    height: 44px;
    width: 108px;
}

a#btnPatient_ {
    background-image: url(../images/btn_sports_.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -9999px;
    display: block;
    margin: 0px;
    padding: 0px;
    height: 44px;
    width: 166px;
}

a:hover#btnLinksHosp {
    background-image: url(../images/btn_linkhosp_.png);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    height: 31px;
    width: 200px;
    text-indent: -9999px;
}

a:hover#btnLinksUniv_t {
    background-image: url(../images/btn_linkuniv_t_.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -9999px;
    display: block;
    margin: 60px 0 0 0;
    padding: 0px;
    height: 31px;
    width: 104px;
}

a:hover#btnIndex {
    background-image: url(../images/btn_toppage_.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -9999px;
    display: block;
    margin: 0px;
    padding: 0px;
    height: 44px;
    width: 123px;
}

a:hover#btnGreeting {
    background-image: url(../images/btn_greeting_.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -9999px;
    display: block;
    margin: 0px;
    padding: 0px;
    height: 44px;
    width: 82px;
}

a:hover#btnThis {
    background-image: url(../images/btn_this_.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -9999px;
    display: block;
    margin: 0px;
    padding: 0px;
    height: 44px;
    width: 113px;
}

a:hover#btnAbout {
    background-image: url(../images/btn_about_.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -9999px;
    display: block;
    margin: 0px;
    padding: 0px;
    height: 44px;
    width: 111px;
}

a:hover#btnResearch {
    background-image: url(../images/btn_research_.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -9999px;
    display: block;
    margin: 0px;
    padding: 0px;
    height: 44px;
    width: 112px;
}

a:hover#btnTrainee {
    background-image: url(../images/btn_trainee_.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -9999px;
    display: block;
    margin: 0px;
    padding: 0px;
    height: 44px;
    width: 132px;
}

a:hover#btnLinks {
    background-image: url(../images/btn_links_.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -9999px;
    display: block;
    margin: 0px;
    padding: 0px;
    height: 44px;
    width: 108px;
}

a:hover#btnPatient {
    background-image: url(../images/btn_sports_.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -9999px;
    display: block;
    margin: 0px;
    padding: 0px;
    height: 44px;
    width: 166px;
}


/* Lists */

.siteMenuOL {
    display: block;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    overflow: hidden;
}

.siteMenuLI {
    display: block;
    float: left;
    list-style-type: none;
}

.globalNaviOL {
    margin: 0px;
    padding: 0px;
    display: block;
}

.globalNaviLI {
    display: block;
    float: left;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.globalNaviLIalt {
    display: block;
    margin: 0px;
    padding: 0px;
    float: right;
    text-indent: -9999px;
    list-style-type: none;
}

.sideMenuUL {
    margin-top: 25px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    font-size: 85%;
    line-height: 2;
    color: #333;
}

.sideMenuLI {
    margin-left: 10px;
    list-style-type: none;
    font-weight: bold;
}

.sideMenuUL2nd {
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 15px;
    font-weight: normal;
    padding: 0px;
}

.sideMenuUL2nd a.current {
    font-weight: bold;
}

.sideMenuLI3rd {
    padding: 0px;
    list-style-type: disc;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.sideMenuUL3rd {
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 15px;
    font-weight: normal;
    padding: 0px;
}

.sideMenuUL4th {
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 15px;
    font-weight: normal;
    padding: 0px;
}

.sideMenuLI2nd {
    padding: 0px;
    list-style-type: disc;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
}

.sideMenuLI3rd {
    margin: 0px;
    padding: 0px;
    list-style-type: disc;
}

.sideMenuLI4th {
    margin: 0px;
    padding: 0px;
    list-style-type: disc;
}

.sideMenuLI a {
    text-decoration: none;
    color: #436240;
}

.sideMenuLI a:hover {
    text-decoration: underline;
    color: #00F;
}

.sideMenuLI .selected a {
    text-decoration: none;
    color: #960;
}

.sideMenuLI .selected a:hover {
    text-decoration: underline;
    color: #00F;
}

.mainTextUL {
    font-size: 90%;
    line-height: 1.5;
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 35px;
}

.mainTextLI {}

.twoColumns {
    float: left;
    width: 45%;
}

.mainTextDL {
    font-size: 90%;
    line-height: 1.5;
    display: block;
    padding: 0px;
    margin-top: 0px;
    margin-right: 5px;
    margin-bottom: 0px;
    margin-left: 5px;
    clear: both;
}

.mainTextDT {
    font-weight: bold;
    color: #436240;
}

.mainTextDD {
    font-weight: normal;
    margin-bottom: 10px;
    padding-left: 15px;
}

.columsTitleDL {
    display: block;
    line-height: 1.5;
    margin-bottom: 15px;
}

.columsTitleDT {
    font-size: 100%;
    font-weight: bold;
    color: #436240;
    line-height: 1.5;
}

.columsTitleDD {
    font-size: 90%;
    font-weight: normal;
    margin-bottom: .5em;
}

.archiveBox ol {
    font-size: 90%;
    line-height: 1.5;
    font-weight: normal;
    color: #333;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 50px;
    margin-top: 0.5em;
    margin-right: 5px;
    margin-bottom: 0.5em;
    margin-left: 0px;
}

.archiveBox ol li {
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
}

.columnsListUL {
    line-height: 1.5;
    display: block;
    margin-bottom: 10px;
    margin-top: 0px;
    margin-left: 15px;
}

.columnsListLI {
    font-size: 90%;
    line-height: 1.5;
    list-style-type: none;
}

.mainTextLIns {
    list-style-type: none;
}

.linkListDL {
    font-size: 90%;
    line-height: 1.5;
    padding: 0px;
    display: block;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 30px;
}

.linkListDT {
    font-weight: bold;
}

.linkListDD {
    font-weight: normal;
    margin-bottom: 5px;
}

.stuffList {
    line-height: 1.5;
    font-weight: normal;
    width: 98%;
    margin-top: 15px;
    margin-right: auto;
    margin-bottom: 15px;
    margin-left: auto;
    border-collapse: collapse;
}

th.credit {
    font-size: 85%;
    background-color: #E4E7BF;
    border: 1px solid #7D8C7C;
    color: #436240;
    padding: 3px;
}

th.name {
    font-size: 85%;
    background-color: #E4E7BF;
    border: 1px solid #7D8C7C;
    color: #436240;
    padding: 3px;
}

th.title {
    font-size: 85%;
    background-color: #E4E7BF;
    border: 1px solid #7D8C7C;
    color: #436240;
    padding: 3px;
}

td.credit {
    font-size: 85%;
    background-color: #FFF;
    border: 1px solid #7D8C7C;
    color: #436240;
    text-align: center;
    padding: 3px;
}

td.name {
    font-size: 85%;
    background-color: #FFF;
    border: 1px solid #7D8C7C;
    color: #436240;
    text-align: center;
    padding: 3px;
}

td.title {
    font-size: 85%;
    background-color: #FFF;
    border: 1px solid #7D8C7C;
    color: #436240;
    padding: 3px;
    font-weight: normal !important;
}

.scheTable {
    width: 98%;
    margin-top: 15px;
    margin-right: auto;
    margin-bottom: 15px;
    margin-left: auto;
    border-collapse: collapse;
}

.scheTableTHm {
    font-size: 85%;
    line-height: 1.5;
    color: #FFF;
    background-color: #7D8C7C;
    padding: 3px;
    border: 1px solid #666;
}

.scheTableTD {
    font-size: 85%;
    line-height: 1.5;
    padding: 3px;
    border: 1px solid #7D8C7C;
}

table.staffList {
    width: 600px;
    margin-right: auto;
    margin-left: auto;
    font-size: 85%;
    margin-top: 30px;
    margin-bottom: 30px;
    border-collapse: collapse;
    color: #333;
    line-height: 1.25;
}

.staffList tr th {
    padding: 5px;
    width: 200px;
    background-color: #F6F7EA;
    border: 1px solid #999;
}

.staffList tr td {
    background-color: #FFF;
    padding: 5px;
    border: 1px solid #999;
}


/* images */


/*.overray {
	background-image: url(../images/img_topoverray.png);
	background-repeat: repeat-y;
	background-position: 6px top;
	z-index: 1;
	position: absolute;
	height: 338px;
	width: 948px;
}*/

.imageIndex {
    background-image: url(../slide/001.png);
    background-repeat: repeat;
    background-position: center top;
    height: 400px;
}

.imageGreeting {
    background-image: url(../images/bg_greeting.png);
    background-repeat: no-repeat;
    background-position: center top;
    height: 170px;
}

.imageEnjoy {
    background-image: url(../images/bg_enjoy.png);
    background-repeat: no-repeat;
    background-position: center top;
    height: 170px;
}

.imageShiron {
    background-image: url(../images/bg_shiron.png);
    background-repeat: no-repeat;
    background-position: center top;
    height: 170px;
}

.image10thSports {
    background-image: url(../images/bg-10thsports.png);
    background-repeat: no-repeat;
    background-position: center top;
    height: 170px;
}

.imageRelay {
    background-image: url(../images/img_relay.png);
    background-repeat: no-repeat;
    background-position: center top;
    height: 170px;
}

.imageThis {
    background-image: url(../images/bg_this.png);
    background-repeat: no-repeat;
    background-position: center top;
    height: 170px;
}

.imageClinical {
    background-image: url(../images/bg_clinical.png);
    background-repeat: no-repeat;
    background-position: center top;
    height: 170px;
}

.imageResearch {
    background-image: url(../images/bg_research.png);
    background-repeat: no-repeat;
    background-position: center top;
    height: 170px;
}

.imageMedic {
    background-image: url(../images/bg_medic.png);
    background-repeat: no-repeat;
    background-position: center top;
    height: 170px;
}

.imageSports {
    background-image: url(../images/bg_sports.png);
    background-repeat: no-repeat;
    background-position: center top;
    height: 170px;
}

.imageLinks {
    background-image: url(../images/bg_links.png);
    background-repeat: no-repeat;
    background-position: center top;
    height: 170px;
}


/* texts */

.pastList {
    font-size: 90%;
    line-height: 1.5;
    padding: 0px;
    margin-top: 0.5em;
    margin-right: 0px;
    margin-bottom: 0.5em;
    margin-left: 15px;
}

.mainText {
    font-size: 90%;
    line-height: 1.5;
    font-weight: normal;
    text-indent: 1em;
    margin-top: .5em;
    margin-bottom: .5em;
}

.mainText.title {
    text-indent: 0;
    font-weight: normal;
}

.mainText.title strong {
    display: inline-block;
    width: 150px;
    font-weight: bold;
}

.sign {
    text-align: right;
    font-size: 90%;
    line-height: 1.5;
    font-weight: normal;
    text-indent: 1em;
    margin-top: .5em;
    margin-bottom: .5em;
}

.mainTextNoindent {
    font-size: 90%;
    line-height: 1.5;
    font-weight: normal;
    text-indent: 0em;
    margin-top: .5em;
    margin-bottom: .5em;
}

.drCaption {
    font-size: 80%;
    line-height: 1.25;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 0px;
}

.caption {
    font-size: 80%;
    line-height: 1.25;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 0px;
}

.nameSpell {
    font-size: 80%;
}

.mainTextChrColums {
    font-size: 90%;
    line-height: 1.5;
    font-weight: normal;
    display: block;
    margin-top: .5em;
    margin-bottom: .5em;
}

.archiveBox p {
    display: block;
    margin-left: 30px;
    font-size: 90%;
    font-weight: bold;
    color: #333;
    margin-top: 1em;
    line-height: 1.5;
    padding-bottom: 5px;
    border-bottom: 1px dotted #aaa;
    ;
}

.sideMenuUL .sideMenuLI strong {
    font-weight: bold;
    color: #637C61;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #D3D898;
    display: block;
    margin-right: 10px;
    margin-bottom: 10px;
}

.plugs {
    height: 10px;
}

.marks {
    padding-left: 24px;
    background-image: url(../images/mark.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.photoCaption {
    width: 240px;
}

.grayout {
    font-size: 85%;
}

.selected {
    font-weight: bold;
    color: #960 !important;
}

.dm {
    margin-right: 2em;
    width: 6em;
}

.name a {
    font-weight: normal;
    color: #333;
    text-decoration: none;
}

.name a:hover {
    font-weight: normal;
    color: #00F;
    text-decoration: underline;
}

#videoArea,
#videoArea2,
#videoArea3 {
    text-align: center;
    width: 693px;
    margin-right: auto;
    margin-left: auto;
    display: none;
    margin-bottom: 30px;
    border: 1px solid #f0f0f0;
}

.btn40th,
.btn60th,
.btn70th {
    cursor: pointer;
}

#videoArea iframe,
#videoArea2 iframe,
#videoArea3 iframe {
    margin: 0 auto;
}

#indexSideContentsBoxEnd2nd span#floatSw {
    display: block;
    height: 34px;
    width: 32px;
    position: absolute;
    background-image: url("../images/float_.png");
    top: 0;
    right: 0;
    cursor: pointer;
    opacity: .5;
}

#indexSideContentsBoxEnd2nd span#floatSw.on {
    display: block;
    height: 34px;
    width: 32px;
    position: absolute;
    background-image: url("../images/float.png");
    top: 0;
    right: 0;
    cursor: pointer;
    opacity: 1;
}

.groupsList {
    margin: 15px 0;
    overflow: hidden;
}

.groupsList li {
    display: block;
    float: left;
}

.groupsList li a {
    display: block;
}

.g_spine a,
.g_joint a,
.g_bonesoft a,
.g_rehabili a {
    width: 168px;
    height: 60px;
    text-indent: -9999px;
}

.g_spine a,
.g_joint a,
.g_bonesoft a {
    margin-right: 7px;
    margin-bottom: 6px;
}


/*
.g_asg a,
.g_aora a,
.g_abone a,
.g_ahg a,
.g_ahrg a,
.g_aimg a,
.g_afg a,
.g_amag a,
.g_asakg a,
.g_afttg a {
	width:227px;
	height:40px;
	margin-bottom:6px;
}
.g_asg a,
.g_aora a,
.g_ahg a,
.g_ahrg a,
.g_afg a,
.g_amag a{
	margin-right:6px;
}
.g_asg ,
.g_ahg ,
.g_afg ,
.g_atffg {
	clear:both;
}
.g_spine a {
	background-image:url(../images/btn_spine.png);
}
.g_joint a {
	background-image:url(../images/btn_joint.png);
}
.g_bonesoft a {
	background-image:url(../images/btn_bonesoft.png);
}
.g_rehabili a {
	background-image:url(../images/btn_rehabili.png);
}
.g_asg a {
	background-image:url(../images/btn_asg.png);
}
.g_aora a {
	background-image:url(../images/btn_aora.png);
}
.g_abone a {
	background-image:url(../images/btn_abone.png);
}
.g_ahg a {
	background-image:url(../images/btn_ahg.png);
}
.g_ahrg a {
	background-image:url(../images/btn_ahrg.png);
}
.g_aimg a {
	background-image:url(../images/btn_aimg.png);
}
.g_afg a {
	background-image:url(../images/btn_afg.png);
}
.g_amag a {
	background-image:url(../images/btn_amag.png);
}
.g_asakg a {
	background-image:url(../images/btn_asakg.png);
}
.g_afttg a {
	background-image:url(../images/btn_afttg.png);
}
.g_spine a:hover {
	background-image:url(../images/btn_spine_.png);
}
.g_joint a:hover {
	background-image:url(../images/btn_joint_.png);
}
.g_bonesoft a:hover {
	background-image:url(../images/btn_bonesoft_.png);
}
.g_rehabili a:hover {
	background-image:url(../images/btn_rehabili_.png);
}
.g_asg a:hover {
	background-image:url(../images/btn_asg_.png);
}
.g_aora a:hover {
	background-image:url(../images/btn_aora_.png);
}
.g_abone a:hover {
	background-image:url(../images/btn_abone_.png);
}
.g_ahg a:hover {
	background-image:url(../images/btn_ahg_.png);
}
.g_ahrg a:hover {
	background-image:url(../images/btn_ahrg_.png);
}
.g_aimg a:hover {
	background-image:url(../images/btn_aimg_.png);
}
.g_afg a:hover {
	background-image:url(../images/btn_afg_.png);
}
.g_amag a:hover {
	background-image:url(../images/btn_amag_.png);
}
.g_asakg a:hover {
	background-image:url(../images/btn_asakg_.png);
}
.g_afttg a:hover {
	background-image:url(../images/btn_afttg_.png);
}
*/

.g_asg a,
.g_aora a,
.g_abone a,
.g_ahg a,
.g_ahrg a,
.g_aimg a,
.g_afg a,
.g_amag a,
.g_asakg a,
.g_afttg a {
    box-sizing: border-box;
    width: 343px;
    height: 40px;
    margin-bottom: 7px;
    display: block;
    border: solid 1px #ddd;
    border-radius: 5px;
    line-height: 40px;
    padding-left: 5px;
    text-decoration: none;
    color: #333;
    background-image: url(../images/btn_bg.png);
}

.g_asg a:hover,
.g_aora a:hover,
.g_abone a:hover,
.g_ahg a:hover,
.g_ahrg a:hover,
.g_aimg a:hover,
.g_afg a:hover,
.g_amag a:hover,
.g_asakg a:hover,
.g_afttg a:hover {
    background-image: url(../images/btn_bg_.png);
}

.g_asg a,
.g_abone a,
.g_ahrg a,
.g_afg a,
.g_asakg a {
    margin-right: 6px;
    clear: both;
}

.g_spine a {
    background-image: url(../images/btn_spine.png);
}

.g_joint a {
    background-image: url(../images/btn_joint.png);
}

.g_bonesoft a {
    background-image: url(../images/btn_bonesoft.png);
}

.g_rehabili a {
    background-image: url(../images/btn_rehabili.png);
}

.g_spine a:hover {
    background-image: url(../images/btn_spine_.png);
}

.g_joint a:hover {
    background-image: url(../images/btn_joint_.png);
}

.g_bonesoft a:hover {
    background-image: url(../images/btn_bonesoft_.png);
}

.g_rehabili a:hover {
    background-image: url(../images/btn_rehabili_.png);
}

.g_asg a span,
.g_aora a span,
.g_abone a span,
.g_ahg a span,
.g_ahrg a span,
.g_aimg a span,
.g_afg a span,
.g_amag a span,
.g_asakg a span,
.g_afttg a span {
    font-size: 11px;
    float: right;
    display: inline-block;
    text-align: right;
    padding-right: 5px;
}

.documentList {
    margin-left: 2em;
    line-height: 1.5;
}

.documentList li {
    list-style: decimal;
    margin-bottom: 3px;
}

.columnsSports {
    overflow: hidden;
    clear: both;
}

.sportsHeader {
    width: 180px;
    height: auto;
    float: left;
}

.sportsList {
    width: 510px;
    height: auto;
    float: right;
}

.sportsList ul {
    font-size: 90%;
    line-height: 1.5;
    padding-top: 5px;
}

.sportsList ul a {
    color: #555;
    text-decoration: none;
}

.sportsList ul a:hover {
    color: #00f;
    text-decoration: underline;
}

.historyTitle {
    font-size: 100%;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-top: 15px;
    clear: both;
    margin-left: 5px;
    color: #436240;
    margin-right: 5px;
}

.historyTitle span {
    display: block;
    font-weight: normal;
    float: right;
    font-size: 150%;
    margin-top: -.25em;
}

.numberContena {
    display: none;
}

.numberContena {
    width: 95%;
    min-width: 960px;
    height: 100%;
    text-align: left;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    z-index: 1000;
}

.numberContena:before {
    content: '';
    background-image: url(../images/number869_.jpg);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 100%;
    height: 80%;
}

.numberContena.pages:before {
    content: '';
    background-image: url(../images/number869.jpg);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 100%;
    height: 80%;
}

.numberContena .btnCloseNumber {
    position: absolute;
    font-size: 64px;
    cursor: pointer;
    top: 0;
    right: 0;
    color: #ccc;
}

.numberContena .btnPrev {
    position: absolute;
    font-size: 64px;
    cursor: pointer;
    top: 50%;
    left: 0;
    display: none;
    color: #ccc;
}

.numberContena .btnFrd {
    position: absolute;
    font-size: 64px;
    cursor: pointer;
    top: 50%;
    right: 0;
    display: block;
    color: #ccc;
}

.numberContena.pages .btnPrev {
    display: block;
}

.numberContena.pages .btnFrd {
    display: none;
}

.resultTable {
    width: 80%;
    border-collapse: collapse;
    margin: 1em auto;
}

.resultTable th {
    background-color: #f0f0f0;
    padding: 3px;
    border: solid 1px #ddd;
    font-size: 14px;
}

.resultTable td {
    background-color: #fff;
    padding: 3px;
    border: solid 1px #ddd;
    font-size: 14px;
}

.resultTable td.parts {
    text-align: left;
    padding-left: 1em;
}

.resultTable td.number {
    text-align: center;
    width: 15%;
}

.mainTextOL {
    font-size: 90%;
    line-height: 1.5;
    margin: 1em 0 30px 50px;
}

.cs3 {
    width: 948px;
    height: 400px;
}

.slick-slide img {
    width: 948px;
    height: auto;
}

.midashi {
    font-size: 110%;
    margin: 0 10px;
    border-left: solid 5px #436240;
    padding: 2px 10px;
}

.photoCaption_ {
    font-size: 85%;
    line-height: 1.25;
    margin: 0 auto;
    text-align: center;
    padding-top: 5px;
}

.mainColumns {
    margin: 20px;
    padding: 20px;
    border: solid 1px #ddd;
    border-radius: 10px;
}

.infoTitle {
    font-size: 16px;
    padding: 15px 5px;
    color: #436240;
}

.infoTitle::before {
    content: '●';
}

.infoList {
    list-style: none;
    margin: 5px 20px;
    line-height: 1.5;
    font-size: 16px;
}

.creditsTitle {
    font-size: 12px;
    display: block;
}

.infoListDL {
    list-style: none;
    margin: 5px 20px;
    line-height: 1.5;
    font-size: 16px;
}

.infoListDL dt {
    clear: left;
    width: 60px;
    float: left;
}

.infoListDL dd {
    margin-left: 70px;
}

.infoListTitle {
    font-weight: bold;
    font-size: 18px;
    display: block;
    text-indent: -1em;
}

.request {
    font-size: 12px;
    display: block;
}

.btnContena {
    margin: 20px auto;
    text-align: center;
}

.infoBtn {
    display: inline-block;
    width: 200px;
    margin: 0 20px;
}

.infoBtn a {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #88C784;
    color: #fff;
    padding: 15px;
    border-radius: 5px;
    line-height: 1.5;
    text-decoration: none;
    font-size: 16px;
}

.infoBtn a:hover {
    background-color: #999;
}

.listStile {
    list-style: disc !important;
    margin-left: 15px !important;
}

.clinicTable {
    border-collapse: collapse;
    margin: 1em auto;
    width: 640px;
    font-size: 14px;
}

.clinicTable th {
    text-align: left;
    padding: 5px;
    border: solid 1px #ddd;
    font-size: 14px;
    background-color: #f0f0f0;
}

.clinicTable td {
    text-align: left;
    padding: 5px;
    border: solid 1px #ddd;
    font-size: 14px;
    background-color: #fff;
}

.title {
    font-size: 14px;
    font-weight: bold;
    margin-left: 15px;
}

.groupList {
    display: block;
    margin: 1em 10px;
    background-color: #f0f0f0;
    border-radius: 10px;
    padding: 10px;
}

.groupList li {
    font-size: 14px;
    margin-left: 30px;
    line-height: 1.75;
}

.staffPhotoArea {
    float: right;
    margin: 10px auto;
    width: 50%;
    padding-left: 1em;
    padding-bottom: 1em;
}

.staffPhotoArea img {
    margin: 0 auto;
    width: 100%;
}

/*************/
.memberListArea {
    margin: 20px auto;
    padding: 20px 10px;
}

.memberListArea h2 {
    font-size: 20px;
    color: #436240;
    font-weight: normal;
    padding: 10px 0 10px 0px;
    border-bottom: 2px dotted #7AB048;
}

.memberListArea h2 span {
    font-size: 14px;
    margin-left: 20px;
}

.memberListBlock {
    display: block;
}

.memberListImage {
    padding: 20px 0 20px 20px;
    float: right;
    width: 200px;
    background-color: #fff;
    text-align: right;
}

.memberListImage img {
    border: solid 10px #fafafa;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .25);
}

.memberListTitle {
    padding: 20px 0 20px 0px;
}

.memberListTitle dl {
    /*display:flex;
    flex-wrap: wrap;*/
    line-height: 1.5;
    font-size: 16px;
}

.memberListTitle dl dt {
    width: 100%;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: solid 1px #d0d0d0;
    color: #637C61;
}

.memberListTitle dl dd {
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: solid 1px #d0d0d0;
}

.memberListTitle dl dd span {
    display: inline-block;
    float: left;
    width: 5em;
}

.memberListTitle table th {
    text-align: left;
    font-weight: normal;
    white-space: nowrap;
    vertical-align: top;
}

.memberListTitle table td {
    padding-left: 10px;
}

.imageCenterFlex {
    display: flex;
    padding: 0 20px;
}

.imageBox-3 {
    width: 32%;
    margin: 1em 1%;
}

.imageBox-3 img {
    width: 100%;
    height: auto;
}

.photoTitle {
    font-size: 14px;
    margin-top: 1.5em;
}

/*****************************************************************************************************/
.mainImageRoad {
    width: 100%;
    position: relative;
}

.mainImageRoad img {
    width: 100%;
    height: auto;
}

.subCopy {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
    background-color: #436240;
    color: #fff;
    font-size: 14px;
}

.road2H1 {
    position: absolute;
    top: 40%;
    right: 0;
    font-size: 24px;
    line-height: 1.5;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 25);
    margin-right: 2.5%;
}

.road2H2 {
    position: absolute;
    top: 50%;
    right: 0;
    font-size: 32px;
    line-height: 1.5;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 25);
    margin-right: 2.5%;
}

.notes {
    position: absolute;
    bottom: 0px;
    right: 0px;
    padding: 10px;
    margin: 10px;
    text-align: right;
    background-color: rgba(0, 0, 0, .25);
    font-size: 16px;
    color: #fff;
    line-height: 1.5;
}

.interviewText {
    font-size: 14px;
    line-height: 1.75;
    padding: 30px 10px;
}

.interviewText .ki {
    font-weight: bold;
    margin-bottom: 1em;
    margin-left: 3em;
    text-indent: -3em;
    color: #436240;
}

.interviewText .ki::before {
    content: 'ーーー';
    letter-spacing: -.3em;
    margin-right: .75em;
}

.interviewText .mi,
.interviewText .miPr {
    font-weight: normal;
    margin-bottom: 1em;
    color: #333;
}

.interviewText .mi {
    margin-left: 3em;
}

.interviewText .mi.cr {
    margin-left: 3em;
    text-indent: -3em;
}

.interviewText .miPr {
    margin-left: 3em;
    text-indent: -3em;
}

.interviewText .miPr::before {
    content: '宮腰（以下、敬称略）';
    font-weight: bold;
    margin-right: .5em;
}

.interviewText .mi.cr::before {
    content: '宮腰';
    font-weight: bold;
    margin-right: .9em;
}

.interviewPhotoRight {
    width: 50%;
    float: right;
    padding: 0 0 1em 1em;
}

.interviewPhotoRight img {
    width: 100%;
    height: auto;
    border: solid 1px #f0f0f0;
}

.interviewPhotoLeft {
    width: 50%;
    float: left;
    padding: 0 1em 1em 0em;
}

.interviewPhotoLeft img {
    width: 100%;
    height: auto;
    border: solid 1px #f0f0f0;
}

.interviewPhotoCenter {
    width: 100%;
    float: none;
    padding: 1.5em 0em;
}

.interviewPhotoCenter img {
    width: 100%;
    height: auto;
    border: solid 1px #f0f0f0;
}

.interviewText blockquote {
    padding: 1em;
    margin: 1em;
    background-color: #f0f0f0;
    margin-left: 3em;
}

.interviewText h2 {
    margin: 2em auto;
    width: 200px;
    padding: 5px;
}

.interviewText h2 a {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #436240;
    color: #fff;
    text-align: center;
    font-weight: normal;
    font-size: 16px;
    text-decoration: none;
    border-radius: 5px;
}

.interviewText h2 a::after {
    content: ">>";
    margin-left: 10px;
}

.archiveBox em {
    font-style: italic;
    color: #666;
}

.btnBlogs {
    width: 183px;
    height: auto;
}

.archiveBoxDL {
    margin: 2em;
    font-size: 14px;
    line-height: 1.75;
    display: flex;
    flex-wrap: wrap;
}

.archiveBoxDL dt {
    font-weight: bold;
    width: 7em;
}

.archiveBoxDL dd {
    font-weight: normal;
    width: calc(100% - 7em);
}

.archiveBox i {
    font-style: italic !important;
    color: #333 !important;
}

.archiveBox em {
    font-weight: bold !important;
    color: #333 !important;
}




@media screen and (max-width: 767px) {
    * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .imageIndex {
        background-image: url(../slide/001.png);
        background-repeat: repeat;
        background-position: center top;
        background-size: cover;
        height: auto;
    }

    .mainImageBox {
        display: block;
        margin: 0 auto;
        padding: 0px;
        clear: both;
        /* height: 350px; */
        width: 100%;
    }

    .cs3 {
        width: 100%;
        height: auto;
    }

    .cs3-slide.slick-slide img {
        width: 100%;
        height: auto;
        display: block;
    }


    #contentsCage {
        width: 100%;
    }

    .headerContents {
        background-image: none;
        height: 80px;
        width: 100%;
    }

    .siteNameContents {
        margin: 0px;
        padding: 0px;
        float: none;
        width: 65%;
        background-image: url(../images/bg_header.png);
        background-repeat: no-repeat;
        background-position: left top;
        background-size: auto 50px;
    }

    .siteNameContents h2 {
        height: 50px;
        width: 100%;
    }

    .siteNameContents h2 a {
        height: 50px;
        width: 100%;
        text-indent: -9999px;
    }

    .siteMenu {
        display: block;
        float: none;
        width: 100%;
        margin-top: 0px;
        height: auto;
        position: relative;
    }

    .siteMenuOL {
        display: block;
        padding: 1%;
        margin: 0;
        overflow: hidden;
    }

    .siteMenuLI {
        display: inline-block;
        float: none;
        width: 49%;
        height: 24px;
    }

    .siteMenuLI:first-child {
        float: none;
        position: absolute;
        top: -45px;
        right: 5px;
        width: 35%;
        height: auto !important;
    }

    .siteMenuLI a {
        width: 100%;
        height: 24px;
        background-image: none !important;
        display: block !important;
        height: 20px !important;
        width: 100% !important;
        float: left !important;
        text-indent: 0 !important;
        font-size: 12px !important;
        text-decoration: none !important;
        background-color: #fff !important;
        line-height: 20px !important;
        padding-left: 10px !important;
        color: #000;
        border-radius: 5px;
        border: solid 1px #ddd;
        height: auto !important;
    }

    .siteMenuLI:first-child a {
        background-color: #D3D898 !important;
        color: #fff !important;
    }

    .cs3-slide {
        display: block;
        position: relative;
        left: 0;
        top: 0;
        z-index: 1;
        overflow: hidden;
        width: 100%;
        height: auto;
    }

    .cs3-slide+.cs3-slide {
        display: none;
    }

    .globalNaviArea {
        background-image: none;
        display: block;
        height: auto;
        width: 100%;
        margin: 0;
        overflow: hidden;
        background-color: #f0f0f0;
    }

    .globalNaviLI,
    .globalNaviLI a,
    .globalNaviLIalt,
    .globalNaviLIalt a {
        background-image: none !important;
        text-indent: 0 !important;
        margin: 0px !important;
        padding: 0px !important;
        height: 30px !important;
        width: 50% !important;
    }

    .globalNaviLI,
    .globalNaviLIalt {
        border-top: solid 1px #ddd;
        padding-left: 10px !important;
    }

    .globalNaviLI :nth-last-of-type(1n),
    .globalNaviLIalt :nth-last-of-type(1n) {
        border-right: solid 1px #ddd;
        padding-left: 10px !important;
    }

    .globalNaviLI a,
    .globalNaviLIalt a {
        line-height: 30px;
        font-size: 12px;
        color: #000;
        text-decoration: none;
        width: 100% !important;
    }

    .mainContents {
        background-image: none;
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
        background-color: #fff;
    }

    .topicPath {
        padding-top: 10px;
        padding-right: 5px;
        padding-bottom: 10px;
        padding-left: 5px;
        font-size: 12px;
    }

    .mainEntryArea,
    .sideContentsArea {
        display: block;
        margin: 0px;
        float: none;
        width: 100%;
        padding: 5px;
        height: auto;
        overflow: hidden;
    }

    #indexSideContentsBoxEnd {
        position: relative;
        top: 0;
        width: 100%;
        background-image: none;
        height: auto;
    }

    #videoArea,
    #videoArea2,
    #videoArea3 {
        text-align: center;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        display: none;
        margin-bottom: 30px;
        border: 1px solid #f0f0f0;
    }

    .pageTitle {
        display: block;
        padding: 0px;
        clear: both;
        height: auto;
        width: 100%;
        text-indent: 0;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 10px;
        margin-left: 0px;
        background-repeat: no-repeat;
        background-position: left top;
        background-color: #F6F7EA;
        border: 1px solid #D3D898;
        background-image: none !important;
        font-size: 16px;
        line-height: 1.2;
        color: #436240;
        padding: 5px;
    }

    #video01,
    #video02,
    #video03 {
        position: relative;
        padding-bottom: 56.25%;
        /*アスペクト比 16:9の場合の縦幅*/
        height: 0;
        overflow: hidden;
    }

    #cals {
        position: relative;
        padding-bottom: 100%;
        /*アスペクト比 16:9の場合の縦幅*/
        height: 0;
        overflow: hidden;
    }

    #video01 iframe,
    #video02 iframe,
    #video03 iframe,
    #cals iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .entryArea {
        padding: 0px;
        width: 100%;
        margin: 0;
    }

    .groupsList li {
        width: 100% !important;
    }

    .groupsList li a {
        width: 100% !important;
        background-image: none !important;
        text-indent: 0 !important;
        height: 48px !important;
        line-height: auto !important;
        border: solid 1px #ddd !important;
        background-image: none !important;
        border-radius: 5px !important;
        margin-bottom: 7px;
        line-height: 40px;
        padding-left: 5px;
        text-decoration: none;
        color: #333;
    }

    .groupsList li a span {
        display: none !important;
    }

    .sideContentsBox h2 {
        background-image: none;
        display: block;
        margin: 0px;
        padding: 0px;
        height: auto;
        width: 100%;
    }

    .sideContentsBox h2 a {
        display: block;
        text-indent: 0;
        height: auto;
        background-repeat: no-repeat;
        background-position: left top;
        background-color: #F6F7EA;
        border: 1px solid #D3D898;
        background-image: none !important;
        font-size: 16px;
        line-height: 1.2;
        color: #436240;
        padding: 5px;
    }

    .bnrArea {
        margin-top: 15px;
        margin-bottom: 15px;
        padding: 10px;
        background-color: #f0f0f0;
    }

    .bnrBox {
        width: 183px;
        margin: 10px auto;
    }

    .staffPhotoArea {
        float: none;
        margin: 30px auto;
        width: 100%;
        padding-left: 0;
        padding-bottom: 0;
    }

    .staffPhotoArea img {
        margin: 0 auto;
        width: 100%;
    }

    #indexSideContentsBoxEnd2nd {
        display: none;
    }

    /************************************************************/
    .road2H1 {
        font-size: 3.2vmin;
    }

    .road2H2 {
        font-size: 4.2vmin;
    }

    .notes {
        font-size: 1.2vmin;
    }

    .interviewPhotoRight {
        width: 100%;
        float: none;
        padding: 1em 0em;
    }

    .interviewPhotoRight img {
        width: 100%;
        height: auto;
    }

    .interviewPhotoLeft {
        width: 100%;
        float: none;
        padding: 1em 0em;
    }

    .interviewPhotoLeft img {
        width: 100%;
        height: auto;
    }
}