@charset "EUC-JP";

/* --------------------------------------------------------

   =01 Content

-------------------------------------------------------- */

p.checkerMainTitle {
	padding-bottom: 10px;
}


/* =1 checker1
-------------------------------------------------------- */

h2.checkerTitle {
	height: 25px;
	margin-bottom: 10px;
	line-height: 25px;
	padding: 0 10px;
}

h2.checkerTitle.whatTitle {
	background: url(/img/portal/checker/bar1.jpg) no-repeat left top;
}

p.checkerWhat {
	padding: 10px 10px 20px 220px;
	background: url(/img/portal/checker/new.jpg) no-repeat left top;
	min-height: 104px;
	line-height: 1.3;
}

p.checkerWhat img {
	float: right;
	margin: 0 0 0 20px;
}

* html div.checkerWhat {
	height: 104px;
}


/* =2 checker2
-------------------------------------------------------- */

h2.checkerTitle.meritTitle {
	background: url(/img/portal/checker/bar2.jpg) no-repeat left top;
}

dl.checkerMerit {
	padding-bottom: 10px;
}

dl.checkerMerit dt {
	font-weight: bold;
	min-height: 30px;
	line-height: 30px;
	padding-left: 70px;
}

* html dl.checkerMerit dt {
	height: 30px;
}

dl.checkerMerit dt.checker1 {
	color: #fd20fe;
	background: url(/img/portal/checker/icon_checker1.gif) no-repeat left top;
}

dl.checkerMerit dt.checker2 {
	color: #0149ec;
	background: url(/img/portal/checker/icon_checker2.gif) no-repeat left top;
}

dl.checkerMerit dt.checker3 {
	color: #009b3f;
	background: url(/img/portal/checker/icon_checker3.gif) no-repeat left top;
}

dl.checkerMerit dd {
	padding: 0 0 10px 70px;
	line-height: 1.3;
}

dl.checkerMerit dd span {
	font-size: 83%;
	color: #999;
}


/* =3 checker3
-------------------------------------------------------- */

h2.checkerTitle.useTitle {
	background: url(/img/portal/checker/bar3.jpg) no-repeat left top;
}

ol.checkerHowto li {
	padding: 8px 0 10px 60px;
	line-height: 1.3;
}

ol.checkerHowto li img {
	margin-top: 10px;
}

ol.checkerHowto li.howto1 {
	background: url(/img/portal/checker/icon_use1.gif) no-repeat left top;
}

ol.checkerHowto li.howto2 {
	background: url(/img/portal/checker/icon_use2.gif) no-repeat left top;
}

ol.checkerHowto li.howto3 {
	background: url(/img/portal/checker/icon_use3.gif) no-repeat left top;
}

ol.checkerHowto li.howto4 {
	background: url(/img/portal/checker/icon_use4.gif) no-repeat left top;
}

ol.checkerHowto li.howto5 {
	background: url(/img/portal/checker/icon_use5.gif) no-repeat left top;
}

ol.checkerHowto li.howto1 ul li {
	padding: 10px 0 0 0;
	color: #999;
	float: left;
	width: 49%;
}

ol.checkerHowto li.howto1 ul li img {
	margin-top: 3px;
}

p.useChecker img {
	vertical-align: middle;
}

p.useChecker img.qrCode {
	margin-left: 5px;
}

p.useChecker {
	padding: 20px;
	text-align: right;
}


/* clearFix */
p.checkerWhat,
ol.checkerHowto li.howto1 ul {
	zoom: 1;
}

p.checkerWhat:after,
ol.checkerHowto li.howto1 ul:after {
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}