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

 file name  :website.css
 style info :ホームページ制作専用
 last update:2010.05
=================================================================== */

.floatRight{
 float: right;
 display: inline;
 margin: 10px;
 }
.marginRight{
 margin-right: 10px;
 }

p{ margin: 10px 0 20px; line-height: 1.7em;}

div#meritWrap{
 background: url(../img/website_bg_merit.gif) no-repeat;
 width: 515px;
 height: 115px;
 margin: 10px 0;
 overflow: hidden;
 }
 div#meritWrap h4{
  background: url(../img/icon_arrow_gray.gif) no-repeat left;
  text-indent: 15px;
  margin: 15px 15px 0;
  font-size: 120%;
  color: #333;
  }
 div#meritWrap ul{
  margin: 0 0 0 25px;
  }
 div#meritWrap ul li{
  list-style: url(../img/icon_dot_gray.gif) inside;
  font-size: 90%;
  margin: 3px 0;
  }

h4.greenLine{
 border-left: 4px solid #66bd00;
 margin: 15px auto;
 color: #333;
 font-size:130%;
 padding-left: 5px;
 }

div#imageWrap{
 margin: 0 0 10px 5px;
 }

	/*実績ページへ*/
  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.worksEx{
    float: left;
    display: inline;
    width: 370px;
    padding: 10px 3px;
    border-right: 1px solid #ccc;
    margin: 5px 0;
    }
   div.nonborder{
   border: none;
   }
   div.worksEx img.photo{
    border: 1px solid #ccc;
    float: left;
    display: inline;
    margin: 5px;
    }