@charset "UTF-8";

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,address{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}legend{color:#000;}


/************ フロートの解除 ************************/
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}



body {
	font-size: 16px;
	font-family: "Apple TP","Helvetica Neue","Helvetica","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Arial","Verdana","sans-serif";
	background-size: 100%;
	 -webkit-text-size-adjust: none;
	 /*padding: 15px 0;*/
}

br {
letter-spacing: 0;
}

table.topmenu {
	display: inline-block;
	}

table.topmenu td {
	padding-bottom: 5px;
	text-align:center;
	}


table.topmenu td img {
	widht: 100%;
	}
	
div#header {
	background: #5BAEB7;
	color: #FFF;
	height: auto;
	width: 100%;
	text-align: center;
	}

div#header img {
	width: 100%;
	height: auto;
	}

div .contentBox {
	margin: 20px auto;
	background: #FFF;
}


#container {
	font-size: 1em;
	line-height: 0;
}

.box {
	margin: 0 auto;
	max-width: 1024px;
}
.box > img{
}
.h_txt {
    color: #3E3A39;
    /*font-size: 3.6em;
    line-height: 1.2;*/
    text-align: center;
    font-size: 5.5em;
	line-height: 1.0909;
	font-weight: 200;
}



.yakubutu {
    font-size: 0.85em;
    letter-spacing: -0.4em;
}

#box1 {
	background: url(../images/LP_pc_bg-01.jpg) no-repeat;
	height: 679px;
}

#box2 {
	background: url(../images/LP_pc_bg-02.jpg) no-repeat;
	height: 460px;
}

#box3 {
	background: url(../images/LP_pc_bg-03.jpg) no-repeat;
	height: 460px;
}
#box4 {
	background: url(../images/LP_pc_bg-04.jpg) no-repeat;
	height: 735px;
}
#box6 {
	background: url(../images/LP_pc_bg-06.jpg) no-repeat;
	height: 460px;
}

#box8 {
	position: relative;
}

#box1 .h_txt {
    letter-spacing: -0.1em;
    padding: 25px 35px 0;
    text-align: center;
}

#box2 .h_txt {
	padding: 55px 0 0 385px;
	text-align: left;
}

#box3 .h_txt {
    padding: 65px 100px 0;
	text-align: left;
}

#box4 .h_txt {
    font-size: 5em;
    padding: 27px 0 0 63px;
	text-align: left;
}
#box5 .h_txt {
}
#box6 .h_txt {
	padding: 175px 95px 0;
	text-align: left;
}
.innerTxt {
    color: #3E3A39;
    font-size: 2.6em;
    line-height: 1.4;
    text-align: center;
}

.innerTxt .blue{
    color: #0033FF;
}


#box1 .innerTxt {
	padding: 5px 35px 0;
	text-align: center;
}
#box2 .innerTxt {
    line-height: 1.1;
	padding: 30px 0 0 385px;
	text-align: left;
}

#box3 .innerTxt {
	line-height: 1.1;
	padding: 35px 100px 0;
	text-align: left;
}
#box4 #b4Intex1 {
    padding: 35px 0 0 655px;
    text-align: left;
}
#box4 #b4Intex2 {
	padding: 390px 245px 0 0;
}
#box6 .innerTxt {
	line-height: 1.1;
	padding: 10px 100px 0;
    text-align: left;
}
.innerBtn {
}


#box1 .innerBtn {
	padding: 50px 35px 0;
}
.innerBtn a:hover {
	opacity: 0.7;
}




div#copyR {
	background: #5BAEB7;
	margin: 0 auto;
}


div#copyR address {
    color: #ffffff;
    font-size: 1.4em;
    letter-spacing: 0;
    line-height: 1.4;
    margin: 0 auto;
    padding: 1em 0;
    text-align: center;
}

.boxWrap {
	background: #CCE7DD url(../coupon/img/next_W.png) no-repeat center top;
	padding: 10px 0;
	color: #000;
	}
	
.boxWrap_gray {
	background: #DDDEE1;
}
.boxWrap_gray2{
	background: #E3E3E3;
}
.haderWrap {
	background: #BA0F18;
	border-bottom: 6px solid #801518;
}









/* シャドウ */
div.boxShadow {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	}


	
div#main {
	color: #666;
	font-size: 1em;
	}

div#main h2 {
	font-size: 1.333em;
	padding: 10px;
	margin: 0;
	border-bottom: solid 1px #808080;
	line-height: 1.2em;
	}

div#main h2.menu01 {
	background: #90CCCA;
	color: #FFF;
	border: none;
	font-size: 1.414em;
	padding: 20px 10px;
	margin: 0;
	font-weight:bold;
	}

div#main h2.menu02 {
	background: #E9ABA9;
	color: #FFF;
	border: none;
	font-size: 1.414em;
	padding: 20px 10px;
	margin: 0;
	font-weight:bold;
	}

div#main h2.menu03 {
	background: #D5D400;
	color: #FFF;
	border: none;
	font-size: 1.414em;
	padding: 20px 10px;
	margin: 0;
	font-weight:bold;
	}

div#main h2.menu04 {
	background: #F8B702;
	color: #FFF;
	border: none;
	font-size: 1.414em;
	padding: 20px 10px;
	margin: 0;
	font-weight:bold;
	}

div#main h4 {
	font-size: 1.2em;
	line-height: 40px;
	}

div#main p {
	line-height: 1.7em;
	font-size: 1.125em;
	}

div#main p.indent {
	text-indent: -1em;
	padding-left: 1em;
	}

div.bread_list a {
	color: #808080;
	}

h3 {
	line-height: 40px;
	font-size: 1.5em;
	margin-bottom: 15px;
	font-weight: bold;
}

h3.step01,
h3.step02,
h3.step03,
h3.step04,
h3.step05,
h3.step06,
h3.step07,
h3.step08 {
	line-height: 40px;
	font-size: 1.618em;
	padding-left: 100px;
	margin-bottom: 15px;
	font-weight: bold;
}

h3.step01 {
	background: url(../coupon/img/howto01.png) no-repeat;
	}

h3.step02 {
	background: url(../coupon/img/howto02.png) no-repeat;
	}

h3.step03 {
	background: url(../coupon/img/howto03.png) no-repeat;
	}

h3.step04 {
	background: url(../coupon/img/howto04.png) no-repeat;
	}

h3.step05 {
	background: url(../coupon/img/howto05.png) no-repeat;
	}

h3.step06 {
	background: url(../coupon/img/howto06.png) no-repeat;
	}

h3.step07 {
	background: url(../coupon/img/howto07.png) no-repeat;
	}

h3.step08 {
	background: url(../coupon/img/howto08.png) no-repeat;
	}

	
div.step_arrow {
	background:url(../coupon/img/next_B.png) no-repeat center bottom;
	padding: 20px;
	padding-bottom: 50px;
	}

	
div.step {
	background:url(../coupon/img/howto0145.png) no-repeat center bottom;
	padding: 20px;
	padding-bottom: 50px;
	margin-bottom: 30px;
	}

div.step_last {
	padding: 20px;
	margin-bottom: 30px;
	}

table.stepimg {
	width: 100%;
	}

table.stepimg td img {
	max-width: 100%;
	height: auto;
	padding: 15px 0;
	}

table.stepimg td {
	vertical-align: top;
	line-height: 1.6em;
	}

table td.tdimg {
	text-align: center;
	}
	

table.stepimg td:first-child {
	max-width: 427px;
	}


div.contentTop {
	text-align: right;
	padding-right: 15px;
	}

a {
	color: #398BED;
	}
	
a:hover {
	text-decoration: none;
	}
	

@media screen and (min-width: 901px) {
body {
	max-width: 720px;
	margin: 0 auto;
	background: #EEE;
}