/*--

    CSR Ele
    /csr/

====================================================== --*/
/*-- top --*/
/*-- ------------------------------------------------- --*/
#CsrIndex {
    background:#eff8f8;
}
#CsrIndex .contents{
    padding:0px;
}
#CsrIndex .csr{
    margin-top:-463px;
    padding:163px 0px 340px;
    position:relative;
    background:url(../../images/csr/bg_01.png) no-repeat center 118px, url(../img/slash_gray_f6.png) no-repeat center bottom;
}
#CsrIndex .csr h2{
    margin:0px 0px 25px;
    text-align:center;
}
#CsrIndex .csr h2 + p{
}
#CsrIndex .csr p{
    font-size:13px;
    line-height:24px;
    margin:0px 0px 10px;
}
#CsrIndex .csr > p{
    text-align:center;
}

#CsrIndex .csr .sharing{
    width:984px;
    position:relative;
    height:703px;
    margin:110px auto 0px;
}
#CsrIndex .csr .sharing dl{
    position:absolute;
}
#CsrIndex .csr .sharing dl dd{
    font-size:17px;
    line-height:24px;
    color:#b39e62;
    margin:9px 0px 0px;
}
#CsrIndex .csr .sharing dl.text01{
    top:0px;
    left:543px;
}
#CsrIndex .csr .sharing dl.text02{
    top:405px;
    left:752px;
}
#CsrIndex .csr .sharing dl.text03{
    top:612px;
    left:247px;
}
#CsrIndex .csr .sharing dl.text04{
    top:159px;
    left:42px;
}
#CsrIndex .csr .sharing nav{
    position:absolute;
    width:152px;
    left:419px;
    top:375px;
}
#CsrIndex .csr .sharing nav a{
    background-color:white;
    padding-left:20px;
    padding-right:0px;
    text-align:left;
    background-position:123px center;
}
#CsrIndex .csr .sharing nav a:hover{
    background-color:#000;
}


#CsrIndex .activity{
    position:relative;
    background:url(../../images/csr/bg_02.png) no-repeat center top, url(../img/bg_gray_f6.png) no-repeat left 230px;
    background-size:auto auto,100% 100%;
    margin:-230px 0px 0px;
    padding:140px 0px 10px;
}
#CsrIndex .activity h2{
    text-align:center;
    width:993px;
    margin:0px auto 84px;
    color:#b39e62;
    font-weight:normal;
    padding:0px 0px 21px;
    border-bottom:1px solid #b39e62;
    font-size:25px;
    line-height:26px;
}
#CsrIndex .activity div h3{
    font-size:13px;
    margin:0px 0px 27px;
    font-weight:normal;
    color:#b39e62;
    letter-spacing:4px;
}
#CsrIndex .activity div h3 img{
    display:block;
    margin:8px 0px 0px;
}
#CsrIndex .activity div p{
    width:485px;
    margin:0px 0px 10px;
    line-height:24px;
}

#CsrIndex .activity div ul{
    width:993px;
    clear:both;
    height:245px;
    position:relative;
    z-index:10;
}
#CsrIndex .activity div ul li{
    float:left;
    width:489px;
}
#CsrIndex .activity div ul li:nth-of-type(2n){
    float:right;
}
#CsrIndex .activity div ul li a img{
    box-shadow:1px 1px 5px rgba(0,0,0,0.03);
    margin:0px 0px 18px;
}
#CsrIndex .activity div ul li a{
    display:block;
    text-decoration:none;
    color:#333;
    font-size:17px;
    line-height:24px;
    transition:opacity 300ms ease;
}
#CsrIndex .activity div ul li a[target=_blank]{
    background:url(../img/mark_blank.png) no-repeat 451px 230px;
}
#CsrIndex .activity div ul li a:hover{
    opacity:0.75;
}
#CsrIndex .activity .science{
    width:993px;
    padding:23px 0px 0px;
    margin:0px auto 36px;
    position:relative;
    z-index:10;
}

#CsrIndex .activity .science .img{
    float:right;
    margin:-23px 12px 1px 0px;
}

#CsrIndex .activity div div{
    width:993px;
    margin:0px auto;
}

#CsrIndex .activity .science .img{
    float:right;
    margin:-23px 12px 1px 0px;
}
#CsrIndex .activity .education{
    padding:90px 0px 0px;
    height:685px;
    position:relative;
    background:url(../../images/csr/bg_03.png) no-repeat center top;
}
#CsrIndex .activity .education .img{
    position:absolute;
    left:50%;
    margin:0px 0px 0px -17px;
    top:-50px;
}


#CsrIndex .activity .solidarity{
    margin:-20px 0px 100px;
    padding:18px 0px 0px;
    background:url(../../images/csr/bg_04.png) no-repeat center top;
}
#CsrIndex .activity .solidarity .img{
    float:right;
    margin:-21px -25px 4px 0px;
}

#CsrIndex .activity .solidarity div ul{
    height:552px;
}
#CsrIndex .activity .solidarity div ul li{
    height:276px;
}











/*-- sharing beauty with all --*/
/*-- ------------------------------------------------- --*/
#CsrIndex .main02 * {
    color:#000;
}
#CsrIndex .main02 h1 img{
    margin-top:13px;
}
#CsrIndex .main02 h1{
    margin-bottom:37px;
}
#CsrIndex .main02 p{
    font-size:17px;
    line-height:28px;
}

#CsrIndex .sharingBeauty{
    position:relative;
    margin:-361px 0px 0px;
    padding:250px 0px 80px;
    background:url(../../images/csr/sharing/bg_01.png) no-repeat center top;
}

#CsrIndex .sharingBeauty p{
    font-size:13px;
    line-height:24px;
    margin:0px 0px 15px;
    z-index:10;
    position:relative;
}

#CsrIndex .sharingBeauty div{
    position:relative;
    margin:0px auto;
}
#CsrIndex .sharingBeauty div h2{
    font-size:17px;
    line-height:28px;
    color:#b39e62;
    margin:0px 0px 12px;
    font-weight:normal;
    position:relative;
    z-index:10;
}
#CsrIndex .sharingBeauty div h2 img{
    display:block;
    margin:0px 0px 7px;
}

#CsrIndex .sharingBeauty div .photo{
    position:absolute;
    z-index:1;
}
#CsrIndex .sharingBeauty nav.btn{
    width:237px;
}
#CsrIndex .sharingBeauty nav.btn .commonBtn02{
    padding-left:54px;
    background-color:white;
    background-position:180px 50%;
}
#CsrIndex .sharingBeauty nav.btn .commonBtn02:hover{
    background-color:#000;
}


#CsrIndex .sharingBeauty div.innovating{
    width:490px;
    height:530px;
    margin-top:-70px;
    margin-bottom:125px;
    background:none;
    padding:70px 0px 0px 503px;
}
#CsrIndex .sharingBeauty div.innovating p img{
    margin-bottom:5px;
}
#CsrIndex .sharingBeauty div.innovating p span{
    display:block;
    text-indent:-2.6em;
    padding-left:2.6em;
}

#CsrIndex .sharingBeauty div.innovating p + p{
    font-size:11px;
    line-height:21px;
}
#CsrIndex .sharingBeauty div.innovating .photo{
    left:-255px;
    top:-60px;
}

#CsrIndex .sharingBeauty div.producing{
    width:490px;
    height:513px;
    margin-top:-70px;
    padding:70px 503px 53px 0px;
}
#CsrIndex .sharingBeauty div.producing p img{
    margin-bottom:5px;
}
#CsrIndex .sharingBeauty div.producing p + p{
    font-size:11px;
    line-height:21px;
}
#CsrIndex .sharingBeauty div.producing .photo{
    right:-159px;
    top:-160px;
}
#CsrIndex .sharingBeauty div.producing .green{
    left:527px;
    position:absolute;
    z-index:10;
    top:335px;
}

#CsrIndex .sharingBeauty div.producing table{
    border-top:1px solid #bfbfbf;
    border-collapse:collapse;
    margin-bottom:22px;
}
#CsrIndex .sharingBeauty div.producing table td,
#CsrIndex .sharingBeauty div.producing table th{
    border-bottom:1px solid #bfbfbf;
    text-align:left;
    font-weight:normal;
    vertical-align:middle;
    font-size:13px;
    line-height:24px;
    padding:13px 15px;
}
#CsrIndex .sharingBeauty div.producing table th{
    white-space:nowrap;
}
#CsrIndex .sharingBeauty div.producing table th sub{
    font-size:11px;
    vertical-align:0px;
}
#CsrIndex .sharingBeauty div.producing table td{
    border-left:1px dotted #bfbfbf;
}
#CsrIndex .sharingBeauty div.producing table th + td{
    color:#01563a;
    white-space:nowrap;
}
#CsrIndex .sharingBeauty div.producing table td img{
    margin:0px 10px 0px 0px;
    vertical-align:0px;
}


#CsrIndex .sharingBeauty div.developing{
    width:490px;
    margin-bottom:91px;
    height:416px;
    padding:65px 0px 0px 503px;
}
#CsrIndex .sharingBeauty div.developing p img{
    margin-bottom:0px;
}
#CsrIndex .sharingBeauty div.developing > p{
    /*
    font-size:12px;
    line-height:24px;
    */
    margin-bottom:10px;
}
#CsrIndex .sharingBeauty div.developing > p + p{
    margin-bottom:15px;
}
#CsrIndex .sharingBeauty div.developing .photo{
    left:-81px;
    top:0px;
}

#CsrIndex .sharingBeauty div.developing .eyes{
    width:913px;
    background:white;
    position:relative;
    z-index:10;
    height:202px;
    padding:20px 40px;
    margin:33px 0px 0px -503px;
}
#CsrIndex .sharingBeauty div.developing .eyes img{
    float:left;
    margin:0px 50px 0px 0px;
}

#CsrIndex .sharingBeauty div.developing .eyes dl{
    float:left;
    width:655px;
    margin:9px 0px 0px;
}
#CsrIndex .sharingBeauty div.developing .eyes dl dt{
    font-size:17px;
    color:#b39e62;
    line-height:24px;
    font-weight:normal;
    margin:0px 0px 11px;
}
#CsrIndex .sharingBeauty div.developing .eyes dl dd p{
    margin-bottom:13px;
}
#CsrIndex .sharingBeauty div.developing .eyes dl dd nav{
    width:196px;
}


#CsrIndex .sharingBeauty div.recycle{
    width:490px;
    overflow:hidden;
    margin-top:0px;
    padding:70px 503px 0px 0px;
}
#CsrIndex .sharingBeauty div.recycle .photo{
    right:0px;
    top:0px;
}
#CsrIndex .sharingBeauty div.recycle h2{
    margin-bottom:9px;
}
#CsrIndex .sharingBeauty div.recycle > p{
    font-size:17px;
    line-height:34px;
    margin-bottom:138px;
}
#CsrIndex .sharingBeauty div.recycle dl{
    margin-bottom:53px;
}
#CsrIndex .sharingBeauty div.recycle dl dt{
    font-size:17px;
    line-height:24px;
    margin-bottom:13px;
    font-weight:normal;
}
#CsrIndex .sharingBeauty div.recycle dl dd{
    font-size:13px;
    line-height:24px;
}

#CsrIndex .sharingBeauty div.recycle ul{
    width:993px;
    overflow:hidden;
}
#CsrIndex .sharingBeauty div.recycle ul li{
    float:left;
    width:440px;
    margin-bottom:33px;
}
#CsrIndex .sharingBeauty div.recycle ul li:nth-of-type(2n){
    float:right;
}
#CsrIndex .sharingBeauty div.recycle ul li:nth-of-type(2n+1){
    clear:both;
}
#CsrIndex .sharingBeauty div.recycle ul li > img{
    float:left;
}
#CsrIndex .sharingBeauty div.recycle ul li h3{
    text-align:center;
    margin:0px 0px 10px;
}
#CsrIndex .sharingBeauty div.recycle ul li h3 img{
    max-width:440px;
    max-height:64px;
}
#CsrIndex .sharingBeauty div.recycle ul li p{
    margin:0px 0px 15px 210px;
    font-size:13px;
    line-height:24px;
    width:230px;
}
#CsrIndex .sharingBeauty div.recycle ul li nav{
    width:196px;
    margin:0px 0px 0px 210px;
}
#CsrIndex .sharingBeauty div.recycle ul li nav a{
    background-image:url(../img/mark_blank.png);
    background-color:white;
}
#CsrIndex .sharingBeauty div.recycle ul li nav a:hover{
    background-image:url(../img/mark_blank_hover.png);
    background-color:#000;
}

#CsrIndex .sharingBeauty .note{
    width:993px;
    border-top:1px dotted #bfbfbf;
    font-size:11px;
    margin:0px auto 50px;
    padding:26px 0px 0px;
}
#CsrIndex .sharingBeauty > .btn{
    margin:0px auto;
}
#CsrIndex .sharingBeauty .reportNavi{
    width:489px;
    margin:0px auto;
}
#CsrIndex .sharingBeauty .reportNavi a{
    padding-left:0px;
    padding-right:0px;
    text-align:center;
    background-position:404px center;
    background-color:white;
}
#CsrIndex .sharingBeauty .reportNavi a:hover{
    background-color:#000;
}

/*-- hanaso --*/
/*-- ------------------------------------------------- --*/
#Csr .main02 .photo{
    position:absolute;
    left:50%;
    margin:0px 0px 0px 126px;
    top:130px;
    z-index:1000;
}
#Csr .main02 .ex{
    font-size:17px;
}
#hanasoIndex{
    margin-top:-311px ;
    padding:76px 0px 0px;
    position:relative;
    background:url(../../images/csr/hanaso/index_bg.jpg) no-repeat center 44px;
    color:#000;
}
#hanasoIndex p{
    font-size:13px;
    line-height:24px;
}
#hanasoIndex > h2{
    text-align:center;
    padding:0px 0px 0px;
    margin:0px 0px 10px;
    color:#ff7fa0;
    font-size:25px;
    font-weight:normal;
}
#hanasoIndex > h2 img{
    margin-right:36px;
}
#hanasoIndex > h2 + p{
    text-align:center;
    color:#000;
    margin:0px 3px 22px 0px;
}

#hanasoIndex .slide{
    width:993px;
    overflow:hidden;
    position:relative;
    height:463px;
    margin:0px auto;
}
#hanasoIndex .slide ul.images{
    width:4000px;
}
#hanasoIndex .slide ul.images li{
    float:left;
}
#hanasoIndex .slide ul.marker{
    width:100%;
    text-align:center;
    position:absolute;
    top:337px;
    left:0px;
    font-size:0px;
    padding:1px 0px;
}
#hanasoIndex .slide ul.marker li{
    display:inline-block;
    width:9px;
    height:9px;
    margin:0px 5px;
    vertical-align:-2px;
    line-height:13px;
    background:white;
    border-radius:100%;
    font-size:1px;
    cursor:pointer;
}
#hanasoIndex .slide ul.marker li.current{
    width:13px;
    height:13px;
    vertical-align:0px;
    background:#ff7fa0;
}


#hanasoIndex .layout{
    background:#ffefd1;
    width:993px;
    padding:11px 0px 10px;
    margin:0px auto 0px;
    height:181px;
    text-align:center;
    position:relative;
    z-index:10;
}
#hanasoIndex .layout > img{
    position:absolute;
    left:41px;
    bottom:10px;
    z-index:1;
}
#hanasoIndex .layout li{
    position:absolute;
    background:#ff7fa0;
    border-radius:5px;
    color:white;
    font-size:13px;
    line-height:24px;
    padding:10px 15px;
    z-index:100;
    text-align:left;
    display:none;
}
#hanasoIndex .layout li.text01{
    width:146px;
    left:480px;
    top:-63px;
}
#hanasoIndex .layout li.text03{
    left:380px;
    top:62px;
    width:66px;
}
#hanasoIndex .layout li.text04{
    width:105px;
    left:752px;
    top:27px;
}
#hanasoIndex .layout li.text02{
    padding:15px;
    width:79px;
    left:206px;
    line-height:12px;
    top:67px;
}


#hanasoIndex .volunteer{
    background:url(../../images/csr/hanaso/index_bg02.gif) no-repeat center top #ffefd1;
    width:827px;
    padding:0px 83px 0px;
    margin:0px auto 0px;
    height:291px;
}
#hanasoIndex .access h3,
#hanasoIndex .volunteer h3{
    margin:0px 0px 32px 0px;
    font-weight:normal;
    font-size:25px;
    padding:30px 0px 0px;
    line-height:30px;
    color:#ff5f8a;
}
#hanasoIndex .volunteer dl{
    float:left;
    width:405px;
    margin:0px 15px 0px 0px;
}
#hanasoIndex .volunteer dl dt{
    text-align:center;
    line-height:25px;
    margin:0px 0px 15px;
    padding:5px 0px;
    font-size:13px;
    font-weight:normal;
    color:#000;
}
#hanasoIndex .volunteer dl dd strong{
    display:block;
    text-align:right;
    margin:0px 5px 0px 0px;
    letter-spacing:56px;
    color:#ff7fa0;
    font-weight:normal;
    font-size:25px;
    line-height:69px;
}
#hanasoIndex .volunteer dl dd p {
    text-align:right;
    margin:20px 0px 0px;
}
#hanasoIndex .volunteer dl + dl{
    margin:0px;
}

#hanasoIndex .access{
    background:url(../../images/csr/hanaso/index_bg03.gif) no-repeat center top #ffefd1;
    width:827px;
    padding:0px 83px 0px;
    margin:0px auto 0px;
    height:359px;
}

#hanasoIndex .access div{
    float:right;
    width:405px;
    margin:25px 3px 0px 0px;
}
#hanasoIndex .access dl{
    margin:55px 0px 20px 40px;
}
#hanasoIndex .access dl dd,
#hanasoIndex .access dl dt{
    font-size:13px;
    line-height:24px;
    color:#000;
}
#hanasoIndex .access nav{
    width:320px;
}
#hanasoIndex .access nav a{
    text-align:center;
    background-image:url(../img/mark_blank.png);
    background-position:240px center;
    padding-right:20px;
    padding-left:0px;
}
#hanasoIndex .access nav a:hover{
    background-image:url(../img/mark_blank_hover.png);
}
/*
#hanasoIndex .access nav a{
    display:block;
    text-align:center;
    height:15px;
    background:url(../img/mark_blank.png) no-repeat 240px center;
    border:1px solid #ccc;
    border-radius:20px;
    font-size:13px;
    line-height:15px;
    padding:9px 20px 9px 0px;
    overflow:hidden;
    color:#666;
    text-decoration:none;
}
#hanasoIndex .access nav a:hover{
    text-decoration:underline;
}
*/

#hanasoIndex .anchorNavi{
    width:993px;
    background:#ffefd1;
    padding:35px 0px;
    margin:0px auto 100px;
}
#hanasoIndex .anchorNavi a{
    text-align:center;
    background-image:url(../../images/csr/hanaso/mark_anchor.png);
    background-position:390px center;
    background-color:#ff7fa0;
    padding-right:20px;
    padding-left:0px;
    border-color:#ff7fa0;
    color:white;
    width:555px;
    margin:0px auto;
}
#hanasoIndex .anchorNavi a:hover{
    background-image:url(../../images/csr/hanaso/mark_anchor_hover.png);
    background-color:#fff;
    color:#ff7fa0;
}

#hanasoIndex .movie{
    margin:-50px 0px 100px;
    text-align:center;
}
/*
#hanasoIndex .anchorNavi a{
    display:block;
    text-align:center;
    height:15px;
    width:575px;
    margin:0px auto;
    background:url(../../images/csr/hanaso/mark_anchor.gif) no-repeat 390px 50% #ff7fa0;
    border-radius:20px;
    font-size:13px;
    line-height:15px;
    padding:10px 20px 10px 0px;
    overflow:hidden;
    color:#fff;
    text-decoration:none;
}
#hanasoIndex .anchorNavi a:hover{
    text-decoration:underline;
}
*/

#hanasoIndex .episode{
    width:100%;
    min-width:993px;
    overflow:hidden;
    position:relative;
    max-width:1464px;
    margin:-3px auto 0px;
}
#hanasoIndex .episode h3{
    background:url(../../images/csr/hanaso/index_h3_01.gif) no-repeat center top;
    text-align:center;
    padding:71px 0px 0px;
    color:#ff7fa0;
    font-size:25px;
    line-height:1.2em;
    font-weight:normal;
    margin:0px 0px 30px;
}
#hanasoIndex .episode > div{
    width:1464px;
    height:394px;
    overflow:hidden;
    left:50%;
    position:relative;
    margin:0px 0px 0px -732px;
}
#hanasoIndex .episode div ul{
    width:10000px;
}
#hanasoIndex .episode div li{
    float:left;
    width:488px;
    margin:0px 1px 0px 0px;
}
#hanasoIndex .episode div li p{
    margin:10px 0px 0px;
    opacity:0;
    transition:opacity 500ms ease;
}
#hanasoIndex .episode div li.current p{
    opacity:1;

}


#hanasoIndex .episode .prev{
    position:absolute;
    left:58px;
    top:215px;
}
#hanasoIndex .episode .next{
    position:absolute;
    right:58px;
    top:215px;
}






#hanasoIndex .people{
    margin:0px auto 110px;
}
#hanasoIndex .people h3{
    background:url(../../images/csr/hanaso/index_h3_02.gif) no-repeat center top;
    text-align:center;
    padding:71px 0px 0px;
    color:#ff7fa0;
    font-size:25px;
    line-height:1.2em;
    font-weight:normal;
    margin:0px 0px 20px;
}
#hanasoIndex .people p{
    text-align:center;
    margin-bottom:38px;
}
#hanasoIndex .people > img{
    display:block;
    margin:0px auto;
}
#hanasoIndex .people > div{
    background:#ffefd1;
    width:100%;
    height:414px;
    position:relative;
    min-width:993px;
}
#hanasoIndex .people > div dl{
    background:url(../../images/csr/hanaso/index_bg04.gif) repeat center top;
    width:993px;
    margin:0px auto;
    height:414px;
    overflow:hidden;
}
#hanasoIndex .people > div dl dt{
    text-align:center;
    color:#666;
    font-size:25px;
    line-height:34px;
    font-weight:normal;
    padding:35px 0px 40px;
}
#hanasoIndex .people > div dl dd > ul{
    height:220px;
    width:10000px;
}
#hanasoIndex .people > div dl dd > ul > li{
    width:993px;
    float:left;
}
#hanasoIndex .people > div dl dd > ul > li li{
    width:153px;
    display:inline-block;
    font-size:17px;
    text-align:center;
    line-height:26px;
    margin:0px 7px;
    color:#666;
    vertical-align:top;
}
#hanasoIndex .people > div dl dd > ul > li li a{
    color:#666;
}
#hanasoIndex .people > div dl dd > ul > li li a img{
    transition:opacity 300ms ease;
}
#hanasoIndex .people > div dl dd > ul > li li a:hover{
    text-decoration:none;
}
#hanasoIndex .people > div dl dd > ul > li li a:hover img{
    opacity:0.7;
}
#hanasoIndex .people > div dl dd > ul > li ul{
    text-align:center;
    font-size:0px;
}
#hanasoIndex .people > div dl dd > ul > li li img{
    display:block;
    border-radius:100%;
    overflow:hidden;
    margin:0px 0px 10px;
}
#hanasoIndex .people > div dl dd p{
    text-align:center;
    color:#666;
    font-weight:bold;
    font-size:25px;
    line-height:34px;
}

#hanasoIndex .people .prev{
    position:absolute;
    left:58px;
    top:190px;
}
#hanasoIndex .people .next{
    position:absolute;
    right:58px;
    top:190px;
}


#hanasoIndex .articleList{
    margin:-420px 0px 0px;
    padding:420px 0px 60px;
    background:url(../img/slash_gray_f6.png) no-repeat center top, url(../img/bg_gray_f6.png) no-repeat 0px 621px;
    background-size:auto auto,100% 100%;
}


#hanasoIndex .articleList{
}
#hanasoIndex .articleList ul{
    width:1023px;
}
#hanasoIndex .articleList ul li{
    margin:0px 0px 13px 15px;
}
#hanasoIndex .articleList ul li:nth-of-type(4n){
}
#hanasoIndex .articleList ul li:nth-of-type(4n + 1){
    clear:none;
}
#hanasoIndex .support{
    background:#f6f6f6;
    padding-bottom:150px;
    margin-bottom:-120px;
}
#hanasoIndex .support dl{
    width:992px;
    margin:0px auto;
    background:url(../../images/csr/hanaso/support.gif) no-repeat center top;
    height:200px;
}
#hanasoIndex .support dl dt{
    font-size:17px;
    font-weight:normal;
    line-height:24px;
    text-align:center;
    color:#ff7fa0;
    padding:48px 0px 18px;
}
#hanasoIndex .support dl dd{
    width:572px;
    margin:0px auto;
}
#hanasoIndex .support a{
    text-align:center;
    background-image:url(../../images/csr/hanaso/mark_more.png);
    background-position:422px center;
    background-color:#ff7fa0;
    padding-right:20px;
    padding-left:0px;
    border-color:#ff7fa0;
    color:white;
    width:555px;
    margin:0px auto;
}
#hanasoIndex .support a:hover{
    background-image:url(../../images/csr/hanaso/mark_more_hover.png);
    background-color:#fff;
    color:#ff7fa0;
}


/*-- rikejyo --*/
/*-- ------------------------------------------------- --*/
#rikejyoIndex{
    background:#f2f2f2;
}
#rikejyoIndex .contents{
    padding-bottom:0px;
}
#rikejyoIndex .main02 h1{
    color:#000;
}
#rikejyoIndex .main02 p{
    color:#000;
    font-size:17px;
}
#rikejyoIndex .main02 .photo{
    position:absolute;
    left:50%;
    margin:0px 0px 0px 49px;
    top:133px;
    z-index:1000;
}


#rikejyoIndex .rikejyoIndex{
    padding:69px 0px 0px;
    position:relative;
    min-width:993px;
    margin:-311px auto 0px;
    overflow:hidden;
}
#rikejyoIndex .rikejyoIndex .enactment{
    text-align:center;
    font-size:30px;
    width:920px;
    margin:0px auto 35px;
    padding:60px 0px;
    line-height:1.2em;
    color:#666;
    background:url(../../images/csr/rikejyo/enactment_bg_01.png) no-repeat left top, url(../../images/csr/rikejyo/enactment_bg_02.png) no-repeat left bottom;
}

#rikejyoIndex .rikejyoIndex p{
    font-size:13px;
    line-height:24px;
}
#rikejyoIndex .rikejyoIndex .day{
    width:920px;
    margin:0px auto 7px;
    height:215px;
}

#rikejyoIndex .rikejyoIndex .day img{
    float:right;
    margin:0px 0px 0px 50px;
}
#rikejyoIndex .rikejyoIndex .day p{
    padding:40px 0px 0px;
    margin:0px 0px 20px;
}
#rikejyoIndex .rikejyoIndex .day nav{
    width:322px;
}
#rikejyoIndex .rikejyoIndex .day nav a{
    background-image:url(../img/mark_anchor.png);
    background-position:280px center;
    text-align:center;
    padding-right:20px;
    padding-left:0px;
}
#rikejyoIndex .rikejyoIndex .day nav a:hover{
    background-image:url(../img/mark_anchor_hover.png);
}
/*
#rikejyoIndex .rikejyoIndex .day nav a{
    display:block;
    text-align:center;
    height:15px;
    background:url(../img/mark_anchor.png) no-repeat 280px center;
    border:1px solid #ccc;
    border-radius:20px;
    font-size:13px;
    line-height:15px;
    padding:9px 20px 9px 0px;
    overflow:hidden;
    color:#666;
    text-decoration:none;
}
#rikejyoIndex .rikejyoIndex .day nav a:hover{
    text-decoration:underline;
}
*/

#rikejyoIndex .rikejyoIndex .science{
    width:1121px;
    left:50%;
    position:relative;
    margin:0px 0px 0px -560px;
    background:url(../../images/csr/rikejyo/bg_01.png) no-repeat left top;
    height:433px;
}
#rikejyoIndex .rikejyoIndex .science dt{
    width:445px;
    margin:0px 107px 30px auto;
    font-size:25px;
    line-height:35px;
    font-weight:normal;
    text-align:left;
    padding:85px 0px 0px;
}
#rikejyoIndex .rikejyoIndex .science dd{
    width:445px;
    margin:0px 107px 0px auto;
    font-size:13px;
    line-height:24px;
}

#rikejyoIndex .rikejyoIndex .science{
    width:1485px;
    left:50%;
    position:relative;
    margin:-43px 0px 0px -742px;
    background:url(../../images/csr/rikejyo/bg_01.png) no-repeat right top;
    height:476px;
}
#rikejyoIndex .rikejyoIndex .science dt{
    width:445px;
    margin:0px 289px 30px auto;
    font-size:25px;
    line-height:35px;
    font-weight:normal;
    text-align:left;
    padding:128px 0px 0px;
}
#rikejyoIndex .rikejyoIndex .science dd{
    width:445px;
    margin:0px 289px 30px auto;
    font-size:13px;
    line-height:24px;
}



#rikejyoIndex .rikejyoIndex .joshi{
    width:1135px;
    left:50%;
    position:relative;
    margin:-110px 0px 0px -567px;
    background:url(../../images/csr/rikejyo/bg_02.png) no-repeat right top;
    height:418px;
    z-index:10;
}
#rikejyoIndex .rikejyoIndex .joshi dt{
    width:445px;
    margin:0px auto 30px 125px;
    font-size:25px;
    line-height:35px;
    font-weight:normal;
    white-space:nowrap;
    text-align:left;
    padding:120px 0px 0px;
}
#rikejyoIndex .rikejyoIndex .joshi dd{
    width:445px;
    margin:0px auto 0px 125px;
    font-size:13px;
    line-height:24px;
}
#rikejyoIndex .rikejyoIndex .joshi dd span{
    display:block;
    font-size:10px;
    color:#666;
    line-height:16px;
}
#rikejyoIndex .rikejyoIndex .joshi dd strong{
    color:#bd1f6a;
}

#rikejyoIndex .rikejyoIndex .assistance{
    width:1641px;
    left:50%;
    position:relative;
    margin:-87px 0px 0px -820px;
    background:url(../../images/csr/rikejyo/bg_03.png) no-repeat right top;
    height:439px;
}
#rikejyoIndex .rikejyoIndex .assistance dt{
    margin:0px auto 10px ;
    text-align:center;
    padding:169px 0px 0px;
}
#rikejyoIndex .rikejyoIndex .assistance dd{
    font-size:13px;
    text-align:center;
    line-height:24px;
}
#rikejyoIndex .rikejyoIndex .assistance dd nav{
    margin:35px auto 0px;
    width:320px;
}

#rikejyoIndex .rikejyoIndex .assistance dd nav a{
    background-position:280px center;
    background-color:#f2f2f2;
    text-align:center;
    padding-right:20px;
    padding-left:0px;
}
#rikejyoIndex .rikejyoIndex .assistance dd nav a:hover{
    background-color:#000000;
}




#rikejyoIndex .rikejyoIndex .whatsnew{
    padding:161px 0px 60px;
    margin:-181px 0px 0px;
    min-height:400px;
    position:relative;
    background:url(../../images/csr/rikejyo/bg_04.png) no-repeat center 171px, url(../img/slash_white02.png) no-repeat center top, url(../img/bg_white.gif) no-repeat 0px 621px;
    background-size:auto auto,auto auto,100% 100%;
}
#rikejyoIndex .rikejyoIndex .whatsnewNone{
    padding:161px 0px 60px;
    margin:-281px 0px 0px;
}
#rikejyoIndex .rikejyoIndex .whatsnewNone + .message{
    padding:0px 0px 271px;
}

#rikejyoIndex .rikejyoIndex .whatsnew h2{
    padding:0px 0px 5px;
    text-align:center;
    margin:65px 0px 35px;
    background:url(../../images/csr/rikejyo/h2_bg.png) no-repeat center 5px;
    font-size:24px;
    line-height:29px;
    font-weight:normal;
}

#rikejyoIndex .rikejyoIndex .whatsnew div{
    width:920px;
    overflow:hidden;
    position:relative;
    z-index:10;
    margin:0px auto;
}
#rikejyoIndex .rikejyoIndex .whatsnew div + div{
    margin-top:20px;
}
#rikejyoIndex .rikejyoIndex .whatsnew div img{
    float:left;
    background:url(../../images/csr/rikejyo/bg_05.png) left top;
    padding:7px;
    margin:0px 40px 0px 5px;
    transition:opacity 300ms ease;
}
#rikejyoIndex .rikejyoIndex .whatsnew div a:hover img{
    opacity:0.7;
}
#rikejyoIndex .rikejyoIndex .whatsnew div dl{
    width:640px;
    margin:0px 0px 0px auto;
}
#rikejyoIndex .rikejyoIndex .whatsnew div dt{
    display:inline-block;
    font-weight:normal;
    font-size:13px;
    padding:5px 0px 2px;
    margin:0px 0px 5px;
    line-height:24px;
}
#rikejyoIndex .rikejyoIndex .whatsnew div dd{
    font-size:13px;
    line-height:24px;
}
#rikejyoIndex .rikejyoIndex .whatsnew div dd strong{
    font-weight:normal;
    display:block;
    font-size:25px;
    line-height:36px;
}
#rikejyoIndex .rikejyoIndex .whatsnew div dd a{
    color:#333;
}


#rikejyoIndex .rikejyoIndex .message02,
#rikejyoIndex .rikejyoIndex .message{
    padding:236px 0px 271px;
    margin:-236px 0px 0px;
    background:url(../../images/csr/rikejyo/bg_06.png) no-repeat center 50px , url(../img/bg_white.gif) no-repeat 0px 236px;
    background-size:auto auto,100% 100%;
    position:relative;
}
#rikejyoIndex .rikejyoIndex .message02 h2,
#rikejyoIndex .rikejyoIndex .message h2{
    padding:0px 0px 0px;
    text-align:center;
    margin:0px 0px 35px;
    background:url(../../images/csr/rikejyo/h2_bg02.png) no-repeat center;
    font-size:30px;
    line-height:36px;
    font-weight:normal;
}
#rikejyoIndex .rikejyoIndex .message02 h2 + p,
#rikejyoIndex .rikejyoIndex .message h2 + p{
    text-align:center;
    margin:0px 0px 47px;
}

#rikejyoIndex .rikejyoIndex .message02 div,
#rikejyoIndex .rikejyoIndex .message div{
    background:url(../../images/csr/rikejyo/bg_07.png) no-repeat center 336px;
}
#rikejyoIndex .rikejyoIndex .message02 div ul,
#rikejyoIndex .rikejyoIndex .message div ul{
    width:909px;
    margin:0px auto;
}
#rikejyoIndex .rikejyoIndex .message div ul li{
    float:left;
    background:no-repeat left top #f2f2f2;
    padding:5px 0px 0px;
    width:295px;
    margin:0px 12px 33px 0px;
}
#rikejyoIndex .rikejyoIndex .message div ul li dl{
    margin:-14px 0px 0px;
    padding:14px 0px 0px;
    background:no-repeat left top;
    position:relative;
}
#rikejyoIndex .rikejyoIndex .message div ul li dl dt{
    padding:9px 20px 10px;
    font-size:17px;
    line-height:24px;
    font-weight:normal;
    color:#000;
    background:repeat-y left top;
}
#rikejyoIndex .rikejyoIndex .message div ul li dl dd{
    padding-bottom:20px;
}
#rikejyoIndex .rikejyoIndex .message div ul li dl dd p{
    margin:13px 20px -5px;
}
#rikejyoIndex .rikejyoIndex .message div ul li dl dd p:first-child{
    font-weight:bold;
}
#rikejyoIndex .rikejyoIndex .message div ul li:nth-of-type(3n-2){
    background-image:url(../../images/csr/rikejyo/message_01_top.jpg);
}
#rikejyoIndex .rikejyoIndex .message div ul li:nth-of-type(3n-2) dl{
}
#rikejyoIndex .rikejyoIndex .message div ul li:nth-of-type(3n-2) dl dt{
    background-image:url(../../images/csr/rikejyo/message_01_bg.jpg);
}
#rikejyoIndex .rikejyoIndex .message div ul li:nth-of-type(3n-1){
    background-image:url(../../images/csr/rikejyo/message_02_top.jpg);
}
#rikejyoIndex .rikejyoIndex .message div ul li:nth-of-type(3n-1) dl{
}
#rikejyoIndex .rikejyoIndex .message div ul li:nth-of-type(3n-1) dl dt{
    background-image:url(../../images/csr/rikejyo/message_02_bg.jpg);
}
#rikejyoIndex .rikejyoIndex .message div ul li:nth-of-type(3n){
    margin-right:0px;
    background-image:url(../../images/csr/rikejyo/message_03_top.jpg);
}
#rikejyoIndex .rikejyoIndex .message div ul li:nth-of-type(3n) dl{
}
#rikejyoIndex .rikejyoIndex .message div ul li:nth-of-type(3n) dl dt{
    background-image:url(../../images/csr/rikejyo/message_03_bg.jpg);
}
#rikejyoIndex .rikejyoIndex .message div ul li:nth-of-type(3n +1){
    clear:both;
}

#rikejyoIndex .rikejyoIndex .message div ul li.ex{
    padding:0px !important;
}

#rikejyoIndex .rikejyoIndex .message02 div ul li{
    float:left;
    width:295px;
    height:496px;
    position:relative;
    margin:0px 12px 12px 0px;
}
#rikejyoIndex .rikejyoIndex .message div ul li a,
#rikejyoIndex .rikejyoIndex .message02 div ul li a{
    position:relative;
    z-index:10;
    display:block;
    color:#000;
    text-decoration:none;
}
#rikejyoIndex .rikejyoIndex .message div ul li a{
    transition:opacity 300ms ease;
}
#rikejyoIndex .rikejyoIndex .message div ul li a:hover{
    opacity:0.7;
}
#rikejyoIndex .rikejyoIndex .message02 div ul li a img{
    transition:opacity 300ms ease;
}
#rikejyoIndex .rikejyoIndex .message02 div ul li a:hover img{
    opacity:0.7;
}
#rikejyoIndex .rikejyoIndex .message02 div ul li:nth-of-type(3n){
    margin:0px 0px 12px 0px;
}
#rikejyoIndex .rikejyoIndex .message02 div ul li:nth-of-type(3n +1){
    clear:both;
}
#rikejyoIndex .rikejyoIndex .message02 nav,
#rikejyoIndex .rikejyoIndex .message nav{
    margin:0px auto 0px;
    width:400px;
    padding:10px 0px 127px;
    clear:both;
    position:relative;
    z-index:1000;
}
#rikejyoIndex .rikejyoIndex .message02 nav a,
#rikejyoIndex .rikejyoIndex .message nav a{
    text-align:center;
    padding-right:20px;
    padding-left:0px;
    background-position:360px center;
}
/*
#rikejyoIndex .rikejyoIndex .message nav a{
    display:block;
    text-align:center;
    height:15px;
    background:url(../img/mark_more.png) no-repeat 360px center white;
    border:1px solid #ccc;
    border-radius:20px;
    font-size:13px;
    line-height:15px;
    padding:9px 20px 9px 0px;
    overflow:hidden;
    color:#666;
    text-decoration:none;
}
#rikejyoIndex .rikejyoIndex .message nav a:hover{
    text-decoration:underline;
}
*/
#rikejyoIndex .articleList{
    margin:-621px 0px 0px;
    padding:350px 0px 60px;
    background:url(../img/slash_gray_f6.png) no-repeat center top, url(../img/bg_gray_f6.png) no-repeat 0px 621px;
    background-size:auto auto,100% 100%;
    position:relative;
}


#rikejyoIndex .overseas{
    height:721px;
    margin:0px auto 0px;
    background:url(../../images/csr/rikejyo/bg_08.jpg) no-repeat center top #f6f6f6;
    position:relative;
}
#rikejyoIndex .overseas h2{
    text-align:center;
    padding:49px 0px 20px;
    margin:0px;
}
#rikejyoIndex .overseas dt{
    text-align:center;
    font-weight:normal;
    font-size:25px;
    line-height:1.2em;
    color:#04365a;
    margin:0px 0px 20px;
}
#rikejyoIndex .overseas dd{
    text-align:center;
    font-size:13px;
    line-height:24px;
    margin:0px 0px 30px;
}

#rikejyoIndex .overseas ul{
    width:993px;
    margin:0px auto;
}
#rikejyoIndex .overseas ul li{
    float:left;
    font-size:15px;
    line-height:28px;
    width:321px;
    margin:0px 15px 0px 0px;
}
#rikejyoIndex .overseas ul li a{
    display:block;
    color:#333;
    text-decoration:none;
    transition:opacity 300ms ease;
}
#rikejyoIndex .overseas ul li a:hover{
    opacity:0.7;
}
#rikejyoIndex .overseas ul li img{
    display:block;
    margin:0px 0px 15px;
}
#rikejyoIndex .overseas ul li:last-child{
    margin-right:0px;
}

#rikejyoIndex .pagetop{
    margin-top:-109px;
}





/*-- 100love --*/
/*-- ------------------------------------------------- --*/
#love100{
    position:relative;
    min-width:993px;
    margin:-216px auto 0px;
    width:100%;
    overflow:hidden;
}
#love100 p{
    font-size:13px;
    line-height:24px;
}
#love100 > p:first-child{
    width:743px;
    margin:0px auto;
    padding:30px 40px 0px 210px;
    min-height:168px;
    position:relative;
}

#love100 > p:first-child img{
    position:absolute;
    left:0px;
    top:0px;
}
#love100 .photos{
    text-align:center;
    min-width:993px;
    margin:-254px auto -190px;
    background:url(../../images/csr/100lovehands/bg_01.png) no-repeat center;
    padding:182px 0px 240px;
    height:684px;
}
#love100 .photos img{
    clear:both;
}

#love100 .comment{
    text-align:center;
    width:993px;
    margin:0px auto 28px;
    background:url(../../images/csr/100lovehands/comment_bg.gif) no-repeat center top;
    padding:93px 0px 28px;
    border-bottom:1px dotted #fea930;
}

#love100 .comment dt{
    text-align:center;
    font-size:25px;
    line-height:34px;
    font-weight:normal;
    color:#4f0035;
    margin:0px 0px 33px;
}

#love100 .block{
    border-bottom:1px dotted #fea930;
    width:993px;
    margin:0px auto 28px;
    min-height:275px;
    padding:0px 0px 34px;
}
#love100 .block .img{
    float:right;
    width:400px;
}
#love100 .block h2{
    background:url(../../images/csr/100lovehands/h2_bg.gif) no-repeat left center;
    padding:0px 0px 0px 43px;
    font-size:17px;
    line-height:28px;
    font-weight:normal;
    color:#fea930;
    margin:0px 0px 28px;
}
#love100 .block h2 a{
    color:#fea930;
    text-decoration:none;
    background:url(../img/mark_blank.png) no-repeat right center;
    padding:0px 27px 0px 0px;
}

#love100 .block p{
    padding:17px 43px;
    background:#fff6ea;
    margin:0px;
    width:488px;
}
#love100 .block p + p{
    padding-top:2px
}


#love100 .study{
    text-align:center;
    width:993px;
    margin:77px auto 26px;
    background:url(../../images/csr/100lovehands/comment_bg.gif) no-repeat center top;
    padding:93px 0px 0px;
}

#love100 .study dt{
    text-align:center;
    font-size:25px;
    line-height:34px;
    font-weight:normal;
    color:#4f0035;
    margin:0px 0px 33px;
}

#love100 .introduction{
    width:993px;
    margin:0px auto 39px;
    overflow:hidden;
    background:url(../../images/csr/100lovehands/introduction_top.jpg) no-repeat center top,url(../../images/csr/100lovehands/introduction_bg.jpg) no-repeat center bottom;
}
#love100 .introduction div{
    float:left;
    width:50%;
    padding:39px 0px 75px;
}
#love100 .introduction div p{
    margin:0px 42px 10px;
}
#love100 .introduction div p br + br{
}
#love100 .introduction div:nth-of-type(2) p{
    margin:0px 42px 10px 52px;
}


#love100 .program{
    width:993px;
    margin:0px auto 78px;
}
#love100 .program dt{
    text-align:center;
    font-weight:normal;
    font-size:13px;
    line-height:24px;
    margin:0px 0px 18px;
}
#love100 .program dd li{
    float:left;
    width:311px;
    height:195px;
    padding:5px;
    box-shadow:0px 0px 2px rgba(0,0,0,0.2);
    margin:0px 15px 0px 0px;
}
#love100 .program dd li:last-child{
    margin:0px;
}
#love100 .program dd{
    height:205px;
}



#love100 .cosme{
    width:993px;
    margin:0px auto 77px;
    background:url(../../images/csr/100lovehands/comment_bg.gif) no-repeat center top;
    padding:93px 0px 0px;
}

#love100 .cosme > dt{
    text-align:center;
    font-size:25px;
    line-height:34px;
    font-weight:normal;
    color:#4f0035;
    margin:0px 0px 33px;
}
#love100 .cosme > dd{
    overflow:hidden;
}
#love100 .cosme > dd > img{
    float:left;
    padding:5px;
    box-shadow:0px 0px 2px rgba(0,0,0,0.2);
    margin:6px 55px 20px 0px;
}
#love100 .cosme > dd p{
    margin:0px 0px 10px;
}



#love100 .hand{
    width:993px;
    margin:0px auto 77px;
    background:url(../../images/csr/100lovehands/comment_bg.gif) no-repeat center top;
    padding:93px 0px 0px;
}

#love100 .hand > dt{
    text-align:center;
    font-size:25px;
    line-height:34px;
    font-weight:normal;
    color:#4f0035;
    margin:0px 0px 33px;
}

#love100 .hand dd p{
    text-align:center;
    margin:0px 0px 26px;
}
#love100 .hand dd > ul > li{
    float:left;
    text-align:center;
    font-size:13px;
    line-height:24px;
    width:238px;
    margin:0px 57px 27px 41px;
}
#love100 .hand dd > ul > li:last-child{
    margin-right:0px;
}
#love100 .hand dd > ul > li img{
    display:block;
    margin:0px 0px 15px;
}

#love100 .cosme dd div,
#love100 .hand dd div{
    clear:both;
    padding:27px 0px 0px;
    border:1px solid #fea930;
    border-radius:12px;
    overflow:hidden;
}
#love100 .cosme dd div p,
#love100 .hand dd div p{
    margin:0px 0px 21px;
}
#love100 .hand dd div p a{
    color:#000;
    text-decoration:none;
    margin:0px 2px 0px 0px;
    padding:0px 10px 0px 0px;
    background:url(../img/mark_blank.png) no-repeat right center;
}
#love100 .hand dd div p a:hover{
    text-decoration:underline;

}
#love100 .cosme dd div ul,
#love100 .hand dd div ul{
    margin:0px 0px 0px 47px;
    height:170px;
}
#love100 .cosme dd div li,
#love100 .hand dd div li{
    float:left;
    width:446px;
}
#love100 .cosme dd div li img,
#love100 .hand dd div li img{
    float:left;
}
#love100 .cosme dd div li dl,
#love100 .hand dd div li dl{
    width:278px;
    margin:0px 50px 0px auto;
}
#love100 .cosme dd div li dl dt,
#love100 .hand dd div li dl dt{
    font-size:17px;
    line-height:24px;
    font-weight:normal;
    margin:0px 0px 12px;
}
#love100 .cosme dd div li dl dd,
#love100 .hand dd div li dl dd{
    font-size:13px;
    line-height:24px;
}


/*-- beatutybus --*/
/*-- ------------------------------------------------- --*/
#BeautyBus{
    background:#fff5ce;
}

#BeautyBus .main02 p{
    font-size:15px;
}
#BeautyBus .main02 .photo{
    position:absolute;
    left:50%;
    margin:0px 0px 0px 4px;
    top:130px;
    z-index:1000;
}

#BeautyBus .beautyBus{
    margin-top:-278px ;
    position:relative;
}
#BeautyBus .beautyBus .about{
    width:993px;
    margin:0px auto 22px;
}
#BeautyBus .beautyBus .about dt{
    text-align:center;
    color:white;
    font-size:25px;
    background:url(../../images/csr/beautybus/about_dt.png) no-repeat center top;
    width:991px;
    height:42px;
    line-height:32px;
    padding:40px 0px 53px;
    margin:0px auto 10px;
}
#BeautyBus .beautyBus .about dd{
    background:#fae389;
    border-radius:10px;
    padding:28px 85px 27px;
    font-size:13px;
    line-height:24px;
    color:#000;
}
#BeautyBus .beautyBus .about dd strong{
    display:block;
    font-weight:normal;
    font-size:17px;
    line-height:27px;
    margin:0px 0px 13px -10px;
}

#BeautyBus .bus{
    background:url(../../images/csr/beautybus/bus_bg.jpg) no-repeat center top;
    height:1682px;
    position:relative;
}
#BeautyBus .bus h2{
    position:absolute;
    top:295px;
    left:50%;
    margin:0px 0px 0px -458px;
}
#BeautyBus .bus h2 + p{
    width:595px;
    padding:300px 41px 0px 357px;
    margin:0px auto 119px;
    font-size:13px;
    line-height:26px;
}

#BeautyBus .bus .start{
    text-align:center;
    font-size:13px;
    line-height:24px;
    margin:0px 0px 53px;
}
#BeautyBus .bus .start strong{
    display:block;
    font-size:17px;
    line-height:36px;
    margin:0px 0px 8px;
    color:#ff8a16;
}
#BeautyBus .bus h3{
    text-align:center;
    color:white;
    font-size:25px;
    line-height:26px;
    height:26px;
    font-weight:normal;
    margin:0px auto 138px;
    width:395px;
}

#BeautyBus .bus dl.outline{
    width:381px;
    padding:0px 71px 0px 541px;
    margin:0px auto 199px;
}
#BeautyBus .bus dl.introspection{
    width:381px;
    padding:3px 530px 0px 82px;
    margin:0px auto 69px;
}

#BeautyBus .bus dl dt{
    font-size:13px;
    line-height:21px;
    color:white;
    width:53px;
    text-align:center;
    font-weight:normal;
    height:21px;
    background:#ff8a16;
    border-radius:10px;
    margin:0px auto 7px;
}
#BeautyBus .bus dl dd{
    font-size:13px;
    line-height:24px;
    color:#000;
}
#BeautyBus .bus dl dd strong{
    color:#ff8a16;
    font-weight:normal;
}

#BeautyBus .bus .cooperation{
    width:369px;
    height:74px;
    background:#fffcef;
    border-radius:10px;
    position:relative;
    left:50%;
    padding:16px 21px;
    margin:0px 0px 0px -455px;
    font-size:13px;
    line-height:24px;
}
#BeautyBus .bus .cooperation strong{
    color:#ff8a16;
    display:block;
}
#BeautyBus .bus .cooperation span{
    font-weight:bold;
}

#BeautyBus h2.town{
    width:990px;
    margin:0px auto;
    background:url(../../images/csr/beautybus/town_bgh2.gif) no-repeat center top;
    color:white;
    font-size:25px;
    line-height:33px;
    height:57px;
    padding:73px 0px 0px;
    text-align:center;
}

#BeautyBus div.town{
    width:567px;
    border:3px solid #ff8a16;
    border-top:none;
    border-radius:0px 0px 10px 10px;
    margin:0px auto 44px;
    position:relative;
    background:url(../../images/csr/beautybus/town_bg.jpg) no-repeat left top #fffcef;
    padding:32px 0px 10px 417px;
}
#BeautyBus div.town h3{
    background:url(../../images/csr/beautybus/town_bgh3.gif) no-repeat left center;
    padding:6px 0px 3px 33px;
    margin:0px 0px 27px;
    font-size:17px;
    line-height:24px;
    color:#ff8a16;
}
#BeautyBus div.town dl.message{
    width:520px;
}
#BeautyBus div.town dl.message dt{
    font-weight:normal;
    font-size:13px;
    line-height:20px;
    margin:0px 0px 15px;
}
#BeautyBus div.town dl.message dt img{
    vertical-align:-21px;
    margin:0px 20px 0px 0px;
}
#BeautyBus div.town dl.message dd{
    font-size:13px;
    margin:0px 0px 27px;
    line-height:24px;
}

#BeautyBus div.town .photo{
    position:absolute;
    left:72px;
    top:1146px;
}
#BeautyBus div.town .visit{
    width:317px;
    position:absolute;
    background:white;
    overflow:hidden;
    padding:0px 0px 10px;
    border-radius:10px;
    left:39px;
    top:911px;
    border:2px solid #ff8a16;
}
#BeautyBus div.town .visit h4{
    text-align:center;
    color:white;
    background:#ff8a16;
    font-size:17px;
    line-height:38px;
    margin:-2px -2px 16px -2px;
}
#BeautyBus div.town .visit p{
    font-size:13px;
    line-height:24px;
    margin:0px 40px 5px;
}
#BeautyBus div.town .visit p strong{
    color:white;
    background:#ff8a16;
    border-radius:5px;
    display:inline-block;
    padding:0px 2px 1px;
    line-height:18px;
    font-weight:normal;
    margin:5px 0px 5px;
}


#BeautyBus .now{
    width:656px;
    margin:0px auto 40px;
}
#BeautyBus .now dt{
    border-radius:10px 10px 0px 0px;
    text-align:center;
    color:white;
    background:#ff8a16;
    font-size:17px;
    line-height:44px;
    margin:0px;
}
#BeautyBus .now dd{
    border-radius:0px 0px 10px 10px;
    border:2px solid #ff8a16;
    background:#fffcef;
    padding:16px 42px 15px;
}
#BeautyBus .now p{
    font-size:13px;
    line-height:24px;
    margin:0px 0px 0px 126px;
}
#BeautyBus .now p a{
    color:#000;
    font-weight:bold;
    background:url(../img/mark_blank_orange.png) no-repeat right center;
    padding:0px 22px 0px 0px;
    text-decoration:none;
}
#BeautyBus .now p a:hover{
    text-decoration:underline;
}
#BeautyBus .now img{
    float:left;
    margin:7px 0px 0px;
}





/*-- eyesforfuture --*/
/*-- ------------------------------------------------- --*/
#EyesForFuture{
    background:#eaeef0;
    margin-bottom:-50px;
    padding:0px 0px 0px;
    min-width:993px;
}
#EyesForFuture .main02 p{
    font-size:25px;
    margin-top:-25px;
}

#EyesForFuture .eyesForFuture{
    background:url(../../images/csr/eyes_for_future/bg.png) no-repeat center top;
    margin-top:-434px ;
    padding:256px 0px 0px;
    position:relative;
}

#EyesForFuture .eyesForFuture .catch{
    text-align:center;
    margin:0px 0px 80px;
}
#EyesForFuture .eyesForFuture .vision{
    width:922px;
    margin:0px auto 66px;
}
#EyesForFuture .eyesForFuture .vision img{
    float:right;
}
#EyesForFuture .eyesForFuture .vision dl{
    width:510px;
}
#EyesForFuture .eyesForFuture .vision dt{
    font-size:17px;
    line-height:28px;
    font-weight:normal;
    margin:0px 0px 20px;
}
#EyesForFuture .eyesForFuture .vision dd p{
    font-size:13px;
    line-height:24px;
    margin:0px 0px 15px;
}
#EyesForFuture .eyesForFuture .vision dd p + p{
    margin-bottom:30px;
}
#EyesForFuture .eyesForFuture .vision dd p .fb{
    background:url(../img/icon_facebook.jpg) no-repeat left center;
    padding:0px 0px 0px 30px;
    line-height:20px;
    color:#333;
    display:inline-block;
}
#EyesForFuture .eyesForFuture .vision dd nav{
    width:322px;
}
#EyesForFuture .eyesForFuture .vision dd nav a{
    background-color:#000;
    color:#fff;
    text-align:center;
    background-image:url(../img/mark_anchor_hover.png);
    background-position:219px 50%;
    padding-left:0px;
}
#EyesForFuture .eyesForFuture .vision dd nav a:hover{
    background-image:url(../img/mark_anchor.png);
    background-color:#fff;
    border-color:#fff;
    color:#000;
}


#EyesForFuture .eyesForFuture .movie{
    text-align:center;
    height:696px;
    background:url(../../images/csr/eyes_for_future/bg_01.jpg) no-repeat center top;
    margin:0px 0px -183px;
}
#EyesForFuture .eyesForFuture .noMovie{
    background:url(../../images/csr/eyes_for_future/bg_01_02.jpg) no-repeat center top;
    margin:0px 0px -623px;
}

#EyesForFuture .eyesForFuture .eyes01 h2{
    text-align:center;
    margin:0px 0px 43px 0px;
}

#EyesForFuture .eyesForFuture .eyes01{
    width:912px;
    padding:0px 0px 0px 0px;
    height:483px;
    margin:0px auto 0px;
}
#EyesForFuture .eyesForFuture .eyes01 > img{
    float:left;
    margin:0px 0px 0px 90px;
}
#EyesForFuture .eyesForFuture .eyes01 p{
    padding:60px 0px 0px 0px;
    margin:0px auto 0px 415px;
    font-size:13px;
    line-height:24px;
}



#EyesForFuture .eyesForFuture .eyes02{
    padding:101px 0px 0px;
    position:relative;
    margin:0px 0px 25px;
    background:url(../../images/csr/eyes_for_future/bg_02.jpg) no-repeat center top;
}
#EyesForFuture .eyesForFuture .eyes02 h2{
    text-align:center;
    margin:0px 0px 37px;
}

#EyesForFuture .eyesForFuture .eyes02 .photo01{
    position:absolute;
    left:50%;
    top:310px;
    width:455px;
    padding:18px 0px 0px 25px;
    height:310px;
    margin:0px 0px 0px -506px;
    background:url(../../images/csr/eyes_for_future/photo_bg02.png) no-repeat left top;
}
#EyesForFuture .eyesForFuture .eyes02 .photo02{
    position:absolute;
    left:50%;
    top:528px;
    width:455px;
    padding:18px 0px 0px 25px;
    height:310px;
    margin:0px 0px 0px 18px;
    background:url(../../images/csr/eyes_for_future/photo_bg02.png) no-repeat left top;
}
#EyesForFuture .eyesForFuture .eyes02 .photo01 img,
#EyesForFuture .eyesForFuture .eyes02 .photo02 img{
    width:436px;
    height:279px;
}

#EyesForFuture .eyesForFuture .eyes02 p.text01{
    padding:0px 31px 0px 542px;
    margin:0px auto 0px auto;
    font-size:13px;
    height:358px;
    line-height:24px;
    width:460px;
}
#EyesForFuture .eyesForFuture .eyes02 p.text02 strong{
    /*
    display:block;
    margin:0px 0px 10px;
    */
    font-weight:bold;
}
#EyesForFuture .eyesForFuture .eyes02 p.text02{
    padding:0px 543px 0px 0px;
    height:195px;
    margin:0px auto 0px auto;
    font-size:13px;
    line-height:24px;
    width:440px;
}




#EyesForFuture .eyesForFuture .eyes03{
    padding:78px 0px 0px;
    background:url(../../images/csr/eyes_for_future/bg_03.jpg) no-repeat center top;
}
#EyesForFuture .eyesForFuture .eyes03 h2{
    text-align:center;
    margin:0px 0px 29px;
}
#EyesForFuture .eyesForFuture .eyes03 h2 + p{
    text-align:center;
    font-size:13px;
    line-height:24px;
    margin:0px 0px 43px 0px;
}

#EyesForFuture .eyesForFuture .eyes03 .course{
    width:822px;
    margin:0px auto;
    height:348px;
}
#EyesForFuture .eyesForFuture .eyes03 .course li{
    float:left;
    width:235px;
    border-radius:100%;
    overflow:hidden;
    margin:0px 0px 0px 58px;
}
#EyesForFuture .eyesForFuture .eyes03 .course li:first-child{
    margin:0px;
}

#EyesForFuture .eyesForFuture .eyes03 h3{
    text-align:center;
    margin:0px 0px 55px;
}

#EyesForFuture .eyesForFuture .eyes03 .lecture{
    width:941px;
    margin:0px auto 35px;
    position:relative;
    min-height:328px;
}
#EyesForFuture .eyesForFuture .eyes03 .lecture + h3{
    margin:101px 0px 54px;
}
#EyesForFuture .eyesForFuture .eyes03 .lecture div{
    background:url(../../images/csr/eyes_for_future/photo_bg.png) no-repeat left top;
    padding:18px 18px 31px 30px;
    position:absolute;
    top:0px;
}
#EyesForFuture .eyesForFuture .eyes03 .lecture div.photo01{
    left:0px;
}
#EyesForFuture .eyesForFuture .eyes03 .lecture div.photo02{
    right:15px;
}

#EyesForFuture .eyesForFuture .eyes03 .lecture div.photo01 img,
#EyesForFuture .eyesForFuture .eyes03 .lecture div.photo02 img{
    width:397px;
    height:279px;
}


#EyesForFuture .eyesForFuture .eyes03 .lecture dl{
    width:482px;
}
#EyesForFuture .eyesForFuture .eyes03 .lecture div.photo01 + dl{
    margin:0px 0px 0px 442px;
}
#EyesForFuture .eyesForFuture .eyes03 .lecture div.photo02 + dl{
    margin:0px 0px 0px 18px;
}
#EyesForFuture .eyesForFuture .eyes03 .lecture dl dt{
    border-bottom:3px solid #000000;
    font-size:24px;
    line-height:33px;
    font-weight:normal;
    padding:24px 0px 17px;
    margin:0px 0px 15px;
}
#EyesForFuture .eyesForFuture .eyes03 .lecture dl dd{
    font-size:13px;
    line-height:24px;
    width:420px;
    font-weight:normal;
}
#EyesForFuture .eyesForFuture .eyes03 .lecture dl dd li{
    font-size:13px;
    line-height:24px;
    padding-left:1em;
    text-indent:-1em;
}
#EyesForFuture .eyesForFuture .eyes03 .lecture dl dd span{
    display:block;
    margin:0px 0px 3px;
}

#EyesForFuture .eyesForFuture .eyes03 .lecture div.photo01 + dl dt,
#EyesForFuture .eyesForFuture .eyes03 .lecture div.photo01 + dl dd{
    padding-left:33px;
}
#EyesForFuture .eyesForFuture .eyes03 .lecture div.photo02 + dl dt,
#EyesForFuture .eyesForFuture .eyes03 .lecture div.photo02 + dl dd{
    padding-left:25px;
}



#EyesForFuture .eyesForFuture .eyes03 h4{
    text-align:center;
    background:url(../../images/csr/eyes_for_future/h4_bg.gif) no-repeat center bottom;
    font-size:17px;
    line-height:26px;
    padding:0px 0px 1px;
    margin:0px 0px 37px;
    font-weight:normal;
}

#EyesForFuture .eyesForFuture .eyes03 .voice{
    width:867px;
    margin:0px auto 10px;
    overflow:hidden;
}
#EyesForFuture .eyesForFuture .eyes03 .voice dl{
    width:406px;
    float:left;
}
#EyesForFuture .eyesForFuture .eyes03 .voice dl + dl{
    float:right;
}
#EyesForFuture .eyesForFuture .eyes03 .voice dl dt{
    font-size:13px;
    line-height:22px;
    font-weight:normal;
    margin:0px 0px 12px;
}
#EyesForFuture .eyesForFuture .eyes03 .voice dl dd{
    font-size:13px;
    line-height:24px;
    margin:0px 0px 28px;
}


#EyesForFuture .articleList{
    margin:-230px 0px 0px;
    padding:350px 0px 60px;
    background:url(../img/slash_gray_f6.png) no-repeat center top, url(../img/bg_gray_f6.png) no-repeat 0px 621px;
    background-size:auto auto,100% 100%;
}









/*-- global --*/
/*-- ------------------------------------------------- --*/
#Csr .main02 .photoGlobal{
    position:absolute;
    left:50%;
    margin:0px 0px 0px 46px;
    top:130px;
    z-index:1000;
}

#globalIndex .about{
    background:url(../../images/csr/global/bg_01.png) no-repeat center top;
    height:1212px;
    margin:-269px auto 12px;
    position:relative;
}
#globalIndex .about h2{
    text-align:center;
    padding:62px 0px 0px;
    margin:0px 0px 37px;
}
#globalIndex .about dl{
    width:825px;
    margin:0px auto 26px;
}
#globalIndex .about dt{
    font-size:24px;
    text-align:center;
    font-weight:normal;
    padding:0px 0px 19px;
    line-height:28px;
    margin:0px 0px 15px;
    border-bottom:1px solid #b39e62;
    color:#000;
}
#globalIndex .about dd{
    font-size:13px;
    line-height:24px;
}
#globalIndex .about ul.prize{
    background:url(../../images/csr/global/bg_02.jpg) no-repeat left top;
    width:825px;
    height:381px;
    padding:21px 3px 0px;
    margin:0px auto 54px;
}
#globalIndex .about ul.prize li{
    border-bottom:1px solid #e7e7e7;
    padding:0px 0px 0px 420px;
    font-size:12px;
    line-height:24px;
}
#globalIndex .about ul.prize li:nth-of-type(1){
    border-top:1px solid #e7e7e7;
    height:65px;
    padding-top:16px;
}
#globalIndex .about ul.prize li:nth-of-type(2){
    height:102px;
    padding-top:4px;
}
#globalIndex .about ul.prize li:nth-of-type(3){
    height:116px;
    padding-top:15px;
}
#globalIndex .about ul.prize li:nth-of-type(4){
    height:42px;
    padding-top:16px;
}
#globalIndex .about ul.prize li strong{
    font-size:15px;
    line-height:26px;
    color:#00365c;
    font-weight:normal;
}
#globalIndex .about ul.prize li span{
    color:#cc0000;
}
#globalIndex .about ul.prize li:first-child{
}
#globalIndex .about .images {
    width:939px;
    height:277px;
    overflow:hidden;
    position:relative;
    margin:0px auto;
}
#globalIndex .about .images ul{
    width:10000px;
}
#globalIndex .about .images ul li{
    float:left;
    position:relative;
    width:939px;
    height:277px;
}
#globalIndex .about .images ul li a{
    display:block;
    position:relative;
    transition:opacity 300ms ease;
}
#globalIndex .about .images ul li a:hover{
    opacity:0.7;
}

#globalIndex .about .images ul li span{
    position:absolute;
    left:0px;
    text-align:center;
    font-size:13px;
    display:block;
    line-height:20px;
    bottom:0px;
    background:rgba(0,0,0,0.5);
    color:white;
    width:100%;
    padding:10px 0px;
    /*
    transition:bottom 300ms ease;
    */
}
/*
#globalIndex .about .images ul li:hover p{
    bottom:0px;
}
*/
#globalIndex .about .images .prev{
    position:absolute;
    left:0px;
    top:104px;
}
#globalIndex .about .images .next{
    position:absolute;
    right:0px;
    top:104px;
}

#globalIndex .bn{
    text-align:center;
    margin:0px 0px 61px;
}
#globalIndex .bn a{
    text-decoration:none;
    transition:opacity 300ms ease;
}
#globalIndex .bn a:hover{
    opacity:0.7;
}


#globalIndex .sponsorship{
    margin:0px auto 45px;
    position:relative;
    padding:18px 0px 0px;
    width:993px;
}
#globalIndex .sponsorship .photo{
    position:absolute;
    right:15px;
    top:0px;
    padding:5px;
    background:white;
    box-shadow:0px 0px 3px rgba(0,0,0,0.2);
}
#globalIndex .sponsorship .photo a{
    display:block;
    position:relative;
    transition:opacity 300ms ease;
}
#globalIndex .sponsorship .photo a:hover{
    opacity:0.7;
}
#globalIndex .sponsorship .photo a .icon{
    position:absolute;
    left:10px;
    bottom:10px;
}
#globalIndex .sponsorship h2{
    background:url(../../images/csr/global/bg_04.gif) repeat-x left bottom;
    font-size:25px;
    line-height:32px;
    font-weight:normal;
    padding:0px 0px 23px;
    margin:0px 0px 27px;
}
#globalIndex .sponsorship h2.paris{
    background:url(../../images/csr/global/bg_03.gif) repeat-x left bottom;
}
#globalIndex .sponsorship p{
    font-size:13px;
    line-height:24px;
    margin:0px 0px 33px;
    min-height:168px;
    width:540px;
}
#globalIndex .sponsorship ul.movies{
    overflow:hidden;
    margin:-20px 0px 0px;
}
#globalIndex .sponsorship ul.movies li{
    float:left;
    margin:3px 18px 30px 3px;
}
#globalIndex .sponsorship ul.movies li:last-child{
    margin-right:0px;
}
#globalIndex .sponsorship ul.movies li a{
    display:block;
    width:170px;
    box-shadow:0px 0px 3px rgba(0,0,0,0.2);
    transition:opacity 300ms ease;
    padding:5px;
    background:white;
    height:115px;
    position:relative;
}
#globalIndex .sponsorship ul.movies li a img:first-child{
    width:100%;
    height:100%;
}
#globalIndex .sponsorship ul.movies li a img.icon{
    position:absolute;
    left:15px;
    bottom:15px;
    z-index:10;
}
#globalIndex .sponsorship ul.movies a:hover{
    opacity:0.7;
}

#globalIndex .sponsorship ul.btn{
    height:35px;
}
#globalIndex .sponsorship ul.btn li{
    float:left;
    width:489px;
}
#globalIndex .sponsorship ul.btn li a{
    text-align:center;
    padding-left:0px;
    background-position:402px 50%;
}
#globalIndex .sponsorship ul.btn li + li{
    float:right;
}
#globalIndex .sponsorship ul.btn li + li a{
    background-position:440px 50%;
}

#globalIndex .guideline{
    height:61px;
    margin:0px auto ;
    width:993px;
}
#globalIndex .guideline li{
    float:left;
    width:479px;
    background:#00365c;
    transition:opacity 300ms ease;
    padding:5px;
}
#globalIndex .guideline li + li{
    float:right;
}
#globalIndex .guideline li:hover{
    opacity:0.7;
}
#globalIndex .guideline li a{
    display:block;
    border:1px solid white;
    text-align:center;
    font-size:17px;
    line-height:49px;
    text-decoration:none;
    color:white;
}

#globalIndex .articleList{
    margin:-300px 0px -50px;
    padding:425px 0px 60px;
    background:url(../img/slash_gray_f6.png) no-repeat center top, url(../img/bg_gray_f6.png) no-repeat 0px 621px;
    background-size:auto auto,100% 100%;
}
#globalIndex .articleList h2{
    margin-bottom:0px;
    padding-bottom:5px;
}





/*-- 国際新人賞 --*/
/*-- ------------------------------------------------- --*/
#Scholarship{
    background:url(../img/bg_gold.jpg) repeat-y center top;
    margin-bottom:-50px;
    padding-bottom:137px;
}
#Scholarship .main02 p{
    font-size:25px;
}

#Scholarship .block + .blok{
}
#Scholarship .block{
    margin:-269px 0px 23px -510px;
    position:relative;
    padding:0px 0px 100px;
    overflow:hidden;
    left:50%;
    width:1020px;
    background:url(../../images/csr/scholarship/bg_top.png) no-repeat right top, url(../../images/csr/scholarship/bg_bottom.png) no-repeat left bottom, url(../../images/csr/scholarship/bg.jpg) no-repeat left 200px;
    background-size:auto auto,auto auto,1019px 100%;
}
#Scholarship .block02{
    padding-bottom:80px;
    margin:0px 0px 23px -510px;
}

#Scholarship .block > p{
    font-size:15px;
    width:825px;
    margin:0px auto 0px;
    padding:79px 0px 49px 0px;
    line-height:28px;
}
#Scholarship .block ul {
    width:425px;
    padding:3px 0px 0px 3px;
    margin:-3px 0px 0px -3px;
    overflow:hidden;
}
#Scholarship .block ul li{
    float:left;
    padding:5px;
    margin:0px 15px 15px 0px;
    background:white;
    box-shadow:0px 0px 3px rgba(0,0,0,0.2);
}
#Scholarship .block div.wrap{
    position:relative;
    min-height:330px;
    border-top:1px solid #b39e62;
    padding:55px 0px 20px;
    min-height:180px;
    padding:44px 0px 29px;
    width:825px;
    margin:0px auto 0px;
}
#Scholarship .block div.wrap div{
    padding:0px 0px 0px;
    margin:0px 0px 0px auto;
    width:382px;
    right:0px;
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
}
#Scholarship .block div p{
    font-size:13px;
    line-height:24px;
    margin:0px;
}
#Scholarship .block div p:first-child{
    font-size:12px;
}
#Scholarship .block div h2{
    font-size:25px;
    line-height:30px;
    font-weight:normal;
    margin:5px 0px 11px;
}
#Scholarship .block div h2 span{
    font-size:17px;
    margin:0px 0px 0px 10px;
}

#Scholarship .block div h2 + p{
    border-bottom:1px dotted #000;
    padding:0px 0px 17px;
    margin:0px 0px 16px;
}


#Scholarship .about{
    margin:-269px auto 44px;
    position:relative;
    width:911px;
    padding:40px 41px 34px;
    background:white;
}
#Scholarship .about dt{
    font-size:17px;
    color:#b39e62;
    font-weight:normal;
    margin:0px 0px 12px;
    line-height:24px;
}
#Scholarship .about dd{
    font-size:13px;
    line-height:24px;
}

#Scholarship .links{
    height:35px;
    margin:0px auto;
    width:993px;
}
#Scholarship .links li{
    float:left;
    width:489px;
}
#Scholarship .links li + li{
    float:right;
}
#Scholarship .links li a{
    text-align:center;
    padding-left:0px;
    background-position:402px 50%;
    background-color:white;
    border-color:white;
}
#Scholarship .links li a:hover{
    background-color:#000;
    border-color:#000;
}
#Scholarship .links li + li a{
    background-position:417px 50%;
}


/*-- 歴代受賞者 --*/
/*-- ------------------------------------------------- --*/
#Csr #Winners{
    background:#fff5f5;
    margin-bottom:-50px;
    padding-bottom:50px;
}
#Csr #Winners .winners {
    position:relative;
    background:url(../../images/csr/global/bg_03.gif) repeat-x center top;
    width:993px;
    margin:-268px auto 0px;
    padding:6px 0px 50px;
}
#Csr #Winners .winners .lists{
    width:993px;
    margin:0px auto 44px;
    background:url(../../images/csr/global/bg_03.gif) repeat-x center bottom;
}
#Csr #Winners .winners .lists > li{
    width:100%;
    position:relative;
    min-height:180px;
    padding:44px 0px 29px;
    border-bottom:1px solid #00365c;
}
#Csr #Winners .winners .lists > li:last-child{
    border:none;
}
#Csr #Winners .winners .lists ul.photos {
    width:425px;
    padding:3px 0px 0px 3px;
    margin:-3px 0px 0px -3px;
    overflow:hidden;
}
#Csr #Winners .winners .lists ul.photos li{
    float:left;
    padding:5px;
    margin:0px 15px 15px 0px;
    background:white;
    box-shadow:0px 0px 3px rgba(0,0,0,0.2);
    position:relative;
}
#Csr #Winners .winners .lists ul.photos li a img.icon{
    position:absolute;
    left:16px;
    bottom:16px;
}
#Csr #Winners .winners .lists ul.photos li a:hover img.icon{
    opacity:1;
}
#Csr #Winners .winners .lists ul.photos li a img{
    transition:opacity 300ms ease;
}
#Csr #Winners .winners .lists ul.photos li a:hover img{
    opacity:0.7;
}

#Csr #Winners .winners .lists div{
    padding:0px 0px 0px;
    margin:0px 0px 0px auto;
    width:490px;
    position:absolute;
    right:41px;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
}
#Csr #Winners .winners .lists div p{
    font-size:13px;
    line-height:24px;
    margin:0px;
}
#Csr #Winners .winners .lists div p:first-child{
    font-size:12px;
}
#Csr #Winners .winners .lists div h2{
    font-size:25px;
    line-height:30px;
    font-weight:normal;
    margin:5px 0px 11px;
}
#Csr #Winners .winners .lists div h2 span{
    font-size:17px;
    margin:0px 0px 0px 10px;
}

#Csr #Winners .winners .lists div h2 + p{
    border-bottom:1px dotted #000;
    padding:0px 0px 17px;
    margin:0px 0px 16px;
}
#Csr #Winners .winners nav{
    width:487px;
    margin:0px auto;
}
#Csr #Winners .winners nav a{
    text-align:center;
    padding-left:0px;
    background-color:white;
    background-position:344px 50%;
}
#Csr #Winners .winners nav a:hover{
    background-color:#000;
}





/*-- CSR INDEX NEW 170316 --*/
/*-- ------------------------------------------------- --*/
@font-face{
font-family:ftgothic;
src:local("游ゴシック"),local("Yu Gothic"),local("ヒラギノ角ゴ Pro W3"),local("Hiragino Kaku Gothic Pro"),local("メイリオ"),local("Meiryo"),local("Osaka"),local("ＭＳ Ｐゴシック"),local("MS PGothic");
}
#CsrIndex{background:#fff;/*font-family:ftgothic;*/font-size:13px;color:#000;}
#CsrIndex {line-height:1.8 !important;}
#CsrIndex .r_container{}
#CsrIndex .r_inner{width:993px;margin:0 auto;}
#CsrIndex #r_message .r_inner{width:700px;margin:0 auto;}
/**/
#CsrIndex .r_csrMain{position:relative;width:100%;height:690px;background-image:url(/images/csr/renew/main_bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:100% auto;}
#CsrIndex .r_csrMain .sdw{
position:absolute;
left:0;
bottom:0;
width:100%;
height:100%;
background-image:url(/images/csr/renew/main_bg_shadow.png);
background-repeat:no-repeat;
background-size:cover;
background-position:left bottom;
}
#CsrIndex .r_csrMain h2{margin:0;font-size:14px;font-weight:bold;padding-top:140px;position:relative;z-index:100;}
#CsrIndex .r_csrMain h2 img{display:block;margin:15px 0 50px;}
#CsrIndex .r_csrMain h3{margin:0 0 15px 0;font-size:20px;position:relative;z-index:100;}
#CsrIndex .r_csrMain p{position:relative;z-index:100;}
/**/
#CsrIndex #r_message.r_container .r_inner{}
#CsrIndex #r_message.r_container .r_inner h3{margin:0 0 0.7em;font-weight:normal;}
#CsrIndex #r_message.r_container .r_inner p{width:100%;margin:0;}
#CsrIndex #r_message.r_container .r_inner p + p{margin-bottom:0.5em;}
#CsrIndex #r_message.r_container .r_inner p.r_sign{text-align:right;font-size:16px;}
#CsrIndex #r_message.r_container .r_inner p.r_sign span{font-size:14px;}
#CsrIndex #r_message.r_container{padding:0 0 150px;}
/**/
#CsrIndex .r_container{background-repeat:no-repeat;background-position:center top;background-size:auto;padding:70px 0 150px;position:relative;}
#CsrIndex #r_area1{background-image:url(/images/csr/renew/bg01.jpg);}
#CsrIndex #r_area2{background-image:url(/images/csr/renew/bg02.jpg);}
#CsrIndex #r_area3{background-image:url(/images/csr/renew/bg03.jpg);}
#CsrIndex #r_area4{background-image:url(/images/csr/renew/bg04.jpg);}
/**/
#CsrIndex .r_container .r_inner{position:relative;}
#CsrIndex .r_container .r_inner h3{font-size:32px;color:#97875f;margin:0 0 5px 0;font-weight:normal;}
#CsrIndex .r_container .r_inner p{width:440px;margin-bottom:40px;}
#CsrIndex .r_container .r_inner ul{}
#CsrIndex .r_container .r_inner ul li{margin-bottom:1em;}
#CsrIndex .r_container .r_inner ul li a{display:inline-block;color:#000;padding-left:1.5em;text-decoration:none;background-image:url(/images/csr/renew/link_arr.png);background-repeat:no-repeat;background-position:2px 6px;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all  0.3s ease;}
#CsrIndex .r_container .r_inner ul li a:hover{background-position:6px 6px;text-decoration:underline;}
#CsrIndex .r_container:nth-child(odd) .r_inner h3,
#CsrIndex .r_container:nth-child(odd) .r_inner p,
#CsrIndex .r_container:nth-child(odd) .r_inner ul{margin-left:550px;}
/**/
#CsrIndex .r_container .r_inner.active{
-moz-transform:translateX(30px);
-webkit-transform:translateX(30px);
-o-transform:translateX(30px);
-ms-transform:translateX(30px);
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
-webkit-transition-timing-function:ease-out;
transition-timing-function:ease-out;
opacity:1;}
#CsrIndex .r_container.active{
-moz-transform:translateX(-30px);
-webkit-transform:translateX(-30px);
-o-transform:translateX(-30px);
-ms-transform:translateX(-30px);
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
-webkit-transition-timing-function:ease-out;
transition-timing-function:ease-out;
opacity:1;}
.dropdown li a.noLink{cursor:default;background:none;}
.dropdown li a.noLink:hover{text-decoration:none;}


/*-- CSR SHARING-BEAUTY-WITH-ALL 170613 --*/
/*-- ------------------------------------------------- --*/
#CsrIndex #overview .r_inner{width:700px;margin:0 auto;}
#CsrIndex #innovation{background:none !important;margin:0 !important;}
/**/
#CsrIndex .r_csr_sh_Main{position:relative;width:100%;height:690px;background-image:url(/images/csr/sharing_new/main_bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:100% auto;}
#CsrIndex .r_csr_sh_Main .sdw{
position:absolute;
left:0;
bottom:0;
width:100%;
height:100%;
background-image:url(/images/csr/renew/main_bg_shadow.png);
background-repeat:no-repeat;
background-size:cover;
background-position:left bottom;
}
#CsrIndex .r_csr_sh_Main h2,
#CsrIndex .r_csr_ws_Main h2{margin:0;font-size:44px;font-weight:normal;padding-top:140px;position:relative;z-index:100;}
#CsrIndex .r_csr_sh_Main h2 .sml,
#CsrIndex .r_csr_ws_Main h2 .sml{font-size:14px;display:block;}
#CsrIndex .r_csr_sh_Main h3,
#CsrIndex .r_csr_ws_Main h3{margin:0 0 15px 0;font-size:20px;position:relative;z-index:100;text-align:center;}
#CsrIndex .r_csr_sh_Main p,
#CsrIndex .r_csr_ws_Main p{position:relative;z-index:100;}
@media screen and (min-width: 769px){
    #CsrIndex .r_csr_ws_Main h2 .for-sp { display: none }
}
/**/
#CsrIndex #overview.r_s_container .r_inner{}
#CsrIndex #overview.r_s_container .r_inner h3{color:#97875f;border:none !important;margin:0 0 0.7em;font-size:32px;font-weight:normal;text-align:left;}
#CsrIndex #overview.r_s_container .r_inner p{width:100%;margin:0;}
#CsrIndex #overview.r_s_container .r_inner p + p{margin-top:1em;}
#CsrIndex #overview.r_s_container .r_inner p.r_sign{text-align:right;font-size:16px;}
#CsrIndex #overview.r_s_container .r_inner p.r_sign span{font-size:14px;}
#CsrIndex #overview.r_s_container{padding:0;}
/**/
#CsrIndex .r_s_container{background-repeat:no-repeat;background-position:center top;background-size:auto;padding:70px 0 150px;}
/**/
#CsrIndex .r_s_container .r_inner h3{color:#97875f;font-size:32px;font-weight:normal;border-bottom:#97875f solid 1px;padding-bottom:10px;margin-bottom:90px;text-align:center;}
#CsrIndex .r_s_container .r_inner h4{color:#333333;font-size:24px;line-height:1.4 !important;text-align:center;margin:0 0 70px 0;}
#CsrIndex .r_s_container .r_inner .sup{font-size:50%;}
#CsrIndex .r_s_container p{width:442px;float:left;line-height:1.8;}
#CsrIndex .r_s_container p a{color:#000;}
#CsrIndex .r_s_container figure{width:440px;margin:0;float:right;}
#CsrIndex .cont + .cont{margin-top:45px;}
#CsrIndex .r_s_container figure img + img{margin-top:20px;}
#CsrIndex .r_s_container table{width:440px;float:right;border-collapse:collapse;border-top:#ccc solid 1px;border-bottom:#ccc solid 1px;}
#CsrIndex .r_s_container tr:not(:last-child){border-bottom:#ccc solid 1px;}
#CsrIndex .r_s_container table th{width:85px;font-size:14px;text-align:center;vertical-align:top;padding:40px 15px 0 0;}
#CsrIndex .r_s_container table td.objective{color:#a0bb96;width:145px;font-size:14px;line-height:1;vertical-align:bottom;padding:25px 0;}
#CsrIndex .r_s_container table td.objective .large{font-size:50px;}
#CsrIndex .r_s_container table td.objective .middle{font-size:30px;}
#CsrIndex .r_s_container figure + figure{clear:both;margin-top:20px;}
#CsrIndex #recycle .r_inner .cont{width:700px;margin:0 auto;float:none;margin-bottom:40px;line-height:1.8;}
#CsrIndex #recycle .r_inner .cont p{width:auto;margin-bottom:25px;}
#CsrIndex .r_s_container .link {float:right;position:relative;}
#CsrIndex .r_s_container .link a{width:230px;color:#333;font-size:14px;text-decoration:none;display:block;line-height:1;border:#ccc solid 1px;padding:12px 0 12px 40px;border-radius:25px;box-sizing:border-box;position:relative;transition:0.3s;}
#CsrIndex .r_s_container .link a:hover{background-color:#000;color:#fff;transition:0.3s;}
#CsrIndex .r_s_container .link.report_link a{background-image:url(../img/mark_more.png);background-repeat:no-repeat;background-position:175px 13px;}
#CsrIndex .r_s_container .link.report_link a:hover{background-image:url(../img/mark_more_hover.png);}
#CsrIndex .r_s_container .link.more_link a{width:190px;background-image:url(../img/mark_blank.png);background-repeat:no-repeat;background-position:148px 14px;}
#CsrIndex .r_s_container .link.more_link a:hover{background-image:url(../img/mark_blank_hover.png);}
#CsrIndex .r_s_container .list{margin-bottom:90px;}
#CsrIndex .r_s_container .list li{width:440px;float:left;}
#CsrIndex .r_s_container .list li:nth-child(odd){margin-right:113px;}
#CsrIndex .r_s_container .list li:nth-last-child(3n){margin-bottom:40px;}
#CsrIndex .r_s_container .list li h5{text-align:center;margin:0;padding:10px 0 25px;}
#CsrIndex .r_s_container .list li .img{width:195px;float:left;}
#CsrIndex .r_s_container .list li .detail{width:215px;float:right;}
#CsrIndex .r_s_container .list .detail p{width:auto;line-height:1.8;margin-bottom:20px;}
#CsrIndex .r_s_container .note{width:auto;border:#ccc solid 1px;padding:20px 30px;}

#CsrIndex .r_inner::after,
#CsrIndex .cont::after,
#CsrIndex .r_s_container .list::after{ content:'';display:block;clear:both;}

/*-- CSR Women Support 170616 --*/
/*-- ------------------------------------------------- --*/
#CsrIndex .r_s_container.r_cont{padding:60px !important;}
.r_csr_ws_Main{position:relative;width:100%;height:690px;background-image:url(/images/csr/womensupport/main_bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:100% auto;}
#CsrIndex .r_csr_ws_Main .sdw{
position:absolute;
left:0;
bottom:0;
width:100%;
height:100%;
background-image:url(/images/csr/womensupport/main_bg_shadow.png);
background-repeat:no-repeat;
background-size:cover;
background-position:left bottom;
}
/**/
#CsrIndex .r_s_container .pace_list{width:820px;margin:0 auto;}
#CsrIndex .r_s_container .pace_list li{width:370px;float:left;}
#CsrIndex .r_s_container .pace_list .pa_img{margin-bottom:30px;}
#CsrIndex .r_s_container .pace_list .pa_txt{width:370px;color:#4a67b5;font-size:20px;line-height:1.5;text-align:center;}
#CsrIndex .r_s_container .pace_list li:nth-child(odd){margin-right:80px;}
#CsrIndex .r_s_container .pace_list li:nth-child(-n+2){margin-bottom:70px;}
/**/
#CsrIndex .r_s_container figure.margin{margin-bottom:70px !important;}
#CsrIndex .r_s_container .list_hd{clear:both;color:#97875f;font-size:19px;font-weight:bold;text-decoration:underline;margin-bottom:20px;}
#CsrIndex .r_s_container .point_list li{width:330px;height:240px;float:left;box-sizing:border-box;padding:20px 35px;border-left:#ccc solid 1px;}
#CsrIndex .r_s_container .point_list.po_li_02 li{height:290px;}
#CsrIndex .r_s_container .point_list li:last-child{border-right:#ccc solid 1px;}
#CsrIndex .r_s_container .point_list h4{font-size:16px;font-weight:bold;display:block;margin:0 0 20px 0;}
#CsrIndex .r_s_container .point_list h4 .large,
#CsrIndex .r_s_container .efforts_list .large{font-family:游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:34px;line-height:1;}
#CsrIndex .r_s_container .point_list h4 .large {display:block;margin-bottom:15px;}
#CsrIndex .r_s_container .point_list .po_txt{width:auto;}
#CsrIndex .r_s_container .point_list{margin-bottom:40px;}.r_s_container.r_cont{padding:60px !important;}
/**/
#CsrIndex .r_s_container .point_detail{width:auto;float:none;border-top:none;margin-bottom:50px;}
#CsrIndex .r_s_container .point_detail .po_tbl_th{width:auto;min-width:4em;background:#f1f1f1;border-bottom:#ccc solid 1px;padding:20px 0 15px;}
#CsrIndex .r_s_container .point_detail .po_tbl_th:first-child{padding-left:140px;}
#CsrIndex .r_s_container .point_detail .tbl_hd{width:160px;padding:0!important;vertical-align:middle;box-sizing:border-box;}
#CsrIndex .r_s_container .point_detail .po_tbl_tr td{padding:15px 20px 15px 15px;}
#CsrIndex .r_s_container .point_detail .po_tbl_tr td.tbl_system{width:160px;vertical-align:top;}
#CsrIndex .r_s_container .point_detail .po_tbl_tr td.tbl_subjects{width:195px;vertical-align:top;}
#CsrIndex .r_s_container .point_detail .po_tbl_tr td.tbl_overview span{display:block;}
#CsrIndex .r_s_container .point_detail .po_tbl_tr td.tbl_overview span + span{margin-top:10px;}
/**/
#CsrIndex .r_s_container .voice li{background:#f1f1f1;padding:25px;}
#CsrIndex .r_s_container .voice li:not(:last-child){margin-bottom:20px;}
#CsrIndex .r_s_container .voice li .vo_txt{width:495px;}
#CsrIndex .r_s_container .voice.no_img li .vo_txt{width:auto;}
#CsrIndex .r_s_container .voice li .vo_img{float:right;}
/**/
#CsrIndex .cont.margin{margin-top:85px;}
/**/
#CsrIndex .r_s_container .vo_fig_img{width:860px;margin:70px auto 0;float:none;}
#CsrIndex .r_s_container .vo_fig_img img + img{margin-top:0;margin-left:30px;}
/**/
#CsrIndex .r_s_container .r_inner h4 .sml{font-size:13px;margin-top:20px;display:block;}
/**/
#CsrIndex .r_s_container .efforts_list{border-top:#ccc solid 1px;border-bottom:#ccc solid 1px;margin-bottom:140px;}
#CsrIndex .r_s_container .efforts_list li{font-size:15.5px;vertical-align:middle;padding:35px 0px 40px 5px;line-height:1;}
#CsrIndex .r_s_container .efforts_list li .data{vertical-align:text-top;font-weight:bold;padding-left:14px;}
#CsrIndex .r_s_container .efforts_list li:first-child{border-bottom:#ccc solid 1px;}
/**/
#CsrIndex .r_s_container .pace_list::after,
#CsrIndex .r_s_container .point_list::after,
#CsrIndex .r_s_container .voice li::after,
#CsrIndex .r_s_container .vo_fig_img::after{ content:'';display:block;clear:both;}

/*-- CSR INDEX NEW 180220 --*/
/*-- ------------------------------------------------- --*/
#CsrIndex .r_csrMain .csr_bnr{position:absolute;left:0;right:0;bottom:80px;margin:0 auto;width:840px;transition:opacity 300ms ease;}
#CsrIndex .r_csrMain .csr_bnr:hover{opacity:.75;}
#CsrIndex .r_csr_sus_Main h2 .sml{font-size:14px;display:block;margin-bottom:10px;}
#CsrIndex .r_csr_sus_Main h2{margin:0;font-size:44px;font-weight:normal;padding-top:140px;position:relative;z-index:100;line-height:1.3;}
#CsrIndex .r_csr_sus_Main h3{font-size:20px;line-height:1;}
#CsrIndex .r_csr_sus_Main{position:relative;width:100%;height:690px;background-image:url(/images/csr/sustainability/main_bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:100% auto;}
#CsrIndex .r_csr_sus_Main .r_inner>p{font-size:16px;}
#CsrIndex .report_info .r_inner h3,
#CsrIndex .r_csr_sus_Main h3{line-height:1;}
#CsrIndex .r_csr_sus_Main h3 .sml{font-size:16px;}
#CsrIndex .report_contents .r_inner h3{border:none!important;text-align:left;line-height:1;margin-bottom:40px;}
#CsrIndex .report_info .r_inner h3 .sml,
#CsrIndex .report_contents .r_inner h3 .sml{font-size:16px;}
#CsrIndex .report_info{position:relative;z-index:1;margin-top:-150px;}
#CsrIndex .report_info .r_inner{padding-left:300px;position:relative;min-height:342px;}
#CsrIndex .report_info .imgItem{position:absolute;top:0;left:20px;border:1px solid #ccc;}
#CsrIndex .report_info .btn_area{float:left;}
#CsrIndex .report_info .commonBtn02{padding:10px 38px; background-image:none; margin-top:40px;}
#CsrIndex .report_contents .adobe_dl{display:table;width:100%;float:left;margin-top:40px;}
#CsrIndex .report_contents .adobe_dl .adobe_bnr{display:table-cell;vertical-align:middle;}
#CsrIndex .report_contents .adobe_dl .adobe_content{display:table-cell;padding-left:20px;}
#CsrIndex .report_contents .adobe_dl .adobe_content p{width:100%;}
#CsrIndex .report_contents .report_list dt{background:url(/images/csr/sustainability/ico_pdf.png) 0 0 no-repeat;height:32px;line-height:32px;padding-left:40px;}
#CsrIndex .report_contents .report_list dd{padding-left:112px;margin-top:-36px;margin-bottom:32px;}
#CsrIndex .report_contents .report_list dd a{cursor:pointer;color:#000000;}
#CsrIndex .r_s_container.r_cont{padding-top:0!important;}
#CsrIndex .r_s_container.r_cont .r_inner{width:700px;padding-left:300px;}