@charset "utf-8";
@import url("reset.css");

body, div, dd, td {
	color: #dddddd;
	font-size: 13px;
	font-family: "メイリオ","MS P ゴシック",osaka, helvetica, arial;
	background-color: #000000;
}

a:link	{ color: #cccccc; text-decoration: underline; }
a:visited { color: #cccccc; text-decoration: underline; }
a:active  { color: #cc99cc; text-decoration: none;}
a:hover   { color: #cc99cc; text-decoration: none; }

#contents{
	width: 980px;
	margin: 10px auto;
	overflow: hidden;
}
#contents {
	overflow: hidden;
}
#contents:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
/*\*/
* html #contents {
	height: 1em;
	overflow: visible;
}
/**/

#contents .flash {
	border: #666666 2px solid;
	padding: 30px;
	margin: 0 0 30px 0;
}

#contents .flash .jpn {
	font-size: 130%;
	line-height: 180%;
	margin: 0 0 10px 0;
}

#contents .flash .eng {
	color: #787878;
	font-size: 90%;
	font-family: Helvetica,arial,Century Gothic;
	line-height: 140%;
}

#contents h1 {
	color: #ffffff;
	font-size: 300%;
	font-family: Helvetica,arial,Century Gothic;
	font-weight: bold;
	margin: 0 0 20px 0;
}

#contents h2 {
	color: #cc99cc;
	font-size: 160%;
	font-family: Helvetica,arial,Century Gothic;
	margin: 10px 20px 0 20px;
}

#contents h2 a:link	{ color: #cc99cc; text-decoration: none; }
#contents h2 a:visited { color: #cc99cc; text-decoration: none; }
#contents h2 a:active  { color: #cc99cc; text-decoration: underline;}
#contents h2 a:hover   { color: #cc99cc; text-decoration: underline; }

#contents h3 {
	color: #ffffff;
	font-size: 120%;
	font-family: Helvetica,arial,Century Gothic;
	border-bottom: #cccccc 1px solid;
	margin: 5px 0 0 20px;
	width:940px;
}

#contents h3 a:link	{ color: #ffffff; text-decoration: none; }
#contents h3 a:visited { color: #ffffff; text-decoration: none; }
#contents h3 a:active  { color: #ffffff; text-decoration: underline;}
#contents h3 a:hover   { color: #ffffff; text-decoration: underline; }

#contents h4 {
	color: #cc99cc;
	font-size: 120%;
	font-family: Helvetica,arial,Century Gothic;
	border-bottom: 1px dashed #999999;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
}

#contents h4 a:link,
#contents .box table.item td.name a:link,
#contents .box table.shop th a:link 
{ color: #cc99cc; text-decoration: none; }
#contents h4 a:visited,
#contents .box table.item td.name a:visited,
#contents .box table.shop th a:visited
{ color: #cc99cc; text-decoration: none; }
#contents h4 a:active,
#contents .box table.item td.name a:active,
#contents .box table.shop th a:active
{ color: #666666; text-decoration: underline;}
#contents h4 a:hover,
#contents .box table.item td.name a:hover,
#contents .box table.shop th a:hover
{ color: #666666; text-decoration: underline; }

#contents .box {
	width:940px;
	margin: 10px 20px 40px 20px;
}

#contents .box dl.news {
	width: 940px;
}

#contents .box dl.news dt {
	float: left;
	color: #999999;
	margin: 0 0 0 0;
}

#contents .box dl.news dd {
	line-height: 160%;
	margin : 0px 5px 10px 0;
	padding: 0 0 5px 100px;
	border-bottom: 1px dashed #999999;
}

#contents .box dl.news dd .ttl {
	color: #cc99cc;
	font-weight: bold;	
}

#contents .box table.item td.name,
#contents .box table.shop th {
	color: #cc99cc;
}

#contents .box table {
	width: 940px;
}

#contents .box table.item th {
	border-bottom: 1px dashed #999999;
	padding: 0 2px 0 2px;
}

#contents .box table.item td {
	border-bottom: 1px dashed #999999;
	padding: 4px;
}

#contents .box table.item td.num1 {
	font-size: 180%;
	color: #cc99cc;
}

#contents .box table.item td.num2 {
	font-size: 150%;
	color: #cc77cc;
}

#contents .box table.item td.num3 {
	font-size: 140%;
	color: #cc66cc;
}

#contents .box table.item td.num4 {
	font-size: 120%;
	color: #cc55cc;
}

#contents .box table.item td.num5 {
	font-size: 110%;
	color: #cc44cc;
}

#contents .box table.item td.top5 {
	border-bottom: 1px dashed #ababab;
	border-left: 1px dashed #ababab;
	padding: 0 2px 0 5px;
}

#contents .box table.shop th {
	border-bottom: 1px dashed #999999;
	border-right: 1px dashed #999999;
	padding: 0 5px 0 2px;
}

#contents .box table.shop td {
	border-bottom: 1px dashed #ababab;
	padding: 0 2px 0 5px;
}

#contents .box table.shop td.brand {
	background-color:#121212;
	padding: 5px 5px 5px 5px;
}

#contents .summary {
	width: 900px;
	margin: 10px 20px 40px 20px;
	padding: 20px 20px 20px 20px;
	border:#cccccc 1px solid;
}

#contents .summary .links a:link	{ color: #ffffff; text-decoration: none; }
#contents .summary .links a:visited { color: #ffffff; text-decoration: none; }
#contents .summary .links a:active  { color: #cc99cc; text-decoration: underline;}
#contents .summary .links a:hover   { color: #cc99cc; text-decoration: underline; }

#contents .summary .title {
	border-bottom: 1px dashed #999999;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
}

#contents .summary .eng {
	color: #999999;
	font-family: Helvetica,arial,Century Gothic;
}

#contents .copy {
	color: #cccccc;
	font-size: 90%;
	font-family: Helvetica,arial,Century Gothic;
	text-align: center;
}