@charset "utf-8";
/* CSS Document */

body {
	font-family: "メイリオ", Meiryo, Osaka,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #434343;
	font-size:95%;
	line-height:1.8;
	margin: 0;
	padding: 0;
}

#map{
	position:relative;
	width:1260px;
	text-align:center;}

#map .inner{
	position:absolute;
	left: 395px;
	top: 617px;
	width: 600px;
}

#map .inner2{
	position:absolute;
	left: 395px;
	top: 1150px;
	width: 600px;
}

#wrapper{
	margin:0 auto;
	width:1260px;}

div {
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
img {
	border: none;
	margin: 0;
	padding: 0;
}
input,textarea,select {
	font-size: 1em;
}
form {
	margin: 0px;
}
table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}

a { color:#434343; text-decoration: none;}
a:hover { color: #1972b4;}

/* ヘッター */

header {
	background: url(https://s3-ap-northeast-1.amazonaws.com/extrade/spiritual-fx/infotop/kokuchi/main_img.png) no-repeat top center;
	width: 1002px;
	height: 1235px;
	margin: 0 auto;
	position: relative;
}
header iframe {
	position: absolute;
	top: 512px;
	left: 100px;
}	
.top-ttl {
	position: absolute;
	bottom: 20px;
	left: 50px;
}
.time-table {
	position: absolute;
	bottom: 180px;
	left: 76px;
}
.time-table li {
	float: left;
	margin-left: 2px;
}

/*タイマー*/
.count {
	background: url(https://s3-ap-northeast-1.amazonaws.com/spiritual-fx/lp/img/countdown-bg.jpg) no-repeat center;
	width: 940px;
	height: 200px;
	margin: 0 auto 20px;
	position: relative;
	border-bottom: 1px solid #eee;
}
.countdown {
	position: absolute;
	top: 100px;
	right: 150px;
	font-size: 300%;
	font-weight: bold;
}
/* フォーム*/
.first-form {
	position: relative;
	width: 938px; 
	height: 200px;
	border: 1px solid #ddd;
	margin: 0 auto 30px;
	background: url(https://s3-ap-northeast-1.amazonaws.com/spiritual-fx/lp/img/fisrt-mail-bg.jpg) no-repeat center;
}
.semail {
  position: absolute;
  bottom: 52px;
  left: 139px;
  border: 1px solid #ccc;
  width: 580px;
  height: 50px;
  padding: 10px;
  font-size: 200%;
  background: #fffde1;
}
.sbtn {
  position: absolute;
  bottom: 45px;
  right: 28px;
}

/* コンテンツ */

#contentsWrap {
	width: 1000px;
	background: url(https://s3-ap-northeast-1.amazonaws.com/spiritual-fx/lp/img/white-bg.png) repeat;
	margin: 0 auto;
}
#content {
	background: #fff;
	width: 940px;
	margin: 0 auto;
	padding: 20px;
}

.text-box {
	margin: 20px 30px 40px;
	overflow-y: auto;
}

/*メリット*/
.merit-box {
	padding: 15px 0;
	width: 100%;
}
.merit1, .merit2, .merit3, .merit4, .merit5 {
	margin: 0 auto;
	width:870px; 
	height: 340px;
	position: relative;
}
.merit1 p, .merit2 p, .merit3 p, .merit4 p, .merit5 p {
	position: absolute;
	top: 125px;
	left: 45px;
	width: 535px;
	text-align: justify;
	font-size: 93%;
	line-height: 1.7;
}
.merit1 { background: url(https://s3-ap-northeast-1.amazonaws.com/spiritual-fx/lp/img/merit5-1.jpg) no-repeat; }
.merit2 { background: url(https://s3-ap-northeast-1.amazonaws.com/spiritual-fx/lp/img/merit5-2.jpg) no-repeat; }
.merit3 { background: url(https://s3-ap-northeast-1.amazonaws.com/spiritual-fx/lp/img/merit5-3.jpg) no-repeat; }
.merit4 { background: url(https://s3-ap-northeast-1.amazonaws.com/spiritual-fx/lp/img/merit5-4.jpg) no-repeat; }
.merit5 { background: url(https://s3-ap-northeast-1.amazonaws.com/spiritual-fx/lp/img/merit5-5.jpg) no-repeat; }

/*理由*/
.riyu {
	width: 895px;
	padding: 10px 0 30px;
	margin: 10px auto;
	border-radius: 10px;
	/*box-shadow:rgba(89, 95, 102, 0.65) 0px 0px 2px 1px;
	-webkit-box-shadow:rgba(89, 95, 102, 0.65) 0px 0px 2px 1px;
	-moz-box-shadow:rgba(89, 95, 102, 0.65) 0px 0px 2px 1px;*/
	border: 8px solid #004986;
	background: #fff;
}
.riyu-box {
	margin: 40px;
}
.riyu ul {
	margin: 30px 0;
}
.riyu ul li {
	list-style-type: disc;
	list-style-position: inside;
	font-weight: 600;
	color: #666;
}
.bg-gray {
	background: #f5f5f5;
	padding: 30px;
	border-radius: 10px;
	font-size: 95%;
	margin: 20px auto 20px;
}

/*提供サービス*/
.service {
	background: url(https://s3-ap-northeast-1.amazonaws.com/spiritual-fx/lp/img/service-bg.jpg) repeat-y;
	width: 896px;
	margin: 0 auto;
}
.service-tbox {
	margin: 0 55px;
	font-size: 90%;
	line-height: 1.5;
}

.m-voice-ttl {
	background: url(https://s3-ap-northeast-1.amazonaws.com/spiritual-fx/lp/img/service-voice.jpg) no-repeat top left;
	padding-left: 35px;
	margin-left: 30px;
	font-size: 150%;
}

.m-voice {
	width: 830px;
	background: #eeeeee;
	padding: 15px;
	border-radius: 10px;
	margin: 15px auto;
	font-size: 90%;
}

/*お客様声*/
.voice1 {
	border: 2px solid #69c2bf;
	width: 860px;
	padding: 15px;
	margin: 15px auto;
	overflow-y: auto;
}

.voice2 {
	border: 2px solid #eeb1b8;
	width: 860px;
	padding: 15px;
	margin: 15px auto;
	overflow-y: auto;
}
.voice1 p, .voice2 p {
	font-size: 90%;
}

.voice3 {
	border: 2px solid #387dba;
	width: 860px;
	padding: 15px;
	margin: 15px auto;
	overflow-y: auto;
}

/*最後*/
.red-b {
	border: 2px solid #d80011;
	width: 800px;
	margin: 15px auto;
	text-align:center;
	padding: 30px;
}

/*優先案内*/
.yusen {
	border: 1px solid #1a56a6;
	margin: 10px auto;
	width: 750px;
	padding: 25px;
}

/*QA*/
.qa {
	text-align: justify;
}
.qa dt {
	background: url(https://s3-ap-northeast-1.amazonaws.com/spiritual-fx/lp/img/icon_q.png) no-repeat top left;
	padding-left: 35px;
	font-size: 130%;
	line-height: 1.5;
	font-weight: bold;
	color: #00479d;
}
.qa dd {
	background: url(https://s3-ap-northeast-1.amazonaws.com/spiritual-fx/lp/img/icon_a.png) no-repeat top left;
	padding-left: 35px;
	font-size: 95%;
	line-height: 1.5;
	margin: 8px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}

/*メッセージ*/
.message {
	width: 915px;
	background: url(https://s3-ap-northeast-1.amazonaws.com/spiritual-fx/lp/img/ttl-24-img2.jpg) no-repeat top center;
	padding-top: 50px;
}
.message p {
	width: 800px;
	margin: 0 auto;
}

/*お支払い*/	
.order, .order-credit {
	width: 850px;
	margin: 0 auto;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
}
.order th{
	color: #fff;
	font-size: 120%;
	width: 290px;
	border-left: 1px solid #999;
	padding: 10px 0;
}
.order td, .order-credit td {
	vertical-align: top;
	padding: 10px;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
}

.order-credit th {
	width: 30%;
	font-size: 120%;
	background: #E5F1FF;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 10px 0;
}

.order-credit h4 {
	background: #333;
	color: #fff;
	padding: 8px;
	margin: 5px 0;
	text-align: center;
}

.pay-left {
	margin: 8px 0;
}
.pay-left span {
	background: #00a0e9;
	font-size: 12px;
	color: #fff;
	padding: 3px;
}


/*規約*/
.kiyaku {
	width: 830px;
	height: 80px;
	margin: 0 auto;
	font-size: 80%;
	line-height: 1.3;
	overflow-y: auto;
	padding: 10px;
	background: #fffde3;
	border: 1px solid #ddd;
}

.kiyaku dl dt { font-weight: bold;}

/*背景*/
.bg1 { background: url(https://s3-ap-northeast-1.amazonaws.com/spiritual-fx/lp/img/ttl-04-img1.png) no-repeat bottom right;}
.bg2 { background: url(https://s3-ap-northeast-1.amazonaws.com/spiritual-fx/lp/img/ttl-19-img1.jpg) no-repeat top right;}

hr {
	border: 0;
	border-bottom: 1px solid #ddd;
	margin: 15px 0;
}

/*カラー*/

.white { color:#ffffff; }
.red { color:#df2222; }
.yellow { color:#fffd73; }

/*テキスト設定*/

.line { text-decoration: line-through; }
.bold { font-weight: bold;}
.under { text-decoration:underline;}
.fbu { font-weight: bold; text-decoration:underline; }

.letter-p {
	background: url(https://s3-ap-northeast-1.amazonaws.com/spiritual-fx/lp/img/bg-noteline.gif) repeat;
	line-height: 40px;
}
.letter-p2 {
	background: url(https://s3-ap-northeast-1.amazonaws.com/spiritual-fx/lp/img/bg-noteline2.gif) repeat;
	line-height: 30px;
}

/*文字サイズ*/
.f10 { font-size: 10px;}
.f80 { font-size:80%;}
.f90 { font-size:90%;}
.f110 { font-size: 110%;}
.f130 { font-size: 130%;}
.f150 { font-size: 150%;}
.f170 { font-size: 170%;}
.f190 { font-size: 190%;}
.f210 { font-size: 210%;}
.f230 { font-size: 230%;}
.f250 { font-size: 250%;}

/**/
.imgcenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.center {
	text-align: center;
}
.clear {
	clear: both;
}

/*ボタン*/

.btn {
	padding: 10px 0;
	text-align: center;
}

.submit1 {
	background-color: #5dc11a;
	box-shadow: 0 3px 0 #149421;
	text-shadow: 0px -2px #149421;
	position: relative;
	padding: 20px 40px;
  	border-radius: 5px;
	font-size: 180%;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

.submit1:hover {
	color: #fff;
	/*background-color: #79d793;
	box-shadow: 0 3px 0 #3cb65c;*/
}

.submit1:active, .submit1:hover {
	top: 3px;
	box-shadow: none;
}

.submit2 {
	background-color: #0068b7;
	box-shadow: 0 3px 0 #002e73;
	text-shadow: 0px -2px #002e73;
	position: relative;
	padding: 20px 40px;
  	border-radius: 5px;
	font-size: 180%;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

.submit2:hover {
	color: #fff;
	/*background-color: #79d793;
	box-shadow: 0 3px 0 #3cb65c;*/
}

.submit2:active, .submit2:hover {
	top: 3px;
	box-shadow: none;
}
a.img-link:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

/* フッター */
footer {
	background-color: #00479d;
	clear: both;
}

address { 
	color: #fff;
	font-size: 12px;
}

#foot-box {
	width: 940px;
	margin: 0 auto;
	text-align: center;
	padding: 15px 0;
}
#foot-box p {
	font-size: 12px;
	color: #fff;
}

#foot-box a { color: #fff; text-decoration: none;}
#foot-box a:hover { text-decoration: underline;}

/*ページトップ*/
#page-top{
  display: block;
  position: fixed;
  z-index: 9999;
  bottom: 10px;
  right: 10px;
  width: 80px;
  padding: 20px 10px;
  background: rgba(0,0,0,.7);
  color: #fff;
  text-align: center;
  text-decoration: none; 
}
#page-top:hover{
  background: rgba(0,0,0,.8);
}

/* マージン */

.mar10 {
	margin: 10px;
}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt120{margin-top:120px;}
.mt150{margin-top:150px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}
.mr70{margin-right:70px;}
.mr80{margin-right:80px;}
.mr90{margin-right:90px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}
.ml70{margin-left:70px;}
.ml80{margin-left:80px;}
.ml90{margin-left:90px;}

/* パディング */

.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt80{padding-top:80px;}
.pt90{padding-top:90px;}
.pt100{padding-top:100px;}
.pt110{padding-top:110px;}
.pt120{padding-top:120px;}
.pt150{padding-top:150px;}

.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb70{padding-bottom:70px;}
.pb80{padding-bottom:80px;}
.pb90{padding-bottom:90px;}

.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.pr50{padding-right:50px;}
.pr60{padding-right:60px;}
.pr70{padding-right:70px;}
.pr80{padding-right:80px;}
.pr90{padding-right:90px;}

.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pl60{padding-left:60px;}
.pl70{padding-left:70px;}
.pl80{padding-left:80px;}
.pl90{padding-left:90px;}
.pl100{padding-left:100px;}