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

/**/
/* はみ出し対策 */
body {
	width:100%;
	margin:0;
	padding:0;
	background-color:#f8e5ec;
	font-size: 15px;
	color:#333333;
}
/* 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:#f08080;
}
.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(197,222,234);
	background: -moz-linear-gradient(top,  rgba(197,222,234,1) 0%, rgba(138,187,215,1) 31%, rgba(6,109,171,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(197,222,234,1)), color-stop(31%,rgba(138,187,215,1)), color-stop(100%,rgba(6,109,171,1)));
	background: -webkit-linear-gradient(top,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%);
	background: -o-linear-gradient(top,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%);
	background: -ms-linear-gradient(top,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%);
	background: linear-gradient(top,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5deea', endColorstr='#066dab',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:#ff1493;
	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:#f08080;
	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:#ff1493;
	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;
}
/*================================================
	キャプチャ
================================================*/
.capture {
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
}
.capture img {
	border:1px #ddd solid;
}

/*================================================
	フッター
================================================*/
#footer p {
	padding:10px 0;
	text-align:center;
	color:#ffffff;
}