@charset "utf-8";

/****************************************************************************
お問い合わせ 　#contact
****************************************************************************/

#contact #tab01 a{background-image:url(images/contact_tab01.gif);}
#contact #tab02 a{background-image:url(images/contact_tab02.gif);}

.index#contact #tab01 a,
.form#contact #tab02 a{
  background-position:top;
  height:43px;
}

#svtel{
  display:block;
  height:70px;
  background:url(images/svtel.gif) no-repeat left top;
  text-indent:-9999px;
  overflow:hidden;
}

#ppwin{
  display:none;
  position:absolute;
  left:50%;
  top:600px;
  margin-left:-315px;
  width:570px;
  height:440px;
  padding:30px;
  background:url(images/ppwin.png) no-repeat left top;
}

#close{
  cursor:pointer;
  float:right;
  margin-bottom:20px;
}

#pp{
  clear:both;
  width:560px;
  height:400px;
  padding-right:10px;
  overflow:auto;
}

#pp h2{
  font-size:20px;
  color:#00615c;
}

#pp p,
#pp dt{
  font-weight:bold;
  padding:1em 0 0.5em 0;
}

#thanks{
  font-size:1.143em;
  font-weight:bold;
}

/*noScript*/
#pp{
  background:none;
}

#pp h1{
  font-size:24px;
}

/****************************************************************************
サービス 　#service
****************************************************************************/

#service #tab01 a{background-image:url(images/service_tab01.gif);}
#service #tab02 a{background-image:url(images/service_tab02.gif);}

.index#service #tab01 a,
.flow#service #tab02 a{
  background-position:top;
  height:43px;
}

#service #main h3{
  height:1.358em;
  background:url(images/main_h3.gif) no-repeat left 50%;
  font-size:1.143em;
  line-height:1.358em;
  padding-left:22px;
  margin-bottom:8px;
}

#service #svtel{
  padding-bottom:15px;
}

/*サービスリスト*/

#slhead{
  padding:3px 0 35px 0;
  background:url(images/service_svlisthead.gif) no-repeat left bottom #fff;
}

#slfoot{
  padding:30px 0 0 0;
  background:url(images/main_foot.gif) no-repeat left -12px #fff;
}

.svlist li{
  float:left;
  width:126px;
  height:42px;
  margin:0 0 3px 3px;
  _display:inline;
}

.svlist li a{
  display:block;
  width:126px;
  height:42px;
  text-indent:-9999px;
  overflow:hidden;
  background:no-repeat left bottom;
}

.svlist li a:hover,
.service01 .svlist li.sl01 a,
.service02 .svlist li.sl02 a,
.service03 .svlist li.sl03 a,
.service04 .svlist li.sl04 a,
.service05 .svlist li.sl05 a,
.service06 .svlist li.sl06 a,
.service07 .svlist li.sl07 a,
.service08 .svlist li.sl08 a,
.service09 .svlist li.sl09 a,
.service10 .svlist li.sl10 a{
  background-position:top;
}

.svlist li.sl01 a{ background-image:url(images/sl01.png);}
.svlist li.sl02 a{ background-image:url(images/sl02.png);}
.svlist li.sl03 a{ background-image:url(images/sl03.png);}
.svlist li.sl04 a{ background-image:url(images/sl04.png);}
.svlist li.sl05 a{ background-image:url(images/sl05.png);}
.svlist li.sl06 a{ background-image:url(images/sl06.png);}
.svlist li.sl07 a{ background-image:url(images/sl07.png);}
.svlist li.sl08 a{ background-image:url(images/sl08.png);}
.svlist li.sl09 a{ background-image:url(images/sl09.png);}
.svlist li.sl10 a{ background-image:url(images/sl10.png);}

.index#service .svlist{
  height:640px;
  width:590px;
  padding-top:10px;
  background:url(images/service_svlist.gif) no-repeat left 40px;
  overflow:hidden;
}

.index#service .svlist li{
  float:none;
  display:block;
}

.index#service .svlist li.sl08{ margin-left:260px;}
.index#service .svlist li.sl02{ margin-top:15px;}
.index#service .svlist li.sl06{ margin-top:20px; margin-left:455px;}
.index#service .svlist li.sl03{ margin-top:45px; margin-left:340px;}
.index#service .svlist li.sl09{}
.index#service .svlist li.sl04{ margin-top:25px; margin-left:145px;}
.index#service .svlist li.sl01{ margin-top:5px; margin-left:80px;}
.index#service .svlist li.sl05{ margin-top:70px; margin-left:70px;}
.index#service .svlist li.sl07{ margin-top:20px; margin-left:140px;}
.index#service .svlist li.sl10{ margin-top:18px; margin-left:225px;}


.flow#service .section dl{
  width:580px;
  margin:0 auto 0 auto;
  padding:0;
  background:none;
  margin-top:-15px;
}

.flow#service .section dt{
  position:relative;
  width:auto;
  height:65px;
  padding:0;
}

.flow#service .section dd{
  width:auto;
  padding:0;
  margin:0;
  margin-bottom:1em;
  line-height:1.715em;
  background:none;
}


/*各サービスページ*/

h1.svtitle{
  margin-left:30px;
}

#headcopy{
  width:638px;
  margin:0 auto;
	padding-top:208px;
	background:no-repeat left 8px;
}

.service01 #headcopy{ background-image:url(images/service01_headcopy.jpg);}
.service02 #headcopy{ background-image:url(images/service02_headcopy.jpg);}
.service03 #headcopy{ background-image:url(images/service03_headcopy.jpg);}
.service04 #headcopy{ background-image:url(images/service04_headcopy.jpg);}
.service05 #headcopy{ background-image:url(images/service05_headcopy.jpg);}
.service06 #headcopy{ background-image:url(images/service06_headcopy.jpg);}
.service07 #headcopy{ background-image:url(images/service07_headcopy.jpg);}
.service08 #headcopy{ background-image:url(images/service08_headcopy.jpg);}
.service09 #headcopy{ background-image:url(images/service09_headcopy.jpg);}
.service10 #headcopy{ background-image:url(images/service10_headcopy.jpg); padding-top:188px;}

#headcopy p{
  width:580px;
  margin:0 auto;
}

.service08 #headcopy h2{
  font-size:18px;
  margin-bottom:0.25em;
  margin-left:30px;
}

.service08 .red{
	padding:0 29px 10px 29px;
  margin:25px auto 0 auto;
  background:#fff5ec;
}

.service08 .red h2.title{
  padding:0;
  height:auto;
  margin-right:-29px;
}

.service08 .red .kome{
  font-size:12px;
  text-indent:-2em;
  padding-left:1em;
}

.service08#service #main .red h3{
  background-image:url(images/service08_main_h3.gif);
  margin-top:1.5em;
}

.service08 #slfoot{
  background-image:url(images/service08_main_foot.gif);
}

.item{
  padding-bottom:25px;
}

.service10 .item{
  padding-bottom:0;
}

.service10 .item h3{
  width:40%;
  float:left;
}

.item p.copy{
  padding-left:25px;
  margin-top:-12px;
  margin-bottom:8px;
}

.item img{
  float:left;
}

.itemlistfull,
.itemlist{
  width:584px;
  padding-top:1px;
  background:url(images/line_dot.gif) repeat-x left top;
}

.itemlist,
.itemtext{
  float:right;
  width:352px;
}

.itemlistfull li,
.itemlist li{
  width:292px;
	float:left;
  padding:5px 0 6px 0;
  background:url(images/line_dot.gif) repeat-x left bottom;
}

.itemlist li{
  width:176px;
}

.itemlistfull li p,
.itemlist li p{
  padding-left:1em;
  background:url(images/dot.gif) no-repeat 0.2em 9px;
}

li.oneline{
  width:352px;
}

.itemlistfull li.oneline{
  width:100%;
}

/*サイド*/

#itemnavi{
  position:relative;
  margin-top:15px;
  background:url(images/itemnavi.gif) repeat-y left top;
}

#itemnavi h3{
  padding-top:4px;
  height:38px;
  line-height:38px;
  font-size:14px;
  color:#fff;
  text-align:center;
  font-weight:normal;
  background:url(images/itemnavi_h3.gif) no-repeat left top;
}

#itemnavi ul{
  width:188px;
  padding:20px 24px 8px 24px;
  background:url(images/itemnavi_ul.gif) no-repeat left bottom;
}

#itemnavi li{
  float:left;
  width:72px;
  line-height:17px;
  padding:0 0 13px 22px;
  background:url(images/itemnavi_li.gif) no-repeat left top;
}

.index #itemnavi li,
.service03 #itemnavi li,
.service04 #itemnavi li,
.service05 #itemnavi li,
.service06 #itemnavi li,
.service07 #itemnavi li{ width:188px;}

#itemnavi p{
  position:relative;
  margin-top:-4px;
  padding:10px 0 15px 0;
  background:url(images/itemnavi_p.gif) no-repeat left bottom;
  text-align:center;
}

#itemnavi p a {
  height:24px;
  padding-right:24px;
  background:url(images/gotop.gif) no-repeat right center;
  line-height:24px;
  display:inline-block;
}

/****************************************************************************
採用情報 　#recruit
****************************************************************************/

#recruit #tab01 a{background-image:url(images/recruit_tab01.gif);}
#recruit #tab02 a{background-image:url(images/recruit_tab02.gif);}

.index#recruit #tab01 a,
.form#recruit #tab02 a{
  background-position:top;
  height:43px;
}

/****************************************************************************
会社概要 　#about
****************************************************************************/

#about #tab01 a{background-image:url(images/about_tab01.gif);}
#about #tab02 a{background-image:url(images/about_tab02.gif);}
#about #tab03 a{background-image:url(images/about_tab03.gif);}

.index#about #tab01 a,
.message#about #tab02 a,
.character#about #tab03 a{
  background-position:top;
  height:43px;
}

/*会社概要・アクセス　.index*/

#maptoggle{
  width:170px;
  height:25px;
  float:right;
  background:url(images/about_maptoggle.gif) no-repeat left bottom;
  text-indent:-9999px;
  overflow:hidden;
  cursor:pointer;
}
.gmap#maptoggle{
background-position:top;
}

.hide{
display:none;
}

#maparea{
  clear:both;
  width:580px;
  height:377px;
  margin:0 auto;
  overflow:hidden;
}

#map,
#gmap{
  width:578px;
  height:375px;
  border:1px solid #b3b3b3;
}

/*ご挨拶・経営理念　.message*/

.message .names{
  width:370px;
  margin:2em 0 0 auto;
  overflow:hidden;
}

.message .names p{
  padding-left:150px;
  background:no-repeat left top;
}

.message .names #pst{
  height:100px;
  padding-top:40px;
	background-image:url(images/message_pst.jpg);
  margin-bottom:20px;
}

.message .names #mng{}

.message .names strong{
  padding-left:1em;
  font-size:18px;
}

.message .names span{
  padding-right:3em;
}

.rinen{
  line-height:36px;
  font-size:16px;
  font-weight:bold;
}

/*タスカル君のご紹介　.character*/

.character .introduction{
  width:580px;
  min-height:690px;
  _height:690px;
  padding-right:48px;
  margin-left:33px;
  background-color:#eee;
  position:relative;
	background:url(images/introduction.gif) no-repeat right top;
}

.introduction div{
  padding:15px 15px 0 15px;
  margin-bottom:55px;
  height:180px;
  overflow:hidden;
}

  .introduction div p{
    line-height:24px;
    font-size:16px;
    font-weight:bold;
  }

.introduction dl{
  width:360px;
  padding-top:1px;
  background:url(images/line_dot.gif) repeat-x left bottom;
}

.introduction dt{
  position:relative;
  width:135px;
  height:30px;
  padding:6px 0;
  line-height:30px;
  font-weight:bold;
}

.introduction dd{
  padding:6px 0;
  min-height:30px;
  _height:30px;
  line-height:30px;
  padding-left:135px;
  margin-top:-42px;
  background:url(images/line_dot.gif) repeat-x left top;
}

.l1{width:175px;}
.l4{width:200px;}
.l1{width:175px;}
.l1{width:175px;}

/****************************************************************************
トップページ　#home
****************************************************************************/
#home{
  background:url(images/home_body.jpg) no-repeat center 80px;
}

#home #main{
  height:580px;
	background:none;
}

#home #main p{ text-indent:-9999px;}
  
#home #mov{
  width:230px;
  height:170px;
  margin:17px auto 0 auto;
}

#home #navi {
  border:none;
  padding:1px 0;
}

#network{
  margin-left:10px;
}