@charset "utf-8";
/* CSS Document */

body{
	background-image:url(../img/tips/tips_top.png);
	background-repeat:repeat-x;
}
header{
	background-color:#87ceeb;
}


/*------コンテンツ-------*/
#left_contents section{
	margin-bottom:2em;
}
#left_contents section h1{
	font-size:1.5em;
	background-color:#87CEEB;
    padding: 0.5em;
	border-radius:0.2em;
	margin-bottom: 1em;
}
#left_contents section time{
	font-size: 65%;
    margin-left: 1em;
}

/*疑似要素で数字を出す*/
ol{
counter-reset:number;/* 名前を付けたカウンターをリセット */
list-style:none;/* olが数字を付けることをキャンセル */
margin:0;
padding:0;
}
ol li{
	margin-bottom:0.5em;
}
ol li:before{
/* カウンタ（数字になる部分） */
counter-increment: number;/* 任意の名前を付けて！ */
content: counter(number);/* 名前を付けたカウンターを呼び出し */
/* 色を変えたり、背景画像を敷いたり！自由自在！ */
}

.circle li:before {
	display:inline-block;
background:#87CEEB;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
color: #fff;
text-align: center;
line-height: 1.5;
font-size:85%;
margin-right:0.5em;
}