@charset "utf-8";

h1 {
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 20px;
	height: 20px;
	margin: -25px 0 0;
}
h2 {
	background-position: 6px center;
	background-image: url(../image/common/h2.jpg);
	color: #FFFFFF;
	font-size: 20px;
	padding: 5px 0 0 60px;
	font-weight: bold;
	height: 38px;
	line-height: 38px;
	background-repeat: no-repeat;
	border-radius: 18px;
	margin: 0 0 10px 0;
	background-color: #0077C3;
	background-size: auto 30px;
}

h3{
	line-height: 30px;
	height: 30px;
	padding: 5px 0 5px 60px;
	margin-bottom: 10px;
	color: #F28E00;
	background-position: 10px center;
	background-color: #FFFAC1;
	font-size: 20px;
	background-image: url(../image/common/h3.png);
	border-radius: 10px;
	background-repeat: no-repeat;
	-webkit-box-shadow: 2px 2px 5px #888888;
	box-shadow: 2px 2px 5px #888888;
}
h4 {
	background-position: left center;
	border-bottom: 2px dashed #33AC36;
	line-height: 30px;
	margin-bottom: 10px;
	padding-left: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #33AC36;
	border-left: 10px solid #33AC36;
	margin-left: 5px;
}
h6 {
	font-size: 15px;
	color: #0077C3;
	border-bottom: 2px dotted #0077C3;
	margin: 0 0 5px 0;
}


.subtitle {
	font-size: 14px;
	color: #F99;
	padding-left: 10px;
	font-style: italic;
}
.number {
	font-size: 18px;
	color: #E5535D;
	margin-right: 10px;
	line-height: 40px;
}
.kana {
	font-size: 12px;
	font-style: italic;
	color: #BFAD95;
	padding-right: 1em;
	padding-left: 1em;
}
.category {
	font-size: 18px;
	color: #662c18;
	background: url(../image/common/category.png) repeat-x left bottom;
	font-weight: bold;
	padding: 5px 15px 10px;
	margin-bottom: 5px;
	text-align: left;
}
.vivid {
	font-size: 28px;
	font-weight: bold;
	color: #299BF8;
	line-height: 170%;
}
.notes {
	font-weight: bold;
	color: #F00;
}
.red {
	color:#D80000;
	font-weight: bold;
}
.bold {
	font-weight: bold;
	font-size: 14px;
}