@charset "Shift_JIS";
/*================================================
	初期設定
================================================*/
/* リセット */
* { margin:0; padding:0; }
/* clearfix（回り込み解除） */
*:after { display:block; clear:both; }

/**/
/* はみ出し対策 */
body {
	width:100%;
	margin:0;
	padding:0;
	background-color:#f6e5d2;
	font-size: 15px;
	color:#8B3A3A;
}
/* HTML5に対応していないOS対策 */
article, aside, figure, footer, header,hgroup, nav, section { display:block; }

/* 画像下の変な余白削除 */
img { vertical-align: bottom; }

/*================================================
	基本的なアンカー設定
================================================*/
/* リンク設定 */
a {
	color: #6E8B3D;
	text-decoration: none;
}

/*リンク訪問後*/
a:visited {
	color: #698B22;
	text-decoration: none;
}

/*リンクマウスオーバー時*/
a:hover {
	color:#6E8B3D;
	text-decoration:none;
	/*
	position: relative;
	top: 1px;
	left: 1px;
	*/
}
/*================================================
	枠組み
================================================*/
#wrap {
	width:1000px;
	margin:0 auto;
	border:1px #333333 solid;
	background:#ffffff;
	box-shadow: 0px 0px 10px #333;
}
#header {
	width:1000px;
	margin:0 auto;
}
#main {
	width:700px;
	float:left;
}
#side {
	width:300px;
	float:right;
}

#footer {
	width:1000px;
	background:#ecd5bd;
}
.clear {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
/*================================================
	メイン部分
================================================*/
.qr {
	width:680px;
	padding-top:20px;
	padding-left:20px;
}
.qr img {
	margin-left:20px;
	float:right;
	width:140px;
	height:140px;
	border:1px #ddd solid;
	box-shadow: 0px 0px 10px #333;
}
.qr .button {
	margin-top:25px;
	width:510px;
	height:60px;
	font-size:25px;
	line-height:60px;
	text-align:center;

	background: rgb(30,87,153);
	background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1)));
	background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
	background: -o-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
	background: -ms-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
	background: linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );

	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	
	box-shadow: 1px 1px 5px #333;
	text-shadow: 1px 1px 5px #aaa;
	letter-spacing:5px;
}
.qr .button a {
	display:block;
	width:100%;
	height:100%;
	color:#ffffff;
}

.mainqr {
	margin-top:10px;
	font-size:32px;
	color:#CD1076;
	text-align:center;
	margin-bottom:20px;
}
#main .sentence {
	margin-left:20px;
}
#main .sentence p {
	line-height:25px;
	padding-left:5px;
}
#main h2 {
	margin-top:30px;
	margin-bottom:10px;
	line-height:30px;
	background:#355b20;
	color:#ffffff;
	font-size:20px;
	padding:5px 20px;
	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#main .lastqr {
	margin-top:20px;
	margin-left:20px;
	height:40px;
	line-height:40px;
	color:#ffffff;
	font-size:25px;
	text-align:center;
	
	background: rgb(30,87,153);
	background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1)));
	background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
	background: -o-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
	background: -ms-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
	background: linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );

}
#main .lastSentence {
	margin-top:30px;
	margin-bottom:20px;
	margin-left:20px;
	font-size:28px;
	color:#CD1076;
	line-height:35px;
}
#main .lastSentence:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.lastSentence img {
	margin-left:20px;
	margin-right:20px;
	float:left;
	width:140px;
	height:140px;
	border:1px #ddd solid;
	box-shadow: 0px 0px 10px #333;
}
/*================================================
	キャプチャ
================================================*/
.mobileimage {
	margin:0 auto;
	width:240px;
	height:40px;
	line-height:40px;
	text-align:center;
	margin-top:20px;
	margin-bottom:10px;
	border:1px #ddd solid;
	letter-spacing:3px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.capture {
	padding-bottom:20px;
	text-align:center;
}
.capture img {
	border:1px #ddd solid;
}

/*================================================
	フッター
================================================*/
#footer {
	text-align:center;
}
#footer p {
	padding:10px 0;
}
/*================================================
	利用規約用
================================================*/
.backshadow {
	display:none;
	
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:200%;
	background:#000;
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	opacity:0.50;
}
/* 利用規約 */
.sentence1 {
	display:none;
	
	overflow:scroll;
	position:absolute;
	width:50%;
	height:400px;
	top:100px;
	left:50%;
	margin-left: -25%;
	background:#fff;
	
	padding:50px 10px;
	font-size:13px;
}
.sentence1 img {
	position:absolute;
	top:0;
	left:100%;
	margin-left:-40px;
	margin-top:10px;
}
/* プライバシーポリシー */
.sentence2 {
	display:none;
	
	overflow:scroll;
	position:absolute;
	width:50%;
	height:400px;
	top:100px;
	left:50%;
	margin-left: -25%;
	background:#fff;
	
	padding:50px 10px;
	font-size:13px;
}
.sentence2 img {
	position:absolute;
	top:0;
	left:100%;
	margin-left:-40px;
	margin-top:10px;
}
/* 特定商取引表記 */
.sentence3 {
	display:none;
	
	overflow:scroll;
	position:absolute;
	width:50%;
	height:400px;
	top:100px;
	left:50%;
	margin-left: -25%;
	background:#fff;
	
	padding:50px 10px;
	font-size:13px;
}
.sentence3 img {
	position:absolute;
	top:0;
	left:100%;
	margin-left:-40px;
	margin-top:10px;
}
/* 会社概要 */
.sentence4 {
	display:none;
	
	overflow:scroll;
	position:absolute;
	width:50%;
	height:400px;
	top:100px;
	left:50%;
	margin-left: -25%;
	background:#fff;
	
	padding:50px 10px;
	font-size:13px;
}
.sentence4 img {
	position:absolute;
	top:0;
	left:100%;
	margin-left:-40px;
	margin-top:10px;
}
/* 占い師紹介 */
.sentence5 {
	display:none;
	
	overflow:scroll;
	position:absolute;
	width:50%;
	height:400px;
	top:100px;
	left:50%;
	margin-left: -25%;
	background:#fff;
	
	padding:50px 10px;
	font-size:13px;
}
.sentence5 .img5 {
	float:left;
	position:absolute;
	top:0;
	left:100%;
	margin-left:-40px;
	margin-top:10px;
}

.tellerImg {
	width:100px;
	height:100px;
	float:left;
	margin:5px;
}
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.sentence5 hr {
	background:#ccc;
	color:#ccc;
	border:1px solid #ccc;
}