body {
	margin: 0 auto;
	padding: 0;
	color: #555555;
	line-height: 22px;
	text-align: center;
	font-size: 12px;
}
a:link {text-decoration: none; color: #a558ac;}
a:visited {text-decoration: none; color: #a558ac;}
a:hover {text-decoration: none; color: #c867d1;}
a:active {text-decoration: none; color: #c867d1;}

.keitai {
	display: none;
}
#copy {
	position: absolute; bottom:10px; left:50%;
	margin: 0 auto 0 -184px;
	display: block;
	width: 368px;
	height: 13px;
	background-image: url(../Images/copy.png);
	background-position: center top;
	background-repeat: no-repeat;
}

/*���������������o�[����������*/

#sampledetail {
	width: 600px;
	height: 560px;
	margin: 0 auto 0px;
	border-style: none;
}

.memberindex {
	float: left;
	width: 120px;
	margin: 0;
	padding: 0 0 20px;
	text-align: center;
	line-height: 18px;
}
.memberindex img {
	width: 90px;
	height: 120px;
	margin: 4px auto 4px;
	border: 1px solid #b7b3be;
}

.detailpic {
	float: left;
	width: 200px;
	margin: 0;
	padding: 0 0 15px;
	text-align: center;
}
.detailpic img {
	width: 180px;
	height: 240px;
	margin: 0 0 10px;
	border: 1px solid #b7b3be;
}
.detaildata {
	width: 300px;
	margin: 0 0 0 auto;
	padding: 0;
	text-align: left;
	line-height: 24px;
	background-image: url(../Images/data.gif);
	background-repeat: repeat;
	background-position: center top;
}
.datatop {
	color: #0dbf63;
	font-size: 14px;
	font-weight: bold;
}

#detailtop {
	display: block;
	width: 600px;
	height: 41px;
	margin: 0 0 15px;
	padding: 0;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #58ce91;
	background-color: #e7fff3;
	background-image: url(../Images/h4mem08.gif);
}
#dn {
	float: right;
	height: 28px;
	margin: 6px 10px 0 0;
	padding: 0;
}
#dn ul {
	display: block;
	width: 300px;
	height: 28px;
	margin: 0;
}
#dn li {
	float: left;
	display: block;
	width: 100px;
	height: 28px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#dn a {
	display: block;
	width: 100px;
	height: 28px;
	margin: 0;
	background-image: url(../Images/dn.gif);
}
#gohome a:link,#gohome a:visited {background-position: -100px 0px;}
#gohome a,#gohome a:hover {background-position: -100px -28px;}
#prev a:link,#prev a:visited {background-position: 0px 0px;}
#prev a:hover {background-position: 0px -28px;}
#prev a {background-position: 0px -56px;}
#next a:link,#next a:visited {background-position: -200px 0px;}
#next a:hover {background-position: -200px -28px;}
#next a {background-position: -200px -56px;}





h3 {
	display: block;
	width: 600px;
	height: 220px;
	margin: 0;
	padding: 0;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
	background-repeat: no-repeat;
	background-position: center top;
}
#h3top {background-image: url(../Images/h3top.jpg);}
#h3lady {background-image: url(../Images/h3lady.jpg);}
#h3mail {background-image: url(../Images/h3mail.jpg);}
#h3faq {background-image: url(../Images/h3faq.jpg);}
#h3men {background-image: url(../Images/h3men.jpg);}
#h3system {background-image: url(../Images/h3system.jpg);}
#h3sample {background-image: url(../Images/h3sample.jpg);}

#lady h4 {
	display: block;
	width: 600px;
	height: 42px;
	margin: 0;
	padding: 0;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #ffb7c2;
	background-color: #fff6f7;
}
#h4lady01 {background-image: url(../Images/h4lady01.gif);}
#h4lady02 {background-image: url(../Images/h4lady02.gif);}
#h4lady03 {background-image: url(../Images/h4lady03.gif);}

#page h4 {
	display: block;
	width: 600px;
	height: 42px;
	margin: 20px 0 0;
	padding: 0;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #58ce91;
	background-color: #e7fff3;
}
#h4top00 {background-image: url(../Images/h4top00.gif);}
#h4men01 {background-image: url(../Images/h4men01.gif);}
#h4men02 {background-image: url(../Images/h4men02.gif);}
#h4men00 {background-image: url(../Images/h4men00.gif);}
#h4sys00 {background-image: url(../Images/h4sys00.gif);}
#h4sys01 {background-image: url(../Images/h4sys01.gif);}
#h4sys02 {background-image: url(../Images/h4sys02.gif);}
#h4mem00 {background-image: url(../Images/h4mem00.gif);}
#h4mem01 {background-image: url(../Images/h4mem01.gif);}
#h4sample01 {background-image: url(../Images/h4sample01.gif);}
#h4sample02 {background-image: url(../Images/h4sample02.gif);}

h5 {
	margin: 10px 0 5px;
	padding: 0 0 0 5px;
	color: #58ce91;
	text-align: left;
	font-size: 14px;
	border-left: 10px solid #58ce91;
}
ol {
	margin: 0 0 0 15px;
	padding: 5px 0 15px;
	color: #00705a;
}
ol li {
	margin: 0 0 0 15px;
	padding: 0;
}

/*������������������������*/
#lady {
	background-color: #ffe3e7;
	background-image: url(../Images/bglady.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
#lady #pagetop {
	margin: 0 auto;
	padding: 0;
	background-image: url(../Images/pagetoplady.gif);
	background-repeat: repeat-x;
	background-position: center top;
}
#lady #head {
	margin: 0 auto;
	padding: 0;
	background-image: url(../Images/headlady.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#lady table {
	margin: 0 0 0 20px;
	font-size: 12px;
	line-height: 180%;
}
#lady td {
	padding: 5px 10px;
}
#lady .leftcell {
	width: 80px;
	text-align: center;
	vertical-align: middle;
	background-color: #ffe4e8;
}
#lady .rightcell {
	width: 420px;
	text-align: left;
	vertical-align: middle;
	background-color: #fff1f2;
}
#page .formcell td {
	padding: 5px 10px;
}
#page .formcell .leftcell {
	width: 140px;
	text-align: left;
	vertical-align: middle;
	background-color: #c3f8dd;
	line-height: 120%;
}
#page .formcell .rightcell {
	width: 360px;
	text-align: left;
	vertical-align: middle;
	background-color: #effff7;
}
.pricecell {
	margin-left: 40px;
	border: 2px solid #a8f1cb;
}
.pricecell td {
	padding: 5px 10px;
	line-height: 120%;
	text-align: left;
	vertical-align: middle;
	width: 200px;
}
.price1 {
	background-color: #9ff8ca;
}
.price2 {
	background-color: #d2fce7;
}
.syscell {
	margin-top: 10px;
	margin-left: 40px;
	width: 507px;
}
.syscell td {
	padding: 1px 0px;
	line-height: 120%;
	text-align: center;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center top;
}
.syscell9 {
	width: 507px;
	height: 65px;
	background-image: url(../Images/syscell9.gif);
}
.syscell8 {
	width: 47px;
}
.syscell1 {
	width: 230px;
	height: 64px;
	background-image: url(../Images/syscell1.gif);
}
.syscell2 {
	width: 230px;
	height: 130px;
	background-image: url(../Images/syscell2.gif);
}
.arrow {
	height: 21px;
	background-image: url(../Images/arrow.gif);
}
#page .pricecell .leftcell {
	width: 160px;
	text-align: left;
	line-height: 120%;
}
#page .pricecell .rightcell {
	width: 120px;
	text-align: right;
}
.list {
	margin: 10px 0 0 20px;
}
.list2 {
	margin: 10px 0 0 40px;
	list-style-type: none;
}
.list2 li {
	margin-bottom: 10px;
	padding-left: 16px;
	padding-right: 22px;
	background-image: url(../Images/list.gif);
	background-repeat: no-repeat;
	background-position: left top;
	line-height: 140%;
}

.systep {
	text-align: center;
}
.systep img {
	margin-bottom: 2px;
}
#lady #boxright img {
	float: right;
	margin: 10px 0 10px 10px;
}
#lady #boxright p {
	margin: 10px 0 10px;
	padding: 0 0 8px;
	border-bottom: 1px solid #ff687f;
}
.kyoutyou {
	text-align: center;
	color: #ff0000;
}

.step {
	width: 507px;
	margin: 0 auto;
	padding: 36px 20px 0 20px;
	background-repeat: repeat-x;
	background-position: left top;
	line-height: 160%;
}
#page .step {
	background-color: #e7fff3;
	background-image: url(../Images/step_men.gif);
	text-align: left;
}
#lady .step {
	background-color: #ffe8e9;
	background-image: url(../Images/step.gif);
	text-align: left;
}
#lady .step div {
	height: 160px;
	padding: 32px 0px 0px 172px;
	background-repeat: no-repeat;
	background-position: left top;
}
#step01 {background-image: url(../Images/step01.jpg);}
#step02 {background-image: url(../Images/step02.jpg);}
#step03 {background-image: url(../Images/step03.jpg);}
#step04 {background-image: url(../Images/step04.jpg);}

.qa {
	width: 507px;
	margin: 0 auto;
	padding: 12px 20px 0 40px;
	background-image: url(../Images/qa.gif);
	background-repeat: repeat-y;
	background-position: left top;
	text-align: left;
	line-height: 180%;
	border: 1px solid #cccccc;
}
.qa_q {
	padding: 20px 0px 0px 20px;
	background-image: url(../Images/qa_q.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.qa_a {
	padding: 20px 0px 20px 20px;
	background-image: url(../Images/qa_a.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.faq_q {
	padding: 20px 0px 0px 20px;
	background-image: url(../Images/faq_q.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.faq_a {
	padding: 20px 0px 20px 20px;
	background-image: url(../Images/faq_a.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#lady #footer {
	height: 130px;
	margin: 10px auto 0;
	padding: 0;
	background-image: url(../Images/footerlady.gif);
	background-repeat: no-repeat;
	background-position: center top;
	clear: both;
}
/*�������������ʁ���������*/

#page {
	margin: 0 auto;
	padding: 0;
	background-color: #daf7e8;
	background-image: url(../Images/bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
#page #pagetop {
	margin: 0 auto;
	padding: 0;
	background-image: url(../Images/pagetop.gif);
	background-repeat: repeat-x;
	background-position: center top;
}
#page #head {
	margin: 0 auto;
	padding: 0;
	background-image: url(../Images/head.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#page #footer {
	height: 130px;
	margin: 10px auto 0;
	padding: 0;
	background-image: url(../Images/footer.gif);
	background-repeat: no-repeat;
	background-position: center top;
	clear: both;
}
#box {
	width: 820px;
	margin: 0 auto 0;
	padding: 110px 0 0;
	text-align: right;
}

#boxleft {
	float: left;
	width: 146px;
	margin: 0;
	padding: 0 0 0 28px;
	text-align: center;
}
#boxleft img {
	margin: 0 auto;
}
#leftqr {
	text-align: center;
	line-height: 130%;
}
#boxright {
	width: 600px;
	margin: 0 0 0 auto;
	padding: 0 28px 10px 0;
	text-align: left;
}

.top1 {
	width: 500px;
	margin: 0 auto;
	padding: 0;
	border-top: 8px solid #8cfbc2;
	border-bottom: 8px solid #8cfbc2;
	text-align: center;
}
.top2 {
	width: 500px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
.top3 {
	width: 500px;
	margin: 50px auto;
	padding: 0;
	text-align: center;
}

.txt1 {
	margin: 0 20px 10px;
	padding: 0 0 8px;
	border-bottom: 1px solid #7cae94;
	line-height: 150%;
}
.txt2 {
	margin: 10px 20px 0px;
	padding: 0 0 8px;
	line-height: 150%;
}
.red {
	color: #ff0000;
}
.gotop {
	float: right;
	display: block;
	margin: 10px 0 0;
	width: 118px;
	height: 30px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	background-image: url(../Images/gotop.gif);
	background-repeat: no-repeat;
	background-position: center top;
	clear: both;
}
.sendmail {
	display: block;
	margin: 30px 0 0 30px;
	width: 215px;
	height: 25px;
}
.gomail {
	display: block;
	margin: 20px auto 10px;
	width: 200px;
	height: 36px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	background-image: url(../Images/gomail.gif);
	background-repeat: no-repeat;
	background-position: center top;
}


/*�����������O���[�o�� ���j���[����������*/

#gn {
	width: 146px;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
}
#gn li {
	height: 40px;
	margin: 0;
	padding: 0 0 4px;
	list-style-type: none;
}
#gn li a{
	display: block;
	width: 146px;
	height: 36px;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
}
#gn li a,#gn li a:link,#gn li a:visited,#gn li a:hover {
	background-image: url(../Images/gn.gif);
}
#gn01 a:link,#gn01 a:visited {background-position: 0px 0px;}
#gn01 a,#gn01 a:hover {background-position: -146px 0px;}
#gn02 a:link,#gn02 a:visited {background-position: 0px -40px;}
#gn02 a,#gn02 a:hover {background-position: -146px -40px;}
#gn03 a:link,#gn03 a:visited {background-position: 0px -80px;}
#gn03 a,#gn03 a:hover {background-position: -146px -80px;}
#gn04 a:link,#gn04 a:visited {background-position: 0px -120px;}
#gn04 a,#gn04 a:hover {background-position: -146px -120px;}
#gn05 a:link,#gn05 a:visited {background-position: 0px -160px;}
#gn05 a,#gn05 a:hover {background-position: -146px -160px;}
#gn06 a:link,#gn06 a:visited {background-position: 0px -200px;}
#gn06 a,#gn06 a:hover {background-position: -146px -200px;}
#gn07 a:link,#gn07 a:visited {background-position: 0px -240px;}
#gn07 a,#gn07 a:hover {background-position: -146px -240px;}
#gn08 a:link,#gn08 a:visited {background-position: 0px -280px;}
#gn08 a,#gn08 a:hover {background-position: -146px -280px;}

/*�����������z�[������������*/
#home {
	background-color: #ffffff;
}
#pic {
	position: absolute; top:0px; left:0px;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
#logo {
	position: absolute; top:0px; left:0px;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
#homemain {
	position: absolute; top:20%; left:50%;
	width: 820px;
	height: 480px;
	margin: -50px 0 0 -410px;
	padding: 0;
	background-image: url(../Images/homecopy.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#hnavi {
	width: 300px;
	margin: 10px auto 0;
	padding: 0;
}
#hnavi ul {
	margin: 0;
	padding: 0;
}
#hnavi li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#hnavi li a{
	display: block;
	width: 120px;
	height: 40px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	background-image: url(../Images/hnavi.gif);
	background-repeat: no-repeat;
}
#hnavi01 {float: left;}
#hnavi02 {float: right;}
#hnavi01 a:link,#hnavi01 a:visited {background-position: 0px 0px;}
#hnavi01 a,#hnavi01 a:hover {background-position: 0px -40px;}
#hnavi02 a:link,#hnavi02 a:visited {background-position: -120px 0px;}
#hnavi02 a,#hnavi02 a:hover {background-position: -120px -40px;}
}

/*���������� sunbbs ����������*/
#boxright iframe {
	width: 598px;
	height: 107px;
	margin: 5px auto 0;
	border: 2px solid #CCCCCC;
}
#sunbbs {
	background-color: transparent;
	text-align: left;
}
#sunbbs a {color: #999999;}
#sunbbs a:link {text-decoration: none;}
#sunbbs a:visited {text-decoration: none;}
#sunbbs a:hover {text-decoration: underline;color: #666666;}
#sunbbs a:active {text-decoration: underline;color: #666666;}

.comment {
	margin: 0 2px 1px 4px;
	padding: 3px 0 2px;
	line-height: 120%;
	border-bottom: 1px solid #CCCCCC;
}
.date {
	padding: 0 12px 0 5px;
	background-image: url(Images/date.gif);
	background-position: left top;
	background-repeat: no-repeat;
}