@charset "UTF-8";
/* bodyModules */
.explain{
padding-top: 15px;
padding-bottom: 15px;
margin-bottom:20px;
background-color: #FAF8E3;
border-radius: 5px;
}

.explain .returnLink {
margin-top:-5px;
margin-right:15px;
}

/* headerModules */

.mainImageWrapper {
margin-bottom:10px;
}

.mainImageWrapper .mainImage {
position:relative;
margin-bottom:5px;
}

.mainImageWrapper .mainHeaderWrapper {
position:absolute;
width:920px;
bottom:0;
padding: 8px 15px 10px 15px;
background-color: rgba(0,0,0,0.5);
color:#fff;
}

.mainImageWrapper .mainHeaderWrapper h1 {
margin-bottom: 5px;
font-size: 26px;
font-weight: bold;
}

.mainImageWrapper .mainHeaderWrapper p {
font-size:14px;
}

.mainImageWrapper .sourceText {
text-align:right;
font-size:12px;
}

h2 {
margin: 0 15px 30px;
letter-spacing: 3px;
font-size: 30px;
font-weight: bold;
}

h2 span {
display: inline-block;
padding: 5px 6px 4px 10px;
margin-right: 10px;
background-color: #00A4D8;
line-height:1.2;
color: #fff;
border-radius: 3px;
}

.headerWithBorder {
border-left: 6px solid #00A4D8;
padding: 2px 0 5px 10px;
margin: 0 15px 20px;
}

.headerWithBorder h3 {
margin-bottom:5px;
font-size: 22px;
font-weight: bold;
}

.headerWithBorder p {
font-size: 14px;
}

h4 {
border-left: 3px solid #00A4D8;
font-size: 20px;
font-weight: bold;
padding: 3px 10px 5px;
margin: 0 15px 30px;
}

h5 {
font-size: 14px;
font-weight: bold;
margin: 0 15px 20px;
}

/* .explainItemWrapper */

.explainItemWrapper {
margin-bottom: 30px;
}

.explainItemWrapper .explainTitle {
margin-bottom: 7px;
font-size: 18px;
font-weight: bold;
line-height: 24px;
}

.explainItemWrapper .explainText {
font-size: 14px;
}

/* .oneColumnWrapper */

.oneColumnWrapper {
padding-bottom: 10px;
}

.oneColumnWrapper .explainItemWrapper {
width: 920px;
margin-right: 15px;
margin-left: 15px;
}

.oneColumnWrapper .explainItemWrapper .explainImg{
display:block;
float: left;
}

.oneColumnWrapper.smallCut .explainItemWrapper .explainTextWrapper {
width: 700px;
float: right;
}

.oneColumnWrapper.largeCut .explainItemWrapper .explainTextWrapper {
width: 450px;
float: right;
}

.oneColumnWrapper .explainItemWrapper .explainTitle {
}

.oneColumnWrapper .explainItemWrapper .explainText {
margin-bottom: 20px;
}

/* .twoColumnWrapper */

.twoColumnWrapper {
padding-right: 10px;
padding-bottom:10px;
}

.twoColumnWrapper .explainItemWrapper {
display: inline-block;
width: 445px;
margin-right: 5px;
margin-left: 15px;
vertical-align:top;
}

.twoColumnWrapper .explainItemWrapper .explainImg{
float: left;
}

.twoColumnWrapper .explainItemWrapper .explainTextWrapper {
width: 230px;
float: right;
}

/* .threeColumnWrapper */

.threeColumnWrapper {
padding-left:7px;
padding-right: 7px;
padding-bottom:10px;
}

.threeColumnWrapper .explainItemWrapper {
display: inline-block;
width: 292px;
margin-right: 8px;
margin-left: 8px;
vertical-align:top;
}

.threeColumnWrapper .explainItemWrapper .explainImg{
display:block;
float: left;
}

.threeColumnWrapper .explainItemWrapper .explainTextWrapper {
width: 160px;
float: right;
}

.threeColumnWrapper .explainItemWrapper .explainTitle {
margin-bottom: 5px;
line-height:18px;
font-size: 14px;
}

.threeColumnWrapper .explainItemWrapper .explainText {
}

/* .otherServiceWrapper */

.otherServiceWrapper {
padding:20px;
margin:0 15px 15px;
background-color:#fff;
}

.otherServiceWrapper .otherServiceTitle {
margin:10px 10px 20px;
font-weight:bold;
font-size:14px;
}

.otherServiceWrapper .otherServiceItemWrapper .otherServiceItem {
display: inline-block;
width: 415px;
padding:10px;
margin-bottom: 10px;
vertical-align: top;
cursor:pointer;
}

.otherServiceWrapper .otherServiceItemWrapper .otherServiceItem:hover {
background-color:#f4f4f4;
}

.otherServiceItem .otherServiceImg{
display:block;
float: left;
}

.otherServiceItem .otherServiceInfoWrapper {
width: 366px;
float: right;
font-size:14px;
}

.otherServiceItem .otherServiceInfoWrapper .otherServiceInfoTitle {
font-size: 16px;
text-decoration:none;
line-height: 1.2;
margin-bottom:3px;
}

.otherServiceItem .otherServiceInfoWrapper .otherServiceInfoText {
text-decoration:none;
color:#333;
}

/* .otherServiceWrapper.shopping */

.otherServiceWrapper.shopping .otherServiceTitle {
padding:10px 10px 20px 50px;
margin:0;
background-image: url(https://s.yimg.jp/c/icon/s/bsc/2.0/shopping80.png);
background-position: 5px 0;
background-size:40px 40px;
background-repeat:no-repeat;
font-weight:bold;
font-size:14px;
}

.otherServiceWrapper.shopping .otherServiceItem .otherServiceInfoWrapper {
width: 256px;
}

/* otherModules */

.notesSign {
font-size: 10px;
}

.notesTextWrapper {
margin:-10px 15px 25px;
font-size: 14px;
}

.notesTextWrapper .notesText{
margin-bottom:5px;
text-align:right;
}

.notesTextWrapper .notesText a {
text-decoration:none;
}