@charset "utf-8"; 

/* ------------------------------
    reset
------------------------------ */

a{
	color:#321717; 
	text-decoration:none;
}
a:hover {
	text-decoration:none;
} 
html,body{	height:100%;}
html{
	font-size:62.5%;
    overflow-y: scroll;
}

body, h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 100%;
	list-style-type: none;
	font-style: normal;
	font-weight: normal;
	font-family: "メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Arial,Verdana,sans-serif;
	text-align: left;
	color:#321717; 
}

textarea { font-size: 100%; }
img { vertical-align: bottom; }
.red{color:#cc0000;}
.pink{color:#ff6868;}
.mark{background: #ffff6b;}
.ul{text-decoration:underline;}
input,
button{
	outline:none;
}

/* ------------------------------
    base
------------------------------ */

body{
	font-size:1.0rem;
	background-image:url(../images/bg_w.gif),url(../images/bg.gif);
	background-position:center 0, 0 0;
	background-repeat:repeat-y,repeat;
}
p,table,dl,ol  {
	font-size: 1.6rem;
	line-height: 1.6;
}

/* ------------------------------
    contents
------------------------------ */

#header .wrap{
	width:960px;
	background:#fff;
	padding:0 70px;
	margin:0 auto;
}
#header .wrap h1{
	float:left;
}
#header .wrap p{
	float:left;
	font-size:1.4rem;
	line-height:1.5;
	margin:22px 0 0 57px;
}
#header h2{
	height:480px;
	background:url(../images/header_bg.jpg) center 0 no-repeat;
	background-size:cover;
	text-align:center;
}
#header h2+.wrap{
	width:980px;
	padding:7px 60px 18px 60px;
	margin:0 auto;
}
#header .wrap .small{
	float:none;
	width:300px;
	font-size:1.2rem;
	margin:0 0 0 auto;
}
#header h2 img{
	margin-top:-90px;
}
#header .inner{
	position:absolute;
	top:0;
	left:60px;
}
#header .inner img{
	float:left;
}
#header .inner h1{
	float:left;
	font-size:1.3rem;
	line-height:1.5;
	padding:8px 0 0 12px;
}
#container{
	width:1100px;
	background:#fff;
	margin:0 auto;
	padding:0 0 117px 0;
}
.opt1{
	width:1000px;
	margin:0 auto;
}
.opt1 .fr{
	width:438px;
}
.opt1 .fr ul li+li{
	margin-top:9px;
}
#sec01{
	background:url(../images/sec01_bg.png) center 587px no-repeat;
	margin:0 0 33px 0;
}
#sec01 .inner h4{
	font-size:2.4rem;
	font-weight:bold;
	line-height:1.1;
	letter-spacing:-0.1rem;
}
#sec01 p{
	letter-spacing:-0.1rem;
}
#sec01 p span{
	font-size:1.2rem;
}
#sec01 .inner:nth-of-type(1){
	padding:68px 0 0 478px;
}
#sec01 .inner:nth-of-type(1) h4{
	margin:0 0 19px 0;
}
#sec01 .inner:nth-of-type(2){
	padding:93px 0 0 478px;
}
.gecko #sec01 .inner:nth-of-type(2){
	padding:87px 0 0 478px;
}
#sec01 .inner:nth-of-type(2) h4{
	margin:0 0 6px 0;
}
#sec01 .inner:nth-of-type(3){
	padding:95px 0 0 250px;
}
.gecko #sec01 .inner:nth-of-type(3){
	padding:93px 0 0 250px;
}
#sec01 .inner:nth-of-type(3) h4{
	margin:0 0 13px 0;
}
#sec01 .inner:nth-of-type(4){
	padding:88px 0 48px 101px;
}
.gecko #sec01 .inner:nth-of-type(4){
	padding:88px 0 42px 101px;
}
#sec01 .inner:nth-of-type(4) h4{
	margin:0 0 16px 0;
}
#sec02 h3{
	text-align:center;
}
#sec02 .wrap{
	position:relative;
	width:1000px;
	height:1620px;
	background:url(../images/sec02_bg.png) 0 0 no-repeat;
	margin:0 auto;
}
#sec02 .wrap p:nth-of-type(1) {
	position:absolute;
	top:215px;
	left:65px;
	width:355px;
}
#sec02 .wrap p:nth-of-type(2) {
	position:absolute;
	width:355px;
	top:265px;
	right:105px;
}
#sec02 .wrap p:nth-of-type(3) {
	position:absolute;
	width:435px;
	top:690px;
	left:280px;
}
#sec02 .wrap p:nth-of-type(4) {
	position:absolute;
	width:355px;
	bottom:96px;
	left:88px;
}
#sec02 .wrap p:nth-of-type(5) {
	position:absolute;
	width:355px;
	bottom:73px;
	right:100px;
}
#sec03{
	background:url(../images/sec03_bg.jpg) center 786px no-repeat;
	text-align:center;
	margin:70px 0 15px 0;
}
#sec03 .inner{
	width:676px;
	margin:-32px 0 62px 337px;
}
#sec03 .inner p{
	line-height:1.5;
	margin:-7px 0 0 10px;
}
#sec03 h4{
	text-align:center;
}
#sec03 dl{
	width:860px;
	margin:34px auto 7px auto;
}
#sec03 dl dt{
	clear:left;
	float:left;
	width:200px;
}
#sec03 dl dt p{
	font-size:1.8rem;
	font-weight:bold;
	text-align:center;
	width:200px;
	line-height:1.0;
	background:#473737;
	color:#fff;
	padding:13px 0;
}
#sec03 dl dd {
	border-bottom:1px dashed #a39b9b;
	margin-top:21px;
	padding:0 0 17px 218px;
}
#sec03 dl dd+dt{
	margin-top:21px;
}
#sec03 dl dd:last-of-type{
	border:none;
}
#sec03 .box{
	width:860px;
	margin:0 auto 68px auto;
}
#sec03 .box .fr{
	width:590px;
	padding:24px 0 0 0;
}
#sec03 .box .fr p{
	width:640px;
	margin:25px 0 0 -50px;
}
#sec03 .box2{
	width:840px;
	text-align:left;
	background:#fefefe;
	margin:0 auto 13px auto;
	padding:0 0 25px 0;
}
#sec03 .box2 .ttl{
	margin:0 0 22px 0;
}
#sec03 .box2 .ttl img{
	float:left;
	margin:-33px 22px 0 30px;
}
#sec03 .box2 .ttl p{
	float:left;
	width:auto;
	font-size:1.8rem;
	color:#8d8d8e;
	letter-spacing:-0.1rem;
	padding:14px 0 0 0;
	margin:0;
}
#sec03 .box2 img{
	margin:0 0 7px 46px;
}
#sec03 .box2 p{
	width:765px;
	font-size:1.4rem;
	line-height:1.4;
	margin:0 0 0 50px;
}
#sec03 .box2 p+img{
	margin:23px 0 7px 46px;
}
#sec04{
	text-align:center;
	margin:65px 0 70px 0;
}
#sec04 h3{
	text-align:center;
}
#sec04 .box{
	margin:75px 0 0 0;
}
#sec04 .box .fl{
	position:relative;
	width:325px;
	height:344px;
	text-align:right;
	background:url(../images/sec04_4bg.png) 0 0 no-repeat;
	margin:0 29px 0 0;
}
#sec04 .box .fl img{
	margin:0 10px 0 0;
}
#sec04 .box .fl p{
	position:absolute;
	bottom:0;
	right:0;
	line-height:1.3;
}
#sec04 .box .fr{
	width:660px;
	margin:0 85px 0 0;
}
#sec04 .box .fr table{
	border-collapse:collapse;
}
#sec04 .box .fr table th{
	vertical-align:top;
	padding:0 0 30px 0;
}
#sec04 .box .fr table td{
	font-size:1.4rem;
	line-height:1.3;
	padding:0 0 30px 13px;
}
#sec04 .box .fr table tr:last-of-type th{
	padding:0;
}
#sec04 .box .fr table tr:last-of-type td{
	padding:0 0 0 13px;
}
#sec05{
	margin:0 0 45px 0;
}
#sec05 h3{
	text-align:center;
}
#sec05 .wrap{
	width:1100px;
	height:1044px;
	text-align:center;
	background:url(../images/sec05_bg.jpg) 0 0 no-repeat;
	padding:16px 0 0 0;
}
#sec05 .wrap .box{
	width:840px;
	margin:0 auto;
}
#sec05 .wrap .box:nth-of-type(1) .fr{
	width:570px;
}
#sec05 .wrap .box:nth-of-type(1) p{
	width:400px;
	font-size:1.8rem;
}
#sec05 .wrap .box:nth-of-type(1) p+p{
	padding-top:20px;
}
#sec05 .wrap .box:nth-of-type(2){
	border-top:1px dashed #a39b9b;
	padding:20px 0 0 0;
	margin:20px auto;
}
#sec05 .wrap .box:nth-of-type(2) .fr{
	width:538px;
	padding:0 20px 0 0;
}
#sec05 .wrap .box:nth-of-type(2) .fr p{
	font-size:1.8rem;
	margin:5px 0 14px 0;
}
#sec05 .wrap .box:nth-of-type(2) .fr p.small{
	font-size:1.4rem;
	line-height:1.3;
	margin:17px 0 0 0;
}
.opt2{
	width:920px;
	margin:0 auto;
}
.opt2 ul li+li{
	margin-top:9px;
}
#sec06{
	margin:50px 0 0 0;
}
#sec06 h3{
	text-align:center;
}
#sec06 .wrap{
	width:804px;
	height:690px;
	background:url(../images/sec06_bg.jpg) 0 0 no-repeat;
	padding:72px 98px 0 98px;
	margin:10px auto 0 auto;
}
#sec06 .inner{
	width:335px;
}
#sec06 .inner div{
	width:307px;
	margin:0 0 0 auto;
	padding:23px 0 0 0;
}
#sec06 .inner div .img{
	margin:20px 0 0 0;
}
#sec06 .inner div p{
	margin:0 0 13px 0;
}
#sec06 .inner:nth-of-type(2){
	width:325px;
	margin-top:55px;
}
#sec06 .inner:nth-of-type(2) div{
	width:auto;
}
#sec06 .inner:nth-of-type(3){
	padding-top:25px;
}
#sec06 .inner:nth-of-type(4){
	width:325px;
	margin-top:50px;
}
#sec06 .inner:nth-of-type(4) div{
	width:auto;
}
#sec07{
	width:880px;
	height:1160px;
	background:url(../images/sec07_bg.jpg) 0 0 no-repeat;
	padding:60px 60px 60px 60px;
	margin:75px auto 90px auto;
}
#sec07 .box{
	border-bottom:1px dashed #a39b9b;
	margin:27px 0 0 0;
	padding:0 0 50px 0;
}
#sec07 .box .fl{
	margin-top:6px;
}
#sec07 .box table{
	float:right;
	width:495px;
	border-collapse:separate;
	border-spacing:0 6px;
}
#sec07 .box table tr+tr{
	margin-top:6px;
}
#sec07 .box table th{
	width:129px;
	background:#473737;
	color:#fff;
	font-size:1.6rem;
	line-height:1.5;
	text-align:center;
	vertical-align:middle;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	padding:10px 0;
}
#sec07 .box table td{
	font-size:1.6rem;
	line-height:1.5;
	background:#eee;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	padding:8px 16px;
}
#sec07 .box+.box{
	border-bottom:none;
	text-align:center;
	margin-top:75px;
	padding:0 30px;
}
#sec07 .box+.box img{
	margin-bottom:25px;
}
#sec07 .box+.box p{
	line-height:2.0;
	font-size:1.8rem;
}
#sec07 .box+.box p+p{
	margin-top:18px;
}
#contact{
	background:url(../images/sec08_bg.jpg) 0 0 repeat;
	padding:50px 0;
}
#contact h3{
	text-align:center;
	margin:0 0 40px 0;
}
#contact table{
	width:845px;
	border-collapse:collapse;
	margin:0 auto;
}
#contact table th{
	width:198px;
	font-size:1.6rem;
	background:#473737;
	color:#fff;
	vertical-align:top;
	padding:18px 0 18px 17px;
}
#contact table th span{
	display:inline-block;
	color:#fff;
	font-size:1.3rem;
	line-height:1.0;
	border-radius:2px;
	vertical-align:top;
	padding:0.15rem 3px;
	margin:0 0 0 10px;
}
#contact table th span.icon1{
	background:#ffb239;
}
#contact table th span.icon2{
	background:#876c6c;
}
#contact table td{
	background:#fff;
	padding:12px 0 12px 23px;
}
#contact table td p{
	font-size:1.8rem;
	line-height:1.0;
	font-weight:bold;
	margin:0 0 13px 0;
}
#contact table td ul+p{
	margin-top:22px;
}
#contact table td ul li{
	float:left;
	width:215px;
}
#contact table .type ul li + li{
	width:380px;
}
#contact table .type ul li + li span{
	display:block;
	font-size:12px;
	margin:10px 0 0 0;
}
#contact table td ul li input[type="radio"]{
	vertical-align:middle;
	margin:0 5px 0 0;
}
.win #contact table td ul li input[type="radio"]{
	vertical-align:top;
	margin:1px 5px 0 0 ;
}
#contact table td ul.long li{
	width:285px;
	margin:0 0 10px 0;
}
#contact table td ul.long li:nth-child(5){
	margin:0;
}
#contact table td input[type="text"]{
	font-size:1.6rem;
	padding:6px 2px;
	border:1px solid #dcdcdc;
	border-radius:3px;
}
#contact table td input[type="text"].middle{
	width:292px;
}
#contact table td input[type="text"].large{
	width:524px;
}
#contact table td input[type="text"].short{
	width:232px;
}
#contact table td input[type="text"]{
	width:574px;
}
#contact table tr:last-of-type td{
	padding-bottom:33px;
}
#contact table td textarea{
	width:574px;
	height:242px;
	font-size:1.6rem;
	padding:2px;
	border:1px solid #dcdcdc;
	border-radius:3px;
}
#contact button[type="submit"]{
	display:block;
	width:403px;
	height:74px;
	background:url(../images/sec08_btn.png) 0 0 no-repeat;
	border:none;
	padding:0;
	cursor:pointer;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	margin:35px auto 0 auto;
}
.gecko #contact button[type="submit"]{
	text-indent:101%;
}
#contact.confirm{
	width:1100px;
	text-align:center;
	margin:0 auto;
}
#contact.confirm td span{
	display:block;
	line-height:1.6;
	padding:0 0 0 16px;
}
#contact.confirm table td p{
	margin:0 0 8px 0;
}
#contact.confirm img{
	margin:0 0 40px 0;
}
#contact.confirm ul.box{
	width:665px;
	margin:50px auto 0 auto;
}
#contact.confirm ul.box li{
	float:left;
}
#contact.confirm ul.box li+li{
	float:right;
}
#contact #confirm_back{
	display:block;
	width:303px;
	height:74px;
	background:url(../images/confirm_back.png) 0 0 no-repeat;
	border:none;
	padding:0;
	cursor:pointer;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
}
#contact #confirm_submit{
	display:block;
	width:303px;
	height:74px;
	background:url(../images/confirm_submit.png) 0 0 no-repeat;
	border:none;
	padding:0;
	cursor:pointer;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
}
#thanks{
	width:1100px;
	text-align:center;
	background:url(../images/sec08_bg.jpg) 0 0 no-repeat;
	padding:0 0 105px 0;
	margin:0 auto;
}

/* ------------------------------
    footer
------------------------------ */

#footer{
	background:#fff;
	box-shadow:0px 6px 6px 0px #d9d9d9 inset;
	padding:25px 0;
}
#footer .wrap{
	width:920px;
	margin:0 auto;
	padding:0 0 5px 0;
}
#footer ul{
	text-align:right;
	padding:12px 0 23px 0;
}
#footer ul li{
	float:left;
	font-size:1.4rem;
	line-height:14px;
}
#footer ul li a{
	color:#473737;
	background:url(../images/footer_icon.png) 0 0 no-repeat;
	padding:0 0 0 23px;
}
#footer ul li+li{
	margin:0 0 0 20px;
}
#footer .copy{
	text-align:center;
	font-size:1.3rem;
	color:#afafaf;
}

/* ------------------------------
    clearfix
------------------------------ */

.cf:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
	
.cf {display: inline-block;} 

/* Hides from IE Mac */
* html .cf {height: 1%;}
.cf {display:block;}
/* End Hack */

.ipad body,
.android body,
.iphone body {
    -webkit-text-size-adjust: 100%;
}

.android p,
.android span,
.android ul{
	max-height: 999999px;
}

#campaignBox .fl {
	width: 514px;
}
#campaignBox img {
	width:514px;
}