@charset "utf-8";

/* 一括指定 */

div.mainappeal h2 span,
div.mainappeal p span,
div.subappeal h2,
div.subappeal span,
div.result h3 span,
div.mailform a span,
div.results h3 span,
div.service h3 span,
div.news h3 span{
  visibility:hidden;
}

/* h1背景画像 */

h1{
    background:url(../images/01_top/bg_main-trans.png) no-repeat;
	height:341px;
	margin-bottom:0;
}

/* メインキャッチ  */

div.subappeal{
  height:340px;
  padding:100px 0 0 0;
  background:url(../images/01_top/img_subimages.jpg) no-repeat;
}

div.subappeal p{
  margin:3px 30px 0 30px;
}

/* ホームページで結果を求める為に */

div.result h2{
  background:url(../images/01_top/h2_result.jpg) no-repeat;
  height:60px;
  margin-bottom:30px;
}

div.result h2 span{
  visibility:hidden;
}

/* 制作目的の優先順位を明確に / コミュニケーションと信頼関係 */

div.definitely{
  margin-bottom:30px;
  background:url(../images/01_top/bg_definitely.jpg) no-repeat;
}

div.definitely p{
  width:430px;
  padding:35px 0 0 10px;
}

div.trust{
  background:url(../images/01_top/bg_trust.jpg) no-repeat;
  height:100%;
  margin-bottom:30px;
}

div.trust p{
  width:430px;
  padding:35px 0 0 250px;
}

/* まずは判断する為にお問い合わせ下さい！ */

div.mailform{
  background:url(../images/01_top/bg_mailform.jpg) no-repeat;
  height:336px;
}

div.mailform h2 span{
  visibility:hidden;
}

div.mailform p{
  width:655px;
  margin:40px 0 -20px 10px;
  line-height:1.6;
}

div.mailform a{
  width:655px;
  height:165px;
  display:block;
}

/* 最新の制作実績 */

div.results h2{
  background:url(../images/01_top/h2_productionResults.jpg) no-repeat;
  height:114px;
}

div.results h2 span{
  visibility:hidden;
}

div.results ul{
  display:inline-block;
  margin:0 auto 5px auto;
}

div.results ul li{
  display:inline;
  margin-right:6px;
}

div.results ul li img{
  border:2px solid #FF9900;
}

div.results ul li.arrow img{
  border:none;
}

div.loop-list ul#list li img{
  margin-right:5px;
}

/* 常に新しい情報を発信 */

div.support{
  background:url(../images/01_top/bnr_support.jpg) no-repeat;
  height:200px;
  margin-bottom:40px;
}

div.support h2 span{
  visibility:hidden;
}

div.support p{
  width:520px;
  padding:40px 0 0 20px;
}

div.support strong{
  color:#C00C00;
}

div.support p a{
  display:inline-block;
  width:200px;
  height:35px;
  position:relative;
  top:-12px;
  left:340px;
}

div.support p a span{
  visibility:hidden;
}

/* 新着情報 */

div.news h3{
  background:url(../images/01_top/h3_information.jpg) no-repeat;
  height:30px;
 }

div.news ul{
  height:120px;
  overflow-y:scroll;
  padding:0 10px 0 10px;
  margin:25px 0 25px 0;
}

div.news ul li{
  border-bottom:1px dotted #999;
  padding:0 10px 10px 15px;
  margin-bottom:10px;
 }

div.news ul li a{
  color: #83AD00;

}