@charset "utf-8";

/* 本体定義 */
body {
	margin: 0;
	padding: 0;
	font-size: 12pt;
	background:#f7f6f5;
	background: url(back.gif) scroll repeat center top;
	font-family: Verdana,"MS PGothic",Osaka,Arial,sans-serif;
}
a:link, a:visited {
	color: #1122cc;
	text-decoration: none;
	display: inline-block;
}
a:hover {
	text-decoration: underline;
	color: #dd0000;
}
/* 利用規約タイトル枠 */
div.notice {
	width:200px;
	background:#fff;
	border:1px solid #B0C4DE;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	box-shadow: 2px 3px 14px 1px #d1bada;
	-webkit-box-shadow: 2px 3px 14px 1px #d1bada;
	-moz-box-shadow: 2px 3px 14px 1px #d1bada;
	margin:1em;
	padding:6px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
div#rule {
	background:#fff;
	margin:1em;
	padding:6px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	font-size:11pt;
	color:gray;
	line-height: 145%;
}
ol{
counter-reset:number;/* 名前を付けたカウンターをリセット */
list-style:none;/* olが数字を付けることをキャンセル */
margin:0;
padding:0;
}
ol li{

}
ol li:before{
/* カウンタ（数字になる部分） */
counter-increment: number;/* 任意の名前を付けて！ */
content: counter(number);/* 名前を付けたカウンターを呼び出し */
/* 色を変えたり、背景画像を敷いたり！自由自在！ */
}
li:before {
float: left;
background: #b0778c;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
color: #fff;
text-align: center;
line-height: 1.5;
}

