@charset "UTF-8";
/*---------------------------------------------------------
  HISAEDA CONSULTING CSS : Service
----------------------------------------------------------*/
/* serviceTop : tab */
#contents #tabWrapp {
  padding: 10px 10px 0px;
}

#contents #tabWrapp #tabMenu li {
  float: left;
  list-style: none;
  padding-left: 5px;
}

#contents #tabWrapp #tabMenu li a {
  color: #003775;
  background: #FFF url(../images/service/tab_arrow.png) no-repeat 10px center;
  text-decoration: none;
  display: block;
  width: 256px;
  padding: 12px 5px 12px 30px;
  border: 1px solid #E0E0E0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-size: 14px;
  font-weight: bold;
}

#contents #tabWrapp #tabMenu li a.sct {
  color: #FFFFFF;
  background: #366CB3 url(../images/service/tab_arrow.png) no-repeat 10px center;
  border: 1px solid #366CB3;
}

#contents #tabWrapp #tabBox {
  background: url(../images/service/tab_bg.jpg) no-repeat 0px 0px;
  padding: 25px 0px 20px 20px;
}

#contents #tabWrapp #tabBox h2 {
  font-size: 14px;
  color: #333333;
}

/*#contents #tabWrapp #tab2,
#contents #tabWrapp #tab3,
#contents #tabWrapp #tab4 {
	display: none;
}*/
#contents #tabWrapp .serviceList {
  width: 270px;
  float: left;
  padding: 20px 10px 0px 0px;
}

#contents #tabWrapp .serviceList img.photo {
  float: left;
  padding: 0px 10px 30px 0px;
}

#contents #tabWrapp .serviceList h3 {
  font-size: 12px;
  font-weight: bold;
  padding: 2px 0px;
}

#contents #tabWrapp .serviceList p {
  font: 10px/16px ;
  color: #666666;
}

/*---------------------------------------------------------
  width: 768px
----------------------------------------------------------*/
/*@media screen and (max-width: 768px){

/* serviceTop : tab */
#contents #tabWrapp {
  padding: 20px 0px 0px;
}

#contents #tabWrapp #tabMenu li {
  float: left;
  list-style: none;
  padding-left: 5px;
}

#contents #tabWrapp #tabMenu li a {
  color: #003775;
  background: #FFF url(../images/service/tab_arrow.png) no-repeat 10px center;
  text-decoration: none;
  display: block;
  width: auto;
  padding: 12px 12px 12px 30px;
  border: 1px solid #E0E0E0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-size: 14px;
  font-weight: bold;
}

#contents #tabWrapp #tabMenu li a.sct {
  color: #FFFFFF;
  background: #366CB3 url(../images/service/tab_arrow.png) no-repeat 10px center;
  border: 1px solid #366CB3;
}

#contents #tabWrapp #tabBox {
  background: url(none);
  padding: 25px 0px 20px 20px;
  border-top: 1px solid #CCC;
  float: left;
}

#contents #tabWrapp #tabBox h2 {
  font-size: 16px;
  color: #333333;
}

#contents #tabWrapp .serviceList {
  width: 100%;
  padding: 20px 0px 0px;
  border-top: 1px dotted #CCC;
  margin-top: 20px;
}

#contents #tabWrapp .serviceList img.photo {
  float: left;
  padding: 0px 10px 30px 0px;
}

#contents #tabWrapp .serviceList h3 {
  font-size: 16px;
  font-weight: bold;
  padding: 2px 0px;
}

#contents #tabWrapp .serviceList p {
  font: 14px/20px ;
  color: #666666;
}