/* 初期化 */
* {margin: 0px;padding: 0px;}

/* 基本設定 */
body {
	text-align: center;
	background: url("resource/pc_body.gif") repeat;
}

	/* インデント */
	h2, h3 {text-indent:-9999px;}

	/* オーバーフロー */
	h1,#side {overflow: hidden}

	/* 共通文字サイズ */
	p {font-size: 0.9em;}

	/* リンク設定 */
	a:link,
	a:visited,
	a:active {color:#990000;text-decoration:none;}
	a:hover {color:#cc0000;text-decoration:none;}

	/* テンプレート設定 */
/* 共通幅 */
h1,#main,#footer {
	width: 800px;
}

/* ページ全体 */
#main {
	text-align: left;
	position: relative;
	margin: 0px auto;
	background: url(resource/pc_main.gif) repeat-y;
}

	h1 {
		font-size: small;
		text-align: right;
		line-height: 30px;
		height: 180px;
		background: url(resource/pc_h1.jpg) no-repeat;
	}

	#contents {
		margin-right: 6px;
		width: 538px;
		height: 700px;
		float: right;
		overflow: auto;
	}
		#contents h3 {
			width: 520px;
			margin-top: 30px;
		}

			.whats {
				height: 60px;
				background: url(resource/pc_whats.gif) no-repeat;
			}
			.start {
				height: 200px;
				background: url(resource/pc_start.jpg) no-repeat;
			}
			.emoji {
				height: 200px;
				background: url(resource/pc_emoji.jpg) no-repeat;
			}
			.hensyu {
				height: 170px;
				background: url(resource/pc_hensyu.jpg) no-repeat;
			}
			.gazo {
				height: 150px;
				background: url(resource/pc_gazo.jpg) no-repeat;
			}
			.friend {
				height: 200px;
				background: url(resource/pc_friend.gif) no-repeat;
			}
			.setumei {
				width: 480px;
				margin-left: 20px;
				margin-bottom: 20px;
			}
			.s1 {
				text-align: right;
			}

	#side {
		width: 250px;
		float: left;
	}

		/* side共通幅 */
		#side h2,
		#side p {
			width: 240px;
		}

		#side h2 {
			height: 30px;
			margin: 20px 0px 5px 2px;
		}

		#side p {margin-left:7px;}

		#side form p {
			margin-bottom: 4px;
			margin-left: 0px;
			height: 22px;
			position: relative;
			left: 10px;
		}

		.login {
			background: url(resource/pc_login.gif) no-repeat;
		}

		.input {
			border: none;
			width: 150px;
			height: 19px;
			margin: 1px 0px 0px 69px;
		}
	
		.id {
			margin-top: 10px;
			background: url(resource/pc_class_id.gif) no-repeat;
		}

		.pass {background: url(resource/pc_class_pass.gif) no-repeat;}

		.submit{
			width: 64px;
			height: 22px;
			background: url(resource/pc_class_login.gif) no-repeat;
			float: right;
			margin-right: 20px;
		}

		.submit:hover{
			background: url(resource/pc_login_hover.gif) no-repeat;
		}

		.touroku {
			background: url(resource/pc_touroku.gif) no-repeat;
		}

		.qrback {
			margin: 10px 0px 10px 0px;
			height: 140px;
			width: 230px;
			position: relative;
			left: 10px;
			background: url(resource/qr_back.gif) no-repeat;
		}

		.qr {
			width: 123px;
			height: 123px;
			margin: 8px 0px 0px 8px;
		}

		.inquiry {
			margin-top: 40px;
		}

		.mail{
			width: 50px;
			height: 50px;
			position: relative;
			left: 100px;
			background: url(resource/mail.gif) top center no-repeat;
		}

		.bana {
			margin-top: 20px;
		}	

	#footer {
		clear: both;
		background: url(resource/pc_footer.gif) no-repeat;
		height: 50px;
		line-height: 30px;
		text-align: right;
		color: #FFFFFF;
		padding-right: 10px;
	}