
@charset "utf-8";

/*
style.css
for all pages
coded last up date at 2014-11-28
*/

/************ wrap ************/

div#wrap {
  font-size: 10pt;
  margin: 10px 0;
  color: #333;
  width: 950px;
  line-height: 1.4em;
}

div#wrap .cf:before,
div#wrap .cf:after {
    content: " ";
    display: table;
}

div#wrap .cf:after {
    clear: both;
}

div#wrap .cf {
    *zoom: 1;
}

div#wrap img:not(.button) {
  border: solid 1px #333;
}

div#wrap h2 {
  background: url(../image/icon_01.gif) no-repeat 3px 50% #333;
  color: #fff;
  font-size: 10pt;
  font-weight: normal;
  padding: 5px 0 5px 17px;
  width: 933px;
}

div#wrap a {
  color:#1841ce;
  text-decoration:none;
}

div#wrap a:hover {
  color:#C64B3A;
  text-decoration:underline;
}

div#wrap a:visited {
  color:#8F04F2;
  text-decoration:underline;
}

div#wrap .relative   {  
  position: relative;  
}

div#wrap .adso {
  position: absolute;
  top: 1355px;
  left: 150px;
}

div#wrap .bmd {
  position: absolute;
  top: 1343px;
  left: 210px;
}

div#wrap .bmd_end {
  position: absolute;
  top: 1373px;
  left: 210px;
}

div#wrap .pets {
  position: absolute;
  top: 1440px;
  left: 210px;
}

div#wrap .pets_end {
  position: absolute;
  top: 1470px;
  left: 210px;
}

div#wrap .petsoct {
  position: absolute;
  top: 1430px;
  left: 210px;
}

div#wrap .petsoct_end {
  position: absolute;
  top: 1460px;
  left: 210px;
}

div#wrap .svg {
  position: absolute;
  top: 2680px;
  left: 210px;
}

div#wrap .svg_end {
  position: absolute;
  top: 2800px;
  left: 210px;
}

div#wrap .ksk {
  position: absolute;
  top: 1274px;
  left: 210px;
}

div#wrap .ksk_end {
  position: absolute;
  top: 1324px;
  left: 210px;
}

div#wrap .drnagoya {
  position: absolute;
  top: 1395px;
  left: 30px;
}

div#wrap .drnagoya_end {
  position: absolute;
  top: 1425px;
  left: 30px;
}

/************ button ************/

div#wrap .btn {
  border: none;
  font-family: inherit;
  font-size: 20px;
  color: inherit;
  background: none;
  cursor: pointer;
  padding: 6px 20px;
  display: inline-block;
  margin: 12px 30px;
  width: 400px;
  height: 32px;
  text-transform: uppercase;
  letter-spacing: 0.3em;
  font-weight: bold;
  outline: none;
  position: relative;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

div#wrap .btn:after {
  content: '';
  position: absolute;
  z-index: -1;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

div#wrap .btn:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: relative;
  -webkit-font-smoothing: antialiased;
}

div#wrap .btn-2 {
  background: #cb4e4e;
  color: #fff;
  box-shadow: 0 4px #ab3c3c;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

div#wrap .btn-2d {
  border-radius: 4px;
}

div#wrap .btn-2d:active {
  box-shadow: 0 0 #ab3c3c;
  top: 4px;
}


/************ oubo ************/

div#wrap .akb {
  padding: 20px;
  border: 1px solid #999;
}

div#wrap .oubo {
  width: 700px;
  margin: 20px auto;
}

div#wrap .oubo span {
  font-size: 9pt;
  line-height: 1.4em;
}
/************ form ************/

div#wrap form {
  width: 580px;
  margin: 10px auto;
}

div#wrap form span {
  color: red;
  margin-left: 3px;
}

div#wrap form .one {
  border:0;
  padding:10px;
  font-size:1.3em;
  font-family:Arial, sans-serif;
  color:#333;
  border:solid 1px #ccc;
  margin: 0 0 20px;
  width:550px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

div#wrap form .two {
  border:0;
  padding:10px;
  font-size:1.3em;
  font-family:Arial, sans-serif;
  color:#333;
  border:solid 1px #ccc;
  margin: 0 0 20px;
  width:30px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

div#wrap input:focus {
  border:solid 1px #EEA34A;
}

div#wrap textarea:focus {
  border:solid 1px #EEA34A;
}

div#wrap form .submit{
  height:40px;
  color:#fff;
  line-height:40px;
  text-align:center;
  border:1px solid #469139;
  background:#5fb252;
  width: 20%;
  margin-left: 260px;
}

div#wrap form dl {
  list-style: none;
}

div#wrap form dt {
  font-size: 14px;
  padding: 5px  0 5px 18px;
  background: url(../image/icon_02.png) 3px 50% no-repeat;
}

div#wrap form .inline {
  float: left;
  padding-right:15px;
  margin-top: -3px;
}
