@charset "UTF-8";
/*##################################################
-------------LIST-------------
 01: feature
 02: history
 03: howto
------------------------------
##################################################*/
/* --------------------------------------------------
 01: feature
 -------------------------------------------------- */
div#feature h3 {
	margin: 16px 0 15px 0;
}
div#feature p {
	padding: 0 0 12px 0;
	font-size: 93%;
	line-height: 150%;
}


/* --------------------------------------------------
 02: history
 -------------------------------------------------- */
div#history dl {
	width: 440px;
	background: url(../images/showarer_history_line.gif) repeat-y;
}
div#history dl dt {
	height: 61px;
	background: url(../images/showarer_history_tit.gif) 0 0 no-repeat;
	text-indent: -9999px;
}
div#history dl dd {
	padding: 0 20px 25px 20px;
	font-size: 93%;
	line-height: 150%;
	background: url(../images/showarer_history_bm.gif) 0 bottom no-repeat;
}
div#history dl dd img {
	float: right;
	padding-left: 15px;
}


/* --------------------------------------------------
 03: howto
 -------------------------------------------------- */
div#howto {
	font-size: 93%;
	line-height: 150%;
}
div#howto h4 {
	margin-bottom: 6px;
}
div#howto ul {
	background: url(../images/showarer_line.gif) 0 bottom no-repeat;
}
div#howto ul li {
	padding: 8px 0 9px 28px;
	color: #1051bc;
}
div#howto ul li#icon1 {
	background: url(../images/showarer_icon1.gif) 0 6px no-repeat;
}
div#howto ul li#icon2 {
	background: url(../images/showarer_icon2.gif) 0 6px no-repeat;
}
div#howto ul li#icon3 {
	background: url(../images/showarer_icon3.gif) 0 6px no-repeat;
}
div#howto ul li#icon4 {
	background: url(../images/showarer_icon4.gif) 0 6px no-repeat;
}

div#howto p {
	margin-top: 16px;
}