@charset "utf-8";
/* ===================================================================
CSS information

 file name  :dtp.css
 style info :DTP専用
 last update:2013.02
=================================================================== */

img.marginLeft{
 margin-left: 10px;
 }

#contentsWrapper p{
margin: 10px auto 20px;
padding: 5px;
}


#pageTop {
padding: 0;
}

div.subHead{
 border-left: 4px solid #66bd00;
 width: 100%;
 margin: 20px auto;
 }
 div.subHead h4{
   color: #333;
   font-size:130%;
   text-indent: 5px;
   }
 div.subHead p{
  text-indent: 5px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  }
img.dtpImgTop {
    margin: 0 auto;
    display: block;
    max-width: 696px;
    width: 100%;
}
ul.dtpImgBtm li{
    float: left;
    width: 32%;
    margin-right: 2%;
    text-align: center;
}
ul.dtpImgBtm li img{
    width: 100%;
}
ul.dtpImgBtm li:last-of-type{
    margin-right: 0;
}
ul.logoImg li {
    float: left;
    width: 24%;
    margin-right: 1.33%;
}
ul.logoImg li img{
    width: 100%;
}
ul.logoImg li:last-of-type{
    margin-right: 0;
}
.otherImgWrap {
    text-align: center;
    line-height: 0;
}
ul.otherImg {
    display: inline-block;
}
ul.otherImg li {
    float: left;
}
ul.otherImg li img {
    width: 100%;
}
ul.otherImg li:first-of-type {
    width: 33%;
}
ul.otherImg li:last-of-type {
    width: 67%;
}
	/*実績ページへ*/
  div.worksListWrap{
   width: 765px;
   border: 1px solid #ccc;
   clear: both;
   display: block;
   overflow: hidden;
   margin: 20px auto;
   }
   div.worksListWrap div.worksheadWrap{
    width: 100%;
    display: block;
    clear: both;
    overflow: hidden;
    background: url(../img/cmn_bg_dot.gif) repeat-x bottom;
    }
   div.worksListWrap h4{
    border-left: 5px solid #f93c78;
    font-size: 135%;
    margin: 5px ;
    text-indent: 5px;
    }
   div.worksListWrap img{
    float: right;
    display: inline;
    >margin-top: -25px;
    }
   div.worksListWrap ul{
    float: left;
    display: inline;
    width: 180px;
    padding: 10px 3px;
    }

.f_corporate p {
line-height   : 140%  ;
}

 div#contactArea img{
  margin: -9px 0 0 540px;
  }

@media screen and (max-width: 840px) {
    div.worksListWrap{
        width: 100%;
    }
}
@media screen and (max-width: 640px) {
    ul.logoImg li {
        float: left;
        width: 49%;
        margin-right: 2%;
        margin-bottom: 10px;
    }
    ul.logoImg li:nth-of-type(2),
    ul.logoImg li:last-of-type{
        margin-right: 0;
    }
    ul.logoImg li:nth-of-type(3),
    ul.logoImg li:nth-of-type(4){
        margin-bottom: 0;
    }
    ul.otherImg li {
        float: none;
        text-align: center;
    }
    ul.otherImg li:first-of-type,
    ul.otherImg li:last-of-type {
        width: 100%;
    }
    ul.otherImg li:first-of-type img{
        width: 209px;

    }
}