body {
text-align:center;
color:#333333;
margin:0;
padding:0;
font-family:sans-serif;
line-height:1.41;
}

#wrap {
width:800px;
border-top:solid 5px #c00;
margin:0 auto;
}

#wrap h1 {
font-size:160%;
margin:0 0 10px 0;
padding:0;
line-height:1;
}

#logo {
margin:0;
padding:20px 0 20px 0;
}

#logo img {
width:200px;
height:auto;
}

.text {
padding:0;
margin:0 0 10px 0;
}

.last1 {
margin-bottom:20px !important;
}

#about {
width:700px;
font-size:100%;
text-align:left;
line-height:1.21;
margin:0 auto 1em;
padding:0;
}

#purpose {
width:670px;
background:#fff;
border:solid 5px #e5e5e5;
margin:0 auto 1em;
padding:20px 10px;
}

#purpose h2 {
font-size:90%;
color:#000 !important;
margin:0 0 1em;
padding:0;
}

#purpose ul {
text-align:left;
list-style-position:inside;
margin:0 0 0 20px;
padding:0;
}

.hissu {
color:#c00;
}

.ex {
font-size:90%;
font-weight:200;
}

.firstsubmit {
text-align:center !important;
margin-bottom:30px !important;
}

#phase {
width:700px;
margin:0 auto 2em;
}

#phase:after {
content:"";
display:block;
clear:both;
height:0;
}

#phase ol {
list-style:none;
margin:0;
padding:0;
}

#phase li {
float:left;
width:210px;
font-size:100%;
background:#ffefef;
color:#333;
padding:20px 5px;
}

.phase-active {
background:#c00 !important;
color:#fff !important;
font-weight:700;
}

#phase1,#phase2 {
margin-right:20px;
}

#inquiry {
width:700px;
margin:0 auto 2em;
padding:0;
}

input {
padding:4px;
}

.submitbutton {
font-size:100%;
padding:8px 60px;
}

#back {
font-size:100%;
padding:8px 10px;
}

.backbutton {
padding:8px 10px;
}

#inquiry dl {
text-align:left;
margin:0;
padding:0;
}

#inquiry dt {
font-size:110%;
font-weight:700;
background:#f0f0f0;
border-left:solid 2px #c00;
margin:0 0 10px;
padding:5px 5px 5px 7px;
}

#inquiry dd {
font-size:100%;
background:url(../images/underline1.png) left bottom repeat-x;
margin:0 0 10px !important;
padding:0 0 0.5em;
font-weight:700;
}

.ninni {
border-left-color:#00b !important;
}

.ninni span {
color:#00b;
}

.inquiryconfirm dt {
border-left-color:#c00 !important;
margin-bottom:15px !important;
}

.inquiryconfirm dd {
font-weight:200 !important;
font-size:120% !important;
}

#copyright {
display:none;
}

#inquiry dd * {
background:#fff;
}

#inquiry dd *:focus,#inquiry dd *:hover {
background:#fcfcfc;
}

#inquiry-content textarea,
#inquiry-remarks textarea {
font-size:100%;
border:solid 1px silver;
padding:5px;
width:688px;
height:130px;
}

#inquiry-content {
margin-bottom:0 !important;
padding-bottom:0 !important;
}

#inquiry em {
font-style:normal;
color:#c00;
font-size:small;
}

#submit {
margin:0;
padding:8px 60px;
font-size:130%;
}

input[type="submit"]:hover {
cursor:pointer;
}

input[type="button"]:hover {
cursor:pointer;
}

.submitp {
padding:0 0 5px 0;
}

#absolution {
width:800px;
margin:0 auto;
padding:0 0 10px;
font-weight:700 !important;
}

#absolution p {
font-size:80%;
text-align:center;
font-family:"arial";
margin:0;
padding:0 0 10px;
}

#absolution a:link {
text-decoration:none;
color:#333;
}

#absolution a:visited {
text-decoration:none;
color:#666;
}

#absolution a:hover {
text-decoration:underline;
color:#333;
}

#inquiry-company input,
#inquiry-name input {
width:150px;
border:solid 1px silver;
}

#inquiry-postcode {
width:60px;
border:solid 1px silver;
margin-bottom:5px;
}

#inquiry-add {
font-size:90%;
line-height:1.5;
margin-bottom:5px;
}

#inquiry-add select {
border:solid 1px silver;
margin-bottom:5px;
}

#inquiry-add2 {
width:250px;
border:solid 1px silver;
margin-bottom:5px;
}

#inquiry-tel input,#inquiry-fax input {
width:120px;
border:solid 1px silver;
}

#inquiry-mail {
line-height:1.5;
}

#inquiry-mail input {
width:300px;
margin-bottom:5px;
border:solid 1px silver;
}

#inquiry-contact,#inquiry-years,#inquiry-style,#inquiry-area {
font-size:90%;
}

.hidden {
display:none;
}

.ERR {
color:red;
font-weight:700;
}

.inquiry-confirm dd {
color:#0044cc;
font-weight:200;
line-height:1.4;
}

h2 {
font-size:130%;
color:#c00;
margin:0 0 1em;
padding:0;
}

.completion-text {
width:700px;
font-size:100%;
text-align:left;
line-height:1.21;
margin:0 auto 1em;
padding:0;
}

.last {
margin-bottom:120px !important;
}

h3 {
color:#fff;
width:600px;
font-size:100%;
font-weight:200;
background:#c00;
margin:0 auto 0.2em;
padding:0.25em 0;
}

address {
font-size:100%;
border:solid 2px #c00;
width:596px;
font-style:normal;
color:#333;
margin:0 auto;
padding:0.75em 0;
}

.notice {
font-size:100%;
color:red;
margin:0 0 1em;
padding:0;
}

#privacy {
width:600px;
font-size:90%;
text-align:left;
margin:0 auto;
padding:2em 0;
}

#privacy dt {
font-weight:700;
margin:0 0 0.5em;
padding:0;
}

#privacy dd {
margin:0 0 1em;
padding:0;
}

#privacy ul {
padding-top:1em;
margin-top:0;
}

#sitemap {
text-align:left;
font-size:90%;
padding:2em 0;
}

#sitemap ul {
list-style:none;
margin:0;
}

#sitemap a {
padding-left:17px;
background:url(../images/sitemap-linkdeco.png) left center no-repeat;
}

#sitemap li {
margin:0 0 0.5em;
padding:0;
}

.sitemap-level1 {
margin-left:2em !important;
}

.sitemap-level2 {
margin-left:4em !important;
}

a:link {
color:#c00;
text-decoration:underline;
}

a:visited {
color:#5b9dca;
text-decoration:underline;
}

a:hover {
color:#0c94f3;
text-decoration:underline;
}

a:active {
color:red;
text-decoration:none;
}

#yubin-koukoku-mada {
margin-bottom:40px;
}

*,a {
outline:none;
}

#inquiry form,#privacy dl {
margin:0;
padding:0;
}

#inquiry-agreement,select {
font-size:100%;
}

#inquiry-corporate input,#inquiry-add3,#inquiry-add4 {
width:300px;
border:solid 1px silver;
}

.formtext1 {
line-height:1.4;
}

.formtext1 strong {
font-size:220%;
font-weight:400;
line-height:1.8;
}

.red {
color:#ff0000;
}

#privacy-policy {
width:678px;
height:200px;
border:solid 1px #cccccc;
text-align:left;
overflow:auto;
margin:0 auto 40px auto;
padding:10px;
}

#privacy-policy h3 {
background:#ffffff !important;
color:#333333 !important;
padding:0 !important;
margin:0 0 5px 0 !important;
font-size:95% !important;
width:100% !important;
text-align:left !important;
font-weight:700;
}

#privacy-policy h4 {
background:#ffffff !important;
color:#333333 !important;
padding:0 !important;
margin:0 0 5px 0 !important;
font-size:90% !important;
width:100% !important;
text-align:left !important;
font-weight:200;
}

#privacy-policy p {
padding:0 !important;
margin:0 0 10px 0;
font-size:85% !important;
}

#privacy-policy ul {
font-size:80%;
}

#privacy-policy dl {
font-size:80%;
}

#privacy-policy dt {
margin-bottom:5px;
}

#privacy-policy dd {
padding:10px;
margin:0;
text-align:left;
background:#f0f0f0;
}

.righter {
text-align:right;
}

label:hover {
cursor:pointer;
}






@media only screen and (max-device-width : 960px) {

body {
-webkit-text-size-adjust: 100%;
-webkit-overflow-scrolling:touch;
line-height:1.21;
}

#submit input {

}

.submitp {
font-size:26px !important;
}

input[type="submit"] {
	font-size:36px !important;
    font-weight:700;
		 -webkit-appearance: none;
		 background:#e28964;
		 color:#ffffff;
		 border-radius:5px;
		 border:none;
		 padding:12px 40px;
  }

input[type="button"] {
	font-size:30px !important;
    font-weight:700;
		 -webkit-appearance: none;
		 background:#e28964;
		 color:#ffffff;
		 border-radius:5px;
		 border:none;
		 padding:10px 20px;
  }
	
.inquiryconfirm dd {
font-size:26px !important;
}



#purpose h2 {
font-size:100%;
}

#absolution,
#absolution p {
text-align:center;
font-size:20px;
border-bottom:none;
padding-bottom:5px;
}

.text,
#about {
font-size:22px;
font-weight:700;
text-align:left;
width:700px;
margin:0 auto 10px;
}

#phase li {
font-size:120%;
}

#inquiry-name input,
#inquiry-tel input,
#inquiry-mail input,
#inquiry-company input {
font-size:32px;
width:100%;
padding:5px 0;
}

#inquiry-remarks textarea,
#inquiry-content textarea {
width:100%;
padding:5px 0;
font-size:32px;
}

#inquiry-category label,
#inquiry-contact label {
font-size:26px;
line-height:1.8;
}

#inquiry-add {
font-size:26px !important;
}

#inquiry-postcode {
font-size:32px;
width:100px;
}

#inquiry-add2 {
padding:5px 0;
font-size:32px;
width:400px;
}

#inquiry-add3 {
padding:5px 0;
font-size:32px;
width:400px;
}

.ex {
font-size:22px !important;
}

#pref {
font-size:100%;
}

#inquiry dt {
font-size:30px;
}

#wrap h1 {
font-size:36px;
text-align:left;
width:700px;
margin:0 auto 10px;
}

#logo {
text-align:left;
}

#logo img {
width:300px;
margin-left:50px;
}

.completion-text {
font-size:28px !important;
}

address {
font-size:24px !important;
}

.font30 {
font-size:30px !important;
font-weight:700 !important;
}

.ERR {
color:red;
font-size:26px !important;
}


















input[type="checkbox"] {
    border: 1px solid #aaaaaa;
    vertical-align: -8px;
    -webkit-appearance: none;
    position: relative;
    margin-right: 5px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    width: 26px;
    height: 26px;
    /*Other Browser*/
    background: #e2e2e2;
    /*For Old WebKit*/
    background: -webkit-gradient(
        linear, left top, left bottom,
        color-stop(0.00, #ffffff),
        color-stop(1.00, #e2e2e2)
    );
    /*For Modern Browser*/
    background: linear-gradient(
        to bottom,
        #ffffff 0%,
        #e2e2e2 100%
    );
}

input[type="checkbox"]:checked {
    /*Other Browser*/
    background: #99cc00;
    /*For Old WebKit*/
    background: -webkit-gradient(
        linear, left top, left bottom,
        color-stop(0.00, #99cc00),
        color-stop(1.00, #87b400)
    );
    /*For Modern Browser*/
    background: linear-gradient(
        to bottom,
        #99cc00 0%,
        #87b400 100%
    );
    border: 1px solid #336600;
}

input[type="checkbox"]:checked:before {
    position: absolute;
    left: 1px;
    top: 16px;
    display: block;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    content: "";
    width: 10px;
    height: 4px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: right center;
}

input[type="checkbox"]:checked:after {
    display: block;
    position: absolute;
    left: 9px;
    top: 16px;
    content: "";
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    width: 16px;
    height: 4px;
    background: #ffffff;
    -webkit-transform: rotate(-53deg);
    -webkit-transform-origin: left center;
}

}

