body {
    font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, 'ﾃ津ｩﾂｮﾃ偲陳ｴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ﾃ｡ﾂ､ﾃｪﾂｪ', Meiryo, '-3 0ﾂｴﾂｷﾃδｯ', 'MS PGothic', sans-serif;
    font-size: 13px;
    line-height: 1.6;
    margin: 0;
    padding: 0;
    color: #333;
    *font-size: medium;
    *font: small;
    _font-size: 1;
    }
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol {
    font-size: 100%;
    font-weight: normal;
    font-style: normal;
    margin: 0;
    padding: 0;
    list-style-type: none;
    }
a {
    color: #51257a
    }
p.error {
    font-weight: bold;
    display: none;
    margin: 0 0 6px 0;
    color: #f00;
    font-size: 14px;
    }
em {
    font-weight: 700;
    font-style: normal;
    color: #f00;
    }
/* ----------base---------- */
body {
    background: url(../../images/bg.png) center top repeat-y;
}
#bg {
    background: url(../../images/bg_head.png) center top no-repeat;
    }

.inner {
    width: 900px;
    margin: 0 auto;
    }


.header {
 width: 960px;
 height: 400px;
 box-sizing: border-box;
 margin: 0 auto;
 padding: 36px 0;
 color: #FFF;
 position: relative;
}
.header h1 {
font-size: 25px;
 line-height: 1.4;
}
.header h1 br {
}
.header p {
font-size: 14px;
font-weight: 700;
 line-height: 1.6; 
 width: 598px;
   margin: 24px 0 0 0;
}
.header .term {
 background-color: #9d865a;
display: inline-block;
 padding: 8px 16px;
color: #45272b;
font-size: 14px;
font-weight: 700;
text-align: center;
 margin: 20px 0 0 0;
}
.header .limit {
 margin: 20px 0 0 0;
font-size: 14px;
font-weight: 700;
}
.header .image {
}
.header img {
 width: 248px;
}
.header .product {
 text-align: right;
 position: absolute;
 right:0;
 top:28px;
}
.header .name {
 text-align: right;
font-size: 9px;
 line-height: 1.8;
}
.header .name br {
}



#guidance .prize-table {
 width: 400px;
    }
.prize-table td {
    border: none !important;
    padding: 4px 0 !important;
    }

.thanks {
    margin: 12px 0 24px 0;
    padding: 12px;
    background: #fff;
    }
.thanks {
    margin: 24px 0 24px 0
    }

.thanks h2 {
    font-size: 120%;
    font-weight: 700;
    margin: -13px -13px 12px -13px;
    padding: 8px;
    text-align: center;
    color: #fff;
    background: #794953;
    }
.thanks p {
    margin: 24px 24px 12px 24px
    }

.serial-input {
    margin: 0 -18px -12px -18px;
 position: relative;
    }
p.pack {
 font-size: 12px;
}
.serial-input .serial-image {
    top:40px;
 right: 20px;
 position: absolute;
    }
.serial-input .serial-image img {
   width: 290px;
    }
.serial-input li {
    margin: 0 !important;
    padding: 12px 16px;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    }
.serial-input li.even {
    border-right: none
    }
.serial-input li span {
    font-size: 80%;
    display: block;
    padding: 0 0 6px 0;
    }
input.serial-text {
    width: 350px
    }
input.mail {
    width: 460px;
    margin: 6px 0 6px 0;
    }
ol.enquete > li {
    padding: 12px 0 12px 0;
    border-bottom: 1px solid #eedbdf;
    }
ol.enquete > li.firstChild {
    padding: 0 0 12px 0
    }
ol.enquete > li.lastChild {
    padding: 12px 0 0 0;
    border-bottom: none !important;
    }
ol.enquete li p {
    font-size: 120%;
    font-weight: 700;
    margin: 0 0 12px 0;
    }
ol.enquete li ul li {
    margin: 0 0 6px 0
    }
ul.insert {
    margin: 6px 0 0 0
    }
#guidance {
    margin: 0 0 0 0;
    background: #fff;
    }
#guidance h2 {
    font-size: 120%;
    font-weight: 700;
    padding: 6px 6px 12px 6px;
    text-align: center;
    background: #794953;
    margin: 0;
    color: #FFF;
    }
#guidance table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    }
#guidance th,
#guidance td {
    padding: 12px 18px;
    border: 1px solid #eedbdf;
    border-right: none;
    border-left: none;
    }
#guidance th {
    font-size: 120%;
    width: 120px;
    text-align: left;
    vertical-align: top;
    background: #f8ecef;
    }
.answer {
    font-weight: 700;
    font-size: 120%;
    }
.serial-input .answer {
    font-weight: 700;
    font-size: 100%;
    }
#form {
    margin: 36px 0 0 0;
    background: #fff;
    border: 5px solid #794953;
    }
#form.lower {
    margin: 24px 0 0 0;
    background: #fff;
    border: 5px solid #794953;
    }
#form h2 {
    font-size: 120%;
    font-weight: 700;
    padding: 6px 6px 12px 6px;
    text-align: center;
    background: #794953;
    margin: 0;
    color: #FFF;
    }
#form table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    }
#form th,
#form td {
    padding: 12px 18px;
    border: 1px solid #eedbdf;
    border-right: none;
    border-left: none;
    }
#form th {
    font-size: 120%;
    width: 140px;
    text-align: left;
    vertical-align: top;
    background: #f8ecef;
    }
#form th.sub {
    font-size: 100%;
    width: 80px !important;
    text-align: left;
    white-space: nowrap;
    vertical-align: top;
    background: #efefef;
    }
#form td.strong {
    font-size: 120%;
    font-weight: 700;
    }
#form table.addresstable {
    width: 100%;
    border-collapse: collapse;
    border: none;
    }
#form table.addresstable th {
    font-size: 100%;
    width: 120px;
    padding: 6px 12px;
    vertical-align: middle;
    border: none;
    background: none;
    }
#form .addresstable td {
    padding: 6px 12px;
    vertical-align: middle;
    border: none;
    }
#form .store {
 position: relative;
    }


#form .store p {
   margin: 8px 0 0 16px;
 font-size: 12px;
    }
#form .store li {
   margin: 0 0 16px 0;
    }
#form .store li ul {
    margin: 0;
    }
#form .store li ul li {
    display: inline-block;
    }
#form .store ul{
 list-style-type: none;
 margin: 16px;
    }
#form .store ul.store-name li{
border-bottom:none;
    }
#form .store li{
 list-style-type: none;
    }
input.inputtext {
    font-size: 140%;
    padding: 6px;
    border: 1px solid #ccc;
    }
input.name {
    width: 160px
    }
input.postalcode1 {
    width: 60px
    }
input.postalcode2 {
    width: 80px
    }
input.address {
    width: 440px
    }
input.tel {
    width: 80px
    }
div.btn {
    padding: 30px 0 30px 0;
    text-align: center;
    }
ul.horizontal li {
    display: inline-block;
    padding: 0 24px 0 0;
    }
.required {
    color: #f00
    }
a.btn {
    font-size: 140%;
    font-weight: 700;
    display: inline-block;
    width: 300px;
    height: 60px;
    margin: 0 16px 0 16px;
    text-align: center;
    text-decoration: none;
    outline: none;
    background-color: #794953;
    line-height: 60px;
    position: relative;
    -webkit-transition: none;
    transition: none;
    color: #fff;
    border-radius: 4px;
    }
a.btn::before,
a.btn::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
    }
a.btn,
a.btn::before,
a.btn::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
    }
a.btn.negative {
    margin: 12px auto 0 auto;
    color: #000;
    background-color: #eee;
    }
a.btn.negative:hover {
    margin: 12px auto 0 auto;
    color: #000;
    background-color: #f3f3f3;
    }

.HAF {
 margin: 24px 0 0 20px;
 padding: 32px 0 0 0;
  border-top:1px solid #CCC;
}
.HAF .HAF-image {
 float: left;
 width: 300px;
}
.HAF img {
 width: 300px;
}
.HAF .HAF-text {
 float: left;
 width: 540px;
}
.HAF h2 {
 background: none;
 color: #0069af;
 font-size: 140%;
 text-align:left;
 margin: 0 32px;
 padding: 0;
}
.HAF p {
 margin: 8px 32px;
 line-height: 1.8;
 padding: 0;
}
.HAF a.btn {
 margin: 16px 16px 16px 32px;
 line-height: 1;
 height: auto;
 font-size: 14px;
 background: #0069af;
 display: block;
 padding: 16px;
}
.HAF a.btn:hover {
 background: #1278bc;
}


footer {
    border-top: 1px solid #CCC;
    padding: 0 56px 56px 56px;
    margin: 64px 0 0 0;
    text-align: right;
 background: #FFF;
}
p.approval {
 text-align: right;
 padding: 0 0 32px 0;
 margin: 16px 0 0 0;
    color: #999;
 font-size: 10px;
}
.required {
    color: #FF0000;
}
footer img {
    width: 100px;
}
footer p {
    font-size: 10px;
    font-weight: 400;
    margin: 32px 0 0 0;
}
ul.disc {
    margin: 3px 0 0 24px
    }
ul.disc li {
    line-height: 1.4;
    margin: 0 0 3px 0;
    padding: 0;
    list-style-type: disc;
    }
a.btn:hover {
    background-color: #8c5b65
    }
p.lead {
    padding: 20px
    }
.pp {
    margin: 0px 20px 20px 20px;
    border: 1px solid #CCCCCC;
    padding: 10px;
    }
.pp h3 {
    font-weight: bold
    }
.pp p {
    margin: 12px 8px 8px 8px
    }
.pp-apply {
    text-align: center;
    font-weight: 700;
    background: #fffcda;
    }
.sp {
    display: none
    }
.clear {
    zoom: 1
    }
.clear:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: '';
    }

.inquiry {
 color: #FFF;
 margin: 0 auto;
 width: 880px;
}
.inquiry .inquiry_title {
 font-weight: 700;
}
.inquiry p {
 margin: 8px 0 0 0;
}
.required-notice {
 padding: 8px 0;
 text-align: center;
}