* {
margin:0;
padding:0;
}
body  {
margin: 0 auto;
background:#ffffff url(../images/body_bg.jpg) repeat-x left top;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','Arial','lr oSVbN', 'Osaka', 'sans-serif';
color:#000000;
text-align:center;
}
body,h1,h2,h3,h4,h5,p,dl,dt,dd,ul,li,span  {
font-size:100%;
line-height:145%;
margin:0;
padding:0;
}
table,th,td {
font-size:100%;
line-height:145%;
margin:0;
padding:0;
}
input {
vertical-align: middle;
}
input.vtop {
vertical-align: top;
}
a img {
  border-width:0;
  border-style:none;
  }
a:link {
color:#0081D6;
text-decoration:underline;
}
a:hover {
color:#0095F2; 
text-decoration:underline;
}
a:active {
color:#0081D6; 
text-decoration:underline;
}
a:visited {
color:#0081D6; 
text-decoration:underline;
}
.fontL {
font-size:85%;
}
.fontM {
font-size:75%;
}
.fontS {
font-size:65%;
}
.mbotom10 {
margin-bottom:10px;
}
.mbotom15 {
margin-bottom:15px;
}
.mbotom20 {
margin-bottom:20px;
}
.mtop10 {
margin-top:10px;
}
.mtop15 {
margin-top:15px;
}
.mtop20 {
margin-top:20px;
}
.mboth10 {
margin:10px 0px;
}
.mboth15 {
margin:15px 0px;
}
.mboth20 {
margin:20px 0px;
}
.padtop10 {
padding-top:10px;
}
.padboth10 {
padding:10px;
}
.padboth20 {
padding:20px;
}
.padleft10 {
padding-left:10px;
}
.cleararea {
clear: both;  
}
p.indentM {
padding-left:1em;
text-indent:-1em;
font-size:75%;
padding-bottom:10px;
}
p.indentS {
padding-left:1em;
text-indent:-1em;
font-size:70%;
}
p.innertbl-indentM {
padding-left:1em;
text-indent:-1em;
font-size:100%;
}
p.innertbl-indentS {
padding-left:1em;
text-indent:-1em;
font-size:85%;
}
p span.atten {
font-weight:bold;
color:#ff0000;
}
.font_weight_b{
font-weight:bold;
}
.font_red{
color:#ff0000;
}
.font-12{
font-size:12px;
}
.font-14{
font-size:14px;
}
.font-16{
font-size:16px;
}
.font-18{
font-size:18px;
}
.font-20{
font-size:20px;
}
.font-22{
font-size:22px;
}
.font-24{
font-size:24px;
}


.indent1em {
padding-left:1em;
text-indent:-1em;
}

.img-max img{
max-width:100%;
height:auto;
}
h2.styleh2 {
margin-bottom:10px;
font-size:18px;
background:#ff0000;
padding:13px 10px;
color:#ffffff;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
h2.styleh2 span {
display:none;
}
h3.styleh3_form {
margin-bottom:10px;
font-size:16px;
background:#207A3D;
padding:10px;
color:#fff;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
h3.styleh3_form-ok {
margin-bottom:10px;
font-size:16px;
background:#2C617B;
padding:10px;
color:#fff;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
h3.styleh3_errorform {
margin-bottom:10px;
font-size:16px;
background:#ff0000;
padding:10px;
color:#ffffff;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
h3.detailname {
margin-bottom:10px;
padding-bottom:10px;
border-bottom:2px solid #333333;
font-size:75%;
}
.graybox10 {
border:1px solid #cccccc;
margin-bottom:10px;
padding:9px;
background:#ffffff;
}
.graybox1020 {
border:1px solid #cccccc;
margin-bottom:10px;
padding:19px 9px;
background:#ffffff;
}
.atten-box {
border:2px solid #ff0000;
margin-bottom:10px;
padding:10px;
background:#ffffff;
box-sizing:border-box;
border-radius:10px;
}
.wid600box {
padding:0px 10px;
}
h4.detailitemh4 {
margin-bottom:10px;
font-size:75%;
border-top:1px solid #666666;
border-left:1px solid #666666;
border-right:1px solid #666666;
border-bottom:2px solid #666666;
padding:5px 10px;
}
h5.detailitemh5 {
margin-bottom:10px;
font-size:75%;
border-top:none;
border-left:none;
border-right:none;
border-bottom:1px solid #666666;
padding-bottom:5px;
}
h6.detailitemh6 {
margin-bottom:10px;
font-size:75%;
background:#333333;
padding:5px 10px;
color:#ffffff;
}
/* heder */
#head{
display:none;
text-align:center;
}
#headform{
display:none;
}
#headerarea {
display:none;
}


/* wrapper */
#wrapper {
padding-top:20px;
}

/* container */
#container {
width:900px;
margin: 0 auto;
text-align:left;
margin-bottom:30px;
}

.pagebodytop {
height:10px;
background:url(../images/bg_body_top.jpg) no-repeat center top;
}
.pagebody {
background:url(../images/bg_body.jpg) repeat-y center;
padding:0px 20px;
}
.innerboxtop0 {
margin:0;
padding:0;
}
.innerboxtop10 {
padding:10px 0px;
}
.innerboxtop20 {
padding:20px 0px;
}
.pagebodybottom {
height:10px;
background:url(../images/bg_body_bottom.jpg) no-repeat center top;
margin-bottom:20px;
}
ul.normastylel {
list-style:none;
}
ul.normastyl li {
list-style:none;
float:left;
padding-bottom:10px;
}

.summarybox {
margin-bottom:10px;
padding-bottom:10px;
background:url(../images/dot.gif) repeat-x left bottom;
width:760px;
}
.sumleft {
float:left;
width:105px;
}
.sumright {
float:right;
width:655px;
}

.ordertable,
.ordertable2 {
clear: both; 
margin-bottom:25px; 
}
.ordertable table,
.ordertable2 table {
width:860px;
}
.ordertable2 table {
border-top:1px solid #cccccc;
border-right:1px solid #cccccc;
}
.ordertable th,
.ordertable2 th  {
background:#eee;
color:#222;
font-size:75%;
white-space:nowrap;
}
.ordertable th  {
border-bottom:1px solid #ffffff;
text-align:left;
width:180px;
padding:10px;
}
.ordertable2 th {
border-left:1px solid #cccccc;
border-bottom:1px solid #cccccc;
text-align:center;
padding:10px;
}
.ordertable th.hissu {
border-bottom:1px solid #cccccc;
background:#B20914 url(../images/hissu.gif) no-repeat right top;
color:#ffffff;
text-align:left;
font-size:75%;
padding:10px;
white-space:nowrap;
width:180px;
}
.ordertable th.payhissu {
border-bottom:1px solid #ffffff;
background:#C1E3CD;
color:#ffffff;
text-align:left;
font-size:75%;
padding:10px;
width:100%;
white-space:nowrap;
}
.ordertable td,
.ordertable2 td {
font-size:75%;
padding:10px;
}
.ordertable td {
border-bottom:1px solid #cccccc;
}
.ordertable2 td {
border-left:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}

.ordertable02 table {
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
}
.ordertable02 th {
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
background:#999999;
color:#ffffff;
text-align:left;
font-size:75%;
padding:10px;
white-space:nowrap;
}
.ordertable02 td {
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
font-size:75%;
padding:10px;
}

input.wid50 {
width:100px;
height:30px;
border:1px solid #999999;
margin-bottom:5px;
border-radius:5px;
}
input.wid100 {
width:150px;
height:30px;
border:1px solid #999999;
margin-bottom:5px;
border-radius:5px;
}
input.wid200 {
width:250px;
height:30px;
border:1px solid #999999;
margin-bottom:5px;
border-radius:5px;
}
input.wid300 {
width:350px;
height:30px;
border:1px solid #999999;
margin-bottom:5px;
}
input.wid500 {
width:500px;
height:30px;
border:1px solid #999999;
margin-bottom:5px;
border-radius:5px;
}
textarea.textwid500 {
width:500px;
height:100px;
border:1px solid #999999;
border-radius:5px;
}
textarea.textwidall {
width:90%;
height:150px;
border:1px solid #999999;
border-radius:5px;
}

input.widerr50 {
width:100px;
height:30px;
border:1px solid #999999;
background:#FFCCCC;
margin-bottom:5px;
border-radius:5px;
}
input.widerr100 {
width:150px;
height:30px;
border:1px solid #999999;
background:#FFCCCC;
margin-bottom:5px;
border-radius:5px;
}
input.widerr200 {
width:250px;
height:30px;
border:1px solid #999999;
background:#FFCCCC;
margin-bottom:5px;
border-radius:5px;
}
input.widerr300 {
width:350px;
height:30px;
border:1px solid #999999;
background:#FFCCCC;
margin-bottom:5px;
border-radius:5px;
}
input.widerr500 {
width:500px;
height:30px;
border:1px solid #999999;
background:#FFCCCC;
margin-bottom:5px;
border-radius:5px;
}
textarea.textwiderrall {
width:90%;
height:150px;
background:#FFCCCC;
border:1px solid #999999;
border-radius:5px;
}
.buttun-area{
width:100%;
margin:0 auto;
text-align:center;
}
.buttun-flex-1,
.buttun-flex-2{
margin:0 auto;
text-align:center;
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.buttun-flex-1{
width:540px;
}
.buttun-flex-2{
width:800px;
}
input.butnimageconf{
width:250px;
height:50px;
background-image:url(../images/btnconf.png);
background-repeat:no-repeat;
background-position:center center;
background-color:#1871B5;
border-radius:100px;
border: 0px;
cursor: pointer;
}
input.butnimageback{
width:250px;
height:50px;
background-image:url(../images/btnback.png);
background-repeat:no-repeat;
background-position:center center;
background-color:#1871B5;
border-radius:100px;
border: 0px;
cursor: pointer;
}

input.btn_upload{
width:250px;
height:50px;
background-image:url(../images/btn_upload.png);
background-repeat:no-repeat;
background-position:center center;
background-color:#C64473;
border-radius:100px;
border: 0px;
cursor: pointer;
text-indent:-99999999px;
}

input.btn_upload_back{
width:250px;
height:50px;
background-image:url(../images/btn_upload_back.png);
background-repeat:no-repeat;
background-position:center center;
background-color:#C64473;
border-radius:100px;
border: 0px;
cursor: pointer;
text-indent:-99999999px;
}

input.butnimagereconf{
width:250px;
height:50px;
background-image:url(../images/btnreconf.png);
background-repeat:no-repeat;
background-position:center center;
background-color:#C64473;
border-radius:100px;
border: 0px;
cursor: pointer;
}
input.btn_uploadpass,
input.btn_end{
width:250px;
height:50px;
background-image:url(../images/btn_upload_pass.png);
background-repeat:no-repeat;
background-position:center center;
background-color:#B20914;
border-radius:100px;
border: 0px;
cursor: pointer;
text-indent:-99999999px;
}



input.btn_img_upload{
width:250px;
height:50px;
background-image:url(../images/btn_img_upload.png);
background-repeat:no-repeat;
background-position:center center;
background-color:#C64473;
border-radius:100px;
border: 0px;
cursor: pointer;
}

.butnimagesubmit{
width:150px;
height:30px;
background:url(../images/btnsubmit.jpg) no-repeat center;
border: 0px;
cursor: pointer;
}

input.butnimageback-anq{
width:230px;
height:30px;
background:url(../images/butnimageback-anq.jpg) no-repeat center;
border: 0px;
cursor: pointer;
}
input.butnimagereconf-anq{
width:230px;
height:30px;
background:url(../images/butnimagereconf-anq.jpg) no-repeat center;
border: 0px;
cursor: pointer;
}

p.btnstyle {
margin-top:10px;
}
p.btnstyle a {
padding:5px 10px;
background:#333333;
color:#ffffff;
font-weight:bold;
text-decoration:none;
}
p.btnstyle a:hover {
background:#666666;
text-decoration:underline;
}
span.numfont {
font-size:115%;
font-weight:bold;
}

dl.innerform01 {
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #cccccc;
width:570px;
}
dl.innerform01 dt {
float:left;
width:110px;
}
dl.innerform01 dd {
float:right;
text-align:left;
padding-left:10px;
padding-bottom:10px;
width:440px;
}

dl.innerform02 {
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #cccccc;
width:570px;
}
dl.innerform02 dt {
float:left;
width:190px;
}
dl.innerform02 dd {
float:right;
text-align:left;
padding-left:10px;
padding-bottom:10px;
width:350px;
}


ul.checkboxstl {
list-style:none;
}
ul.checkboxstl li {
list-style:none;
float:left;
display:block;
width:350px;
padding-bottom:8px;
}
ul.confcheckboxstl {
list-style:none;
}
ul.confcheckboxstl li {
list-style:none;
float:left;
display:block;
padding-right:15px;
padding-bottom:8px;
}

ul.checkboxstl-2 {
list-style:none;
}
ul.checkboxstl-2 li {
list-style:none;
float:left;
display:block;
width:48%;
padding-bottom:8px;
}

dl.intbl_dl {
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #cccccc;
clear:both;
overflow:hidden;
zoom:1;
}
dl.intbl_dl dt {
margin-bottom:10px;
width:380px;
float:left;
}
dl.intbl_dl dd {
padding-left:10px;
margin-bottom:10px;
width:170px;
float:left;
text-align:left;
}

.intbl_title_1 {
background:#000000;
padding:10px;
margin-bottom:15px;
color:#ffffff;
font-weight:bold;
}

.intbl_title_2 {
border-left:5px solid #000000;
padding:10px 15px;
margin-bottom:15px;
font-weight:bold;
}
iframe.i-frame{
width:100%;
text-align:center;
margin:0 auto;
height:460px;
border:none;
}

/* footer */
#foot {
background:#007444;
text-align:center;
padding:15px 0px;
}
#footerarea {
width:900px;
margin:0 auto;
text-align:left;
}

span.hissu-item{
background:#000;
padding:5px;
color:#fff;
font-size:14px;
font-weight:bold;
}

#head,
#wrapper,
h2.styleh2,
.pagebodytop,
.pagebody,
.pagebodybottom,
.summarybox,
input.butnimageconf,
input.butnimageback,
input.butnimagereconf,
input.butnimagesubmit,
dl.innerform01,
dl.innerform02,
span.btnstyle a,
.clearbox,
.intbl_title_1,
#foot {
overflow:hidden;
zoom:1;
}


#headerarea,
#wrapper,
#container,
dl.innerform01,
.clearbox,
.pagebodybottom,
.intbl_title_1,
#foot {
clear:both;
}

.buutun{
width:100%;
margin:20px auto;
text-align:center;
}
.buutun a{
display:block;
text-decoration:none;
width:100%;
margin:0px auto;
text-align:center;
font-size:18px;
font-weight:bold;
color:#fff;
line-height:100%;
background-color:#1B907D;
border-radius:50px;
padding:20px 10px;
}

ul.atten-list{
width: 100%;
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
ul.atten-list li{
width:50%;
list-style:none;
}
@media screen and (min-width: 240px) and (max-width: 768px){
ul.atten-list{
display:block;
}
ul.atten-list li{
width:100%;
margin-bottom:10px;
}
}

@media screen and (min-width: 240px) and (max-width: 768px){
#container,
.summarybox,
#footerarea{
width:100%;
}
.innerboxtop20 {
padding:20px 0px;
}
.sumleft {
float:none;
width:100%;
}
.sumright {
float:none;
width:100%;
}
.pagebody {
padding:0px 0px;
}
.ordertable {
margin:0px;
padding:10px 0px;
}
.ordertable table{
width: 96%;
}
.ordertable th,
.ordertable th.hissu,
.ordertable td{
width: 100%;
display: block;
border-top: none;
}
.ordertable tr:first-child th   { 
border-top: 1px solid #ddd; 
}
.img-wid img{
width:100%;
height:auto;
}


input.wid50 {
width:80px;
}
input.wid100 {
width:100px;
}
input.wid200 {
width:200px;
}
input.wid300 {
width:300px;
}
input.wid500 {
width:90%;
}
textarea.textwid500 {
width:90%;
}


input.widerr50 {
width:80px;
}
input.widerr100 {
width:100px;
}
input.widerr200 {
width:200px;
}
input.widerr300 {
width:300px;
}
input.widerr500 {
width:90%;
}

dl.innerform01,
dl.innerform02 {
width:100%;
}
dl.innerform01 dt,
dl.innerform02 dt {
float:none;
width:100%;
}
dl.innerform01 dd,
dl.innerform01 dd {
float:none;
padding-left:0px;
width:100%;
}
.red-box{
width:100%;
}
iframe.i-frame{
width:90%;
}
ul.checkboxstl-2 li{
float:none;
width:100%;
}
.buttun-flex-1,
.buttun-flex-2{
display: block;
}
.buttun-flex-1{
width:100%;
}
.buttun-flex-2{
width:100%;
}
.buttun-flex-1>p,
.buttun-flex-2>p{
margin-bottom:15px;
}
}