@charset "utf-8";

@import url(../../css/default.css);
@import url(base.css);

	#contenttitle{
		background:url(../houmon/images/bg_content-title.png) no-repeat;
		-moz-background-size:100% 33px;
		background-size:100% 33px;
	}

	#onlineheader{
	}

	#onlineheader img{
		max-width: 600px;
		width:90%;
		margin:15px auto 0;
	}

		#content{
			width:90%;
			margin:20px auto 40px;
		}

		#content .spbox{
			width:90%;
			margin:0 0 20px;
			padding:10px 5%;
			color:#ac2525;
			font-size: 1.0em;
			font-weight:700;
			background:#ffe6e6;
			line-height: 1.7em;
		}

			#content .spbox + p{
				font-size:1.0em;
				line-height: 1.7em;
			}

			#content .qr{
				width:180px;
				margin: 15px auto;
			}

				#content .qr img{
					width:100%;
					height: auto;
				}

			#content .qr + p{
				margin-top: 0;
				text-align: center;
				font-size:0.9em;
				position: relative;
				top:-10px;
			}

			#content .linkbtn{
				display:-webkit-flex;
				display:flex;
				justify-content: center;
				-webkit-align-items:center;
				align-items:center;
				width:240px;
				height:32px;
				margin:20px auto 0;
				color:#fff;
				font-size: 1.1em;
				font-weight: 700;
				text-align: center;
				border-radius: 16px;
				text-decoration: none;
				background-color: #369;
				background-image: url("/shared/mrk_yajiruchi-red.png");
				background-repeat: no-repeat;
				background-position: 90% 50%;
				letter-spacing: 0.05em;
			}