@charset "UTF-8";
/**
 * *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-*
 *
 *  テクス清水 css
 *
 * *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-*
**/

/**
 * *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-*
 *
 *  top
 *
 * *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-*
**/

.top-head {
  background: #000;
  height: 390px;
  padding: 3px 0;
  border-bottom: 1px solid #01ADF7;
}

.top-head1 {
  margin: 0 auto;
  width: 1020px;
  height: 390px;
  position: relative;
}

#image-change li {
  float: left;
}

.top-head1-1 {
  background: url(../img/top-head1.jpg) center top no-repeat;
  width: 1020px;
  height: 390px;
}

.top-head1-1 img {
  margin: 290px 0 0 50px;
}

.top-head1-2 {
  background: url(../img/top-head2.jpg) center top no-repeat;
  width: 1020px;
  height: 390px;
}

.top-head1-2 img {
  margin: 245px 0 0 50px;
}


.top-head1-3 {
  background: url(../img/top-head3.jpg) center top no-repeat;
  width: 1020px;
  height: 390px;
}

.top-head1-3 img {
  margin: 267px 0 0 427px;
}


a.prev {
  background: url(../img/top-li1r.gif) left top no-repeat;
  top: 186px;
  left: -20px;
  width: 13px;
  height: 18px;
  display: block;
  position: absolute;
}

a.next {
  background: url(../img/top-li1.gif) left top no-repeat;
  top: 186px;
  right: -20px;
  width: 13px;
  height: 18px;
  display: block;
  position: absolute;
}



.top {
  width: 710px;
  margin-bottom: 30px;
  float: left;
}

.top h2 {
  font-size: 26px;
  font-weight: normal;
  line-height: 1.5;
  color: #01ADF7;
  border-bottom: 2px dotted #01ADF7;
}

.top h2 span {
  border-bottom: 2px solid #01ADF7;
}

.top h3 {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.2;
  color: #FFF;
}


.top1 {
  background: url(../img/top-bg1.png) right top no-repeat;
  padding: 10px 0 20px;
}

.top1 p {
  font-size: 11px;
  line-height: 1.2;
  color: #FFF;
  margin-top: 10px;
}

.top2 {
  background: url(../img/top-bg5.jpg) right bottom no-repeat;
  border-bottom: 1px dotted #01ADF7;
}

.top2-1 {
  padding-bottom: 40px;
}

.top2-1-1 {
  width: 226px;
  margin-right: 16px;
  float: left;
}

.top2-1-1 p {
  font-size: 11px;
  line-height: 1.2;
  color: #FFF;
  margin-top: 10px;
}

.top2-1-1 a {
  text-decoration: none;
}

.top2-1-1 a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: alpha(opacity=70);
  background-color: transparent;
}

.top2-1-1 div {
  background: url(../img/top-li1.gif) right center no-repeat;
}

.top2-1-1 div p {
  font-size: 11px;
  line-height: 1.2;
  color: #01ADF7;
  text-decoration: none;
  margin-top: 5px;
}

.top3 {
  margin-top: 30px;
  padding-bottom: 40px;
  border-bottom: 1px dotted #01ADF7;
}

.top3-1 {
  width: 345px;
  margin-right: 20px;
  background: url(../img/top-bg2.png) right top no-repeat;
  float: left;
}

.top3-1 h2, .top3-2 h2 {
  width: 330px;
}

.top3-2 {
  width: 345px;
  background: url(../img/top-bg3.png) right top no-repeat;
  float: left;
}

.top3-1 div, .top3-2 div {
  background: url(../img/top-li2.gif) right 21px no-repeat;
  margin-bottom: 15px;
}

.top3-1 div p, .top3-2 div p {
  font-size: 11px;
  line-height: 1.2;
  color: #FFF;
  margin-top: 10px;
}

.top3-1 a, .top3-2 a {
  text-decoration: none;
}

.top3-1 a:hover, .top3-2 a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: alpha(opacity=70);
  background-color: transparent;
}

.top4 {
  margin-top: 30px;
  background: url(../img/top-bg4.png) right top no-repeat;
}

.top4 h2 {
  margin-bottom: 12px;
}