@charset "utf-8";

body{font-size:13px;}
#wrapper{min-width:320px;}
header{background:#FFF;margin-bottom:20px;padding:20px;box-shadow:0 0 10px #999;}
h1{max-width:800px;margin:auto;}
header img{width:160px;}
#wrapper{max-width:800px;margin:auto;padding:0 20px;}
h2{color:#FFF;margin:0;font-size:21px;text-align:center;padding:1em 0;margin-bottom:40px;}
h2 + p{margin-bottom:30px;}
#new{box-sizing:border-box;margin:40px 20px 0;padding:1em;text-align:center;font-size:16px;color:#F00;border:3px double #F00;}
#new span{display:block;}

.error{background:#F00;}
.conf{background:#00548d;}
h3{text-align:center;color:#00548d;font-size:20px;margin-bottom:10px;}
section{margin-bottom:40px;font-size:13px;}
.tel{box-sizing:border-box;max-width:700px;margin-left:auto;margin-right:auto;border-top:4px solid #EEE;border-bottom:4px solid #EEE;padding:20px ;text-align:center;}
.tel p span{font-size:28px;font-weight:bold;}
.tel p:before{content:"TEL : ";font-size:14px;}
.tel a{color:#222;}
p{width:100%;max-width:700px;margin:0 auto;line-height:2em;}

.ime_ja{	ime-mode:active;}
.ime_en{	ime-mode:inactive;}

form{max-width:700px;margin:0 auto;color:#333;}
.section{margin-bottom:3em;}
form p a{color:#333;font-size:2.4em;}
dt span{margin-left:3px;padding:0 2px;line-height:16px;color:#FFF;font-size:11px;background:#F00;text-align:center;}
fieldset{width:100%;max-width:700px;margin:0 auto 40px;border:none;}
legend{display:block;width:100%;padding-bottom:15px;font-size:18px;color:#222;font-weight:bold;line-height:1em;}
legend:after{content:"";display:block;width:100%;height:10px;border-bottom:4px solid #CCC;}

dl{position:relative;overflow:hidden;width:100%;max-width:700px;margin:0 auto 40px;border-top:1px solid #CCC;border-left:1px solid #CCC;}
dt,dd{padding:10px;border-bottom:1px solid #CCC;border-right:1px solid #CCC;color:#333;font-size:14px;}
dt{font-weight:bold;background:#EEE;}
dd{letter-spacing:1px;}
dd p{font-size:12px;}
dd span{font-size:12px;display:block;}

#address,#address2{width:90%;}
#address{margin-bottom:10px;}

input[type="text"],select,textarea{padding:0.4em;border:solid 1px #999;border-radius:5px;font-size:14px;}
#jyusyo{width:90%;}

input[type="text"]:focus,textarea:focus{border:solid 2px #00548d;background-color:#ecf7ff;}

.days select{display:inline;margin-bottom:20px;}

input[type="radio"],.check input{margin-right:2px;}
/*input[type=radio]{visibility:hidden;}
input[type=radio]:checked + label {border-radius:100px;border:1px solid #222;}*/
.check li{margin-right:20px;padding-bottom:0.5em;font-size:14px;}

form>p{text-align:center;padding:20px 0 40px;}
form>p +input{display:block;width:500px;margin:auto;padding:1em 3em;font-size:1.4em;background-color:#66bd4b;color:#FFF;border:none;border-radius:5px;}
form>p+input:hover{background-color:#539b3d;}
form p{line-height:1.6em;}

table{width:100%;max-width:650px;margin:0 auto 40px;} 
/*
th,td{border:1px solid #CCC;padding:0.4em;font-size:13px;}
th{background:#EEE;width:11em;}
*/
.btn_section{background:#EEE;padding:30px 40px;color:#333;text-align:center;}
.btn_section ul{margin-bottom:20px;}
.btn_section li{padding-left:1em;text-indent:-1em;text-align:left;}
.btn_section input{display:inline-block;width:100%;max-width:300px;height:60px;font-size:14px;margin-bottom:20px;}

.btn_ok{color:#FFF;font-weight:bold;font-size:14px;border-radius:1px;border:1px solid #300;
background: #cc0000;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MDAwMDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #cc0000 0%, #900009 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0000), color-stop(100%,#900009));
background: -webkit-linear-gradient(top,  #cc0000 0%,#900009 100%);
background: -o-linear-gradient(top,  #cc0000 0%,#900009 100%);
background: -ms-linear-gradient(top,  #cc0000 0%,#900009 100%);
background: linear-gradient(to bottom,  #cc0000 0%,#900009 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#900009',GradientType=0 );
}
.btn_ok:hover{
background: rgb(210,75,90);
background: -moz-linear-gradient(top,  rgba(210,75,90,1) 0%, rgba(210,75,90,1) 50%, rgba(186,39,55,1) 51%, rgba(239,71,88,1) 100%);
background: -webkit-linear-gradient(top,  rgba(210,75,90,1) 0%,rgba(210,75,90,1) 50%,rgba(186,39,55,1) 51%,rgba(239,71,88,1) 100%);
background: linear-gradient(to bottom,  rgba(210,75,90,1) 0%,rgba(210,75,90,1) 50%,rgba(186,39,55,1) 51%,rgba(239,71,88,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d24b5a', endColorstr='#ef4758',GradientType=0 );
}

.btn_section input.btn_back{width:auto;height:40px;padding:0 1em;}

footer {padding:40px 0;text-align:center;font-size:12px;letter-spacing:1px;color:#666;}
dd:empty:before{content:"---";display:block;width:100%;line-height:30px;}

#thanks p,#thanks li{font-size:1.4em;}

/* 961px
---------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 480px),print {
legend{font-size:21px;}
dl:before{content:"";position:absolute;bottom:0;left:0;width:12em;height:100%;z-index:-1;background:#EEE;border-right:1px solid #CCC;}
dt,dd{line-height:30px;text-align:left;}
dt{width:11em;clear:both;float:left;border:none;background:none;}
dd{padding-left:12em;}
#address,#address2{width:70%;}
.days select,.check li{display:inline-block;line-height:30px;}
.days select{margin-bottom:0;}


}

/* 961px
---------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 768px),print {
dd span{display:inline;}

}