@charset "utf-8";

/* ======================================================================================== PROMOTION */
div#page-body h2{
	width:auto;
	height:auto;
	padding: 15px 0px 15px 15px;
	font-size: 140%;
	line-height: 120%;
	background: url(../img/bg_promotion_ttl_h2.gif) no-repeat left bottom;
	color: #000000;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}
div#page-body p.lead{
	padding: 10px 0px 0px 15px;
	line-height: 160%;
	color: #000000;
}
div#page-body ul#lead{
	padding: 0px 0px 20px 15px;
}
div#page-body ul#lead li{
	padding: 0px 0px 0px 1em;
	line-height: 160%;
	color: #000000;
	text-indent: -1%;
}
div#page-body h3{
	padding: 10px 0px 30px 17px;
	font-size: 130%;
	line-height: 120%;
	background: url(../img/bg_promotion_h3.gif) no-repeat left top;
	color: #000000;
}
div#page-body h4{
	padding: 9px 0px 8px 90px;
	font-size: 110%;
	line-height: 120%;
	color: #000000;
}
div#page-body h4.point1{
	background: #eefaed url(../img/promotion_point1.gif) no-repeat 3px 3px;
}
div#page-body h4.point2{
	background: #eefaed url(../img/promotion_point2.gif) no-repeat 3px 3px;
}
div#page-body h4.point3{
	background: #eefaed url(../img/promotion_point3.gif) no-repeat 3px 3px;
}
div#page-body h4.point4{
	background: #eefaed url(../img/promotion_point4.gif) no-repeat 3px 3px;
}
div#page-body div.area-h4{
	padding: 10px 0px 0px 0px;
}
div#page-body div.area-h4 p{
	padding: 5px 0px 0px 15px;
	line-height: 160%;
}
div#page-body div.area-h4 p.attention{
	padding: 5px 0px 0px 15px;
	line-height: 160%;
	font-size: 80%;
}
div#page-body div.area-h4 p.btn{
	margin: 10px 0px 0px 0px;
	padding: 10px;
	line-height: 160%;
	background: #eaeaea;
	text-align: center;
}
div#page-body div.area-h4 ul{
	padding: 10px 0px 10px 17px;
}
div#page-body div.area-h4 ul li{
	padding: 0px 0px 5px 0px;
}
div#page-body div.area-h4 ul li a{
	padding: 0px 0px 0px 17px;
	background: url(../img/arw_line_gray.gif) no-repeat 0px 4px;
	display:block;
	line-height: 120%;
}