/**************************
Shared setting
**************************/

#contentbody{
    /*margin-bottom:100px;*/
}


a.withLine{
    text-decoration:underline;
}

.errMsg{
    margin: 5em 2em;
}


/*角丸ボタン
#contentbody .centerBox > a.more-btn-blue{
    width:670px;
    height:65px;
    font-size:18px;
    line-height:65px;
    margin-top:1em;
}
*/

/*多分消す！
a[class^="more-btn"]{
    width:215px;
    height:50px;
    display:inline-block;
    font-size:14px;
    line-height:50px;
    text-align:center;
    position:relative;

    margin:0 auto;
    border-width:0px;
    border-style:solid;

    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
}


a[class^="more-btn-"]:after{
    content:"＞";
    position:absolute;
    right:1em;
}

a.more-btn-blue{
    color:#FFFFFF;
    background-color:#232B71;
}

a.more-btn-glay{
    color:#FFFFFF;
    background-color:#666666;
    border-color:#666666;
}


a.more-btn-b{
    color:#000000;
    border-color:#000000;
}

a.more-btn-w{
    color:#FFFFFF;
    border-color:#FFFFFF;
}

a.more-btn-w{
    color:#FFFFFF;
    border-color:#FFFFFF;
}
*/

/*
#contentbody .centerBox > a.more-btn-blue{
    width:670px;
    height:65px;
    font-size:18px;
    line-height:65px;
    margin-top:1em;
}
*/


/*角丸ボタン*/
a.round-btn{
    width:215px;
    height:50px;
    display:inline-block;
    font-size:14px;
    line-height:50px;
    text-align:center;
    position:relative;

    margin:0 auto;
    border-width:0px;
    border-style:solid;

    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
}

a.round-btn:hover{
    opacity:0.75;
    filter:alpha(opacity=75);
    -ms-filter:"alpha( pacity=75)";
}

a.blue{
    color:#FFFFFF;
    background-color:#232B71;
}

a.glay{
    color:#FFFFFF;
    background-color:#666666;
    border-color:#666666;
}

a.more:after{
    content:"＞";
     /*content:"\003e";*/
    position:absolute;
    right:1em;
}

a.large{
    width:670px;
    height:66px;
    font-size:18px;
    font-weight:bold;
    line-height:66px;
}

/*斜線ボックス*/

.sripeBox{
    display:inline-block;
    padding:4px;
    background-image:url('/common/images/bg_stripe.png');
    float:left;
}

#home .sripeBox:hover,
#service .sripeBox:hover,
.twinBox > .sripeBox.largeLink:hover,
.tripleBox > .sripeBox.largeLink:hover{
    opacity:0.7;
    filter:alpha(opacity=70);
    -ms-filter:"alpha( pacity=70)";
}

.sripeBox > .innerBox{
    padding:14px;
    background-color:#FFFFFF;
}

.sripeBox > .innerBox > .boxTitle{
    line-height:200%;
    font-size:12px;
    color:#999999;
}

.sripeBox > .innerBox > p{
    overflow:hidden;
    font-size:14px;
    line-height:143%;
}

.innerBox a.rightBox{
    font-size:12px;
    color:#999999;
    line-height:200%;
    text-decoration:underline;
    margin-top:12px;
}
.innerBox a.rightBox:hover{
    text-decoration:none;
}

/*斜線ボックス 3連*/

.tripleBox {
    /**/
}

.tripleBox > .sripeBox {
    /*width:312px;*/
    margin-bottom:20px;
}

.tripleBox > .sripeBox:nth-child(3n+1) {
    margin-right:18px;
}

.tripleBox > .sripeBox:nth-child(3n+3) {
    margin-left:18px;
}


.tripleBox > .sripeBox > .innerBox{
    width:304px;
    min-height:163px;
}

#relatedService .tripleBox > .sripeBox > .innerBox{
    min-height:120px;
}

.tripleBox > .sripeBox > .innerBox > p{
    min-height:4em;
}

/*斜線ボックス 2連*/

.twinBox {
    /**/
}

.twinBox > .sripeBox {
    margin-bottom:12px;
}

.twinBox > .sripeBox:nth-child(odd){
    margin-right:20px;
}

.twinBox > .sripeBox > .innerBox{
    width:470px;
    min-height:110px;
}



/*Block List*/

ul.blockList{
    display:inline-block;
    overflow:hidden;
    margin:0 auto;
}

ul.blockList > li{
    float:left;
    margin:0 2px;
    position:relative;
}

ul.blockList > li > a{
    display:inline-block;
    color:#000000;
    border:1px solid #ababab;
    text-align:center;
    font-size:14px;
}

ul.blockList > li > a:hover{
    background-color:#ababab;
    color:#FFFFFF;
}
ul.blockList > li > a.current{
    background-color:#ababab;
    color:#FFFFFF;
}

/*Pager*/
.wp-pagenavi{
    display:inline-block;
    overflow:hidden;
    margin:0 auto;
}
.wp-pagenavi span.pages{
    display:none;
}

.wp-pagenavi > span,.wp-pagenavi > a{
    float:left;
    margin:0 2px;
    position:relative;
    display:inline-block;
    border:1px solid #ababab;

    width:38px;
    height:38px;

    font-size:14px;
    line-height:38px;
    text-align:center;
    color:#999999;
}

.wp-pagenavi > a:hover{
    background-color:#ababab;
    color:#FFFFFF;
}
.wp-pagenavi > span.current{
    background-color:#ababab;
    color:#FFFFFF;
}
.wp-pagenavi > a.first,
.wp-pagenavi > a.last,
.wp-pagenavi > span.extend{
    padding-left: 4px;
    padding-right: 4px;
    border: none;
    width: auto;
}

/*
ul.pager > li > a{
    width:45px;
    height:45px;
    line-height:45px;
    color:#999999;
}
*/

/*スラッシュリスト*/
ul.slashList{
    width:100%;
    display:block;
    overflow:hidden;
    font-size:12px;
    color:#999999;
        height: 2em;
}


ul.slashList > li{
        /*
    float:left;
        */
        display:inline-block;
}

ul.slashList li:after{
    content:"/";
    margin:0 1em;
}

ul.slashList > li:last-child:after{
    content:"";
    margin:0 1em;
        display:none;
}

ul.slashList > li:last-child span:after,
ul.slashList > li:last-child a:after{
    content: ",";
    margin-right: 1em;
}

ul.slashList > li:last-child span:last-child:after,
ul.slashList > li:last-child a:last-child:after{
    content:"";
}

ul.slashList li > span,
ul.slashList li > a{
   font-weight:normal;
   color:#999999;
}


ul.slashList li.future{
   font-weight:bold;
   color:#000000;
}


/*Brake Style*/
ul.brakeList li{
    float:left;
    margin-right:1em;
}

ul.brakeList:after{
    content:"";
    clear:both;
}

/*Disk List*/
ul.diskList{
    margin:1em 0 1em 1em;
}

ul.diskList > li:before{
    content:'■';
    margin-left:-1em;
    margin-right:0.5em;
}


/*DotList*/
ul.dotList{
    /*margin:1em 0 1em 1em;*/
    margin-left:1em;
}

ul.dotList > li:before{
    content:'・';
    margin-left:-1em;
}

/*Cheak List*/
ul.icon-chklist{
    /**/
}

ul.icon-chklist > li:before{
    content: '\e808';
    margin-right:1em;
    margin-bottom:1em;
}

ul.twinList > li {
    width:50%;
    float:left;
}


/*グレーリスト*/
ul.grayList{
    background-color:#666666;
    padding:15px 30px;
    color:#CCCCCC;
        height: auto;
}


ul.grayList > li > a{
    color:#FFFFFF;
    text-decoration: underline;
}

ul.grayList > li > a:visited{
    color:#d4d4d4;
    text-decoration:none;
}

/*注意リスト*/
ul.noteList{
    /*margin-left:0em;*/
}

ul.noteList > li{
    text-indent:-1em;
       margin-left:1em;
}


/*Box Settings*/

.leftBox{
    float:left;
}

.rightBox{
    float:right;
}

.largeTxt{
    font-size:26px;
}

.centerBox{
    clear:both;
    text-align:center;
}

.clearFloat{
    clear:both;
}



/*Text Size*/

.txt10{
    font-size:10px;
}
.txt12{
    font-size:12px;
}
.txt16{
    font-size:16px;
    line-height:32px;
}
.txt18{
    font-size:18px;
}

.grayTxt{
    color:#CCCCCC;
}

.grayTxt2{
    color:#a1a1a1;
}

ul.slashList li > span.featureTxt{
    color:#000000;
    font-weight: bold;
}

.lh2w{
    line-height:200%;
}

/*強調表示*/
em{
    color:#DB0000;
    font-weight:bold;
}

/*Number List*/
ol.numList{
    list-style-type: decimal;
    list-style-position:outside;
    margin:1em 0 1em -1em;
}
ol.numList > li{
    margin-left:2.5em;
}


.icon-dd dd:before{
    content: '\e802';
}


div[class^="box-"] > dl >dt{
    font-weight:bold;
    font-size:16px;
    clear:both;
}
div[class^="box-"] > dl > dd{
    margin-top:20px;
}



/*moreButton Button*/

.moreButton{
    margin:10px auto 0;
    width:64px;
    height:34px;
    padding:10px 20px;
    display:block;
    cursor:pointer;
}

.moreButton.columnMore{
    margin:-15px auto 0;
}
.moreButton:hover{
    opacity:0.75;
    filter:alpha(opacity=75);
    -ms-filter:"alpha( pacity=75)";
}

.moreButton > p{
    height:14px;
    width:24px;
    display:block;
    background:url('/common/images/down_arrow.png') no-repeat center top;
}


.moreButton.opened > p{
    background-position:center bottom;
}

/*関連するサービス*/
#relatedService{
    /**/
}

#relatedService .innerBox > p{
    height:1.43em;
    min-height:1.43em;
}

#relatedService .sripeBox > .innerBox {
  padding:25px 19px 14px 13px;
}

#relatedService .tripleBox > .sripeBox {
  margin-bottom: 0;
}


/*関連する実績*/
#relatedWorks{
    /**/
}

#relatedWorks .sripeBox > .innerBox {
  padding:17px 19px 14px 17px;
}

#relatedWorks .boxTitle{
    margin-bottom:12px;
}

#relatedWorks .innerBox > p{
    height:4.2em;
    min-height:4.2em;
}

/*#relatedWorks .innerBox a.rightBox {
    margin-top:12px;
}*/

/*
#relatedWorks .moreDown{
    margin:10px 0 0;
}
*/

/*関連するコラム*/
#relatedColum{
    /**/
}

#relatedColum ul{
    /**/
}

#relatedColum ul > ul.slashList{
    font-size:12px;
    color:#999999;
    line-height:200%;
    /*margin-bottom:10px;*/
}

#relatedColum ul > li > .columTitle{
    line-height:186%;
    margin-bottom:25px;
}

#relatedColum ul > li > .columTitle:hover{
    text-decoration: underline;
}

#relatedColum ul > li > .columTitle:before{
    display: inline-block;
     content:"\003e \00A0";
    /*content: '\e800';*/
   /*content: '＞';*/
}

@media screen and (min-width: 768px) {
    /* module */
    .pcHide{
        display: none;
    }
}


.relatedEntry{
    background:#f4f4f4;
}
.relatedEntry > .heading{
    border-bottom:1px solid #666666;
    padding-bottom:10px;
    font-weight:normal;
}
.relatedEntry .mod_entryList + .more{
    margin-top:0;
}
.relatedEntry{
    margin:60px 0 0;
    padding:38px 20px 20px;
}
.relatedEntry > .heading{
    margin:0 0 30px;
    font-size:30px;
}
.relatedEntry .mod_entryList{
    margin-right:-20px;
}
.relatedEntry .mod_entryList > li{
    margin:0 20px 20px 0;
    width:300px;
}
.relatedEntry .mod_entryList > li .image{
    width:300px;
    height:158px;
}
.relatedEntry .mod_entryList > li .inner{
    height:150px;
    padding-top:20px;
}