@charset "utf-8";

/* reset
*********************************************************/

*{
	margin:0;
	padding:0;
}
h1,h3,h4,h5,h6{font-size:100%;}

h2{
	font-weight: bold;
	width:890px;
	font-size:32px;
	padding: 0;
	margin: 80px auto 30px;
	color:#CB0000;
	line-height:1.5;
	text-align:center;
}


body{
	display:block;
	margin:0 auto;
	text-align:left;
	padding:0;
	color:#333333;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Helvetica,Arial,sans-serif;
	font-size:19px;
	letter-spacing:2px;
	background:#FFF;
}


div{
	display:block;
}


img{
	text-align:center;
	margin:0 auto;
}


a img{border:none;}
a:hover img{opacity:0.7;}

li{list-style-type:;}

br{letter-spacing:0;}

a:link{text-decoration:underline; color:#000000;}
a:visited{text-decoration:none; color:#333333;}
a:hover{text-decoration:underline; color:#b50000;}
a:active{text-decoration:none; color:#222222;}



/** clearfix **/

.clearfix:after{
	content:".";
	display:block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
}
*html .clearfix{zoom:1;} /* IE6 */
*:first-child+html .clearfix{zoom:1;}/* IE7 */
.clear{clear:both;}



/* ページレイアウト
*********************************************************/
#wrapper{
	width:100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
}


.header{
	width:100%;
	height: 450px;
	margin: 0 auto;
	padding: 0px 0 0 0;
	background:url(images/headerup.png) no-repeat top center;
	text-align:center;
}


.headerlogo{
	width:100%;
	height: 40px;
	margin: 0 auto;
	padding: 0 0 0 0;
	background:url(images/header_bg.gif) repeat-x top center;
}


.countdown{
	width:900px;
	height: 40px;
	color:#FFF;
	background:url(images/header_bg.gif) repeat-x top center;
	font-weight:bold;
	margin:0 auto;
	text-align:center;
	font-size:25px;
}

.count1{
	width:900px;
	height: 40px;
	color:#FFF;
	background:url(images/header_bg.gif) repeat-x top center;
	text-align:center;
	font-weight:bold;
	font-size:25px;
	margin:0 auto;
}


.contents{
	width:860px;
	height: auto;
	margin: 0 auto 0 auto;
	line-height:2.0;
	background: #FFF;
	padding:0 20px 40px;
}

.contents p{
	padding: 30px 0px;
}

.contents p.end{
	padding: 30px 0 80px 0px;
	border-bottom: 1px dotted #333333;
}







/* 実績
*********************************************************/

table.resulttable{
	border-collapse:collapse;
	width:780px;
	margin:0 auto 0;
	padding: 0;
	border: 1px solid #B10303;
	font-size:14px;
	background: #FFFEF9;
}

table.resulttable tr th{
	text-align:center;
	padding: 0 0;
	border: 1px solid #CE3737;
	font-size:15px;
	background: #B10303;
	color:#FFF;
}

table.resulttable tr td{
	padding: 0 6px;
	border: 1px solid #B10303;
}

table.resulttable tr td.peryen{
	text-align:right;
}

table.resulttable tr td.sumsum{
	background: #B10303;
	padding: 0;
	text-align:center;
	color:#FFF;
	font-weight:bold;
}


p.none{
	width:823px;
	padding: 0;
	margin:0;
	text-align:right;
	font-size:13px;
}



/* 声
*********************************************************/

p.mail{
	width:670px;
	text-align:center;
	margin:40px auto;
	padding: 0 0 20px 0;
	border: 3px solid #B10303;
	background: #FFFEF9;
	line-height:4.0;
	color:#B10303;
	font-size:30px;
	font-weight:bold;
	text-decoration:underline;
}




/* 装飾
*********************************************************/

.inner .pbggry {
	width:680px;
	background: #FCFCFC;
	padding: 20px 30px;
	margin:0 auto;
	border:1px dotted #FFBFBF;
	text-align:center;
	font-size:18px;
}


span.ps{
	font-size:40px;
	font-weight:bold;
	background:#8F330B;
	color:#FFF;
	padding: 2px 40px 0;
}





/* パターン
*********************************************************/


p.reason3{
	width:770px;
	font-weight: bold;
	font-size: 31px;
	color: #6B2F15;
	margin: 90px 0 20px 0px;
	border-top: 3px dotted #92350C;
	border-bottom: 3px dotted #92350C;
	padding:5px 0 0;
}


div.patternbg{
	width:750px;
	height: auto;
	margin: 0 auto 30px;
	padding: 20px 15px;
	background:#F9EDEE;
}

div.patternbg p.abc{
	width:720px;
	font-weight:bold;
	font-size:20px;
	margin: 0 0 20px 15px;
	padding: 0px;
	border-bottom:1px dotted red;
	line-height:1.6;
}

table.pattern{
	font-size: 16px;
	width:720px;
	height: auto;
	margin: 10px auto 0;
	padding: 0px;
	border:1px dotted #111;
	border-collapse:collapse;
}

table.pattern tr th{
	border:1px dotted #111;
	background: #D15967;
	font-weight:bold;
	text-align:center;
	color:#FFF;
}

table.pattern tr td{
	border:1px dotted #111;
	padding: 5px 0 3px 5px;
	background:#FFF;
}

div.patternbg p.comment{
	width:720px;
	font-size:15px;
	margin: 10px 0 0;
	padding: 0px;
	line-height:1.6;
}



/* ブレット
*********************************************************/


div.bullet{
	width:750px;
	margin: 0 auto;
	padding: 10px;
	background: #FFF7ED;
	border:1px solid #91350C;
}

div.bullet p.squa{
	font-size: 22px;
	margin: 0;
	font-weight:bold;
	color:#91350C;
	padding:0 0 0 0;
}

div.bullet p.expla{
	width:auto;
	font-size: 15px;
	margin: 0;
	padding: 0 0 5px 37px;
}




/* 特典
*********************************************************/


p.special{
	width:720px;
	margin: 0 auto;
	padding: 15px 0 20px 0;
	background: #FFFAED;
	font-size: 17px;
	border: 2px solid #A40303;
	text-align: center;
	line-height:1.4;
}

p.special span{
	font-weight:bold;
	color:#A40303;
	font-size: 33px;
}





/* 要項
*********************************************************/


table.recruit{
	border:1px dotted #111;
	font-size: 16px;
	width:860px;
	height: auto;
	margin: 50px auto 0 auto;
	padding: 0px;
	border-collapse:collapse;
}

table.recruit tr th{
	width:200px;
	border:1px dotted #111;
	background: #F7EAEA;
	font-weight:bold;
	padding: 10px 0 7px 10px;
}

table.recruit tr td{
	border:1px dotted #111;
	padding: 10px 0 7px 10px;
	background:#FFF;
}

table.recruit tr th.app{
	color:#FFF;
	background: #A40303;
	padding: 20px 0 17px 10px;
}



/* フォーム
*********************************************************/


input[type=text]{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border:#a9a9a9 1px solid;
	-moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
	width:480px;
	height:35px;
	padding:0 3px;
	font-size: 18px;
}

input[type=text]:focus {
	border:solid 1px #A40303;
}

input[type=text], select {
	outline: none;
}




input[type=submit] {
	cursor:pointer;
	width:780px;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 40px;
	background-color: #29A827;
	background-image: -webkit-linear-gradient(top, #2aac28 0%, #49b047 48%, #29A827 49%, #29A827 82%, #2fbf2c 100%);
	background-image: -moz-linear-gradient(top, #2aac28 0%, #49b047 48%, #29A827 49%, #29A827 82%, #2fbf2c 100%);
	background-image: -o-linear-gradient(top, #2aac28 0%, #49b047 48%, #29A827 49%, #29A827 82%, #2fbf2c 100%);
	background-image: linear-gradient(top, #2aac28 0%, #49b047 48%, #29A827 49%, #29A827 82%, #2fbf2c 100%);
	border-color: hsl(119, 6%, 41%);
	-webkit-box-shadow: inset 0 0 1px 1px #39d037, 0 0 1px 3px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: inset 0 0 1px 1px #39d037, 0 0 1px 3px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 0 1px 1px #39d037, 0 0 1px 3px rgba(0, 0, 0, 0.15);
	-webkit-text-shadow: 1px 1px 1px #155514;
	-moz-text-shadow: 1px 1px 1px #155514;
	-o-text-shadow: 1px 1px 1px #155514;
	text-shadow: 1px 1px 1px #155514;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	padding: 12px 30px 12px 30px;
}

input[type=submit]:hover {
	color: #FFFFFF;
	background-color: #2cb42a;
	background-image: -webkit-linear-gradient(top, #2db82b 0%, #51b74f 48%, #2cb42a 49%, #2cb42a 82%, #32cb2f 100%);
	background-image: -moz-linear-gradient(top, #2db82b 0%, #51b74f 48%, #2cb42a 49%, #2cb42a 82%, #32cb2f 100%);
	background-image: -o-linear-gradient(top, #2db82b 0%, #51b74f 48%, #2cb42a 49%, #2cb42a 82%, #32cb2f 100%);
	background-image: linear-gradient(top, #2db82b 0%, #51b74f 48%, #2cb42a 49%, #2cb42a 82%, #32cb2f 100%);
	border-color: hsl(119, 7%, 44%);
	-webkit-box-shadow: inset 0 0 1px 1px #41d23f, 0 0 1px 3px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: inset 0 0 1px 1px #41d23f, 0 0 1px 3px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 0 1px 1px #41d23f, 0 0 1px 3px rgba(0, 0, 0, 0.15);
	-webkit-text-shadow: 1px 1px 1px #186117;
	-moz-text-shadow: 1px 1px 1px #186117;
	-o-text-shadow: 1px 1px 1px #186117;
	text-shadow: 1px 1px 1px #186117;
}

input[type=submit]:active {
	color: #FFFFFF;
	background-color: #269c24;
	background-image: -webkit-linear-gradient(top, #249422 0%, #29A827 100%);
	background-image: -moz-linear-gradient(top, #249422 0%, #29A827 100%);
	background-image: -o-linear-gradient(top, #249422 0%, #29A827 100%);
	background-image: linear-gradient(top, #249422 0%, #29A827 100%);
	padding: 13px 30px 11px 30px;
}



/* サンクス
*********************************************************/


table.collect{
	border:1px dotted #111;
	font-size: 16px;
	width:750px;
	height: auto;
	margin: 100px auto 30px auto;
	padding: 0px;
	border-collapse:collapse;
}

table.collect tr th{
	border:1px dotted #111;
	background: #A40303;
	font-weight:bold;
	color:#FFF;
	padding: 10px 0 7px 10px;
}

table.collect tr td{
	border:1px dotted #111;
	padding: 10px 0 7px 10px;
	background:#FFF;
}






/* footer
*********************************************************/


#footer{
	width:100%;
	text-align:center;
}

#footer ul{
	margin:0 auto 40px;
}

#footer ul li{
	font-weight:bold;
	display:inline;
	list-style-type:none;
	font-size:14px;
}

#footer p.notice{
	width:100%;
	font-size:11px;
	margin:20px auto 0;
	padding:15px 0 10px;
	background:#555555;
	text-align:center;
	color:#FFF;
}






/* サンクス
*********************************************************/

p.warning {
	width:700px;
	background: #FCFCFC;
	padding: 20px 30px;
	margin:0 auto;
	border:1px dotted #E00000;
	font-size:16px;
}





/* 規約 特商法 プライバシーポリシー
*********************************************************/

.title{
	font-size:30px;
	text-align:center;
	padding:20px 0 10px 0;
}
table.law{
	border:10px double #FFF7E3;
	width:100%;
	margin:0 auto 50px;
	font-size:14px;
	border-collapse: collapse;
}
table.law th,
table.law td{
	padding:10px;
	border:1px dotted #999999;
	line-height:2;

}
table.law td{
	border:1px dotted #999999;
	text-align: left;
}
table.law th{
	border:1px dotted #999999;
	width:200px;
	text-align:center;
	background:#FFF7E3;
}
#privacy dl{
	width:750px;
	margin:0 auto;
}
#privacy dl dt{
	font-weight:bold;
	border-bottom:1px solid #333333;
	margin-bottom:30px;
}
#privacy dl dd{
	margin-bottom:30px;
}
#privacy dl dd ul{
	width:700px;
	padding:10px 0 0 20px;
}






/* script
*********************************************************/

#animation {
margin: 0 0;
 visibility: hidden;
}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}


#animation02 {
margin: 50px 0;
 visibility: hidden;
}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

p.pt60 {
padding-top: 60px;
}