@charset "utf-8";

/* **********************************************************************
 *
 *       Title:   Site-Shokunin CMS
 *       Notes:   CSS for seminar report pages
 *       Dates:   2017/2/3
 *       Auther:  Yuko Tobinai
 *
 ********************************************************************** */


.rpspeaker{
}
.rpspeaker ul {
list-style-type: none;

}
.rpspeaker li {

float: left;
 margin: 10px 0 0 10px; 
 background: #EFF0F0;
 height: 170px; width: 350px;
 border-radius: 5px;"
}
.discussarea {
list-style-type: none;

}
.discussarea li {

float: left;
 margin: 10px 0 0 10px; 
 background: #EFF0F0;
 height: auto; width: 100%;
 border-radius: 5px;"
}

.speakmidashi{
background: #fff; border: 3px double #9C956E; line-height: 2; text-align: center; display: inline-block; color: #9c956e; margin: 10px 0 0 10px; padding: 1px 4px;
}
.speakmidashittl{
text-align: center; background: #c6bb80 none repeat scroll 0% 0%; color: #ffffff;

}



.repphoto {
  width: 320px;
  float: right; 
  padding-left: 10px;

}


.repphoto ul{
list-style-type: none;
}

.repphoto li{

padding: 3px;
line-height: 1;
margin-bottom: 15px

}


.repphoto li img{

border: 5px solid #eee;
}


/* CIO report 2017/3/22 */
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);


.midashiexbold {

/* font-family: 'Noto Sans Japanese', sans-serif; */
 font-family: 'Noto Sans JP', sans-serif;
 font-size: 250% !important;
 font-weight: 800;
 color:#2F366A!important;
　line-height: 110% !important;
}
.midashibold {
font-family: 'Noto Sans JP', sans-serif;
 font-size: 200% !important;
 font-weight: 700;
 color:#2F366A!important;
　line-height: 110% !important;
}


/* CDO  report use 2017/09/06 */

.reptxtcdo {
    margin: 0 auto;
    max-width: 768px;
}

.reptxtcdo p {
 font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue",'Noto Sans JP', "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif; 
　 line-height: 100% !important;
   text-align: left;
    max-width: 768px;
}

.rptxt10x {
     font-size:110%;
}

.txtjustify {
     text-align: justify;
     text-justify: inter-ideograph;

}

/* CDO button 2017/09/06 START */

.cdo_buttonContainer{
        margin-top:100px;
        text-align:center;
}

.rppager{
    overflow: hidden;
}
 
.rppager ul {
    list-style: none;
    position: relative;
    left: 50%;
    float: left;
}
 
.rppager ul li {
    margin: 0 1px;
    position: relative;
    left: -50%;
    float: left;
}
 
.rppager ul li span,
.rppager ul li a {
    display: block;
    font-size: 16px;
    padding: 0.6em 1em;
    border-radius: 3px;
}
 
.rppager ul li a {
    background: #EEE;
    color: #000;
    text-decoration: none;
}
 
.rppager ul li a:hover {
    background: #333;
    color: #FFF;
}




/* BUTTON CSS
------------------------------------------- */

a.cdo_button{
  display:inline-block;
        
        font:normal normal 300 2em 'Open Sans', sans-serif;
        text-decoration:none;        
        
        color:rgba(145, 118, 131, 1);
        brackground-color:transparent;
        border:2px solid rgba(145,118,94,1);

        
        padding: 0.7em 2.5em;
        margin:15px;
                        
        background-size: 200% 100%;        
        background-image: linear-gradient(to right, transparent 50%, rgba(145,118,94,1) 50%);
        transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
}

a.cdo_button:hover{
        color:rgba(255, 255, 255, 1);
        background-color:rgba(145,118,94,1);
        background-position: -100% 100%;
}

a.mrk_button{
  display:inline-block;
        
        font:normal normal 300 2em 'Open Sans', sans-serif;
        text-decoration:none;        
        
        color:rgba(65, 103, 118);
        brackground-color:transparent;
        border:2px solid rgba(65, 103, 118);

        
        padding: 0.7em 2.5em;
        margin:15px;
                        
        background-size: 200% 100%;        
        background-image: linear-gradient(to right, transparent 50%, rgba(65, 103, 118) 50%);
        transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
}

a.mrk_button:hover{
        color:rgba(255, 255, 255, 1);
        background-color:rgba(65, 103, 118);
        background-position: -100% 100%;
}






/* CDO button 2017/09/06 END */


.txt-cdo-wide {

    margin-left: auto;
    margin-right: auto;
    padding: 20px;
}

.txt-cdo-wide-inner {
    margin: 0 auto;
    text-align: left;
   max-width: 768px;
}




hr.style-six {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding:3px 0px;
　
}

/* Life&work 2017/8/22 */

.ttl745-block1 {
    margin-bottom: 20px;
    margin-top: 20px;
}
.ttl745-box-headline {
    background-color: #e8ecef;
    margin-bottom: 36px;
}
.ttl745-box {
    margin-left: auto;
    margin-right: auto;
    max-width: 980px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.ttl745-common-headline {
    color: #003f70;
    margin: 0 auto;
    text-align: left;
   max-width: 768px;

}
.wdth745 {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    max-width: 768px;
}

.wdtfix {
        max-width: 768px;
        margin: 0 auto;

        text-align: left;
}

.txt754 {
    float: right;
    width: 400px;
}