@charset "utf-8";
/* --------------------------------
FILE NAME    ：he;p.css
AUTHOR       ：Arcadia-Arts
LAST UPDATE  ：2008.05.12
-------------------------------- */

/* initialize
-------------------------------- */
h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,table,th,td,img {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	font-size: 100%;
}
.content-margin-auto table {
	border-collapse: collapse;
}
.content-margin-auto th,
.content-margin-auto td {
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
}

/* common styles
-------------------------------- */
.content-margin-auto {
	font-size: small;
	line-height: 1.5;
}
.valuable {
	margin: 0 0 0 31px;
}
.valuable h3 {
	margin: 20px 0 26px;
}
.valuable .sub-title {
	padding: 0 0 0 9px;
}
.valuable-buy .sub-title h4 {
	padding: 0.3em 0 0 0;
	background: url(../help/s_imgs/bg_ttl_help_index.gif) no-repeat 0 0;
}
.valuable-buy .sub-title div {
	padding: 0 0 2px 0;
	background: url(../help/s_imgs/bdr_dot_blue.gif) repeat-x bottom left;
}
.valuable-sell .sub-title div {
	padding: 0 0 2px 0;
	background: url(../help/s_imgs/bdr_dot_lime.gif) repeat-x bottom left;
}
.valuable-sell .sub-title h4 {
	padding: 0.3em 0 0 0;
	background: url(../help/s_imgs/bg_ttl_help_lime.gif) no-repeat 0 0;
}
.sub-title h4 strong {
	font-size: 1.1em;
}
.sub-title h4 img {
	margin: 0 2px 3px 3px;
	vertical-align: middle;
}
.sub-title h4 a:link,
.sub-title h4 a:visited {
	color: #666666;
}
.sub-title h4 a:hover,
.sub-title h4 a:active {
	color: #ff9900;
}
.contents-block {
	width: 822px;
	margin: 10px 0 25px 30px;
}
td.txt-contents {
	padding: 0 0 0 20px;
}
td.txt-contents h5 img,
td.txt-contents p img {
	vertical-align: middle;
}
.contents-block .note {
	margin: 15px 0 0 0;
	font-size: smaller;
}
.contents-block .caution {
	font-size: small;
	color: #000000;
}

/* buy
-------------------------------- */
.contents01 .option {
	width: 499px;
	padding: 0 0 3px;
	background: url(../help/s_imgs/bdr_dot_gray.gif) repeat-x bottom left;
}
.contents01 .option th,
.contents01 .option td {
	padding: 6px 0 3px;
	background: url(../help/s_imgs/bdr_dot_gray.gif) repeat-x 0 0;
}
.txt-contents .links {
	position: relative;
	overflow: hidden;
}
.txt-contents .links li {
	display: block;
	position: absolute;
}
.contents01 .links {
	width: 499px;
	height: 176px;
	margin: 10px 0;
	background: url(../help/imgs/bg_help_index01.jpg) no-repeat 0 0;
}
.contents01 .links li#links01-01 {
	top: 11px;
	left: 84px;
}
.contents01 .links li#links01-02 {
	top: 11px;
	left: 178px;
}
.contents01 .links li#links01-03 {
	top: 11px;
	left: 264px;
}
.contents01 .links li#links01-04 {
	top: 10px;
	left: 394px;
}
.contents01 .links li#links01-05 {
	top: 133px;
	left: 204px;
}
.contents01 .links li#links01-06 {
	top: 133px;
	left: 358px;
}

.contents02 .links {
	width: 499px;
	height: 127px;
	margin: 10px 0;
	background: url(../help/imgs/bg_help_index02.jpg) no-repeat 0 0;
}
.contents02 .links li#links02-01 {
	top: 14px;
	left: 7px;
}
.contents02 .links li#links02-02 {
	top: 14px;
	left: 198px;
}
.contents02 .links li#links02-03 {
	top: 84px;
	left: 99px;
}
.contents02 .links li#links02-04 {
	top: 84px;
	left: 300px;
}


/* contact */
.contact {
	width: 460px;
	margin: 10px 0 0 27px;
	padding: 0 0 3px 0;
	background:url(../help/s_imgs/bdr_dot_gray.gif) repeat-x bottom left;
}
.contact th {
	padding: 6px 12px 3px 0;
	color: #999999;
	background: url(../help/s_imgs/bdr_dot_gray.gif) repeat-x 0 0;
	width: 85px;
}
.contact td {
	padding: 6px 0 3px;
	background: url(../help/s_imgs/bdr_dot_gray.gif) repeat-x 0 0;
}
.contact td a {
	padding: 0 12px;
	background: url(../s_imgs/ic_blue_8.gif) no-repeat 0 0.2em;
}
.contact-sell {
	width: 360px;
	margin: 10px 0 0 27px;
	padding: 0 0 3px 0;
	background:url(../help/s_imgs/bdr_dot_gray.gif) repeat-x bottom left;
}

/* sell
-------------------------------- */
.contents07 .links {
	width: 499px;
	height: 127px;
	margin: 10px 0;
	background: url(../help/imgs/bg_help_index07.jpg) no-repeat 0 0;
}
.contents07 .links li {
	top: 14px;
	left: 396px;
}


/* all
-------------------------------- */
/* ref */
.ref {
	margin: 10px 0 0 0;
}
.ref-body {
	width: 406px;
	padding: 0 0 4px 0;
}
.ref-body table {
	background: url(../help/imgs/bg_ref_body.gif) repeat-y 0 0;
}
.ref-body table td {
	padding: 8px 32px 8px;
	background: url(../help/imgs/bg_ref_foot.gif) no-repeat bottom left;
}
.ref-body table td img {
	margin: 0 2px 3px 0;
	vertical-align: middle;
}
.ref-body table td ul {
	padding: 0 0 0 25px;
}
.ref-body table td li {
	display: block;
	list-style: none;
	padding: 0 0 0 12px;
	background: url(../s_imgs/ic_blue_8.gif) no-repeat 0 0.4em;
}
a.anchor {
	display: block;
	overflow: hidden;
	width: 0;
	height: 0;
	text-decoration: none;
}
.roundcorner {
	width: 885px;
	margin: 12px 0;
	background: url(../help/s_imgs/bdr_shortcut_body.gif) repeat-y 0 0;
}
.shortcut {
	padding: 12px;
}
.shortcut li {
	display: block;
	list-style: none;
}
.shortcut a {
	padding: 0 12px;
	background: url(../s_imgs/ic_blue_8.gif) no-repeat 0 0.2em;
}


/* [EOF]CSS Docs */