/*青*/

/* counter01
------------------------------------------------- */

.counter01 {
	counter-reset: first;
}
.counter01 h1:before {
	counter-increment: first;
	content: counter(first) ". ";
}

/* counter02
------------------------------------------------- */

.counter02 {
	counter-reset: one 0;
}
.counter02 p{
	padding:3px 7px;
}
.counter02 .first_title {
	counter-reset: two;
	background:#333;
	color:#fff;
}
.counter02 .first_title:before {
	counter-increment: one;
	content: counter(one,upper-roman) ". ";
}
.counter02 .second_title {
	counter-reset: two;
	background:#999;
}
.counter02 .second_title:before {
	counter-increment: two;
	content: counter(one) "." counter(two) " ";
}
.counter02 .third_title {
	counter-reset: three;
	background:#ccc;
}
.counter02 .third_title:before {
	counter-increment: three;
	content: counter(one) "." counter(two) "." counter(three) " ";	
}