body{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
h1{margin:0;}
#wrapper{background:url(../images/site_bg.png) repeat-y center 0;}
#contents{}


/*----------------------------------------------------------

  header

----------------------------------------------------------*/
#header{
  width:100%;
  background:url(../images/header_bg.png) repeat-x;
}
#header .inner{
  width:960px;
  height:173px;
  margin:0 auto;
  position:relative;
}
#header .logo{
  width:192px;
  position:absolute;
  left:376px;
  z-index:1;
  font-size:0;
}
#header #menu{
  position:absolute;
  bottom:32px;
}
#header #menu ul{
  margin:0;
  padding:0;
  background:url(../images/menu_bg.png);
  height:28px;
}
#header #menu li{
  float:left;
  list-style:none;
}
#header #menu li:nth-child(3n){margin-left:208px;}
#header #menu ul > *:first-child + * + *{margin-left:208px;}/* IE7,8 */
#header #menu li a:hover{opacity:0.3;}
#header #h_contact{
  position:absolute;
  top:0;
  right:0;
}
#header #h_contact li{
  float:left;
  list-style:none;
}
#header #h_contact li:nth-child(2n){ margin-left:10px;}
#header #h_contact li a:hover{opacity:0.3;}
#header #topImg{
  width:100%;
  height:382px;
  margin-top:-13px;
  text-align:center;
  background: url(../images/index_topImg.jpg) no-repeat top center #595757;
}

/*----------------------------------------------------------

  footer

----------------------------------------------------------*/
#footer{
  width:100%;
  background: url(../images/footer_bg.png) repeat-x #e50012;
  color:#fff;
  margin-top:100px;
  padding-bottom:100px;
}
#footer .inner{
  width:960px;
  margin:0 auto;
  position:relative;
}
#footer #f_menu{
  font-size:108%;
  position:absolute;
  top:40px;
  right:0;
}
#footer #f_menu a{
  text-decoration:none;
  color:#fff;
}
#footer a:hover{ opacity:0.5;}
#footer #f_menu ul{
  margin:0;
  padding:0;
}
#footer #f_menu li{
  float:left;
  list-style:none;
}
#footer #f_menu li:after{
  content:"｜";
}
#footer #f_menu li:first-child:before{
  content:"｜";
}
#footer img.f_logo{
  margin-top:-20px;
}
#footer h2.c_name{
  font-size:138.5%;
  position:absolute;
  top:64px;
  left:200px;
}
#footer p{ font-size:108%;}
#footer p.zipcode{
  position:absolute;
  top:90px;
  left:190px;
}
#footer p.location{
  position:absolute;
  top:110px;
  left:180px;
}
#footer ul.f_contact{
  margin:0;
  padding:0;
  position:absolute;
  top:80px;
  right:0;
}
#footer ul.f_contact li{
  float:left;
  list-style:none;
}
#footer ul.f_contact li:first-child{margin:10px 10px 0 0;}


/*----------------------------------------------------------

  index

----------------------------------------------------------*/


#index{
  width:960px;
  margin:0 auto;
  text-align:center;
}
#index h2.idea{
  margin:60px 0 40px;
}
#index p{
  font-size:123.1%;
  line-height:2em;
}
#index ul.movies{
  margin:60px 0 0 0;
  padding:0;
}
#index ul.movies li{
  font-size:123.1%;
  float:left;
  list-style:none;
  margin-left:15px;
  font-weight:bold;
}
#index ul.movies li:first-child{
  margin-left:0;
}
#index ul.movies li a{
  text-decoration:none;
  color:#000;
}
#index ul.movies li a:hover{
  opacity:0.5;
}
#index ul.movies li img{
  border:solid 5px #1a1a1a;
}

/*----------------------------------------------------------

  forte

----------------------------------------------------------*/
#forte{margin-top:-13px;}

#forte h1{
  width:100%;
  text-align:center;
  border-bottom:solid 5px #f1f1f1;
  background:#fff;
  padding:50px 0 35px;
}
#forte h2{
  margin-top:80px;
  border-bottom:solid 2px #e60012;
  float:left;
  width:100%;
  text-align:center;
}
#forte .inner{
  width:960px;
  margin:0 auto;
}
#forte p.forte_intro{
  width:800px;
  margin:2em auto;
  font-size:123.1%;
  line-height:1.5em;
}
#forte .core{
  width:280px;
  float:left;
  margin-left:60px;
}
#forte div.top{ margin-left:0;}
#forte .core h2{
  margin-bottom:1em;
  border-bottom:solid 4px #e60012;
}
#forte .core p{
  font-size:123.1%;
  line-height:1.5em;
  float:left;
  margin:0 0 0.5em;
}
#forte ul.products{
  margin:0;
  padding:0;
}
#forte ul.products li{
  font-size:108%;
  text-align:center;
  list-style:none;
  float:left;
  margin-left:30px;
}
#forte ul.products li.top{ margin-left:0;}
#forte ul.license{
  padding:0;
  text-align:center;
  clear:both;
}
#forte ul.license li{
  font-size:123.1%;
  display: inline-block;
  padding: 1em;
}
#forte ul.license li:before{ content:"・";}

/*----------------------------------------------------------

  skill

----------------------------------------------------------*/
#skill{margin-top:-13px;}
#skill .inner{
  width:960px;
  margin:0 auto;
}
#skill h1{
  width:100%;
  text-align:center;
  border-bottom:solid 5px #f1f1f1;
  background:#fff;
  padding:50px 0 35px;
}

#skill .skillBox{
  margin-top:80px;
  border-bottom: dotted 5px #ccc;
  position:relative;
}
#skill .skillBox h2{
  width:380px;
  margin:0;
  padding-top:100px;
  text-align:center;
  float:left;
}
#skill .skillBox h2.skill01{ background:url(../images/skill_h2icon_01.png)no-repeat top center;}
#skill .skillBox h2.skill02{ background:url(../images/skill_h2icon_02.png)no-repeat top center;}
#skill .skillBox h2.skill03{ background:url(../images/skill_h2icon_03.png)no-repeat top center;}
#skill .skillBox h2.skill04{ background:url(../images/skill_h2icon_04.png)no-repeat top center;}
#skill .skillBox h2.skill05{ background:url(../images/skill_h2icon_05.png)no-repeat top center;}
#skill .skillBox h2.skill06{ background:url(../images/skill_h2icon_06.png)no-repeat top center;}
#skill .skillBox .equipment{}
#skill .skillBox .skillImg{
  width:520px;
  float:right;
  margin-bottom:80px;
}
#skill .skillBox .skillImg img{box-shadow:0px 0px 2px 3px rgba(0,0,0,0.30);}
#skill .skillBox .skillImg p{
  width:520px;
  margin:1em auto 0;
  font-size:108%;
  line-height:1.5em;
}
#skill .skillBox ul{
  width:240px;
  margin:0 0 0 50px;
  padding:1em 1em 0;
  background:#fff;
  position:absolute;
  top:162px;
  box-shadow:0px 0px 4px 0px;
}
#skill .skillBox li{
  font-size:108%;
  list-style:none;
  margin-bottom:1em;
  line-height:1em;;
}
#skill .skillBox li .super{
  font-size:77%;
  vertical-align:super;
}
#skill .skillBox li:before{ content:"■";}

/*----------------------------------------------------------

  about

----------------------------------------------------------*/
#about{margin-top:-13px;}
#about h1{
  width:100%;
  text-align:center;
  border-bottom:solid 5px #f1f1f1;
  background:#fff;
  padding:50px 0 35px;
}
#about .inner{
  width:960px;
  margin:0 auto;
}
#about .topImg{
  margin:30px 0;
}
#about ul{
  width:364px;
  margin:0 12px 0 0;
  padding:0;
  border-top: dotted 5px #ccc;
  float:left;
}
#about ul li{
  font-size:123.1%;
  padding:1.65em 0;
  text-align:center;
  list-style:none;
  border-bottom: dotted 5px #ccc;
}

/*----------------------------------------------------------

  contact

----------------------------------------------------------*/
#contact{margin-top:-13px;}
#contact h1{
  width:100%;
  text-align:center;
  border-bottom:solid 5px #f1f1f1;
  background:#fff;
  padding:50px 0 35px;
}
#contact .tel,
#contact .mail{
  width:600px;
  margin:60px auto 0;
  padding:50px 100px;
  box-shadow:0px 0px 2px 3px rgba(0,0,0,0.30);
  background:#fff;
}
#contact .tel{ background:url(../images/contact_bg_tel.png) #fff no-repeat 60px 90px;}
#contact .mail{ background:url(../images/contact_bg_mail.png) #fff no-repeat 60px 50px;}

#contact .tel h2,
#contact .mail h2{
  font-size:182%;
  text-align:center;
}
#contact .tel p.number{
  font-size:360%;
  font-weight:bold;
  text-align:center;
  margin:0;
}
#contact .tel p.time{
  font-size:210%;
  text-align:center;
  margin:0;
}
#contact .mail h3{
  font-size:123.1%;
  margin:3em 0 0;
}
#contact .mail h3 span{ color:#ff0000;}
#contact .mail .input01{width:600px;}
#contact .mail .send{
  margin-top:40px;
  text-align:center;
}
/*----------------------------------------------------------

  privacy

----------------------------------------------------------*/
#privacy{margin-top:-13px;}
#privacy h1{
  width:100%;
  text-align:center;
  border-bottom:solid 5px #f1f1f1;
  background:#fff;
  padding:50px 0 35px;
}
#privacy .inner{
  width:620px;
  margin:0 auto;
}
#privacy .inner p:first-child{ margin-top:60px;}
#privacy h2{
  font-size:108%;
  margin:2em 0 0;
}
#privacy h2:before{content:url(../images/privacy_h2.png);}
#privacy p{
  font-size:108%;
  line-height:1.5em;
  margin-top:0;
}
#privacy li{
  font-size:108%;
  margin-bottom:0.5em;
}

/*----------------------------------------------------------

  thanks

----------------------------------------------------------*/
#thanks{
  text-align:center;
}
#thanks h1{
  width:100%;
  text-align:center;
  border-bottom:solid 5px #f1f1f1;
  background:#fff;
  margin-bottom:100px;
  padding:50px 0 35px;
}
#thanks p{
  font-size:123.1%;
  line-height:1.5em;
}