@import "reset.css";
@charset "UTF-8";

*, 
*:before, 
*:after { 
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; 
} 

body {
color: #303030;
font-family: sans-serif;
text-align: justify;
text-justify: distribute;
letter-spacing: 0.1em;
line-height: 160%;
}

body .container {
max-width: 900px;
margin: 0 auto;
}

body img {
display: block;
}

.pc {display: block;}
.mb {display: none;}



header {
background: #fff4f4;
padding: 0 0 30px;
}

header h1 {
padding: 15px 0 5px;
line-height: 120%;
color: #d52b2b;
}

header .title-left {
float: left;
width: 55%;
}
header .title-left img {
margin: 10px 0 0;
width: 100%;
}

header .title-right {
float: right;
width: 45%;
}
header .title-right p {
margin: 10px 0 0 80px;
padding: 10px 10px 7px 15px;
border: 1px #557238 solid;
background: #d5e2c7;
line-height: 140%;
font-size: 110%;
}

header img.tel {
float: left;
}
header img.fax {
float: right;
}



nav #menu {
max-width: 900px;
margin: 0 auto;
}

nav,
nav ul {
background: #f8dcdc;
}
nav ul li {
float: left;
width: 25%;
border-right: solid 0px #bfbfbf;
text-align: center;
}
nav ul li.navhead {
width: 25%;
border-left: solid 0px #bfbfbf;
}
nav ul li a,
nav ul li p {
display: block;
text-decoration: none;
padding: 15px 0;
color: #38381d;
}
nav ul li p {
color: #ff8000;
}
nav ul li a:hover {
background: #ffaaaa;
color: #ff0000;
}

#toggle{ 
display: none;
}





section#img img {
width: 100%;
}

section#prize {
padding: 50px 0 0;
}
section#prize p {
line-height: 160%;
text-align: center;
font-weight: bold;
font-size: 180%;
color: #ff0000;
}

section#owner {
padding: 50px 48px;
}
section#owner p {
line-height: 180%;
font-size: 130%;
}

section#top {
padding: 50px 40px 30px 40px;
background: url(back.png);
}
section#top p {
font-size: 140%;
line-height: 160%;
}
section#top p.top-a {
margin: 20px 0 30px 70px;
}

section#trial {
padding: 30px 20px 100px 10px;
}
section#trial p {
padding: 0 220px 0 20px;
}
section#trial p.free {
padding: 30px 20px;
font-size: 230%;
color: #ff3030;
font-weight: bold;
line-height: 120%;
}


section h2 {
padding: 50px 0 5px 10px;
font-size: 170%;
color: #dc4e4e;
font-weight: bold;
border-bottom: 5px #ea9595 solid;
}

section p {
font-size: 120%;
}
section p span {
color: #ff3030;
font-weight: bold;
}

section .faq h3,
section .faq p {
font-size: 120%;
line-height: 150%;
text-indent: -63px;
}
section .faq h3 {
margin: 50px 30px 0;
padding: 15px 20px 5px 90px;
font-weight: bold;
background: #f8dcdc;
border: 3px #f8dcdc solid;
}
section .faq h3 span {
color: #2323b1;
}
section .faq p {
margin: 0 30px 50px;
padding: 20px 20px 35px 90px;
border: 3px #f8dcdc solid;
}


section table {
margin: 50px 30px 100px;
width: 840px;
}
section table th,
section table td {
padding: 30px;
border: 2px #f1b8b8 solid;
font-size: 120%;
}
section table th {
background: #f8dcdc;
}



iframe {
width: 100%;
}




footer {
background: #d5e2c7;
}

footer .container {
padding: 30px 5px 50px;
}

footer address {
float: left;
width: 65%;
}

footer address h1 {
padding: 0 0 5px;
font-size: 170%;
font-weight: bold;
line-height: 130%;
}
footer address p {
padding: 8px 0 0 2px;
line-height: 100%;
font-size: 110%;
}

footer .time {
float: right;
width: 35%;
}
footer .time h2 {
padding: 5px 0 0;
line-height: 100%;
font-size: 130%;
}
footer .time p {
padding: 10px 0 0 12px;
line-height: 100%;
font-size: 110%;
}

footer #copyright p {
padding: 10px 0;
background: #bfd5aa;
font-size: 90%;
text-align: center;
line-height: 80%;
}


.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}