/*---JapanBrake.co.jp Base Style Module---*/

/*---Section [em1], Sub Section [em2], Sub Sub Section [em3], Multi Column [em4]---*/

.section{
margin-bottom:24px;
text-align:center;
}

#navigationArea .section{
width:auto;
}

.subSection,
.subSubSection{
margin-bottom:18px;
text-align:left;
}

.section .col2-1,
.section .col2-2{
width:265px;
text-align:left;
}

.section .col2-1{
float:left;
}

.section .col2-2{
float:right;
}

.section .col3-1,
.section .col3-2,
.section .col3-3{
width:172px;
text-align:left;
}

.section .col3-1{
float:left;
margin-right:12px;
}

.section .col3-2{
float:left;
margin-right:12px;
}

.section .col3-3{
float:right;
}

.section h2{
margin-bottom:12px;
padding:4px 0 4px 9px;
background:#eeeeee url("../mc_contents/bg_header.gif") 0 0 repeat-y;
font-size:83%;
font-weight:bold;
text-align:left;
}

body.sitemap .section h2{
margin-bottom:12px;
padding-left:5px;
border-left:3px solid #999999;
background:#ffffff;
font-size:83%;
font-weight:bold;
}

.section p,
.subSection p,
.subSubSection p{
margin-bottom:18px;
font-size:83%;
text-align:left;
}

.subSection h3{
margin-bottom:12px;
padding-left:5px;
border-left:3px solid #999999;
font-size:83%;
font-weight:bold;
}

.subSubSection{
margin:0 15px;
padding-top:12px;
border-top:1px solid #cccccc;
}

.subSubSection h3,
.subSubSection h4{
margin-bottom:12px;
padding-left:6px;
font-size:67%;
font-weight:bold;
text-align:left;
}

.subSubSection p{
padding-left:6px;
margin-bottom:18px;
border-bottom:1px solid #cccccc;
}

.col2-1 .subSubSection,
.col2-2 .subSubSection,
.col3-1 .subSubSection,
.col3-2 .subSubSection,
.col3-3 .subSubSection{
margin:0;
}

.col2-1 .subSubSection h4,
.col2-2 .subSubSection h4,
.col3-1 .subSubSection h4,
.col3-2 .subSubSection h4,
.col3-3 .subSubSection h4{
padding-left:0;
}

/*--------------------------------------------------*/

/*---Feature Unit [cc9]---*/

.featureUnit1{
width:540px;
margin-bottom:18px;
padding-bottom:9px;
background:url("../mc_contents/fe_lower.gif") 0 100% no-repeat;
text-align:left;
}

.feature2Units{
clear:both;
margin-bottom:18px;
}

.featureUnit2-1,
.featureUnit2-2{
width:265px;
padding-bottom:9px;
background:url("../mc_contents/fe_half_lower.gif") 0 100% no-repeat;
text-align:left;
}

.featureUnit2-1{
float:left;
}

.featureUnit2-2{
float:right;
}

.featureUnit1 .featureContents{
padding:14px 7px 0 7px;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
background:url("../mc_contents/fe_separate1.gif") 0 0 no-repeat;
}

.featureUnit1 .featureContents p{
margin-bottom:0;
font-size:67%;
line-height:1.33;
}

.featureUnit2-1 .featureContents,
.featureUnit2-2 .featureContents{
padding:14px 7px 0 7px;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
background:url("../mc_contents/fe_separate2.gif") 0 0 no-repeat;
}

.featureUnit2-1 .featureContents p,
.featureUnit2-2 .featureContents p{
margin-bottom:0;
font-size:67%;
line-height:1.33;
}

.featureUnit1 .featureHeader{
padding-top:7px;
background:url("../mc_contents/fe_upper.gif") 0 0 no-repeat;
}

.featureUnit2-1 .featureHeader,
.featureUnit2-2 .featureHeader{
padding-top:7px;
background:url("../mc_contents/fe_half_upper.gif") 0 0 no-repeat;
}



.featureUnit1 h2,
.featureUnit1 h3,
.featureUnit1 h4,
.featureUnit2-1 h2,
.featureUnit2-1 h3,
.featureUnit2-1 h4,
.featureUnit2-2 h2,
.featureUnit2-2 h3,
.featureUnit2-2 h4{
margin-bottom:0;
padding:0 7px;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
background-image:none;
background-color:#f6f6f6;
line-height:1.4;
}

.featureUnit1 h2 a,
.featureUnit1 h3 a,
.featureUnit1 h4 a,
.featureUnit2-1 h2 a,
.featureUnit2-1 h3 a,
.featureUnit2-1 h4 a,
.featureUnit2-2 h2 a,
.featureUnit2-2 h3 a,
.featureUnit2-2 h4 a{
display:block;
padding-left:17px;
background:url("../mc_contents/icon_link.gif") 0 0.2em no-repeat;
}

.featureUnit1 .featureImg{
float:left;
width:172px;
}

.featureUnit2-1 .featureImg,
.featureUnit2-2 .featureImg{
float:left;
width:110px;
}

.featureUnit1 .featureImg p,
.featureUnit2-1 .featureImg p,
.featureUnit2-2 .featureImg p{
margin-bottom:0;
}

.featureUnit1 .featureTxt{
float:right;
width:352px;
}

.featureUnit2-1 .featureTxt,
.featureUnit2-2 .featureTxt{
float:right;
width:139px;
}

.featureUnit1 .featureTxt p,
.featureUnit2-1 .featureTxt p,
.featureUnit2-2 .featureTxt p{
font-size:67%;
line-height:1.33;
}

.featureUnit1 .featureTxt p.moreDetails,
.featureUnit2-1 .featureTxt p.moreDetails,
.featureUnit2-2 .featureTxt p.moreDetails{
margin-top:12px;
padding:0 0 0 6px;
background:url("../mc_contents/list_link_s.gif") 0 0 no-repeat;
line-height:1;
}

.contactAgree {
text-align: left;
margin-bottom: 18px;
}
.contactAgree label {
font-size: 83%;
display: block;
margin-bottom: 10px;
}
.contactAgree label > input {
margin-right: 5px;
}
.contactAgree button#submitButton {
font-size: 83%;
padding: 5px 10px;
box-sizing: border-box;
cursor: pointer;
}
.contactAgree button#submitButton.is-inactive {
cursor: auto;
}