@charset "Shift_JIS";
* {
margin:0;
padding:0;
}
body  {
margin: 0 auto;
background:#000000;
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;
}

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;
}
.padbtm10 {
padding-bottom:10px;
}
.cleararea {
clear: both;  
}
p.indentM {
padding-left:1em;
text-indent:-1em;
font-size:75%;
}
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%;
}
.font_color {
color:#ff0000;
}
.font_blue_color {
color:#0066CC;
}
h2.styleh2 {
margin-bottom:10px;
font-size:80%;
background:url(../images_pre/bg_h2.jpg) no-repeat center;
padding:13px 10px;
color:#ffffff;
}
h2.styleh2teikoku {
margin-bottom:10px;
font-size:80%;
background:url(../images_pre/bg_h2_teikoku.jpg) no-repeat center;
padding:13px 10px;
color:#1857A7;
}
h3.styleh3_form {
margin-bottom:20px;
font-size:75%;
background:#0EA68C;
padding:10px;
color:#ffffff;
}
h3.styleh3_errorform {
margin-bottom:10px;
font-size:75%;
background:#ff0000;
padding:10px;
color:#ffffff;
}
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;
}
.graybox10_in {
border:1px solid #cccccc;
margin-bottom:10px;
padding:9px;
background:#FFFF99;
}
.graybox1020 {
border:1px solid #cccccc;
margin-bottom:10px;
padding:19px 9px;
background:#ffffff;
}
.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{
background:url(../images_pre/bg_head.jpg) repeat-x center top;
height:370px;
text-align:center;
}
#headform{
background:url(../images_pre/bg_head_form.jpg) repeat-x center top;
height:260px;
text-align:center;
}
#headform_teikoku{
background:url(../images_pre/bg_head_form_teikoku.jpg) repeat-x center top;
height:165px;
text-align:center;
}
#headerarea {
width:900px;
margin: 0 auto;
padding-top:20px;
padding-bottom:40px;
}


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

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

.pagebodytop {
height:10px;
background:url(../images_pre/bg_body_top.jpg) no-repeat center top;
}
.pagebody {
background:url(../images_pre/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_pre/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_pre/dot.gif) repeat-x left bottom;
width:860px;
}
.sumleft {
float:left;
width:105px;
}
.sumright {
float:right;
width:755px;
}

.ordertable {
clear: both;  
}
.ordertable table {
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
}
.ordertable th {
border-right:1px solid #cccccc;
border-bottom:1px solid #ffffff;
background:#999999;
color:#ffffff;
text-align:left;
font-size:75%;
padding:10px;
white-space:nowrap;
width:180px;
}
.ordertable th.hissu {
border-right:1px solid #cccccc;
border-bottom:1px solid #ffffff;
background:#B20914;
color:#ffffff;
text-align:left;
font-size:75%;
padding:10px;
white-space:nowrap;
width:180px;
}
.ordertable th.payhissu {
border-right:1px solid #cccccc;
border-bottom:1px solid #ffffff;
background:#ED457E;
color:#ffffff;
text-align:left;
font-size:75%;
padding:10px;
width:100%;
white-space:nowrap;
}
.ordertable td {
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
font-size:75%;
padding:10px;
}

.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:50px;
height:20px;
border:1px solid #999999;
margin-bottom:5px;
}
input.wid100 {
width:100px;
height:20px;
border:1px solid #999999;
margin-bottom:5px;
}
input.wid200 {
width:200px;
height:20px;
border:1px solid #999999;
margin-bottom:5px;
}
input.wid300 {
width:300px;
height:20px;
border:1px solid #999999;
margin-bottom:5px;
}
textarea.textwid500 {
width:500px;
height:50px;
border:1px solid #999999;
}

input.widerr50 {
width:50px;
height:20px;
border:1px solid #999999;
background:#FFCCCC;
margin-bottom:5px;
}
input.widerr100 {
width:100px;
height:20px;
border:1px solid #999999;
background:#FFCCCC;
margin-bottom:5px;
}
input.widerr200 {
width:200px;
height:20px;
border:1px solid #999999;
background:#FFCCCC;
margin-bottom:5px;
}
input.widerr300 {
width:300px;
height:20px;
border:1px solid #999999;
background:#FFCCCC;
margin-bottom:5px;
}
input.butnimageconf{
width:150px;
height:30px;
background:url(../images_pre/btnconf.jpg) no-repeat center;
border: 0px;
}
input.butnimageback{
width:150px;
height:30px;
background:url(../images_pre/btnback.jpg) no-repeat center;
border: 0px;
}
input.butnimagereconf{
width:150px;
height:30px;
background:url(../images_pre/btnreconf.jpg) no-repeat center;
border: 0px;
}
input.butnimagesubmit{
width:150px;
height:30px;
background:url(../images_pre/btnsubmit.jpg) no-repeat center;
border: 0px;
}

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;
}
dl.innerform01 dt {
float:left;
clear:left;
width:80px;
height:2.5em;
}
dl.innerform01 dd {
padding-bottom:10px;
height:2.5em;
}

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

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.checkboxstl2 {
list-style:none;
}
ul.checkboxstl2 li {
list-style:none;
float:left;
display:block;
width:250px;
padding-bottom:8px;
}


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


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


#headerarea,
#wrapper,
#container,
.graybox10,
.graybox10_in,
dl.innerform02,
.pagebodybottom,
#foot {
clear:both;
}

@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;
}
textarea.textwid500 {
width:90%;
}
}