@charset "UTF-8";
a,
html,
legend {
    color: #000;
}
@media only screen and (max-width:736px) {
    .pcshow {
        display: none!important;
    }
    img {
        width: 100%;
    }
    #footer,
    #ghcontainer {
        display: none;
    }
}
@media only screen and (max-width:736px) {
body {
	font-size: 13px!important;
}
}
html {
    background: #FFF;
}
blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0;
}
fieldset,
img {
    border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
    font-weight: 400;
}
ol,
ul {
    list-style: none;
}
caption,
th {
    text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 400;
}
q:after,
q:before {
    content: '';
}
abbr,
acronym {
    border: 0;
    font-variant: normal;
}
sup {
    vertical-align: text-top;
}
sub {
    vertical-align: text-bottom;
}
#yui3-css-stamp.cssreset {
    display: none;
}
div#contents {
    width: 100%!important;
    line-height: 1;
}
#honda_logo img {
    width: auto;
}
body {
    font: 13px/1.231 arial,helvetica,clean,sans-serif;
}
button,
input,
select,
textarea {
    font: 99% arial,helvetica,clean,sans-serif;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    font: 100%;
}
.font_caution,
body {
    font-size: 12px;
}
code,
kbd,
pre,
samp,
tt {
    font-family: monospace;
    line-height: 100%;
}
body {
    font-family: Meiryo,'メイリオ','Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
    text-align: left!important;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
.contents a {
    text-decoration: none;
}
.contents a:hover {
    text-decoration: underline;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
@media only screen and (min-width:737px) {
    .mb5 { margin-bottom: 5px !important;}
    .mb10 { margin-bottom: 10px !important;}
    .mb12 { margin-bottom: 12px !important;}
    .mb14 { margin-bottom: 14px !important;}
    .mb15 { margin-bottom: 15px !important;}
    .mb20 { margin-bottom: 20px !important;}
    .mb25 { margin-bottom: 25px !important;}
    .mb30 { margin-bottom: 30px !important;}
    .contents {
        background-color: #e9ebeb;
        min-width: 980px;
        padding-bottom: 82px;
        margin: 0 auto;
    }
    a.link01,
	a.link02 {
        text-decoration: underline;
        font-size: 12px;
        color: #666666;
        line-height: 1.75;
    }
    a.link01:hover,
	a.link01:visited, 
    a.link02:hover,
	a.link02:visited {
        text-decoration: none;
        font-size: 12px;
        color: #666666;
        line-height: 1.75;
    }
    #mainVisual {
        background: url(../image/mainVisual_bg.png) no-repeat center top;
        background-size: auto;
        height: 458px;
        margin-bottom: 52px;
    }
    .mainVisualInner {
        width: 980px;
        margin: 0 auto;
    }
    .mainVisualTtl {
        text-align: center;
        padding-top: 38px;
    }
    .contentsInner {
        width: 980px;
        margin: 0 auto;
    }
    .fence01,
    .fence02 {
       background-image: url(../image/fence_bg.gif);
       padding: 19px;
       width: 940px;
    }
    .fence01 {
       margin: -31px 0 0 0;
    }
    .fence02 {
       margin: 34px 0 0 0;
    }
    .fence {
       background-image: url(../image/fence_bg.gif);
       padding: 10px;
       width: 960px;
       margin: 39px 0 0 0;
    }
    .fence div {
        background-color: white;
    }
    .presentArea01Wrap01 {
        float: left;
        width: 460px;
        height: 632px;
        background-color: white;
    }
    .presentArea01Wrap02 {
        float: right;
        width: 460px;
        height: 632px;
        background-color: white;
    }
    .presentArea01Btn01 {
        margin: 45px 0 0 94px;
    }
    .presentArea01Btn02 {
        margin: 10px 0 0 86px;
    }
    .present01Img01,
    .present02Img01 {
        margin: 31px 0 0 8px;
    }
    .present01Img02,
    .present02Img02 {
        margin: 17px 0 0 8px;
    }
    .present01Img03,
    .present02Img03 {
        margin: 7px 0 0 9px;
    }
    .presentAreaTtl {
        text-align: center;
        margin-top: 53px;
    }
    .thankyouTxtBox {
        text-align: center;
        padding: 28px 0 27px 37px;
    }
    .fenceControl01 {
       margin: 35px 0 0 0!important;
    }
    .fenceControl02 {
       margin: 50px 0 0 0!important;
    }
    .fenceControl03 {
       margin: 0 auto!important;
    }
    .thankyouTxt01 {
       font-size: 36px;
       color: #eb1c24;
       font-weight: bold;
       line-height: 1.75;
    }
    .thankyouTxt02 {
       font-size: 21px;
       font-weight: bold;
       line-height: 1.75;
       margin: 5px 0 0 -30px;
    }
    .maControl01 {
       margin: -6px 0 0 0!important;
    }
    .maControl02 {
       margin: 22px 0 0 -1px!important;
    }
    .presentArea02Btn {
        margin: 21px 0 0 162px;
    }
    .presentBtnArea01 {
        text-align: center;
        margin: 49px 0 0 0;
    }
    .presentBtnArea02 {
        text-align: center;
        margin: 68px 0 0 0;
    }
    .presentBalloon01 {
        margin: 0 0 0 -30px;
    }
    .presentBtn01 {
        margin: 22px 0 0 -31px;
    }
    .guideTtl {
        text-align: center;
    }
    .guideTtlImg {
        margin: 31px 0 29px 0;
    }
    .guideAreaWrap {
        padding: 0 46px 42px 47px;
    }
    .guideTable{
        border:solid 1px #bcbcbc;
        margin-bottom: 18px;
        width: 865px;
    }
    .guideTable th{
        background: #e4e4e4;
        font-size: 14px;
        color: #666666;
        font-weight: bold;
        line-height: 1.714;
        width: 111px;
    }
    .guideTable td{
        font-size: 14px;
        color: #666666;
        line-height: 1.714;
    }
    .guideTable th,
    .guideTable td{
        border-bottom:solid 1px #d2d2d2;
        padding: 17px 20px;
        vertical-align: top;
    }
    .guideFntStyle01 {
        font-size: 11px;
        color: #666666;
        line-height: 1.5;
    }
    .guideFntStyle02 {
        font-size: 14px;
        color: #666666;
        font-weight: bold;
        line-height: 1.5;
    }
    .guideFntStyle03 {
        font-size: 12px;
        color: #666666;
        line-height: 1.75;
		padding-left: 0.5em;
    }
    .guideFntStyle04 {
        font-size: 11px;
        color: #666666;
        line-height: 1.75;
		padding-left: 0.5em;
    }
    #sabnav:after,
    .guideArea:after {
        height: 0;
        visibility: hidden;
        content: "\0020";
        clear: both;
    }
    .guideTableUl01 li:before {
        content: "・";
        padding-right: 0.2em;
    }
    .guideTableUl02 li {
        font-size: 12px;
        color: #666666;
        line-height: 1.75;
        padding-left: 1em;
        text-indent: -1em;
    }
    .guideTableUl02 li:before {
        content: "・";
        padding-right: 0.2em;
    }
    .guideTableUl03 li {
        font-size: 12px;
        color: #666666;
        line-height: 1.75;
        padding-left: 1em;
        text-indent: -1em;
    }
    .form th,
    .formTable dt {
        border-right: 1px solid #fff;
        text-align: center;
    }
    .spshow {
        display: none!important;
    }
    #sabnav:after,
    .ttlArea:after {
        display: block;
    }
    .switch {
        visibility: hidden;
    }
    body {
        background-color: #e9ebeb;
    }
    .pageTop {
        float: right;
        margin: 19px -14px 0 0;
    }
    #pageTop {
        display: inline;
    }
    .backtop img:hover {
        opacity: 0.6;
        filter: alpha(opacity=60);
        -ms-filter: "alpha(opacity=60)";
        -khtml-opacity: 0.6;
        -moz-opacity: 0.6;
    }
}

@media only screen and (max-width:736px) {
    .mtControl01-sp { margin-top: 3.96875% !important;}
    .mbControl01-sp { margin-bottom: 5.03125% !important;}
    .contents {
        background-color: #e9ebeb;
    }
    .spBlock {
        display: block !important;
    }
    a.link01,
    a.link02 {
        text-decoration: underline;
        font-size: 14px;
        color: #666666;
        line-height: 1.75;
    }
    a.link01:hover,
    a.link01:visited, 
    a.link02:hover,
    a.link02:visited {
        text-decoration: none;
        font-size: 14px;
        color: #666666;
        line-height: 1.75;
    }
    .contentsInner {
        width: 91%;
        margin: 0 auto;
        padding-bottom: 7.35902%;
    }
    .presentAreaTtl {
        width: 103%;
        margin: 5.01902% 0 -0.98098% -1.64098%;
    }
    .fence {
        background: #ffffff;
		margin-bottom: 7.35902%;
    }
    .fence div {
        margin: 0 auto;
    }
    .thankyouTxtBox {
        padding: 3.99975% 0.97575% 3.97575% 0;
        text-align: center;
    }
    .thankyouTxt01 {
       font-size: 18px;
       color: #eb1c24;
       font-weight: bold;
       line-height: 1.75;
    }
    .thankyouTxt02 {
       font-size: 14px;
       font-weight: bold;
       line-height: 1.75;
    }
    .presentArea01Wrap01,
    .presentArea01Wrap02 {
        background: #ffffff;
        padding: 2.35902% 2.55902% 5.45902% 2.45902%;
    }
    .presentArea01Wrap01 {
        margin-bottom: 7.35902%;
    }
    .presentBtnArea01 {
        margin: 8.75902% 0 9.85902% 0;
    }
    .presentBalloon01 {
        width: 80%;
        margin: 0 auto;
        padding: 0.22902% 0 2.62902% 0;
    }
    .guideTtl {
        width: 30%;
        margin: 0 auto;
        padding: 30px 0 27px 0;
    }
    .guideAreaTxt {
        width: 91%;
        padding: 23px 0 28px 0;
    }
    .present01Img01 {
        margin: 0.62902% 0 0 0.11902%;
    }
    .present01Img02 {
        margin: 0.97575% 0.97575% 2.97575% 0;
    }
    .present01Img03 {
        margin: -1.02425% 0 0 -0.02425%;
    }
    .present02Img01 {
        margin: -0.70902% 0 0 0.11902%;
    }
    .present02Img02 {
        margin: 2.99975% 0.97575% 2.97575% 0;
    }
    .present02Img03 {
        margin: -1.00025% 0 0 -0.12425%;
    }
    .presentArea01Btn {
        margin: 15px 0 0 27px;
    }
    .presentArea01Btn01 {
        margin: 2.15902% 2.35902% -0.64098% 2.35902%;
    }
    .presentArea01Btn02 {
        margin: 2.35902% 3.35902% -0.64098% 2.35902%;
    }
    .presentArea01Btn,
	.presentArea02Btn {
        width: 90%;
        margin: 0 auto;
    }
    .presentBtn01 {
        width: 96%;
        margin: 0 auto;
    }
    .mailAddress01 {
        padding: 1.59902% 0.55902% 0.11902% 0;
        width: 91%;
    }
    .guideTable{
        table-layout: auto;
        border:solid 1px #bcbcbc;
        width: 90%;
        margin: 0 auto;
    }
    .guideTable th{
        background: #e4e4e4;
        font-size: 14px;
        color: #666666;
        font-weight: bold;
        line-height: 1.714;
        width: 45px;
    }
    .guideTable td{
        font-size: 14px;
        color: #666666;
        line-height: 1.714;
    }
    .guideTable th,
    .guideTable td{
        border-bottom:solid 1px #d2d2d2;
        padding: 8px 13px;
        vertical-align: top;
    }
    .guideFntStyle01 {
        font-size: 14px;
        color: #666666;
        line-height: 1.5;
        margin-top: 9%;
    }
    .guideFntStyle02 {
        font-size: 17px;
        color: #666666;
        line-height: 1.5;
    }
    .guideFntStyle03 {
        font-size: 14px;
        color: #666666;
        line-height: 1.75;
		padding-left: 0.5em;
    }
    .guideFntStyle04 {
        font-size: 14px;
        color: #666666;
        line-height: 1.75;
		padding-left: 0.5em;
    }
    #sabnav:after,
    .guideArea:after {
        height: 0;
        visibility: hidden;
        content: "\0020";
        clear: both;
    }
    .guideTableUl01 li {
        padding-left: 1em;
        text-indent: -1em;
    }
    .guideTableUl01 li:before {
        content: "・";
        padding-right: 0.2em;
    }
    .guideTableUl02 li {
        font-size: 14px;
        color: #666666;
        line-height: 1.75;
        padding-left: 1em;
        text-indent: -1em;
    }
    .guideTableUl02 li:before {
        content: "・";
        padding-right: 0.2em;
    }
    .guideTableUl03 li {
        font-size: 14px;
        color: #666666;
        line-height: 1.75;
        padding-left: 0.5em;
    }
    #footer-sp {
        background-color: #f4f4f4;
        padding-top: 1px;
    }
}