input { margin-right: 10px;}

span.red { color: #ff3333; padding-left: 10px;}
span.blue { color: #0000ff;}

img {	vertical-align: text-bottom; border: none; padding: 0px; margin: 0px;}

form { margin: 0px; padding: 0px; }

div.space {	margin-left: 40px;	}

/* -----------------------構成---------------------------------- */
	/* 全体 */
	body {
		background: #ececec;
		padding: 0px;
		margin: 0px auto 0px auto;
		text-align: center;
		color: #555555;
	}

	/* コンテンツ影 */
	div#shadow {
		background: url(./image/shadow.jpg) repeat-y #ffffff;
		padding: 0px;
		margin: 0px auto 0px auto;
		width: 880px;
		text-align: center;
	}

	/* コンテンツ */
	div#wrapper {
		background: url(./image/sub_back.gif) -10px 0px repeat-y #ffffff;
		padding: 0px;
		margin: 0px auto 0px auto;
		width: 868px;
		text-align: center;
	
		/* h1タグ固定用 */
		position: relative;
			top: 0px;
			left: 0px;
	}

	/* 左辺 */
	div#sub {
/*		background: url(./image/icon.gif) 0px 0px no-repeat;
*/		padding: 0px;
		margin: 0px;
		width: 192px;
		float: left;
		text-align: center;
	}

		div#sub a#icon {
			padding: 0px;
			margin-left: -10px;
			position: relative;
				top: 20px;
				left: 0px;
		}

	/* 右辺 */
	div#main {
		width: 666px;
		float: left;
		margin: 0px 0px 0px 0px;
		text-align: center;
	}

	/* TOPページ分割用 左辺 */
	div#content {
		width: 462px;
		padding: 0px 0px 0px 0px;
		margin: 10px 0px 0px 0px;
		text-align: left;
		float: left;
	}

	/* TOPページ分割用 右辺 */
	div#content_sub {
		width: 194px;
		float: right;
		padding: 0px;
		margin: 10px 0px 0px 0px;
	}

/* -----------------------左辺装飾------------------------------ */

	/* サイトロゴ */
	div#sub div#logo {
		width: 180px;
		height: 20px;
		padding: 0px;
		margin: 0px auto 0px auto;
	}

	/* h1タグ */
	div#sub div#logo h1 {
		font-size: 12px;
		font-weight: 100;
		padding: 0px;
		margin: 0px;
		text-align: right;
		width: 666px;
		position: absolute;
			right: 10px;
			top: 5px;			
	}
	
	/* h2タグ */
	div#sub div#logo h2 {
		font-size: 12px;
		font-weight: 100;
		padding: 0px;
		margin: 0px;
		text-align: right;
		width: 666px;
		position: absolute;
			right: 10px;
			top: 20px;			
	}

	/* ゲームタイトル */
	div#sub div.gametitle {
		padding: 0px;
		margin: 10px 20px 0px 10px;
		text-align: left;
	}

		/* ゲームタイトル一覧 */
		div#sub div.gametitle h3 {
			padding: 0px;
			margin: 0px;
			width: 162px;
			height: 40px;
		}

		/* 画像下の隙間除去 */
		div#sub div.gametitle img {
			vertical-align: text-bottom;
		}

		/* リスト */
		div#sub div.gametitle ul {
			list-style-type: none;
			padding: 0px;
			margin: 0px;
			font-size: 12px;
			background: #faffff;
		}

		/* リスト子 */
		div#sub div.gametitle ul li {
			display: inline;
			margin: 0px;
			padding: 0px;
		}

		/* ボックスリンク */
		div#sub div.gametitle ul li a {
			display: block;
			padding: 6px 6px 6px 12px;
			margin: 0px 3px 0px 3px;
			text-decoration: none;
			font-size: 12px;
	
			border-bottom: 1px dotted #cccccc;
			background: url(./image/li.gif) 0px 7px no-repeat;
		}

		/* リンクカラー */
		div#sub div.gametitle ul li a {	color: #555555;}
		div#sub div.gametitle ul li a:hover { color: #000000; background: #eaeeee url(./image/li2.gif) 0px 7px no-repeat;}

		/* リスト下装飾 & 回り込み解除 */
		div#sub div.gametitle div.bottom {
			font-size: 10px;
			padding: 0px;
			margin: 0px 0px 10px 0px;
			height: 10px;
			background: url(./image/sub_gametitle_bottom.gif);
			clear: both;
		}

/* -----------------------中央上部------------------------------ */

	/* トップメニュー */
	div#main div#menu {
		padding: 0px;
		margin: 50px 0px 10px 0px;

		border-top: 1px solid #aaaaaa;
		border-bottom: 1px solid #aaaaaa;
	}

		/* リスト */
		div#main div#menu ul {
			padding: 0px;
			margin: 0px;
			list-style: none;
			width: 666px;
			height: 32px;
		}

		/* リスト子 */
		div#main div#menu ul li {
			padding: 0px;
			margin: 0px;
			height: 32px;
			width: 111px;
			display: inline;
			float: left;
		}

		/* 画像下の隙間用 */
		div#main div#menu ul li img {
			vertical-align: text-bottom;
		}

	/* トップ画像 */
	div#main div#topimage {
		padding: 0px 0px 0px 0px;
		margin: 0px auto 0px auto;
		width: 666px;
		height: 200px;
	}

	/* ゲーム毎の大サイズ画像 */
	div#gameimage {
		background: url(./image/gameimage.gif);
		padding: 0px;
		margin: 0px;
		width: 600px;
		height: 100px;
	}

/* -------------------中央分割左部------------------------------ */

	/* ゲームタイトル */
	div#main div#content div.gametitle {
		padding: 0px;
		margin: 0px 0px 0px 0px;
	}

		/* 見出し */
		div#main div#content div.gametitle h3 {
			font-size: 12px;
			padding: 0px;
			margin: 0px;
			width: 410px;
		}

		/* 画像下の隙間除去 */
		div#main div#content div.gametitle h3 img{
			vertical-align: text-bottom;
		}

		/* リスト */
		div#main div#content div.gametitle ul {
			padding: 0px;
			margin: 5px 0px 5px 0px;
			font-size: 12px;
			list-style-type: none;
		}

		/* リスト子 */
		div#main div#content div.gametitle ul li {
			padding: 0px;
			margin: 2px 2px 2px 2px;
			width: 150px;
			height: 55px;
			text-align: left;
			display: inline;
			float: left;
		}

		/* 画像下の隙間除去 */
		div#main div#content div.gametitle ul li img{
			vertical-align: text-bottom;
		}

	/* ご挨拶 */
	div#main div#content div#greeding {
		padding: 0px;
		margin: 0px 0px 20px 0px;
		clear: both;
		position: relative;
			top: 0px;
			left: 0px;
	}

		/* 見出し */
		div#main div#content div#greeding h3 {
			font-size: 12px;
			padding: 0px;
			margin: 0px;
			width: 162px;
			height: 40px;
		}

		/* 本文 */
		div#main div#content div#greeding p {
			font-size: 12px;
			line-height: 1.3;
			padding: 5px 10px 10px 10px;
			margin: 0px;
		}



	/* お知らせ */
	div#main div#content div#info {
		padding: 0px;
		margin: 20px 0px 20px 0px;
		clear: both;
		position: relative;
			top: 0px;
			left: 0px;
	}

		div#main div#content div#info p.more {
			position: absolute;
			top: 10px;
			left: 340px;
			padding: 0px;
			margin: 0px;
		}

		/* 見出し */
		div#main div#content div#info h3 {
			font-size: 12px;
			padding: 0px;
			margin: 0px;
			width: 162px;
			height: 40px;
		}

		/* 画像下の隙間除去 */
		div#main div#content div#info h3 img{
			vertical-align: text-bottom;
		}

		div#main div#content div#info h4{
			font-size: 12px;
			padding: 10px;
			margin: 0px;
			color:#339900;
			text-decoration:underline;
		}

		div#main div#content div#info p{
			font-size: 12px;
			padding: 10px 15px;
			margin: 0px;
			line-height:1.7;
		}


		/* リスト */
		div#main div#content div#info ul {
			padding: 0px;
			margin: 5px 10px 5px 10px;
			background: #ffffff;
			list-style: none;
		}

		/* リスト子 */
		div#main div#content div#info ul li {
			padding: 5px;
			margin: 0px;
			font-size: 12px;
			border-bottom: 1px #cccccc dotted;
		}

		/* 続きを見る の表記 */
		div#main div#content div#info ul .next {
			text-align: right;
			border: none;
		}

/* -------------------中央分割右部------------------------------ */

/* 共通見出し */
div#content_sub h4 {
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	width: 190px;
	height: 40px;
}

/* 画像下の隙間除去 */
div#content_sub h4 img {
	vertical-align: text-bottom;
}

/* 共通見出し */
div#content_sub h5 {
	font-size: 12px;
	padding: 5px;
	margin: 0px;
	font-weight: 100;
	color: #333333;
}

	/* 営業時間 */
	div#content_sub div#open {
		padding: 0px;
		margin: 0px 0px 10px 0px;
		border: 1px solid #cccccc;
	}

		/* 段落 */
		div#content_sub div#open p {
			padding: 5px 5px 10px 20px;
			margin: 0px;
			text-align: left;
			font-size: 12px;
		}


	/* 決済方法 */
	div#content_sub div#payment {
		padding: 0px;
		margin: 0px 0px 10px 0px;
		border: 1px solid #cccccc;
	}

		/* 段落 */
		div#content_sub div#payment p {
			padding: 5px 5px 10px 20px;
			margin: 0px;
			text-align: left;
			font-size: 12px;
		}

	/* メンテナンス */
	div#content_sub div#maintenance {
		padding: 0px;
		margin: 0px 0px 10px 0px;
		border: 1px solid #cccccc;
	}

		/* 段落 */	
		div#content_sub div#maintenance p {
			padding: 5px 10px 10px 10px;
			margin: 0px;
			text-align: left;
			font-size: 12px;
		}

	/* セキュリティ */
	div#content_sub div#security {
		padding: 0px;
		margin: 0px 0px 10px 0px;
		border: 1px solid #cccccc;
	}

		/* 段落 */
		div#content_sub div#security p {
			padding: 5px 10px 10px 10px;
			margin: 0px;
			text-align: left;
			font-size: 12px;
		}

/* -----------------------中央下部------------------------------ */

	/* フッター */
	div#footer {
		clear: both;
		color: #ffffff;
		background: #ffffff;
		padding: 0px 20px 10px 20px;
		margin: 20px 0px 0px 0px;
		text-align: center;
		border-top: 1px dotted #777777;
	}

		/* テキスト */
		div#footer p {
			color: #000099;
			font-size: 12px;
		}

		/* コピーライト */
		div#footer #copyright {
			color: #999999;
			font-size: 11px;
		}


/* -------------------------中央部------------------------------ */

	/* テキスト */
	div#main div.text {
		padding: 0px;
		margin: 10px 20px 10px 20px;
		text-align: left;
		border: 1px solid #cccccc;
	}

		/* 見出し */
		div#main div.text h3 {
			font-size: 12px;
			padding: 0px;
			margin: 0px;
			height: 40px;
			text-indent: 50px;
			vertical-align: middle;
			background: url(./image/h3_text.gif);
		}

		div#main div#buy div.text h3 {	background: url(./image/h3_text.gif);}
		div#main div#sell div.text h3 {	background: url(./image/h3_text_sell.gif);}


		/* 見出し位置調整 */
		div#main div.text h3 span {
			position: relative;
				top: 15px;
				left: 0px;
		}

		/* 見出し */
		div#main div.text h4 {
			font-size: 12px;
			padding: 10px;
			margin: 0px;
			text-indent: 0px;
		}

		/* 段落 */
		div#main div.text p {
			margin: 0px;
			padding: 5px 10px 5px 10px;
			font-size: 12px;
		}

		div#buy p {	font-size: 12px;}
		div#sell p { font-size: 12px;}

	/* 特定商取引法に基づく表示 */
	div.text table#tokutei {
		margin-left: 20px;
		border-collapse: collapse;
		font-size: 12px;
	}

		div.text table#tokutei th {
			width: 150px;
			margin: 0px;
			padding: 10px;
			text-align: left;
		}

		div.text table#tokutei td {
			margin: 0px;
			padding: 10px;
			text-align: left;
		}

	/* 注文画面での利用規約表示 */
	div.rule {
		border: 1px solid #cccccc;
		height: 150px;
		text-align: left;
		margin-left: 80px;
		margin-right: 80px;
		overflow: scroll;
	}
		div.rule h3 {
			font-size: 12px;
			padding: 10px;
			margin: 0px;
			vertical-align: middle;
			text-align: center;
		}

		/* 見出し */
		div.rule h4 {
			font-size: 12px;
			padding: 10px;
			margin: 0px;
			text-indent: 0px;
		}

		/* 段落 */
		div.rule p {
			margin: 0px;
			padding: 5px 10px 5px 10px;
			font-size: 12px;
		}

	/* 取り扱い金融機関 */
	div.text div.logo {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}

	div.text table.banking {
		text-align: center;
		margin: 5px 10px 20px 10px;
		border-collapse: collapse;
		font-size: 12px;
		border: 1px solid #cccccc;
	}

		div.text table.banking th {
			width: 80px;
			padding: 10px;
			text-align: left;
			background: #eeeeee;
			border: 1px solid #bbbbbb;
		}

		div.text table.banking td {
			padding: 10px;
			text-align: left;
			background: #ffffff;
			border: 1px solid #bbbbbb;
		}

	/* サイトマップ */
	div#main div.text h4.sitemap {
		font-size: 12px;
		padding: 10px 10px 5px 10px;
		margin: 0px;
		text-indent: 0px;
	}

		div#main div.text ul {
			padding: 0px 10px 0px 10px;
			margin: 0px 0px 10px 0px;
			list-style: none;
		}

		div#main div.text li {
			display: inline;
			margin: 0px;
			padding: 0px;
		}
		div#main div.text li a {
			display: block;
			padding: 6px 6px 6px 12px;
			margin: 0px 3px 0px 3px;
			text-decoration: none;
			font-size: 12px;
	
			border-bottom: 1px dotted #cccccc;
			background: url(./image/li.gif) 0px 7px no-repeat;
		}
		div#main div.text li a:hover { background: url(./image/li2.gif) 0px 7px no-repeat #eeeeee;}
		

/* -------------------価格モード------------------------------ */

	/* スタイル切り替え用 */
	div#main div#buy {	margin: 0px;	padding: 0px;}
	div#main div#sell {	margin: 0px;	padding: 0px;}


	/* 価格モード */
	div#main div#mode {
		padding: 0px;
		margin: 0px 0px 10px 0px;
		text-align: left;
		height: 40px;

		position: relative;
			top: 0px;
			left: 0px;
	}

		/* 背景指定 */
		div#main div#buy div#mode {	background: url(./image/mode_buy.gif);}
		div#main div#sell div#mode {	background: url(./image/mode_sell.gif);}


		/* 見出し */
		div#main div#mode h3 {
			font-size: 12px;
			font-weight: 100;
			padding: 0px;
			margin: 0px;
			text-indent: 50px;
			vertical-align: middle;
		}

			/* 見出し位置調整 */
			div#main div#mode h3 span {
				position: relative;
					top: 18px;
					left: 0px;
			}

		/* リスト */
		div#main div#mode ul {
			padding: 0px;
			margin: 0px;
			width: 200px;
			list-style: none;

			position: absolute;
				top: 0px;
				right: 0px;
		}

			/* リスト子 */
			div#main div#mode ul li {
				display: inline;
				text-align: center;
				width: 100px;
				height: 40px;
				padding-top: 7px;
				font-size: 12px;
				float: left;
			}

			/* リスト位置調整 */
			div#main div#mode ul li span {
				position: relative;
					top: 14px;
					left: 0px;
			}

/* -----------------相互リンク-------------------------------- */
table#swaplink {
	border-collapse: collapse;
	border: 1px solid #cccccc;
	margin: 10px;
	font-size: 12px;
}

table#swaplink th {
	width: 120px;
	border: 1px solid #cccccc;
}

table#swaplink td.banner {
	width: 160px;
	text-align: center;
	border: 1px solid #cccccc;
	padding: 5px;
}

table#swaplink td.comment {
	text-align: left;
	padding: 5px;
	border: 1px solid #cccccc;
}


/* -----------------価格テーブル------------------------------ */

	/* 価格テーブル */
	div#main table#data {
		clear: both;
		border-collapse: collapse;
		padding: 0px;
		margin: 0px auto 0px auto;
		width: 606px;
	}

	/* モードによるスタイル */
	div#main div#buy table#data {
		border-top: 5px solid #0066cc;
		border-left: 1px solid #0066cc;
		border-right: 1px solid #0066cc;
		border-bottom: 1px solid #0066cc;
	}
	div#main div#sell table#data {
		border-top: 5px solid #cc6600;
		border-left: 1px solid #cc6600;
		border-right: 1px solid #cc6600;
		border-bottom: 1px solid #cc6600;
	}



		/* th要素 */
		div#main table#data th {
			height: 24px;
			font-size: 12px;
		}
		
		/* モードによるスタイル */
		div#main div#buy table#data th {
			background: #99ccff;
		}
		div#main div#sell table#data th {
			background: #ffcc99;
			border-left: 1px solid #cc6600;
		}
		div#main div#buy table#data td.sname {background: #eff7fe;}
		div#main div#buy table#data td.tzaiko {background: #fbfdff; color: #44915e; font-weight:900;}
		div#main div#sell table#data td.sname {background: #fff2e5;}
		div#main div#sell table#data td.tzaiko {background: #fffbf6; color: #cc6600; font-weight:900;}

		div#main table#data span.none {text-decoration:line-through; color: #545454 !important;font-weight:100 !important;}

		/* td要素 */
		div#main table#data td {
			border: 1px solid #999999;
			text-align: center;
			font-size: 12px;
		}

		/* テキスト寄せ */
		div#main table#data td.sname {
			text-align: center;
			margin:0px;
			padding-top:12px;
			padding-bottom:12px;
			width:160px;
		}
		div#main table#data td.tzaiko {width:80px;}
		div#main table#data td.tkakaku {width:120px;}

		

		/* 口数入力 */
		div#main table#data td.unit_input {
			padding: 5px 0px 5px 0px;
			margin: 0px;
		}
			/* フォーム */
			div#main table#data td form {
				padding: 0px;
				margin: 0px;
			}
			/* インプット */
			div#main table#data td input {
				padding: 0px;
				margin: 0px;
			}

/* -----------------入力テーブル------------------------------ */

	/* 注釈 */
	div#main p.annotation {
		font-size: 12px;
		margin: 0px;
		padding: 5px;
	}

	/* 見出し */
	div#main h3.conf {
		font-size: 12px;
		padding: 0px;
		margin: 40px 0px 0px 0px;
		height: 40px;
		width: 580px;
		text-indent: 50px;
		vertical-align: middle;
		text-align: left;
	}

	div#main div#buy h3.conf {	background: url(./image/h3_text.gif);}
	div#main div#sell h3.conf {	background: url(./image/h3_text_sell.gif);}


		/* 見出し位置調整 */
		div#main h3.conf span {
			position: relative;
				top: 15px;
				left: 0px;
		}

	div#main table.post {
		border: 1px solid #cccccc;
		margin: 0px auto 5px auto;
		border-collapse: collapse;
		width: 580px;
	}

		div#main table.post th {
			width: 140px;
			padding: 15px 10px 15px 0px;
			text-align: right;
			font-size: 12px;
			font-weight: 700;
			border: 1px solid #cccccc;
			background: #eeeeee;
		}

		div#main table.post td {
			margin: 0px;
			padding: 5px 0px 5px 10px;
			text-align: left;
			border: 1px solid #cccccc;
			font-size: 12px;
			width: 477px;
		/*	word-break: break-all;	css3以降only*/
		}

			div#main table.post td span.err_msg {
				margin-left: 20px;
				color: #666666;
			}


			/*	textareaの改行判断用css */
			div#main table.post textarea.note {
				width: 420px;
				height: 300px;
			}

			div#maintable.post div.note {
				width: 360px;
			}



div#sub div#project {
	clear: both;
	width: 148px;
	padding: 0px;
	margin: 10px 0px 0px 0px;
}

div#sub div#project h2 {
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	height: 24px;
	width: 148px;
	position: relative;
		top: 0px;
		left: 0px;
	background: url(./image/h3_text.gif);
}

div#sub div#project h2 span {
	position: absolute;
		top: 7px;
		left: 24px;
}

div#sub div#project .border {
	border: 1px solid #cccccc;
	padding: 0px;
	margin: 0px;
}

div#sub div#project ul {
	list-style: none;
	display: inline;
	width: 148px;
	height: 60px;
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	list-style-type: none;
}

div#sub div#project ul li {
	padding: 0px;
	margin: 3px 14px 3px 28px;
	width: 88px;
	height: 31px;
	background: #cccccc;
	text-align: center;
	position: relative;
		top: 0px;
		left: 0px;
}

div#sub div#project ul li span {
	height: 31px;
	width: 88px;
	text-decoration: none;
	text-align: left;
	cursor: pointer;
	position: absolute;
		top: 0px;
		left: 0px;
}

div#sub div#project .w3c span {	background: url(./image/w3c.bmp);}












div#main div#bottom {
	width: 590px;
	text-align: center;
	padding: 0px;
	margin: 0px;
}

div#main div#bottom p {
	font-size: 12px;
	font-weight: 100;
	padding: 5px;
	margin: 0px;
}