@charset "shift-jis";

.case_info{
    margin:0!important;
}

.case_com{
    text-align: right;
    padding:20px 0 20px 0;
}

.ml5{margin-left:5px!important;}

/*----------------------------------------
    150831
----------------------------------------*/

sup{color:#333333!important;}

.newModule #mainSection .grayBox01 {
    border:1px solid #ccc;
    padding:30px;
    margin-bottom:30px;
    line-height:180%;
}

.newModule #mainSection .grayBox01 .innerLeft {
    width:335px;
    margin-right:20px;
    font-size:110%;
    line-height:180%;
    float:left;
}

.newModule #mainSection .grayBox01 .innerLeft .greenTitle01 {
    color:#0f7871;
    font-weight:bold;
    font-size:110%;
    margin-bottom:5px;
}

.newModule #mainSection .grayBox01 innerRight {
    float:left;
}

.newModule #mainSection .grayBox01 .grayBox02 {
    font-size:80%;
    background:#eee;
    padding:15px;
    margin-top:10px;
    line-height:180%;
}

.newModule #mainSection .effectBox02 {
    background:#f5fcfa;
    padding:30px;
    border:1px solid #d1eeec;
    border-radius:5px;
    font-size:110%;
    line-height:180%;
}


.newModule #mainSection .effectBox02 h3{
    font-size:150%;
    margin:-15px 0 20px -10px;
}



.newModule #mainSection .effectBox02 .effectTitle{
    border:none;
    padding:0;
}


.newModule #mainSection .effectBox02 dl.name{
    line-height:150%;
    font-size:80%;
}
    .newModule #mainSection .effectBox02 dl.name dt{
        font-weight:normal!important;
    }

    .newModule #mainSection .effectBox02 .effectTitle dt{
        float:left;
        color:#fff;
        background:#0f7871;
        border-radius:5px;
        padding:6px 10px 2px 10px;
        font-size:85%;
    }

        .newModule #mainSection .effectBox02 .effectTitle dd{
            font-weight:bold;
            width:420px;
            float:left;
            margin:7px 0 0 10px;
        }

        .newModule #mainSection .effectBox02 .effectTitle dd.line2{
            float:left;
            width:235px;
            line-height:130%;
            margin-top:-0.1em;
        }

        .newModule #mainSection .effectBox02 .innerLeft{
            width:335px;
            margin-right:20px;
            float:left;
        }

        .newModule #mainSection .effectBox02 .innerRight{
            float:left;
        }



.newModule #mainSection .voiceBox {
    width:100%;
    font-size:110%;
    line-height:180%;
}

.newModule #mainSection .voiceBox .voiceTitle {
    border-bottom:solid 1px #cccccc;
    font-weight:bold;
    font-size:110%;
    margin-bottom:10px;
    color:#355da5;
}

.newModule #mainSection .interviewSec .person2column {
}

.newModule #mainSection .interviewSec .person2column .personBox {
    float:left;
    width:180px;
    margin-right:20px;
}

.newModule #mainSection .interviewSec .person2column .personBox.mr0{
    margin-right:0px;
}

.newModule #mainSection .interviewSec .person2column .innerLeft{
    float:left;
    width:380px;
    margin-right:40px;
}

.newModule #mainSection .interviewSec .person2column .innerRight{
    float:left;
}



#mainSection .commentBox.noBox {
  background:none!important;
  margin: 34px 0 50px 0!important;
  padding:0!important;
  border:none!important;
}


.top55{margin-top:55px!important;}


/*----------------------------------------
    clear
----------------------------------------*/
.newModule #mainSection .effectBox02,
.newModule #mainSection .effectBox02 .effectTitle,
.newModule #mainSection .interviewSec .person2column{
  display:inline-block;
}

.newModule #mainSection .effectBox02:after,
.newModule #mainSection .effectBox02 .effectTitle:after,
.newModule #mainSection .interviewSec .person2column:after{
    content:".";
  display: block;
    height: 0;
    visibility:hidden;
    clear: both;
}

* html .newModule #mainSection .effectBox02,
* html .newModule #mainSection .effectBox02 .effectTitle,
*html .newModule #mainSection .interviewSec .person2column{
    height:1%;
}

/* Hides MacIE5 \*/

.newModule #mainSection .effectBox02,
.newModule #mainSection .effectBox02 .effectTitle,
.newModule #mainSection .interviewSec .person2column{
    display:block;
}

/* Hides MacIE5 */





















/*----------------------------------------
    150323トップ改修
----------------------------------------*/

/* newestSec */

div#contentsArea div#mainSection .linkBlock {
    border-top:2px solid #00a89e;
    padding: 0;
    background-color: inherit;
}

.linkBlock a {
    display: block;
    border: 1px solid #d5d5d5;
    border-top:none;
    background-color: #f3f3f3;
    color: #333;
}

.linkBlock a:hover {
    border: 1px solid #01B6AC;
    border-top:none;
    background-color: #E3EFEF;
    text-decoration: none;
}

#gnCase.topSec #contentsBlock div#mainSection {
    font-size:120%;
    line-height:160%;
    width: 860px;
    border: none;
}

    #gnCase.topSec #contentsBlock div#mainSection h3.h3Top{
        background:url(/common/img/co_bg_16.gif) top left no-repeat;
        margin-bottom:20px;
    }

        #gnCase.topSec #contentsBlock div#mainSection .hlBox{
        }
            #gnCase.topSec #contentsBlock div#mainSection .hlBox .hlTitle{
                background:#ffffff;
            }

                #gnCase.topSec #contentsBlock div#mainSection .hlBox .hlTitle p{
                    padding:20px 20px 15px 20px!important;
                    margin:0!important;
                    float:left;
                }

                #gnCase.topSec #contentsBlock div#mainSection .hlBox .hlTitle h2{
                    padding:27px 20px 15px 0!important;
                    font-size:140%;
                    float:left;
                }

                #gnCase.topSec #contentsBlock div#mainSection .hlBox .hlTitle h2.noLogo{
                    padding:15px 20px 15px 20px!important;
                }

                #gnCase.topSec #contentsBlock div#mainSection .hlBox .txArea{
                    padding:10px 20px 0 20px;
                }
                    #gnCase.topSec #contentsBlock div#mainSection .hlBox .txArea .txLeft{
                        width:600px;
                        float:left;
                    }

                    #gnCase.topSec #contentsBlock div#mainSection .hlBox .txArea .txRight{
                    padding-top:10px;
                        width:192px;
                        float:right;
                    }



/* caseSec */


#gnCase.topSec #contentsBlock div#mainSection .caseList{
    float:left;
    width:274px;
    margin:0 17px 17px 0;
}
#gnCase.topSec #contentsBlock div#mainSection .caseList:nth-of-type(3n) {
    margin-right:0!important;
}

#gnCase.topSec #contentsBlock div#mainSection .caseList h2{
    font-size:90%;
    line-height:120%;
    margin-bottom:4px;
}




    /*#gnCase.topSec #contentsBlock div#mainSection .caseList.last{
        margin-right:0!important;
    }*/

    #gnCase.topSec #contentsBlock div#mainSection #caseSec{
        margin-top:40px;
    }

        #gnCase.topSec #contentsBlock div#mainSection .caseList .hlBoxS{
        }
            #gnCase.topSec #contentsBlock div#mainSection .caseList .hlBoxS .hlTitle{
                padding:5px 10px 5px 12px;
                background:#ffffff;
            }
            #gnCase.topSec #contentsBlock div#mainSection .caseList .hlBoxS .hlTitle p{
                margin:0 0 3px 0!important;
            }

                #gnCase.topSec #contentsBlock div#mainSection .caseList .hlBoxS p.subTitle{
                    padding:10px 12px 7px 12px!important;
                    margin:0!important;
                    font-size:80%;
                    line-height:160%;
                }


/* projectSec */

    #gnCase.topSec #contentsBlock div#mainSection #projectSec{
        margin-top:23px;
    }

        #gnCase.topSec #contentsBlock div#mainSection #projectSec .linkBlock {
            border-top:2px solid #155d92;
            padding: 0;
            background-color: inherit;
        }


        #gnCase.topSec #contentsBlock div#mainSection #projectSec .linkBlock a:hover {
            border: 1px solid #87a1b7;
            border-top:none;
            background-color: #eaeff3;
            text-decoration: none;
        }






.pt5{padding-top:5px!important;}
.pt10{padding-top:10px!important;}
.pt15{padding-top:15px!important;}
.pt20{padding-top:20px!important;}
.pt25{padding-top:25px!important;}
.pt30{padding-top:30px!important;}
.pt35{padding-top:35px!important;}
.pt40{padding-top:40px!important;}
.pt45{padding-top:45px!important;}
.pt50{padding-top:50px!important;}
.pb5{padding-bottom:5px!important;}
.pb10{padding-bottom:10px!important;}
.pb15{padding-bottom:15px!important;}
.pb20{padding-bottom:20px!important;}
.pb25{padding-bottom:25px!important;}
.pb30{padding-bottom:30px!important;}
.pb35{padding-bottom:35px!important;}
.pb40{padding-bottom:40px!important;}
.pb45{padding-bottom:45px!important;}
.pb50{padding-bottom:50px!important;}

/*----------------------------------------
    150323 下層関連リンク追加
----------------------------------------*/

.logoServiceWrapper dl.kanrenLink{
    line-height:100%;
    border:none!important;
    float:right;
    margin-top:-35px!important;
    text-align:right;
}

    .logoServiceWrapper dl.kanrenLink dt{
        font-weight:normal!important;
    }

    .logoServiceWrapper dl.kanrenLink dd{
        float:right;
        margin-left:10px;
    }

    .logoServiceWrapper dl.kanrenLink a{
        display:inline-block;
        font-weight:normal;
        color:#ffffff;
        padding:5px 7px 5px 27px;
        padding:5px 7px 3px 27px\9;
        background:url(/common/img/co_ic_02.gif) 7px center no-repeat #009f96!important;
    }

    .logoServiceWrapper dl.kanrenLink a.bl{
        background:url(/common/img/co_ic_05.gif) 7px center no-repeat #009f96!important;
    }






#gnCase.topSec #contentsBlock div#mainSection .caseList h2.noimg{
    margin:8px 7px 7px 5px!important;
}


.titlesmal{font-size:80%;}


p#pageTop {
    background:url(/common/img/co_bg_11.png) center top no-repeat!important;
}


/*----------------------------------------
    case
----------------------------------------*/
#mainSection {
    _width: 590px !important;
}

#gnCase #contentsArea #mainSection h5 {
    zoom: 100%;
    /*border-bottom:1px solid #fff;  NN 7.x */
    padding-right: 8px;
}

#gnCase #contentsArea #mainSection h5:after {
    display: block;
    clear: both;
    height: 0;
    content: "";
}

/*- 見出し5（h5） タイトル -*/
#gnCase #contentsArea #mainSection h5 span.title {
    display: block;
    float: left;
}

/*- 見出し5（h5） アイコン -*/
#gnCase #contentsArea #mainSection h5 span.icon {
    display: block;
    float: right;
    padding: 2px 0 0 0;
    text-align: right;
}

#gnCase #contentsArea #mainSection p span.icon_cent {
    padding: 0 10px;
}

/*- 見出し5（h5） -*/
#gnCase #contentsArea #mainSection h5.none {
    margin: 0 0 10px 5px;
    padding: 0;
    border: 0;
    background: none;
    color: #B88A34;
}

/*- h5 -*/
#gnCase #contentsArea #mainSection em.tag {
    display: block;
    margin: 0 0 5px 5px;
    padding: 0 3px 2px 3px;
    border-bottom: 1px dashed #c5c5c5;
}

/*- tag -*/
#gnCase #contentsArea #mainSection ul.tag {
    zoom: 100%; /* IE */
}

#gnCase #contentsArea #mainSection ul.tag:after {
    display: block;
    clear: both;
    height: 0;
    content: "";
}

#gnCase #contentsArea #mainSection ul.tag li {
    float: left;
    margin: 0 0 2px 2px;
}

/*- リード文 -*/
#gnCase #contentsArea #mainSection p.leadText_case {
    margin: 0 0 20px 0 !important;
    color: #B88A34;
}

/*- 段落 (背景) -*/
#gnCase #contentsArea #mainSection p.textBorder {
    color: #B88A34;
}

/*- 事例紹介リンク -*/

#gnCase #contentsArea #mainSection h4.link {
    margin: 0 0 5px 0;
    background: none;
}

#gnCase #contentsArea #mainSection h4 a.link {
    color: #00998F;
    font-size: 110%;
    _font-size: 120%;
}

#gnCase #contentsArea #mainSection h4 a.linkbig {
    color: #00998F;
    font-size: 130%;
    _font-size: 140%;
    letter-spacing: 0.2em;
}

/*- IE6 文頭字下げ不具合対策 */
* html #mainSection p span.imgRight {
    display: inline;
}

#gnCase #contentsArea #mainSection .center {
    text-align: center;
}

/*- pop up window */
#gnCase #mainSection p#close {
    font-size: 75%;
}

#gnCase #mainSection p#close a {
    padding: 3px 0 3px 16px;
    color: #666666;
    background: url(/case/img/co_ic_01.gif) left center no-repeat;
}

/*==[ gNavArea ]========================================*/

/*-----事例紹介-----*/
/* default */
#gNavLi02 a {
    width: 113px;
    background-position: -113px -45px;
}

/* hover */
#gNavLi02 a:hover {
    background-position: -113px -90px;
}

/*==[ mainSection ]========================================*/

/*- mainSection -*/
div#mainSection p#pageTop {
    font-size: 75%;
    margin: 50px 0 25px !important;
    padding: 18px 0 10px 5px;
    text-align: right;
}

.h3Top {
    _width: 610px;
}

.h3Top02 {
    _width: 610px;
}




.contentsBoxCase01 h4 {
    font-size: 103%;
    margin: 0 0 5px 5px;
    padding: 0 5px 5px 0;
    color: #00998F !important;
    background: none;
}

/*- contentsBoxCase01-*/
.contentsBoxCase01 {
    margin-bottom: 30px;
}

.contentsBoxCase01 a {
    padding: 20px 20px 10px;
    width: 568px;
}

.contentsBoxTitle {
    margin-bottom: 10px;
    width: 580px;
    _width: 570px;
}

.contentsBoxTitle:after {
    display: block;
    clear: both;
    height: 0;
    content: "";
}

.contentsBoxLeft {
    float: left;
    margin: 0 0 0 5px;
}

.contentsBoxLeft img {
    background-color: #fff;
    padding: 5px;
}

.contentsBoxRight {
    float: right;
    width: 315px;
}

.contentsBoxRight .contentsBoxRightBtn p {
    margin-left: 30px !important;
}

.contentsBoxRight p {
    color: #444;
    font-weight: bold;
}

.textRightBox {
    width: 300px;
}

.contentsBoxRight .textRightBox {
    line-height: 0;
}

.textRightBox img {
    margin-left: 3px;
}

/*- contentsBoxCase02-*/
.contentsBoxCase02 {
    padding-bottom: 70px;
    width: 610px;
}

.contentsBoxCase02:after {
    display: block;
    clear: both;
    height: 0;
    content: "";
}

.contentsBoxLeft02,
.contentsBoxRight02 {
    width: 300px;
}

.contentsBoxLeft02 a,
.contentsBoxRight02 a {
    overflow: hidden;
    padding-bottom: 5px;
    width: 298px;
    background: url(/common/img/co_ln_04.gif) 5px 5px no-repeat #f3f3f3;
}

.contentsBoxLeft02 {
    float: left;
}

.contentsBoxRight02 {
    float: right;
}

.contentsBoxLeft02 img,
.contentsBoxRight02 img {
    float: left;
    margin: 11px 8px 0 5px;
}

.contentsBoxLeft02 .contentsBoxTtl,
.contentsBoxRight02 .contentsBoxTtl {
    margin: 28px 0 0 3px;
}

/*- contentsBoxCase03-*/
.contentsBoxCase03 {
    margin: 0 0 20px 0 !important;
    padding: 15px 15px 5px 15px;
    border: 1px solid #eee;
    background-color: #F3F3F3;
}

.contentsBoxCase03:after {
    display: block;
    clear: both;
    height: 0;
    content: "";
}

.contentsBoxCase03 img {
    float: left;
}

.pickUpList h2 {
    color: #00998E;
    font-size: 100%;
}

body:first-of-type .pickUpList h2 {
    color: #00998E;
    font-size: 100%;
}


.pickUpList .pdfIcon img {
    vertical-align: middle;
}

#contentsArea #mainSection .pickUpColumn a {
    padding: 15px;
    width: 578px;
}

/*==[sideNav ]========================================*/
*:first-child+html #sideSection #localNavigation ul li ul li a {
    background: url(/common/img/co_ic_01_big.gif) no-repeat scroll 20px 1em #FCFCFC;
    border: 1px solid #FCFCFC;
    padding: 6px 3px 6px 44px;
}

/*----------------------------------------
    newModule
----------------------------------------*/

.newModule #contentsBlock #mainSection {
    width: 600px;
    background: url(/common/img/co_bg_10.gif) top left no-repeat;
}

.newModule #mainSection p {
    margin: 0;
}

.newModule #mainSection h3 {
    margin: 0 0 24px -30px;
    padding: 15px 0 0 30px;
    background: url(/common/img/co_bg_20.gif) no-repeat left top;
    font-size: 172%;
    font-weight: normal;
    line-height: 166%;
}

.newModule #mainSection h4 {
    margin: 0;
    padding: 7px 0 0 14px;
    height: 37px;
    background: url(/common/img/co_bg_17.gif) left top no-repeat;
    line-height: 1.5em;
}

.newModule #mainSection h5 {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    font-size: 144%;
    color: #00A59E;
}

.newModule #mainSection h5 span {
    font-size: 67%;
  vertical-align: middle;
  color: inherit;
}

.newModule #mainSection .floatBox {
    width: 600px;
}

.newModule #mainSection .linkIcon_03 {
    font-size:12px;
}

.newModule #mainSection .iconPdf {
    padding: 0 0 0 6px;
  vertical-align: middle;
}

.newModule #mainSection .left {
    float: left;
}

.newModule #mainSection .right {
    float: right;
}

.newModule #mainSection .cateText {
    float: right;
    margin: 8px 2px 0 0;
}

.newModule #mainSection .cateText li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 3px 10px 0;
}

.newModule #mainSection .logoServiceWrapper {
  clear: both;
  margin-top:36px;
}

.newModule #mainSection .logoService {
    margin: 0;
  padding: 0;
    width: 100%;
  height: 120px;
  display: table-row;
  *display: block;
  *height: auto;
  *padding: 25px 0;
}

.newModule #mainSection .logoService li {
  display: table-cell;
  vertical-align: middle;
    margin: 0;
  *display: inline;
  *zoom:1;
}

.newModule #mainSection .logoService li img {
  margin-top:-10px;
}

.newModule #mainSection .logoService .cross {
    padding: 1px 20px 0;
}

.newModule #mainSection .companyLogo {
    margin:75px 0 -20px 0;
}

.newModule #mainSection .lineBox {
  margin: 15px 0 52px 0;
    padding-top: 11px;
    border-top: 1px dotted #ccc;
  clear: both;
}

.newModule #mainSection .lineBox .right {
  margin-top: -2px;
}

.newModule #mainSection h2 {
    margin-bottom: 32px;
    font-size: 200%;
    font-weight: normal;
    line-height: 170%;
}

.newModule #mainSection .explanation {
    margin-bottom: 40px;
    font-size: 116%;
    line-height: 220%;
}

.newModule #mainSection .effectBox {
    display: table;
    margin-bottom: 68px;
    width: 600px;
}
.newModule #mainSection .effectBox.mb30 {
    margin-bottom: 30px;
}

*:first-child+html .newModule #mainSection .effectBox {
    display: block;
    height: 1%:
}

*:first-child+html .newModule #mainSection .effectBox:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.newModule #mainSection .effectBox dl {
    display: table-cell;
    padding: 32px 28px 26px 36px;
    line-height: 180%;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: right 2px;
    *display: block;
    *float: left;
}

.newModule #mainSection .effectBox dt {
    font-size: 108%;
}

.newModule #mainSection .effectBox dd {
    margin-left: -18px;
    padding-left: 18px;
    background: url(/case/img/co_bg_04.png) no-repeat left 6px;
}

.newModule #mainSection .effectBox .before {
    width: 176px;
    border: 1px solid #ddd;
    background-image: url(/case/img/co_bg_02.png);
    background-color: #e6e6e6;
}

.newModule #mainSection .effectBox .arrow {
    display: table-cell;
    padding: 0 15px 0 18px;
    width: 13px;
    vertical-align: middle;
    *display: block;
    *float: left;
    *padding: 60px 0 0 18px;
}

.newModule #mainSection .effectBox .after {
    width: 250px;
    border: 1px solid #5985C3;
    background-image: url(/case/img/co_bg_03.png);
    *float: right;
}

.newModule #mainSection .effectBox .after dd {
    font-size: 116%;
    color: #5985C3;
}

.newModule #mainSection .interviewSec {
    margin-bottom: 30px;
}

.newModule #mainSection .interviewSec p {
    margin-bottom: 1em;
    font-size: 116%;
    line-height: 200%;
}

.newModule #mainSection .interviewSec .question {
    margin-left: -40px;
    padding-left: 40px;
    background: url(/case/introduction/023_yamagata_bank/img/index_bg_03.gif) 0 10px no-repeat;
    font-size: 120%;
    line-height: 170%;
    color: #3D5FAC;
}

.newModule #mainSection .interviewSec .floatBox {
    margin-bottom: 30px;
}

.newModule #mainSection .interviewSec .text {
    float: left;
    width: 380px;
}

.newModule #mainSection .interviewSec .personWrapper {
    float: right;
    margin-left: 40px;
    padding-bottom: 30px;
    width: 180px;
}
.newModule #mainSection .interviewSec .personWrapper.wide {
    width: 190px;
}

.newModule #mainSection .interviewSec .firstWrapper {
    padding: 20px 0 0;
}

.newModule #mainSection .interviewSec .personWrapper dl {
    margin: 13px 0 30px;
}

.newModule #mainSection .interviewSec .personWrapper dt {
    margin-bottom: 4px;
    font-size: 108%;
  font-weight: normal;
  color: #000;
}

.newModule #mainSection .interviewSec .personWrapper dd {
    font-size: 91%;
  line-height: 1.3em;
    color: #666;
}

.newModule #mainSection .rightSec .text {
    float: right;
}

.newModule #mainSection .rightSec .personWrapper {
    float: left;
    margin: 0 40px 0 0;
}

.newModule #mainSection .rightSec .firstWrapper {
    padding-top: 0;
}

.newModule #mainSection .interviewSec .ilust {
    margin-bottom: 20px;
    padding-top: 22px;
}

.newModule #mainSection .interviewSec .ilustText {
    margin-bottom: 42px;
    font-size: 91%;
    color: #666;
}

.newModule #mainSection .interviewSec .ilustText dt {
    margin-bottom: 2px;
}

.newModule #mainSection .notesList {
    width: 600px;

    padding-top:15px;
    margin: 54px 0 76px 0;
    background: url(/common/img/co_ln_01.gif) left top repeat-x;
}

.newModule #mainSection .notesList li {
    margin: 0 0 5px 0;
    width: 100%;
}

.newModule #mainSection .notesList li p {
    float: left;
    margin-bottom: 5px;
    line-height: 150%;
    font-size: 80%;
    color: #666666;
}

.newModule #mainSection .notesList li .noteNum {
    font-weight: bold;
    margin: 0 8px 0 0;
    display: block;
    float: left;
    color: #3F79C3;
}

.newModule #mainSection .notesList2 {
    margin: 54px 0 76px;
    padding-top: 16px;
    background: url(/common/img/co_ln_01.gif) left top repeat-x;
}

.newModule #mainSection .notesList2 li {
    margin: 0 0 5px 0;
    width: 600px;
}

.newModule #mainSection .notesList2 li p {
    float: left;
    margin-bottom: 0;
    line-height: 150%;
    font-size: 80%;
    color: #666666;
}

.newModule #mainSection .notesList2 li .noteNum {
    font-size: 80%;
    line-height: 150%;
    margin: 0 8px 0 0;
    display: block;
    float: left;
    color: #666666;
}

.newModule #mainSection .infoSec {
    padding-top: 19px;
    background: url(/common/img/co_ln_01.gif) left top repeat-x;
}

.newModule #mainSection .bottomBox {
    margin-bottom: 37px;
}

.newModule #mainSection .caseExample {
    margin-bottom: 50px;
}

.newModule #mainSection .bottomBox .left {
    width: 390px;
    font-size: 108%;
}
.newModule #mainSection .bottomBox .left.all {
    width: 600px;
    font-size: 108%;
}
.newModule #mainSection .bottomBox .left2 {
    width: 180px;
}


.newModule #mainSection .bottomBox .right {
    width: 180px;
}

.newModule #mainSection .infoSec .left th,
.newModule #mainSection .infoSec .left td {
    padding-bottom: 5px;
    line-height: 160%;
    vertical-align: top;
}

.newModule #mainSection .infoSec .left th {
    width: 106px;
    font-weight: normal;
    color: #666;
}

.newModule #mainSection .bottomBox .outer {
    border: 1px solid #ddd;
    background: #F3F3F3;
}

.newModule #mainSection .productSec .outer {
    padding: 28px 30px 30px;
}

.newModule #mainSection .productSec h5 a {
  display: inline-block;
    margin-bottom: 18px;
  color: #00998F;
  background: none;
  margin-bottom: 15px;
  border-bottom: 1px solid transparent;
  line-height: 1.2em;
  transition: .1s;
}

.newModule #mainSection .productSec h5 a sup {
  color: #00998F;
}
.newModule #mainSection .productSec h5 a sup.bottom {
  color: #00998F;
  vertical-align:bottom;
}

.newModule #mainSection .productSec h5 a:hover,
.newModule #mainSection .productSec h5 a:hover * {
  color: #00A99F;
}

.newModule #mainSection .productSec h5 span {
  margin-left: .3em;
}

.newModule #mainSection sup {
  font-size:70%;
  vertical-align: 0.4em;
  color: inherit;
  *color: #333;
}
.newModule #mainSection sup.bottom {
  vertical-align: bottom;

}

.newModule #mainSection .productSec p {
    margin-bottom: 6px;
    color: #000;
    line-height: 170%;
  font-size:97%;
}

.newModule #mainSection .cateProduct {
    margin: 8px 0 0 0;
}

.newModule #mainSection .cateProduct li {
    float: left;
    margin: 0 0 15px 2px;
    padding: 0 5px;
    border: 1px solid #ccc;
    background: #E3F6F3;
    font-size: 83%;
}

.newModule #mainSection .cateProduct2 {
    margin: 8px 0 0 0;
}

.newModule #mainSection .cateProduct2 li {
    float: left;
    margin: 0 0 0 2px;
    padding: 0 5px;
    border: 1px solid #ccc;
    background: #E3F6F3;
    font-size: 83%;
}

.newModule #mainSection .productSec .btn a {
    display: block;
    margin-top:25px;
    padding: 0 0 0 25px;
    width: 103px;
    height: 36px;
    border-radius: 5px;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08), 0 2px 2px 2px rgba(0,0,0,0.1);
    background: #009F96 url(/common/img/co_ic_27.gif) no-repeat 102px center;
    color: #fff;
    line-height: 36px;
  transition: .1s;
}

.newModule #mainSection .productSec .btn a:hover {
    text-decoration: none;
  background-color: #00A99F;
}

.newModule #mainSection .pdfSec .outer {
    padding: 25px 0 15px 0;
    height: 100%;
    text-align: center;
}

.newModule #mainSection .pdfSec .outer a {
  display: inline-block;
}

.newModule #mainSection .pdfSec .pdf {
    margin: 0 auto 18px;
    width: 90px;
    border: 1px solid;
  background:#fff;
  border-color: #c0c0c0 #a9a9a9 #a9a9a9 #c0c0c0;
    box-shadow: 5px 5px 0 0 rgba(0,0,0,0.2);
  transition: .1s;
  opacity: .85;
}

.newModule #mainSection .pdfSec a:hover .pdf {
  border-color: #00998E;
  opacity: 1;

}

.newModule #mainSection .pdfSec a .linkIcon_03 {
    padding: 2px 0 3px 20px;
    background: url(/common/img/co_ic_08.gif) left center no-repeat;
    color: #666;
}

.newModule #mainSection .pdfSec a .linkIcon_03 img {
  vertical-align: middle;
}

.newModule #mainSection .pdfSec a:hover .linkIcon_03 {
    color: #00998E;
}


.newModule #mainSection .pdfSec2{
    margin-bottom:50px;
}

.newModule #mainSection .pdfSec2 .outer {
    padding: 25px 0 16px 0;
    height: 100%;
    text-align: center;
    background:#f3f3f3;
    border:1px solid #dddddd;
    width:178px;
}

.newModule #mainSection .pdfSec2 .outer a {
  display: inline-block;
}

.newModule #mainSection .pdfSec2 .pdf {
    margin: 0 auto 18px;
    width: 90px;
    border: 1px solid;
  background:#fff;
  border-color: #c0c0c0 #a9a9a9 #a9a9a9 #c0c0c0;
    box-shadow: 5px 5px 0 0 rgba(0,0,0,0.2);
  transition: .1s;
  opacity: .85;
}

.newModule #mainSection .pdfSec2 a:hover .pdf {
  border-color: #00998E;
  opacity: 1;

}

.newModule #mainSection .pdfSec2 a .linkIcon_03 {
    padding: 2px 0 3px 20px;
    background: url(/common/img/co_ic_08.gif) left center no-repeat;
    color: #666;
}

.newModule #mainSection .pdfSec2 a .linkIcon_03 img {
  vertical-align: middle;
}

.newModule #mainSection .pdfSec2 a:hover .linkIcon_03 {
    color: #00998E;
}


.newModule #mainSection .relateSec {
    margin-bottom: 68px;
}

.newModule #mainSection .relateSec .headOuter {
    position: relative;
    margin-bottom: 16px;
}

.newModule #mainSection .relateSec h6 {
    margin: 0;
    font-size: 116%;
  background: #fff;
}

.newModule #mainSection .relateSec h6.small{
    margin: 0;
    font-size: 105%;
  background: #fff;
}

.newModule #mainSection .relateSec h6 a {
    display: block;
    padding: 11px 0 0 10px;
    width: 590px;
    height: 28px;
    background: url(/case/img/co_bg_05.gif) top left no-repeat;
    color: #333;
  transition: .1s;
}

.newModule #mainSection .relateSec h6 a:hover {
  opacity: 0.8;
}

.newModule #mainSection .relateSec .cateText {
    position: absolute;
  right: 36px;
    top: 13px;
    margin: 0 0;
    line-height: 0;
    pointer-events: none;
}

.newModule #mainSection .relateSec .cateText li {
    margin-bottom: 0;
}

.newModule #mainSection .relateSec p {
    margin-bottom: 6px;
    font-size: 108%;
    line-height: 170%;
}

.newModule #mainSection .relateSec .title {
    margin-bottom: 8px;
    color: #808080;
  font-weight: bold;
}

.newModule #mainSection .relateSec .detailLink {
    text-align: right;
    margin-bottom: 30px;
    line-height: 100%;
}

.newModule #mainSection .relateSec .linkIcon_01 {
    background-position: 4px 6px;
}

* html .clearFix {
    height: 1%:
}

*:first-child+html .clearFix {
    height: 1%:
}

.clearFix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

#mainSection .colorBox {
    display: block;
    margin: 0 20px 20px 20px;
    padding: 8px 12px;
    border: 3px solid #dbdbdb;
    font-style: normal;
    background-color: #f7f7f7;
}

#mainSection .footNav {
    width: 600px;
}

#mainSection .footNav .left,
#mainSection .footNav .right {
    width: 285px;
    padding-top: 14px;
    background: url(/common/img/co_bg_08.gif) top left repeat-x;
}

#mainSection .footNav .left {
    float: left;
}

#mainSection .footNav .right {
    float: right;
}

#mainSection .footNav .title {
    margin-bottom: 22px;
    font-size: 116%;
    font-weight: bold;
    color: #666;
}

#mainSection .footNav li {
    margin-bottom: 8px;
}

#mainSection .footNav li a {
    display: block;
    padding-left: 28px;
    background: url(/common/img/co_ic_02.gif) no-repeat left 4px;
    color: #666;
}

#mainSection .footNav li a.newwin {
    background: url(/common/img/co_ic_05.gif) no-repeat left 4px!important;
}


#mainSection .footNav li a:hover {
  color: #007871;
}


#mainSection .commentBox {
  background: #f5fcfa;
  margin: 34px 0 50px 0;
  padding: 30px 30px 15px 30px;
  border: 1px solid #d0eeec;
}

#mainSection .commentBox h4 {
  margin-bottom: 15px;
  padding: 0;
  font-size: 120%;
  line-height: 170%;
  background: none;
  height: auto;
}

#mainSection .commentBox p {
  float: left;
}

#mainSection .commentBox .leftBox {
  float: left;
  width: 318px;
  margin-right: 40px;
}

#mainSection .commentBox .rightBox {
  width: 180px;
  float: left;
}

#mainSection .commentBox .leftBox02 {
  float: left;
  width: 180px;
  margin-right: 40px;
}

#mainSection .commentBox .rightBox02 {
  width: 318px;
  float: left;
}

#mainSection .commentBox .personBox .logo {
  margin: 10px 0 0 0;
  background:#ccc;
  float: left;
}

#mainSection .commentBox .personBox dl {
  border-left: 3px solid #b1e2df;
  margin: 13px 0 30px 0;
  float: left;
}

#mainSection .commentBox .personBox dl dt {
  font-weight: normal;
  font-size: 105%;
  line-height: 115%;
}

#mainSection .commentBox .personBox dl dd {
  color: #666666;
  font-size: 90%;
  line-height: 135%;
}

#mainSection .commentBox .personBoxWide {
    margin-bottom:25px;
}
#mainSection .commentBox .personBoxWide .innerLeft {
    width:270px;
    float:left;
}
#mainSection .commentBox .personBoxWide .innerRight {
    width:265px;
    float:left;
}
#mainSection .commentBox .personBoxWide .innerRight dl{
 border-left: 3px solid #b1e2df;
 margin: 0;
}

#mainSection .em4_3 {
  margin-left:4.3em;
}

#mainSection .commentBox .textBox {
  float: left;
  width: 540px;
  *margin-top:15px;
}

#mainSection .commentBox .textBox02 {
  float: left;
  width: 540px;
  margin-top:-10px;
  *margin-top:0;
}

/*==[ pagination ]==*/
.newModule div#mainSection div.pagination {
    margin: 0 40px 40px 40px;
    padding: 18px 10px 6px 10px;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    font-size: 100%; /* IE */
    /* JIS規格対応 /common/js/common.js */
    /*
        line-height:100%;
      */
    /* /JIS規格対応 /common/js/common.js */
    text-align: center;
    zoom: 100%;
    _font-size: 100%; /* IE */

}

html > body .newModule div#mainSection div.pagination {
    font-size: 100%;
}

.newModule div#mainSection div.pagination:after {
    display: block;
    clear: both;
    height: 0px;
    content: "";
}

.newModule div#mainSection div.pagination ul {
    margin: -10px 0 0 0 !important;
    min-height: 1px;
    _height: 1px;
}

.newModule div#mainSection div.pagination ul li {
    padding: 0 !important;
    background-image: none !important;
}

.newModule div#mainSection div.pagination ul li a {
    color: #666;
    font-size: 100%; /* IE */
    /* JIS規格対応 /common/js/common.js */
    /*
        line-height:100%;
      */
    /* /JIS規格対応 /common/js/common.js */
}

.newModule div#mainSection div.pagination ul li a:hover {
    color: #00998f;
    text-decoration: none;
}

/*- link back -*/
.newModule div#mainSection div.pagination ul li.paginationBack {
    float: left;
}

.newModule div#mainSection div.pagination ul li.paginationBack a {
    padding: 1px 0 1px 20px;
    background: url(/common/img/co_ic_03.gif) left center no-repeat;
    _height: 1px; /* IE 6.x */
}

/*- link next -*/
.newModule div#mainSection div.pagination ul li.paginationNext {
    float: right;
}

.newModule div#mainSection div.pagination ul li.paginationNext a {
    padding: 1px 20px 1px 0;
    background: url(/common/img/co_ic_02_s.gif) right center no-repeat;
    _height: 1px; /* IE 6.x */
}

/*==[ relation list ]==*/
.newModule #mainSection .relationList, /* for HTML5 */
div#mainSection div.relationList {
    margin: 0 0 40px 0;
    font-size:110%;
}

/*- first line -*/
.newModule div#mainSection div.relationList_01 {
    margin: 0 0 0 5px;
    padding: 8px 12px;
    border-top: 3px solid #00a99e;
    border-bottom: 1px solid #00a99e;
    background-color: #f7f7f7;
}

/*- other line -*/
.newModule div#mainSection div.relationList_02 {
    margin: -1px 0 0 5px;
    padding: 8px 12px;
    border-bottom: 1px solid #00a99e;
    background: url(/common/img/co_ln_02.gif) left top repeat-x #f7f7f7;
}

.newModule #mainSection .relationList ul, /* for HTML5 */
div#mainSection div.relationList ul {
    margin: 0 !important;
}

.newModule #mainSection .relationList ul li, /* for HTML5 */
div#mainSection div.relationList ul li {
    margin: 0 0 3px 0 !important;
}

/*==[ twoColumnHeading_03 ]==*/
.newModule #mainSection .twoColumnHeading_03{
    font-size:80%;
}

/*==[ strong ]==*/
.newModule #mainSection strong{
    font-size:120%;
}
.newModule #mainSection strong.name{
    font-size:100%;
}

/*==[ h6 ]==*/
.newModule #mainSection h6{
    font-size:120%;
    margin:20px 0 15px 0;
}

/*==[ oList ]==*/
.newModule #mainSection .oList{
    font-size:110%;
    line-height:180%;
}

/*==[ unoList ]==*/
.newModule #mainSection .unoList{
    font-size:110%;
    line-height:180%;
}

/*==[ threeColumn_01 ]==*/
.newModule #mainSection .threeColumn_01 .centerColumn{
    margin:0 28px 0 28px !important;
}

/*==[ dList ]==*/
.newModule #mainSection .dList dd{
    width:530px;
}

div#mainSection .top5 {
    display: block;
    margin-top: 5px !important;
}

div#mainSection .top10 {
    display: block;
    margin-top: 10px !important;
}

div#mainSection .top20 {
    display: block;
    margin-top: 20px !important;
}

div#mainSection .top30 {
    display: block;
    margin-top: 30px !important;
}

div#mainSection .bottom10 {
    display: block;
    margin-bottom: 10px !important;
}

div#mainSection .bottom20 {
    display: block;
    margin-bottom: 20px !important;
}

div#mainSection .bottom30 {
    display: block;
    margin-bottom: 30px !important;
}

/*----------------------------------------
    clear
----------------------------------------*/
#mainSection .commentBox,
#mainSection .commentBox .personBoxWide,
div#mainSection,
div#mainSection.kanrenLink,
.newModule #mainSection .grayBox01,
.newModule #mainSection .voiceBox,
.newModule #mainSection .interviewSec .person2column{
  display:inline-block;
}

#mainSection .commentBox:after,
#mainSection .commentBox .personBoxWide:after,
div#mainSection:after,
div#mainSection.kanrenLink:after,
.newModule #mainSection .grayBox01:after,
.newModule #mainSection .voiceBox:after,
.newModule #mainSection .interviewSec .person2column:after{
    content:".";
  display: block;
    height: 0;
    visibility:hidden;
    clear: both;
}

* html #mainSection .commentBox,
* html #mainSection .commentBox .personBoxWide,
* html div#mainSection,
* html div#mainSection.kanrenLink,
* html .newModule #mainSection .grayBox01,
* html .newModule #mainSection .voiceBox,
* html .newModule #mainSection .interviewSec .person2column{
    height:1%;
}

/* Hides MacIE5 \*/

#mainSection .commentBox,
#mainSection .commentBox .personBoxWide,
div#mainSection,
div#mainSection.kanrenLink,
.newModule #mainSection .grayBox01,
.newModule #mainSection .voiceBox,
.newModule #mainSection .interviewSec .person2column{
    display:block;
}

/* Hides MacIE5 */