body {
	color: #666666;
	font: 12px verdana, arial, ‚l‚r ƒSƒVƒbƒN, Osaka;
	background-color: #ffffff;
	background-image: url("images/bg.gif");
	text-align: center;
	margin: 0;
	padding: 0;
}
img { border: 0; }

td, th {
	color: #666666;
	font: 12px verdana, arial, ‚l‚r ƒSƒVƒbƒN, Osaka;
}
a:hover {
	color: #cc0000;
	text-decoration: underline;
}
a, a:link, a:active {
	color: blue;
	text-decoration: underline;
}
a:visited {
	color: purple;
	text-decoration: underline;
}

#container {
	width: 720px;
	margin: 0 auto;
	text-align: left;
	/*max-width: 67em; about 804px (12px * width)*/
	position: relative;
	background-color: #ffffff;
}
#copy {
	font: 14px impact, ‚l‚r ƒSƒVƒbƒN, Osaka;
	padding: 20px 0 0 20px;
}
#copy a {
	color: #000000;
	text-decoration: none;
}
#logo {
	font: 34px impact, ‚l‚r ƒSƒVƒbƒN, Osaka;
	padding: 0 0 13px 20px;
	font-style: italic;
}
#logo a {
	color: #000000;
	text-decoration: none;
}

#footer {
	clear: both;
	color: #ffffff;
	background-color: #b9ac66;
	padding: 5px;
}
#footer a:link, a:active {
	color: #ffffff;
}
#footer a:hover {
	color: #cc0000;
}

#top {
	position: relatives;
	top: 92px;
	clear: both;
	background: url("images/bg.jpg") repeat-x;
	height: 170;
	font: 30px verdana, arial, ‚l‚r ƒSƒVƒbƒN, Osaka;
	color: #ffffff;
	line-height: 150%;
	padding: 20px 0 0 20px;
}
#woman {
	position: absolute;
	right: 20px;
	top: 0px;
}

/* dir
---------------------------------------- */
#dir {
	margin: 0px;
}
#dir ol {
	padding: 2px;
	margin: 2px;
}
#dir li:first-child:before {
	content: "";
	padding: 0;
	margin: 0;
}
#dir li:before {
	content: "> ";
	padding: 0;
	margin: 0;
}
/* ie */
#dir li {
	padding: 0 2px 0 10px;
	margin: 0 2px 0 0;
	background-image: url("images/dir.gif") !i;
	background-repeat: no-repeat !i;
	background-position: 0% 50% !i;
	display: inline;
}


/* content
---------------------------------------- */
#content {
	float: left;
	font-size: 1em;
	margin: 0 0 0 4%;
	padding: 2em 0 1em;
	width: 67%;
	background-color: #ffffff;
}
#content p {
	border: 1px #ccc dashed;
	margin: 1em;
	padding: 1em;
}

#list ul {
	margin: 0 0 0 1em;
	padding: 0;
	list-style: none;
}
#list li {
	line-height: 1.8;
	background: url(images/icon.gif) no-repeat 5px 0.8em;
	padding: 10px 0 10px 22px;
}
#list2 ul {
	margin: 0 0 0 1em;
	padding: 0;
	list-style: none;
}
#list2 li {
	background: url(images/rank.gif) no-repeat 5px 0.8em;
	padding: 10px 0 10px 40px;
}
#list2 li.rank1 {
	background: url(images/rank1.gif) no-repeat 5px 0.8em;
}
#list2 li.rank2 {
	background: url(images/rank2.gif) no-repeat 5px 0.8em;
}
#list2 li.rank3 {
	background: url(images/rank3.gif) no-repeat 5px 0.8em;
}
#list2 li.rank4 {
	background: url(images/rank4.gif) no-repeat 5px 0.8em;
}
#list2 li.rank5 {
	background: url(images/rank5.gif) no-repeat 5px 0.8em;
}

/* menu
---------------------------------------- */
#menu {
	float: left;
	font-size: 1em;
	margin: 0;
	padding: 2em 0 1em;
	width: 180px;
}
#menu ul {
	margin: 0 0 0 1em;
	padding: 0;
	list-style: none;
}
#menu li {
	line-height: 1.8;
	background: url(images/arrow.gif) no-repeat 5px 0.8em;
	padding-left: 16px;
	/*background: #fff url(images/line_h.gif) repeat-x 0% 100%;*/
	border-bottom: 1px #dadada dashed;
}
#menu li a {
	text-decoration: none;
	color: #666666;
}
#menu li a:hover,
#menu li a:focus {
	text-decoration: none;
	color: #cc0000;
}

#menu p {
	margin: 1em 0 0 1em;
}