@charset "utf-8";

/* CSS Document */

#ecomart {}

.content_wrapper p{
    margin: 0;
}
/*********************************
midasi
********************************/
#ecomart h1 {
    font-size: 24px;
    font-weight: bold;
}

#ecomart h2 {
    text-align: center;
    font-size: 28px;
    width: 100%;
    margin: 0 0 20px 0;
    color: #277e3a;
padding: 0;
float: none;
}

#ecomart h3 {
    margin: 0;
    padding: 0;
    border: none;
    text-align: center;
    font-size: 24px;
    line-height: 36px;
    width: 100%;
    margin-bottom: 20px;
}

#ecomart h4 {
    text-align: center;
    font-size: 24px;
    font-weight: normal;
    color: #277e3a;
    margin-bottom: 50px;
}
#ecomart .title {
    margin-bottom: 50px;
    text-align: center;
}
#ecomart .title p{
    font-size: 20px;
margin-bottom: 1em;
font-weight: bold;
}
#ecomart .title hr {
    width: 545px;
    background-color: #f2f2f2;
    height: 3px;
    margin: 0 auto;
        border: none;
}
#ecomart .img-area{
    text-align: center;
}

#ecomart .text-area p {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 2em;
}
#ecomart .text-area p strong {
    font-weight: bold;
    color: #277e3a;
    font-size: 16px;
}
/*********************************
main-v
********************************/
#ecomart .main-v {
    padding: 50px 0 0 0;
    text-align: center;
    background-image: url(/web/jp/csr/images/ecomart_titlebg-left.gif), url(/web/jp/csr/images/ecomart_titlebg-right.gif);
    background-position: bottom left, bottom right;
    background-repeat: no-repeat, no-repeat;
    margin-bottom: 30px;
}

#ecomart.ecomart02 .main-v {
margin-bottom: 50px;
}
#ecomart .main-v img {
    margin-bottom: 20px;
}
#ecomart .main-v p {
    font-size: 30px;
    margin: 0;
    color: #51a843;
    margin-bottom: .5em;
}

/*********************************
#catch
********************************/

#ecomart #catch {
    text-align: center;
    background-image: url(/web/jp/csr/images/ecomart_fukidasi-bg.gif);
    background-repeat: no-repeat;
    width: 100%;
    height: 180px;
    font-size: 20px;
    font-weight: bold;
    padding-top: 40px;
}


/*********************************
sec-answer
********************************/
#ecomart .answer {
    margin: 0 0 100px;
}

#ecomart .answer .img-area {
    float: left;
    width: 470px;
}

#ecomart .answer .text-area {
    float: right;
    width: 430px;
}

#ecomart .answer .text-area p {
    margin: 40px 0 0;
}


#ecomart .link-box {
    text-align: center;
}

#ecomart .link-box .link {
    background-color: #f4f8f5;
    padding: 1em 2em;
    display: inline-block;
    margin: 0 auto;
    box-shadow: 4px 4px #dfece2;
    font-size: 16px;
    margin-bottom: 50px;
}

#ecomart ul.parenthesis {
    margin: auto;
    overflow: hidden;
    width: 940px;
    margin-bottom: 50px;
}

#ecomart ul.parenthesis li {
    list-style: none;
    width: 280px;
    float: left;
    margin-right: 50px;
    font-size: 16px;
}

#ecomart ul.parenthesis li:last-child {
    margin-right: 0;
}

#ecomart ul.parenthesis li {
    position: relative;
    padding: 15px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#ecomart ul.parenthesis li::before,
#ecomart ul.parenthesis li::after {
    position: absolute;
    content: '';
    width: 40px;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#ecomart ul.parenthesis li::before {
    top: 0;
    left: 0;
    border-top: 2px solid #277e3a;
    border-left: 2px solid #277e3a;
}

#ecomart ul.parenthesis li::after {
    bottom: 0;
    right: 0;
    border-bottom: 2px solid #277e3a;
    border-right: 2px solid #277e3a;
}


/*********************************
#sec-end
********************************/
#ecomart #sec-end{
    margin: 0 0 100px;
}
#ecomart #sec-end .text-area {
    float: left;
    width: 440px;
}

#ecomart #sec-end .text-area p {
    margin: 0 0 30px 0; 
}

#ecomart #sec-end .img-area {
    float: right;
}

/*********************************
#sec-rinen
********************************/
#ecomart #sec-kihonrinen{
    margin: 0 0 100px;
    text-align: center;
}

#ecomart #sec-kihonrinen h1{
font-size: 30px;
    margin-bottom: 0.6em;
    font-weight: normal;
}
#ecomart #sec-kihonrinen p{
    font-size: 22px;
    margin: 0;
}


/*********************************
#sec-approve
********************************/

#ecomart #sec-approve {
    margin: 0 0 100px;
}

#sec-approve .logo ul {
    padding: 0;
}

#sec-approve .logo ul li {
    list-style-type: none;
    display: block;
    float: left;
    width: 85px;
    height: 60px;
    margin: 5px;
}

#sec-approve .logo ul li a,
#sec-approve .logo ul li span {
    display: block;
    float: left;
    width: 85px;
    height: 70px;
    text-indent: -9999px;
    background: url("/web/jp/csr/images/ecomart_approve.png") no-repeat;
}

#sec-approve .logo ul li a:hover p {
    color: #f60;
    text-decoration: underline;
}

#sec-approve .logo ul li.gpn a {
    background-position: left 0px;
}

#sec-approve .logo ul li.jesa a {
    background-position: left -100px;
}

#sec-approve .logo ul li.eic-jp a {
    background-position: left -200px;
}

#sec-approve .logo ul li.jipedc a {
    background-position: left -300px;
}

#sec-approve .logo ul li.kiis a {
    background-position: left -400px;
}

#sec-approve .logo ul li.osaka-cci a {
    background-position: left -500px;
}

#sec-approve .logo ul li.biz-solution a {
    background-position: left -600px;
}

#sec-approve .logo ul li.internet-utilization a {
    background-position: left -700px;
}

#sec-approve .logo ul li.aeha a {
    background-position: left -800px;
}

#sec-approve .logo ul li.jlma a {
    background-position: left -900px;
}

#sec-approve .logo ul li.jgka a {
    background-position: left -1000px;
}

#sec-approve .logo ul li.nikkohan a {
    background-position: left -1100px;
}

#sec-approve .logo ul li.kaiso a {
    background-position: left -1200px;
}


#sec-approve .logo ul li.tta-gep a {
    background-position: left -3600px;
}

#sec-approve .logo ul li.tta-a a {
    background-position: left -3400px;
}

#sec-approve .logo ul li.tta-edogawa a {
    background-position: left -3500px;
}

#sec-approve .logo ul li.sooukoweb a {
    background-position: left -1400px;
}

#sec-approve .logo ul li.nihonizakaya a {
    background-position: left -1500px;
}

#sec-approve .logo ul li.nsouzai-kyoukai a {
    background-position: left -1600px;
}

#sec-approve .logo ul li.foodanalyst a {
    background-position: left -1700px;
}

#sec-approve .logo ul li.super a {
    background-position: left -1800px;
}

#sec-approve .logo ul li.anan-zaidan a {
    background-position: left -1900px;
}

#sec-approve .logo ul li.hrs a {
    background-position: left -2000px;
}

#sec-approve .logo ul li.bowling a {
    background-position: left -2100px;
}

#sec-approve .logo ul li.yamakomi a {
    background-position: left -2200px;
}

#sec-approve .logo ul li.cloud-s a {
    background-position: left -2300px;
}

#sec-approve .logo ul li.md-net a {
    background-position: left -2400px;
}

#sec-approve .logo ul li.kankou-fa a {
    background-position: left -2500px;
}

#sec-approve .logo ul li.jeat a {
    background-position: left -3000px;
}

#sec-approve .logo ul li.yiia a {
    background-position: left -2600px;
}

#sec-approve .logo ul li.dml a {
    background-position: left -2700px;
}

#sec-approve .logo ul li.ict a {
    background-position: left -2800px;
}

#sec-approve .logo ul li.j-cfo a {
    background-position: left -2900px;
}

#sec-approve .logo ul li.haikibutsukanri a {
    background-position: left -3100px;
}

#sec-approve .logo ul li.j-franchise a {
    background-position: left -3300px;
}

#sec-approve .logo ul li.jfma a {
    background-position: left -3200px;
}

#sec-approve .logo ul li.asp-saas a {
    background-position: left -3700px;
}

#sec-approve .logo ul li.gpn-sai a {
    background-position: left -3800px;
}

#sec-approve .logo ul li.gpn-bma a {
    background-position: left -3900px;
}

#sec-approve .logo ul li.fij a {
    background-position: left -4000px;
}

#sec-approve .logo ul li.mama-peach a {
    background-position: left -4100px;
}

#sec-approve .logo ul li.nfri a {
    background-position: left -4200px;
}

#sec-approve .logo ul li.y-gpn a {
    background-position: left -4300px;
}

#sec-approve .logo ul li.jemai a {
    background-position: left -4400px;
}

#sec-approve .logo ul li.jcha a {
    background-position: left -4500px;
}

#sec-approve .logo ul li.boken a {
    background-position: left -4600px;
}

#sec-approve .logo ul li.ajs a {
    background-position: left -4700px;
}

#sec-approve .logo ul li.abc-a a {
    background-position: left -4800px;
}

#sec-approve .logo ul li.fia a {
    background-position: left -4900px;
}

#sec-approve .logo ul li.telesa a {
    background-position: left -5000px;
}

#sec-approve .logo ul li.itc a {
    background-position: left -5100px;
}

#sec-approve .logo ul li.okayama-symphonyhall a {
    background-position: left -5200px;
}

#sec-approve .logo ul li.iipga span {
    background-position: left -5300px;
}

#sec-approve .logo ul li a:hover {
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
}



/*********************************
#sec-park
********************************/
#ecomart #sec-park{
    margin: 0 0 100px;
}

#ecomart #sec-park p.link{
    text-align: right;

    }
/*********************************
#sec-purpose
********************************/
#ecomart #sec-purpose {
    text-align: center;
    margin: 0 0 100px;
}

#ecomart #sec-purpose p {
    font-weight: bold;
    font-size: 20px;
    line-height: 1.8;
    margin-bottom: 30px;
}


#ecomart #sec-purpose .cnv_btn {
    margin: 0 auto;
}

#ecomart #sec-purpose .cnv_btn a {
    padding: 1em 2em .85em 1em;
    background-color: #fff;
    border: #277e3a 3px solid;
    border-radius: 6px;
    color: #277e3a;
    font-size: 20px;
    font-weight: bold;
    line-height: 0.85em;
    display: inline-block;
    position: relative;
    font-weight: bold;
}

#ecomart #sec-purpose .cnv_btn a::after {
    content: '>';
    position: absolute;
    right: 0.625em;
    top: 1em;
    transform: scale( 0.8, 1.1);
    display: inline-block;
    font-weight: normal;
    color: #277e3a;
}

/*********************************
sec-koudou
********************************/
#ecomart #sec-koudou {
    margin: 0 0 100px;
}


/*********************************
sec-torikumi
********************************/
#ecomart #sec-torikumi {
    margin: 0 0 100px;
}


/*-------------------
micro clearfix
-------------------*/

.cf:before,
.cf:after {
    content: " ";
    display: table;
    height: 0px;
    clear: both;
    visibility: hidden;
    font-size: 0;
    /*これで解決させる*/
}

.cf:after {
    clear: both;
}

.cf {
    zoom: 1;
}


/* For IE 6/7 */

.fl {
    float: left;
}

.fr {
    float: right;
}