@charset "utf-8";

*
	{
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	}

body
	{
	margin: 0;
	padding: 0;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	}

h1,h2,h3,h4,h5,p,div,ul,ol,li,td,th,table,dl,dt,dd
	{
	margin: 0;
	padding: 0;
	}

ul,li
	{
	list-style: none;
	}

img,a img
	{
	border: 0;
	}
a,
a:link
	{
	color: #0000FF;
	text-decoration: underline;
	font-size: 12px;
	}

a:visited
	{
	color: #0000FF;
	font-size: 12px;
	text-decoration: underline;
	}

a:hover
	{
	color: #0000FF;
	text-decoration: none;
	font-size: 12px;
	}

a:active
	{
	color: #0000FF;
	font-size: 12px;
	text-decoration: underline;
	}
#wrap {
	height: 2300px;
	width: 850px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
}
h1 {
	position: absolute;
	left: 0px;
	top: 28px;
}
#header {
	position: absolute;
	width: 850px;
	height: 590px;
}
#top-line {
	position: absolute;
	top: 20px;
}
#advice {
	position: absolute;
	top: 4px;
}
#proactiv {
	position: absolute;
	left: 381px;
	top: 34px;
}
#photo {
	position: absolute;
	left: 0px;
	top: 109px;
}
#header dt {
	position: absolute;
	left: 494px;
	top: 123px;
}
#present {
	position: absolute;
	left: 519px;
	top: 346px;
}
#header dd {
	position: absolute;
	z-index: 1;
	font-size: 12px;
	color: #333333;
	left: 509px;
	top: 345px;
	line-height: 18px;
}
#present2 {
	font-size: 12px;
	color: #FF0033;
	position: absolute;
	z-index: 1;
	left: 509px;
	top: 401px;
}
#repayment {
	position: absolute;
	left: 51px;
	top: 431px;
}
#set {
	position: absolute;
	left: 7px;
	top: 472px;
}
#price {
	position: absolute;
	left: 30px;
	top: 532px;
}
#site-in {
	position: absolute;
	left: 473px;
	top: 535px;
}
#box-top {
	position: absolute;
	left: 8px;
	top: 620px;
}
#mark {
	position: absolute;
	left: 0px;
	top: 657px;
}
#repayment2 {
	position: absolute;
	left: 50px;
	top: 670px;
	z-index: 1;
}
#mark2 {
	position: absolute;
	left: 422px;
	top: 657px;
}
#step {
	position: absolute;
	left: 473px;
	top: 670px;
	z-index: 1;
}
#box {
	background-image: url(img/proactiv_65.jpg);
	position: absolute;
	background-repeat: repeat-y;
	width: 850px;
	height: 740px;
	top: 700px;
	left: 0px;
}
#repayment3 img {
	position: absolute;
	left: 38px;
	top: 0px;
}
#txt {
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	position: absolute;
	left: 39px;
	top: 799px;
}
#txt2 {
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	position: absolute;
	left: 39px;
	top: 843px;
}
#mark3 {
	position: absolute;
	left: 0px;
	top: 229px;
}
#plan {
	position: absolute;
	left: 48px;
	top: 241px;
	z-index: 1;
}
#box dt {
	left: 25px;
	top: 277px;
}
#box dd {
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	padding-left: 17px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 19px;
}
#box dl {
	position: absolute;
	left: 25px;
	top: 277px;
	width: 400px;
	height: auto;
}
#point {
	position: absolute;
	left: 151px;
	top: 708px;
}
#continuation {
	position: absolute;
	left: 451px;
	top: 0px;
}
#care {
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	background-image: url(img/proactiv_43.jpg);
	height: 60px;
	width: 262px;
	position: absolute;
	left: 450px;
	top: 781px;
	padding-top: 44px;
	padding-left: 117px;
}
#line {
	position: absolute;
	left: 461px;
	top: 200px;
}
#care2 {
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	background-image: url(img/proactiv_51.jpg);
	height: 60px;
	width: 262px;
	position: absolute;
	left: 450px;
	top: 922px;
	padding-top: 44px;
	padding-left: 117px;
}
#line2 {
	position: absolute;
	left: 461px;
	top: 344px;
}
#care3 {
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	background-image: url(img/proactiv_68.jpg);
	height: 60px;
	width: 262px;
	position: absolute;
	left: 450px;
	top: 1069px;
	padding-top: 44px;
	padding-left: 117px;
}
#line3 {
	position: absolute;
	left: 461px;
	top: 488px;
}
#care4 {
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	background-image: url(img/proactiv_77.jpg);
	height: 60px;
	width: 262px;
	position: absolute;
	left: 450px;
	top: 1210px;
	padding-top: 44px;
	padding-left: 117px;
}
#line4 {
	position: absolute;
	left: 461px;
	top: 632px;
}
#important {
	position: absolute;
	left: 452px;
	top: 656px;
}
#bottom {
	position: absolute;
	z-index: 1;
	top: 1440px;
}
#sales {
	position: absolute;
	left: 8px;
	top: 1472px;
}
#mark4 {
	position: absolute;
	left: 0px;
	top: 1514px;
}
#skin {
	position: absolute;
	left: 58px;
	top: 1528px;
}
#etc {
	position: absolute;
	left: 21px;
	top: 1562px;
}
#proactiv2 {
	position: absolute;
	left: 477px;
	top: 1601px;
}
#photo2 {
	position: absolute;
	left: 499px;
	top: 1686px;
}
#photo {
	position: absolute;
	left: 0px;
	top: 109px;
}
#site-in2 {
	position: absolute;
	left: 471px;
	top: 1894px;
}
#price2 {
	position: absolute;
	left: 44px;
	top: 1904px;
}
#present3 {
	position: absolute;
	left: 46px;
	top: 1708px;
}
#trial {
	position: absolute;
	left: 44px;
	top: 1786px;
}
#txt3 {
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	position: absolute;
	left: 213px;
	top: 1785px;
}
#txt4 {
	font-size: 12px;
	color: #FF0033;
	position: absolute;
	left: 213px;
	top: 1841px;
}
#point2 {
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	position: absolute;
	left: 45px;
	top: 1598px;
}
#point3 {
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	position: absolute;
	left: 45px;
	top: 1661px;
}
#set2 {
	position: absolute;
	left: 44px;
	top: 1868px;
}
#site {
	position: absolute;
	top: 2236px;
	line-height: 20px;
	text-align: center;
	width: 850px;
	font-size: 12px;
}
#site li {
	font-size: 12px;
	color: #0000FF;
	display: inline;
}
#line5 {
	position: absolute;
	left: 0px;
	top: 2230px;
}
#line6 {
	position: absolute;
	left: 0px;
	top: 2255px;
}
#footer {
	font-size: 12px;
	color: #333333;
	background-image: url(img/proactiv_127.jpg);
	text-align: center;
	position: absolute;
	height: 19px;
	width: 850px;
	left: 0px;
	top: 2271px;
	padding-top: 10px;
}
#map {
	font-size: 12px;
	color: #333333;
	position: absolute;
	left: 764px;
	top: 5px;
}
#footer2 {
	font-size: 12px;
	color: #333333;
	background-image: url(img/proactiv_127.jpg);
	text-align: center;
	position: absolute;
	height: 19px;
	width: 850px;
	left: 0px;
	top: 1322px;
	padding-top: 10px;
}
#footer3 {
	font-size: 12px;
	color: #333333;
	background-image: url(img/proactiv_127.jpg);
	text-align: center;
	position: absolute;
	height: 19px;
	width: 850px;
	left: 0px;
	top: 962px;
	padding-top: 10px;
}
#map2 {
	font-size: 12px;
	color: #333333;
	position: absolute;
	left: 764px;
	top: 5px;
}
#back-line {
	position: absolute;
	left: 0px;
	top: 680px;
}
#wrap2 {
	background-image: url(img/proactiv_kk_01.jpg);
	height: 1350px;
	width: 850px;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#site2 {
	position: absolute;
	top: 1287px;
	line-height: 20px;
	text-align: center;
	width: 850px;
}
#site2 li {
	font-size: 12px;
	color: #0000FF;
	display: inline;
}
#site-in3 {
	position: absolute;
	left: 482px;
	top: 305px;
}
#logo {
	position: absolute;
	left: 0px;
	top: 28px;
}
#skin-set {
	position: absolute;
	top: 105px;
}
#box2-top {
	position: absolute;
	top: 382px;
	z-index: 1;
}
#box2 {
	background-image: url(img/pk-back.jpg);
	position: absolute;
	height: 850px;
	width: 850px;
	top: 390px;
}
#mark5 {
	position: absolute;
	left: 15px;
	top: 30px;
}
#box2 dl {
	position: absolute;
	left: 66px;
	top: 45px;
	height: auto;
	width: 700px;
	font-size: 12px;
	line-height: 22px;
	color: #333333;
}
#box2 dt {
	z-index: 1;
	font-size: 23px;
	color: #0099FF;
}
#name {
	background-image: url(img/proactiv_k_09.jpg);
	height: 18px;
	width: 240px;
	position: absolute;
	left: 441px;
	top: 36px;
	font-size: 12px;
	color: #333333;
	padding-top: 13px;
	padding-left: 143px;
	text-align: right;
	padding-right: 10px;
}
#box2 dd {
	padding-top: 10px;
	padding-bottom: 25px;
}
#mark6 {
	position: absolute;
	left: 13px;
	top: 199px;
}
#mark7 {
	position: absolute;
	left: 13px;
	top: 344px;
}
#mark8 {
	position: absolute;
	left: 10px;
	top: 533px;
}
#name2 {
	background-image: url(img/proactiv_k_16.jpg);
	height: 17px;
	width: 240px;
	position: absolute;
	left: 441px;
	top: 204px;
	font-size: 12px;
	color: #333333;
	padding-top: 18px;
	padding-left: 143px;
	text-align: right;
	padding-right: 10px;
}
#name3 {
	background-image: url(img/proactiv_k_22.jpg);
	height: 16px;
	width: 240px;
	position: absolute;
	left: 441px;
	top: 350px;
	font-size: 12px;
	color: #333333;
	padding-top: 16px;
	padding-left: 143px;
	text-align: right;
	padding-right: 10px;
}
#name4 {
	background-image: url(img/proactiv_k_28.jpg);
	height: 17px;
	width: 240px;
	position: absolute;
	left: 441px;
	top: 541px;
	font-size: 12px;
	color: #333333;
	padding-top: 14px;
	padding-left: 143px;
	text-align: right;
	padding-right: 10px;
}
#photo3 {
	position: absolute;
	left: 65px;
	top: 727px;
}
#photo4 {
	position: absolute;
	left: 65px;
	top: 646px;
}
#title {
	font-size: 12px;
	color: #333333;
	position: absolute;
	left: 651px;
	top: 1267px;
}
#title-map {
	font-size: 12px;
	color: #333333;
	position: absolute;
	left: 651px;
	top: 947px;
	z-index: 1;
}
#title-try {
	font-size: 12px;
	color: #333333;
	position: absolute;
	left: 619px;
	top: 1267px;
}
#box3-top {
	position: absolute;
	top: 110px;
	z-index: 1;
}
#box3 {
	background-image: url(img/pk-back.jpg);
	position: absolute;
	height: 850px;
	width: 850px;
	top: 130px;
}
#wrap3 {
	height: 991px;
	width: 850px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
}
#box3 dl {
	position: absolute;
	height: 550px;
	width: 700px;
	left: 82px;
	top: 42px;
}
#box3 dt {
	font-size: 24px;
	color: #0099FF;
}
#box3 dd {
	font-size: 12px;
	color: #333333;
	line-height: 22px;
	padding-top: 10px;
	padding-bottom: 30px;
	padding-left: 5px;
}
#mark9 {
	position: absolute;
	left: 24px;
	top: 30px;
}
#box3 dt a:link
	{
	color: #0099FF;
	font-size: 24px;
	text-decoration: underline;
	}

#box3 dt a:visited
	{
	color: #0099FF;
	font-size: 24px;
	text-decoration: underline;
	}

#box3 dt a:hover
	{
	color: #0099FF;
	text-decoration: none;
	font-size: 24px;
	}
#box3 dt a:active
	{
	color: #0099FF;
	font-size: 24px;
	text-decoration: underline;
	}
#mark10 {
	position: absolute;
	left: 24px;
	top: 182px;
}	
#mark11 {
	position: absolute;
	left: 24px;
	top: 312px;
}
#mark12 {
	position: absolute;
	left: 24px;
	top: 420px;
}
#box4 {
	background-image: url(img/pk-back.jpg);
	position: absolute;
	height: 850px;
	width: 850px;
	top: 390px;
}
#box4 dl {
	position: absolute;
	left: 66px;
	top: 43px;
	height: auto;
	width: 500px;
	font-size: 12px;
	line-height: 22px;
	color: #333333;
}#box4 dt {
	font-size: 23px;
	color: #0099FF;
}
#box4 dd {
	font-size: 12px;
	line-height: 22px;
	color: #333333;
	padding-top: 15px;
	padding-bottom: 10px;
}
#txt5 {
	font-size: 12px;
	line-height: 22px;
	color: #333333;
	position: absolute;
	left: 66px;
	top: 143px;
	width: 700px;
}
#txt6 {
	font-size: 12px;
	line-height: 22px;
	color: #333333;
	position: absolute;
	left: 66px;
	top: 227px;
	width: 700px;
}
#txt7 {
	font-size: 12px;
	color: #333333;
	position: absolute;
	left: 66px;
	top: 358px;
}
#txt8 {
	font-size: 23px;
	color: #0099FF;
	position: absolute;
	left: 66px;
	top: 421px;
	z-index: 1;
}
#mark13 {
	position: absolute;
	left: 15px;
	top: 408px;
}
#name5 {
	background-image: url(img/proactiv_k_16.jpg);
	height: 16px;
	width: 240px;
	position: absolute;
	left: 441px;
	top: 412px;
	font-size: 12px;
	color: #333333;
	padding-top: 18px;
	padding-left: 143px;
	text-align: right;
	padding-right: 10px;
}
#txt9 {
	font-size: 12px;
	line-height: 22px;
	color: #333333;
	position: absolute;
	left: 66px;
	top: 462px;
	width: 700px;
}
#txt10 {
	font-size: 12px;
	color: #333333;
	position: absolute;
	left: 66px;
	top: 566px;
}
#photo5 {
	position: absolute;
	left: 482px;
	top: 116px;
}
#txt11 {
	font-size: 12px;
	line-height: 22px;
	color: #333333;
	position: absolute;
	left: 66px;
	top: 140px;
}
#txt12 {
	font-size: 12px;
	line-height: 22px;
	color: #333333;
	position: absolute;
	left: 67px;
	top: 202px;
	width: 391px;
}
#txt13 {
	font-size: 12px;
	line-height: 22px;
	color: #333333;
	position: absolute;
	left: 66px;
	top: 394px;
	width: 391px;
}
#txt14 {
	font-size: 12px;
	line-height: 22px;
	color: #333333;
	position: absolute;
	left: 66px;
	top: 287px;
	width: 391px;
}
#txt15 {
	font-size: 12px;
	line-height: 22px;
	color: #333333;
	position: absolute;
	left: 66px;
	top: 497px;
	width: 391px;
}
#txt16 {
	font-size: 24px;
	color: #0033FF;
	position: absolute;
	left: 66px;
	top: 616px;
}
.mark {
	position: absolute;
	top: 2000px;
}
.recommendation {
	font-size: 24px;
	font-weight: bold;
	color: #16B4FB;
	position: absolute;
	top: 2013px;
	left: 50px;
	z-index: 2;
}