/* リセット
------------------------------------------------------*/
@import "reset.css";

/* 共通レイアウト
------------------------------------------------------*/
body {
	background-color: #111;
	color: #FFF;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif; 
	font-size: 13px;
	line-height: 1.4em;
}

a { text-decoration: underline; }
a:link		{ color: #FF9; }
a:visited	{ color: #FF9; }
a:hover		{}
a:active		{ color: #FF9; }

#container {
	margin: 0 auto;
	background: url(../images/bg_body.jpg) repeat;
	max-width: 640px;
}

#header {
	margin-bottom: 8px;
}

.section {
	margin-bottom: 10px;
	padding: 15px 0;
	background: url(../images/bg_section.jpg) repeat;
	background-size: 100% auto;
}
	.section p,
	.section > ol {
		padding: 10px 10px 0 10.6%;
	}
	.section ol {
		margin-left: 1.5em;
		list-style-type: decimal;
	}
	.section ul {
		margin-left: 1.5em;
		list-style-type: disc;
	}
	.section .btnCol {
		padding-top: 10px;
	}

.section .direct {
	padding: 0 10px;
}

#ruleCol {
	padding: 10px 10px 0 10.6%;
	font-size: 12px;
}
	#ruleCol h3 {
		margin-bottom: 0.5em;
		padding: 0 0 0 5px;
		font-size: 16px;
		font-weight: bold;
		border-bottom: 1px solid #666;
		border-left: 5px solid #666;
	}
	#ruleCol ol > li {
		margin-top: 0.5em;
	}
	#ruleCol ol > li:first-child {
		margin-top: 0;
	}


/* 汎用クラス
------------------------------------------------------*/
/* clearfix */
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

.fl-l { float: left; }
.fl-r { float: right; }