/* CSS Document */

body {
font-family:sans-serif;
text-align:center;
padding:0;
margin:0;
}

.headline {
padding:10px 0;
background:#8b6da1;
}

.headline img {
display:inline-block;
border:solid 1px #ffffff;
vertical-align:middle;
margin-right:10px;
width:50px;
}

.headline h1 {
display:inline-block;
vertical-align:middle;
color:#ffffff;
font-size:3.5vw;
font-weight:400;
line-height:1;
}

.headline h1 a {
color:#ffffff;
text-decoration:none;
}

.wrap {
padding:10px 3%;
}

.container {
width:100%;
margin:0 auto;
}

.header {
padding:25px 0 20px 0;
text-align:center;
}

.header h2 {
text-align:center;
}

.header h2 img {
width:39%;
}

.header h2 strong {
display:block;
font-size:6.5vw;
padding:10px 0 5px;
}

.header h2 a {
color:#000000;
text-decoration:none;
}

.header h2 span {
display:block;
font-size:3vw;
font-weight:400;
}

.header h3 {
text-align:center;
}

.header h3 span {
display:inline-block;
padding:8px;
background:#f7d32e;
border-radius:5px;
margin:15px 5px 10px 5px;
vertical-align:middle;
font-size:2.8vw;
}

.header h4 {
text-align:center;
}

.header h4 a {
display:inline-block;
padding:13px 15px 10px 15px;
border-bottom:solid 4px #aa0000;
border-radius:10px;
background:#cc0000;
color:#ffffff;
text-decoration:none;
font-size:3.5vw;
font-weight:700;
margin:5px 0 0 0;
transition:background 0.5s ease;
}

.header h4 a:hover {
background:#dd0000;
}

.mainmenu {
padding:0 0 20px 0;
}

.mainmenu ul {
list-style:none;
}

.mainmenu ul li {
width:50%;
float:left;
}

.mainmenu ul li a {
display:block;
padding:14px 10px;

background:#f0f0f0;
text-decoration:none;
color:#0033cc;
transition:all 0.25s ease;
font-size:2.8vw;
}

.mainmenu ul li a:hover,
#mainmenuactive {
background:#31a00a;
color:#ffffff;
}

.bread {
padding:0;
margin:0 0 30px;
list-style:none;
text-align:center;
}

.bread li {
display:inline-block;
font-size:2.5vw;
}

.bread li a {
text-decoration:none;
}

.bread li a:after {
content:"／";
margin:0 10px;
}

.bread li:last-child a:after {
content:"";
}

.heading {
font-size:3.9vw;
margin:0 0 15px;
text-align:left;
}

.text {
font-size:3vw;
line-height:1.8;
text-align:left;
margin:0 0 15px;
}

.rightETC {
float:right;
width:30%;
margin:0 0 10px 25px;
}

.halfbox {
padding:30px 0 30px;
}

.indexhalfleft {
width:100%;
}

.indexfeature {
text-align:center;
list-style:none;
margin-bottom:30px;
}

.indexfeature li {
padding:15px;
border:solid 1px #cccccc;
border-radius:5px;
margin-bottom:5px;
color:#cc0000;
font-weight:700;
font-size:4.4vw;

}

.indexhalfleft li span {
font-size:2.8vw;
display:block;
margin:10px 0 0 0;
color:#333333;
font-weight:400;
}

.indexhalfright {
width:100%;
}

.indexflow {
padding:0;
text-align:left;
list-style:none;
margin-bottom:20px;
}

.indexflow li {
padding:15px 0;
border-bottom:dotted 1px #cccccc;
font-size:3.3vw;
line-height:1.6;
text-indent:-4.1vw;
padding-left:4.1vw;
}

.indexflow li:nth-of-type(1):before {
content:"1.";
}

.indexflow li:nth-of-type(2):before {
content:"2.";
}

.indexflow li:nth-of-type(3):before {
content:"3.";
}

.indexflow li:nth-of-type(4):before {
content:"4.";
}

.indexflow li:nth-of-type(5):before {
content:"5.";
}


.indexQA {
margin-bottom:50px;
}

.indexQA ul {
list-style:none;
}

.indexQA li h2 {
border-top:solid 2px #333333;
padding:13px 0;
text-align:left;
font-size:3.9vw;
}

.indexQA li h2:before {
content:"Q.";
}

.indexQA li p {
text-align:left;
padding:13px 0;
font-size:3vw;
line-height:1.6;
border-top:solid 1px #cccccc;
}

.indexQA h3 {
text-align:right;
font-size:3.5vw;
font-weight:400;
}

.indexQA h3:before {
content:"▶";
}

.forLP {
padding:20px 3% 25px 3%;
background:#f5f5f5;
}

.forLP h2 a {
display:inline-block;
padding:16px 15px 13px 15px;
border-bottom:solid 4px #aa0000;
border-radius:10px;
background:#cc0000;
color:#ffffff;
text-decoration:none;
font-size:3.9vw;
font-weight:400;
margin:5px 0 0 0;
transition:background 0.5s ease;
}

.forLP h2 a:hover {
background:#dd0000;
}

.remarks {
padding:30px 0;
}

.remarks p {
text-align:left;
font-size:3vw;
line-height:1.5;
color:#555555;
}

.copyright p {
font-size:2.5vw;
color:#777777;
}

.family {

}

.parent {
width:100%;
}

.child {
width:100%;
}

.sideabout,
.sidewaribiki,
.sidelinks {
padding:20px;
border:solid 1px #cccccc;
margin-bottom:10px;
}

.sideabout h3 {
margin-bottom:10px;
text-align:center;
}

.sideabout h3 img {
width:50%;
}

.sideheading {
text-align:left;
font-size:3.5vw;
line-height:1.4;
margin-bottom:10px;
}

.sideabout p {
text-align:left;
font-size:3vw;
line-height:1.5;
}

.featurebox {
text-align:left;
padding:20px 0;
}

.featurebox h2 {
color:#cc0000;
font-size:3.9vw;
margin-bottom:13px;
text-decoration:underline;
}

.featurebox h2:nth-of-type(1):before {
content:"1.";
}

.featurebox h2:nth-of-type(2):before {
content:"2.";
}

.featurebox h2:nth-of-type(3):before {
content:"3.";
}

.featurebox h2:nth-of-type(4):before {
content:"4.";
}

.featurebox h2:nth-of-type(5):before {
content:"5.";
}

.featurebox h2:nth-of-type(6):before {
content:"6.";
}

.featurebox h2:nth-of-type(7):before {
content:"7.";
}

.featurebox p {
font-size:3.5vw;
line-height:1.8;
margin-bottom:20px;
}

.sidewaribiki dl {

}

.sidewaribiki dl dt {
padding:7px;
color:#ffffff;
background:#fc6818;
}

.sidewaribiki dl dd {
font-size:3vw;
line-height:1.5;
text-align:left;
padding:10px 0;
}

.sidewaribiki dl dd:nth-of-type(2) {
padding-bottom:0;
}

.sidelinks ul {
text-align:left;
}

.sidelinks li {
list-style:none;
text-indent:-16px;
padding-left:16px;
padding-top:5px;
font-size:3.5vw;
line-height:1.4;
}

.sidelinks li:before {
content:"・";
}

.sidelinks li a {
color:#333333;
}

.flowbox {
padding:20px 0;
}

.flowbox ol {
text-align:left;
list-style:none;
}

.flowbox ol li {
margin-bottom:20px;
border-bottom:solid 1px #cccccc;
padding-bottom:20px;
}

.flowbox ol h3 {
font-size:3.9vw;
line-height:1.4;
}

.flowbox ol li:nth-of-type(1) h3:before {
content:"1.";
}

.flowbox ol li:nth-of-type(2) h3:before {
content:"2.";
}

.flowbox ol li:nth-of-type(3) h3:before {
content:"3.";
}

.flowbox ol li:nth-of-type(4) h3:before {
content:"4.";
}

.flowbox ol li:nth-of-type(5) h3:before {
content:"5.";
}

.flowbox ol li:last-child {
margin-bottom:10px;
}

.flowbox ol p {
padding:10px 0 0 0;
font-size:3.9vw;
line-height:1.8;
}

.flowbox ol li:nth-of-type(3) p {
margin-bottom:15px;
}

.flowbox table {
font-size:3vw;
line-height:1.5;
}

.flowbox table th {
white-space:nowrap;
vertical-align:top;
padding-bottom:8px;
}

.flowbox table td {
vertical-align:top;
padding-bottom:8px;
}

.bottomspace {
margin-bottom:50px !important;
}


.qabox {
margin-bottom:50px;
}

.qabox ol {
list-style:none;
}

.qabox li h3 {
border-top:solid 2px #333333;
padding:15px 0;
text-align:left;
font-size:3.5vw;
}

.qabox li h3:before {
content:"Q.";
}

.qabox li p {
text-align:left;
padding:13px 0;
font-size:3vw;
line-height:1.6;
border-top:solid 1px #cccccc;
}