*{margin: 0;padding: 0;
  color: #513743;
  line-height: 1.6em;
  letter-spacing: 0.8pt;
  font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-text-size-adjust: 100%;}

body{
  cursor: default;
  text-align: center;
  background: #E5E2E4;
  padding: 1.5em 0 1em;
  font-size: 87%;}

a{cursor: pointer;overflow:hidden;outline:none;}
a:link{
  color: #8D3858;}
a:visited{
  color: #C9396D;}
a:hover{
  color: #D1638B;
  text-decoration: none;}
a:active{
  color: #D88EA9;
  text-decoration: none;}

img{border: 0;}
strong{
  color: #C41A41;
  text-decoration: underline;}

ul{
  list-style: none;
  margin-bottom: -0.6em;
  margin-left: 0.8em;}
ul li{
  list-style-type: none;
  margin-bottom: 0.6em;
  position: relative;}
ul li:before{
  content: "";
  margin-left: -0.6em;
  position: absolute;
  top: 0;left: 0;
  z-index: -1;}
.caution>
li:before{content: "!";
  color: #C41A41;font-weight: bold;}
.notice>
li:before{content: "*";
  color: #85646C;}
.notice>li{
  color: #85646C;font-size: 90%;}

.wrap{
  max-width: 500px;margin: auto;
  width: expression(this.width >= this.height ? "500px" : "auto");
  position: relative;
  overflow: hidden;
  text-align: left;}

.main{
  padding: 1em 24px 1.5em;margin: 60px 0 0;
  text-align: left;
  position: static;}

.text{padding: 1em 2em 1.5em;}
.comment{font-size: 0.94em;}

h1 a:link{
  color: #E5E2E4;
  text-decoration: underline;}
h1 a:visited{
  color: #E5E2E4;
  text-decoration: none;}
h1 a:hover{
  color: #DFB8C7;
  text-decoration: none;}
h1 a:active{
  color: #DFB8C7;
  text-decoration: none;}
.htext{
  color: #E5E2E4;
  font-size: 0.87em;
  font-weight: normal;}
h1>a:link{text-decoration: none;}
h1{
  color: #E5E2E4;
  position: absolute;
  margin: 0 -13px;
  padding: 0px 25px;
  font-size: 1.18em;
  background: #C9396D url(/data/2sec/img/2sec_upld_1.png) center;
  -moz-background-size: 15px 15px;
  background-size: 15px 15px;
  width: 105.5%;top: 0;left: 0;
  border-color: #C9396D;
  border-style: dotted;
  border-width: 1px 0;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  transform: rotate(4deg);
  z-index: 2;}

h2 a:link{
  color: #E5E2E4;
  text-decoration: underline;}
h2 a:visited{
  color: #E5E2E4;
  text-decoration: none;}
h2 a:hover{
  color: #ACCACE;
  text-decoration: none;}
h2 a:active{
  color: #ACCACE;
  text-decoration: none;}

h2{
  color: #E5E2E4;
  position: absolute;
  margin:40px -13px 0;
  padding: 0px 28px;
  font-size: 1.12em;
  font-weight: bolder;
  background: #007F89 url(/data/2sec/img/2sec_upld_1.png) center;
  -moz-background-size: 15px 15px;
  background-size: 15px 15px;
  width: 105.5%;top: 0;left: 0;
  border-color: #007F89;
  border-style: dotted;
  border-width: 1px 0;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
  z-index: 1;}

h3{
  position: relative;
  font-size: 1.06em;
  margin: 1.8em -5px 5px;
  font-weight: bolder;}
h3:first-letter{color: #007F89;}

h3:after{
  content: "";
  position: absolute;
  top: 44%;left: 0px;margin: 0 -30px 0;
  width: 560px;height: 2px;
  background: #007F89 url(/data/2sec/img/2sec_upld_1.png) center;
  -moz-background-size: 15px 15px;
  background-size: 15px 15px;
  z-index: -1;}

h3>span{
  background: #E5E2E4;
  padding: 0 5px;}

h4{margin: 1.5em -1px 5px;position: relative;}
h4:first-letter{color: #007F89;}
h4>span{
  background: #E5E2E4;
  padding: 0 1px;}

h4:after{
  content: "";
  position: absolute;
  top: 40%;left: 0;margin-left: -3px;
  z-index: -1;
  background: -moz-linear-gradient(left top,
    #C9396D, #C9396D 25%,
    #E5E2E4 25%, #E5E2E4 50%,
    #007F89 50%, #007F89 75%,
    #E5E2E4 75%, #E5E2E4);
  background: -webkit-gradient(linear, left top, right top,
    from(#C9396D), color-stop(25%, #C9396D),
    color-stop(25%, #E5E2E4), color-stop(50%, #E5E2E4),
    color-stop(50%, #007F89), color-stop(75%, #007F89),
    color-stop(75%, #E5E2E4), to(#E5E2E4));
  background-size: 5px 1px, 5px 1px;
  -moz-background-size: 5px 1px, 5px 1px;
  -webkit-background-size: 5px 1px, 5px 1px;
  height: 1px;width:101%;}

form{padding:1ex 0;}

input,textarea,select,option,
input[type=submit],
input[type=text],
input[type=checkbox]{
  height: auto;width: auto;
  padding: 3px;margin: 0 0 5px;
  color: #E5E2E4;
  background: #513743 url(/data/2sec/img/2sec_upld_1.png) center;
  -moz-background-size: 15px 15px;
  background-size: 15px 15px;
  border: 1px #513743 solid;
  -webkit-text-shadow: none;
  text-shadow: none;
  -webkit-box-shadow: none;
  -webkit-appearance: none;
  border-radius: 2px;}

input[type=submit],
input[type=text],
input[type=checkbox]{margin-left: 5px;}

input:first-child{margin-left: 0px;}

input[type=submit]:hover{
  background: #E5E2E4;
  color: #513743;}

input[type=checkbox]{width: 15px;height: 15px;}

textarea{
  width: 100%;
  vertical-align: bottom;}

input[type=text]:focus,
textarea:focus{
  border: 1px #C9396D solid;
  background-image: none;}

input[type=checkbox] {
  display: inline-block;
  margin-right: 3px;}

input[type=checkbox] + label {
  position: relative;
  display: inline-block;}

@media (min-width: 1px) {
input[type=checkbox] {display: none;margin: 0;}
input[type=checkbox] + label {padding-left: 20px;}
input[type=checkbox] + label::before {
  content: "";
  position: absolute;
  top: 50%;left: 0;
  display: block;
  width: 16px;height: 16px;
  margin-top: -9px;
  background: #513743 url(/data/2sec/img/2sec_upld_1.png) center;
  -moz-background-size: 15px 15px;
  background-size: 15px 15px;
  border: 1px #513743 solid;
  border-radius: 2px;}
input[type=checkbox]:checked + label::after {
  content: "";
  position: absolute;
  top: 50%;left: 3px;
  width: 10px;height: 5px;
  margin-top: -5px;
  display: block;
  border-left: 2px solid #E5E2E4;
  border-bottom: 2px solid #E5E2E4;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);}
}

hr{
  height: 1px;
  border: none;}

table{width: 100%;}
td.name{
  width: 40%;padding-right: 5px;}
td.mail{
  width: 60%;}

table, td, th {
  border: 0px;
  border-collapse: collapse;}