@charset "utf-8";

.l-content h1.m-keyVisual{
	position: relative;
	margin-bottom: 0!important;
	padding-bottom: 30px;
	text-indent: -10000px;
	width: 950px;
	height: 400px;
	background: url(/pr/vona_introduction/en/images/h1_image.png) no-repeat;
}
.l-content h1.m-keyVisual a {
	position: absolute;
    top: 245px;
    left: 345px;
    text-indent: 0;
}
.l-content h1.m-keyVisual .m-caption_txt {
	font-size: 12px;
	text-indent: -10000px;
}
.l-content .m-buttonList {
	text-align: center;
	margin-bottom: 45px;
}
.l-content .m-buttonList > a {
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
} 
.l-content .m-contentsArea .m-aboutVona h3 {
	width: 653px;
	height: 34px;
	margin-bottom: 8px;
	padding: 0!important;
	border-bottom: none!important;
	background: url(/pr/vona_introduction/en/images/ttl_h3.png) no-repeat 0 0;
}
.l-content .m-convenienceArea h2 { background: url(/pr/vona_introduction/en/images/ttl_h2_01.png) no-repeat 0 0;}
.l-content .m-meritArea h2 { background: url(/pr/vona_introduction/en/images/ttl_h2_02.png) no-repeat 0 0;}
.l-content .m-brands h2 { background: url(/pr/vona_introduction/en/images/ttl_h2_03.png) no-repeat 0 0;}
.l-content .m-convenienceArea h2,
.l-content .m-meritArea h2,
.l-content .m-brands h2 {
	width: 920px;
	height: 61px;
	margin-bottom: 0!important;
	padding: 0!important;
	border-top: none!important;
}

/* ------------------------------------------------------
contentsArea
------------------------------------------------------ */
.l-content .m-contentsArea { padding: 0 15px;}
.l-content .m-aboutVona {
	padding: 0 0 20px 20px;
	background: url(/pr/vona_introduction/en/images/img_about.png) no-repeat right 0;
}
.l-content .m-aboutVona p { width: 653px;}
.l-content .m-convenienceArea { padding-bottom: 20px;}
.l-content .m-meritArea { padding-bottom: 20px;}
.l-content .m-brands { padding-bottom: 50px;}
.l-content .m-conveniencePoint {
	background: url(/pr/vona_introduction/en/images/bg_convenience.png) no-repeat 0 bottom;
}
.l-content .m-meritPoint {
	height: 253px;
	background: url(/pr/vona_introduction/en/images/bg_merit.png) no-repeat 0 0;
}
.l-content .m-conveniencePoint,
.l-content .m-meritPoint { width: 880px;}
.l-content .m-conveniencePoint { padding: 20px 20px 13px;}
.l-content .m-meritPoint { padding: 20px;}

.l-content .m-conveniencePoint dl.m-point1,
.l-content .m-conveniencePoint dl.m-point2,
.l-content .m-conveniencePoint dl.m-point3{ width: 268px;}
.l-content .m-conveniencePoint dl { margin-bottom: 10px;}
.l-content .m-conveniencePoint .m-dot,
.l-content .m-conveniencePoint .m-noDot { float: left;}
.l-content .m-conveniencePoint .m-dot {
	margin-right: 18px;
	padding-right: 19px;
}
.l-content .m-meritPoint dl {
	float: left;
	width: 286px;
}
.l-content .m-conveniencePoint .m-dot { background: url(/pr/vona_introduction/en/images/bg_dot.png) repeat-y right 0;}

.l-content .m-conveniencePoint dl.m-point1 dt { background: url(/pr/vona_introduction/en/images/ttl_point1.png) no-repeat 0 0;}
.l-content .m-conveniencePoint dl.m-point2 dt { background: url(/pr/vona_introduction/en/images/ttl_point2.png) no-repeat 0 0;}
.l-content .m-conveniencePoint dl.m-point3 dt { background: url(/pr/vona_introduction/en/images/ttl_point3.png) no-repeat 0 0;}
.l-content .m-conveniencePoint dl.m-point1 dt,
.l-content .m-conveniencePoint dl.m-point2 dt,
.l-content .m-conveniencePoint dl.m-point3 dt {
	width: 268px;
	height: 30px;
}
.l-content .m-conveniencePoint dl.m-point1 dd.m-pointTxt { background: url(/pr/vona_introduction/en/images/txt_point1.png) no-repeat 0 0;}
.l-content .m-conveniencePoint dl.m-point2 dd.m-pointTxt { background: url(/pr/vona_introduction/en/images/txt_point2.png) no-repeat 0 0;}
.l-content .m-conveniencePoint dl.m-point3 dd.m-pointTxt { background: url(/pr/vona_introduction/en/images/txt_point3.png) no-repeat 0 0;}
.l-content .m-conveniencePoint dl.m-point1 dd.m-pointTxt,
.l-content .m-conveniencePoint dl.m-point2 dd.m-pointTxt {
	height: 61px;
}
.l-content .m-conveniencePoint dl.m-point1 dd.m-pointTxt {
	width: 268px;
}
.l-content .m-conveniencePoint dl.m-point2 dd.m-pointTxt {
	width: 275px;
}
.l-content .m-conveniencePoint dl.m-point3 dd.m-pointTxt {
	width: 285px;
	height: 101px;
}
.l-content .m-supportContact {
	margin-right: -22px;
}
.l-content .m-supportContact > div {
	float: left;
	width: 50%;
	box-sizing: border-box;
}
.l-content .m-supportContact > div > p {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}
.l-content .m-supportContact > div > p > span > a {
	color: #333333;
	text-decoration: none;
}
.l-content .m-supportContact > div > p > img {
	vertical-align: middle;
}
.l-content .m-supportContact > div > p > span {
	vertical-align: middle;
}
.l-content .m-supportContact .m-customerService {
	border-right: 1px solid #d6d6d6;
}
.l-content .m-supportContact .m-technicalSupport {
	padding-left: 5px;
}
.l-content .m-supportContact .m-ttl {
	padding-bottom: 5px;
}
.l-content .m-supportContact .m-phone {
	padding-bottom: 2px;
}
.l-content .check {
	width: 187px;
	height: 18px;
	margin: 0 auto 20px;
}
.l-content .m-meritPoint dl {
	position: relative;
	margin: 0 11px 13px 0;
}
.l-content .m-meritPoint dl.m-point3 { margin: 0 0 13px 0!important;}
.l-content .m-meritPoint dl.m-point1 { background: url(/pr/vona_introduction/en/images/img_merit1.png) no-repeat 0 0;}
.l-content .m-meritPoint dl.m-point2 { background: url(/pr/vona_introduction/en/images/img_merit2.png) no-repeat 0 0;}
.l-content .m-meritPoint dl.m-point3 { background: url(/pr/vona_introduction/en/images/img_merit3.png) no-repeat 0 0;}
.l-content .m-meritPoint dl.m-point4 { background: url(/pr/vona_introduction/en/images/img_merit4.png) no-repeat 0 0;}
.l-content .m-meritPoint dl.m-point5 { background: url(/pr/vona_introduction/en/images/img_merit5.png) no-repeat 0 0;}
.l-content .m-meritPoint .m-point1 .m-meritTxt,
.l-content .m-meritPoint .m-point4 .m-meritTxt {
	position: absolute;
	top: 48px;
	left: 0;
	width: 167px;
	line-height: 18px;
}
.l-content .m-meritPoint .m-point4 .m-meritTxt {
	top: 70px;
}
.l-content .m-meritPoint .m-point2 .m-meritTxt,
.l-content .m-meritPoint .m-point3 .m-meritTxt,
.l-content .m-meritPoint .m-point5 .m-meritTxt {
	position: absolute;
	top: 48px;
	left: 0;
	width: 162px;
	line-height: 18px;
}
.l-content .m-meritPoint dl.m-point1,
.l-content .m-meritPoint dl.m-point2,
.l-content .m-meritPoint dl.m-point3,
.l-content .m-meritPoint dl.m-point4,
.l-content .m-meritPoint dl.m-point5 {
	width: 282px;
	height: 122px;
}
.l-content .m-meritPoint dl.m-point2, .l-content .m-meritPoint dl.m-point5 {
	margin-left: 10px;
}
.l-content .m-brandOfVona {
	padding: 22px 9px;
	border: 1px solid #ccc;
	border-radius: 0 0 10px 10px;
	background: #f7f7f7;
}
.l-content .m-brandOfVona ul li {
	float: left;
	width: 290px;
	margin: 4px 0;
	padding: 0 5px;
}
.l-content .m-brandOfVona ul li a {
	display: block;
	border: 1px solid #ccc;
}
/* ------------------------------------------------------
common
------------------------------------------------------ */
.l-content .m-aboutVona h3,
.l-content .m-convenienceArea h2,
.l-content .m-conveniencePoint dl.m-point1 dt,
.l-content .m-conveniencePoint dl.m-point2 dt,
.l-content .m-conveniencePoint dl.m-point3 dt,
.l-content .m-conveniencePoint dl.m-point4 dt,
.l-content .m-conveniencePoint dl.m-point1 dd.m-pointTxt,
.l-content .m-conveniencePoint dl.m-point2 dd.m-pointTxt,
.l-content .m-conveniencePoint dl.m-point3 dd.m-pointTxt,
.l-content .m-conveniencePoint dl.m-point4 dd.m-pointTxt,
.l-content .m-meritArea h2,
.l-content .m-brands h2,
.l-content .m-meritPoint dl dt {
	text-indent: 110% !important;
	white-space: nowrap;
	overflow: hidden;
}