@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	
	text-align: center;
	background-image: url(../images/bg-img.gif);
	background-position: center;
	background-repeat:repeat-y;
}
a:link {color: #333333;}

a:visited {color: #9999CC;}

/* @gheader */

#headder {
	margin: 0 auto 10px auto;
	width: 817px;
	height: 43px;
}

#headder .logo {
	float:left;
	margin-top:8px;
	padding:0;
	width: 132px;
	height: 34px;
}

/* @gheadermenue */
#menu {
	float:left;
	width: 386px;
	height: 19px;
	margin-top: 15px;
	margin-left: 107px;
	padding: 0px;
	text-align: left;
	background-image:url(../images/headder-btn.gif);
	background-repeat:no-repeat;
	background-position:0 -22px;
}
#menu ul {
	position:relative;
	margin: 0;
	list-style:none;
}
.top{
	width: 77px;
	height: 22px;
	position:absolute;
	display:block;
}
.top a {
	width: 77px;
	height: 22px;
	text-indent: -5000px;
	display:block;
}
.top a:hover {
	width: 77px;
	height: 22px;
	background-image:url(../images/headder-btn.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	display:block;
}
.products{
	width: 77px;
	height: 22px;
	left: 77px;
	position:absolute;
	display:block;
}
.products a {
	width: 77px;
	height: 22px;
	text-indent: -5000px;
	display:block;
}
.products a:hover {
	width: 77px;
	height: 22px;
	background-image:url(../images/headder-btn.gif);
	background-repeat:no-repeat;
	background-position:-77px 0;
	display:block;
}
.shop {
	width: 78px;
	height: 22px;
	left: 154px;
	position:absolute;
	display:block;
}
.shop a {
	width: 78px;
	height: 22px;
	text-indent: -5000px;
	display:block;
}
.shop a:hover {
	width: 78px;
	height: 22px;
	background-image:url(../images/headder-btn.gif);
	background-repeat:no-repeat;
	background-position:-154px 0;
	display:block;
}
.suport {
	width: 77px;
	height: 22px;
	left: 232px;
	position:absolute;
	display:block;
}
.suport a {
	width: 77px;
	height: 22px;
	text-indent: -5000px;
	display:block;
}
.suport a:hover {
	width: 77px;
	height: 22px;
	background-image:url(../images/headder-btn.gif);
	background-repeat:no-repeat;
	background-position:-232px 0;
	display:block;
}
.cp {
	width: 79px;
	height: 22px;
	left: 309px;
	position:absolute;
	display:block;
}
.cp a {
	width: 79px;
	height: 22px;
	text-indent: -5000px;
	display:block;
}
.cp a:hover {
	width: 79px;
	height: 22px;
	background-image:url(../images/headder-btn.gif);
	background-repeat:no-repeat;
	background-position:-309px 0;
	display:block;
}

#engchibtn {
	float:right;
	width: 171px;
	height: 20px;
	margin-top: 15px;
	padding: 0px;
	text-align: left;
	background-image:url(../images/eng-chi-btn.gif);
	background-repeat:no-repeat;
	background-position:0 -21px;
}
#engchibtn ul {
	position:relative;
	margin: 0;
	list-style:none;
}
.eng{
	width: 85px;
	height: 20px;
	position:absolute;
	display:block;
}
.eng a {
	width: 85px;
	height: 20px;
	text-indent: -5000px;
	display:block;
}
.eng a:hover {
	width: 85px;
	height: 20px;
	background-image:url(../images/eng-chi-btn.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	display:block;
}
.chi{
	width: 85px;
	height: 20px;
	left: 87px;
	position:absolute;
	display:block;
}
.chi a {
	width: 85px;
	height: 20px;
	text-indent: -5000px;
	display:block;
}
.chi a:hover {
	width: 85px;
	height: 20px;
	background-image:url(../images/eng-chi-btn.gif);
	background-repeat:no-repeat;
	background-position:-87px 0;
	display:block;
}



/* @topmain */

#top-main {
	margin: 0 auto 10px auto;
	width: 817px;
	height: auto;
}

#contents {
	margin: 0 auto 10px auto;
	width: 817px;
	height: auto;
}


#flasharea {
	float: left;
	margin: 0;
	padding: 0;
	widows: 530px;
	height: 380px;
}

/* @topbnr */

#bnr {
	float: right;
	width: 270px;
	height: 380px;
	margin: 0;
	padding: 0;
	text-align: left;
}
#bnr ul {
	position:relative;
	margin: 0;
	list-style:none;
}
.bnr01 {
	float:left;
	width: 270px;
	height: 83px;
}
.bnr01 a {
	width: 270px;
	height: 83px;
	text-indent: -5000px;
	background-image:url(../images/top-bnr01.jpg);
	background-repeat:no-repeat;
	background-position: 0 -87px;
	display:block;
}
.bnr01 a:hover {
	width: 270px;
	height: 83px;
	background-image:url(../images/top-bnr01.jpg);
	background-repeat:no-repeat;
	background-position: 0 0;
	display:block;
}

.bnr02 {
	float:left;
	margin-top: 8px;
	width: 270px;
	height: 83px;
}
.bnr02 a {
	width: 270px;
	height: 83px;
	text-indent: -5000px;
	background-image:url(../images/top-bnr02.jpg);
	background-repeat:no-repeat;
	background-position: 0 -87px;
	display:block;
}
.bnr02 a:hover {
	width: 270px;
	height: 83px;
	background-image:url(../images/top-bnr02.jpg);
	background-repeat:no-repeat;
	background-position: 0 0;
	display:block;
}
.bnr03 {
	float:left;
	margin-top: 8px;
	width: 270px;
	height: 83px;
}
.bnr03 a {
	width: 270px;
	height: 83px;
	text-indent: -5000px;
	background-image:url(../images/top-bnr03.jpg);
	background-repeat:no-repeat;
	background-position: 0 -87px;
	display:block;
}
.bnr03 a:hover {
	width: 270px;
	height: 83px;
	background-image:url(../images/top-bnr03.jpg);
	background-repeat:no-repeat;
	background-position: 0 0;
	display:block;
}
.bnrshop {
	float:left;
	margin-top: 10px;
	width: 270px;
	height: 87px;
}
.bnrshop a {
	width: 270px;
	height: 104px;
	text-indent: -5000px;
	background-image:url(../images/top-bnr-shop.jpg);
	background-repeat:no-repeat;
	background-position: 0 -106px;
	display:block;
}
.bnrshop a:hover {
	width: 270px;
	height: 104px;
	background-image:url(../images/top-bnr-shop.jpg);
	background-repeat:no-repeat;
	background-position: 0 0;
	display:block;
}

/* @sp-info */
#top-sp-info {
	margin: 5px auto;
	width: 819px;
	height: auto;
}

/* @whatsnew */

#whatsnew-ttl {
	float:left;
	margin: 10px 0;
}



#informationarea {
	float: left;
	width: 396px;
	font-size:12px;
	line-height: 140%;
	text-align:left;
	color:#5b5b5b;
}

.info-date {
	margin-left: 15px;
	font-size:12px;
	line-height: 140%;
	text-align: left;
	color:#d20303;
}

.info-text {
	margin-left: 15px;
	font-size:12px;
	line-height: 115%;
	text-align:left;
	color:#5b5b5b;
}


#newsarea {
	float: right;
	width: 396px;
	font-size:12px;
	line-height: 140%;
	text-align:left;
	color:#5b5b5b;
}

.news-date {
	margin-left: 15px;
	font-size:12px;
	line-height: 140%;
	text-align: left;
	color:#d20303;
}

.news-text {
	margin-left: 15px;
	font-size:12px;
	line-height: 115%;
	text-align:left;
	color:#5b5b5b;
}

.ichiran {
	margin-top:4px;
	margin-left: 15px;
	font-size:12px;
	line-height: 115%;
	text-align:right;
	color:#5b5b5b;
}

/* @leftmenue */
#left-navi {
	float:left;
	width: 200px;
	height: auto;
}
#left-menu {
	float:left;
	width: 198px;
	height: 109px;
	text-align: left;
	background-image:url(../images/cp-btn.gif);
	background-repeat:no-repeat;
	background-position:-203px 0;
}
#left-menu ul {
	position:relative;
	margin: 0;
	list-style:none;
}
.cp01 {
	width: 198px;
	height: 37px;
	position:absolute;
	display:block;
}
.cp01 a {
	width: 198px;
	height: 37px;
	text-indent: -5000px;
	display: block;
}
.cp01 a:hover {
	width: 198px;
	height: 37px;
	background-image:url(../images/cp-btn.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	display:block;
}
.cp02 {
	height: 37px;
	width: 198px;
	margin-top: 37px;
	position:absolute;
	display:block;
}
.cp02 a {
	width: 198px;
	height: 37px;
	text-indent: -5000px;
	display:block;
}
.cp02 a:hover {
	width: 198px;
	height: 37px;
	background-image:url(../images/cp-btn.gif);
	background-repeat:no-repeat;
	background-position:0 -37px;
	display:block;
}
.cp03 {
	width: 198px;
	height: 37px;
	margin-top: 74px;
	position:absolute;
	display:block;
}
.cp03 a {
	width: 198px;
	height: 37px;
	text-indent: -5000px;
	display:block;
}
.cp03 a:hover {
	width: 198px;
	height: 37px;
	background-image:url(../images/cp-btn.gif);
	background-repeat:no-repeat;
	background-position:0 -74px;
	display:block;
}
#left-menu-suport {
	float:left;
	width: 198px;
	height: 109px;
	text-align: left;
	background-image:url(../images/suport-btn.gif);
	background-repeat:no-repeat;
	background-position:-203px 0;
}
#left-menu-suport ul {
	position:relative;
	margin: 0;
	list-style:none;
}
.suport01 {
	width: 198px;
	height: 37px;
	position:absolute;
	display:block;
}
.suport01 a {
	width: 198px;
	height: 37px;
	text-indent: -5000px;
	display: block;
}
.suport01 a:hover {
	width: 198px;
	height: 37px;
	background-image:url(../images/suport-btn.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	display:block;
}
.suport02 {
	height: 37px;
	width: 198px;
	margin-top: 37px;
	position:absolute;
	display:block;
}
.suport02 a {
	width: 198px;
	height: 37px;
	text-indent: -5000px;
	display:block;
}
.suport02 a:hover {
	width: 198px;
	height: 37px;
	background-image:url(../images/suport-btn.gif);
	background-repeat:no-repeat;
	background-position:0 -37px;
	display:block;
}
.suport03 {
	width: 198px;
	height: 37px;
	margin-top: 74px;
	position:absolute;
	display:block;
}
.suport03 a {
	width: 198px;
	height: 37px;
	text-indent: -5000px;
	display:block;
}
.suport03 a:hover {
	width: 198px;
	height: 37px;
	background-image:url(../images/suport-btn.gif);
	background-repeat:no-repeat;
	background-position:0 -74px;
	display:block;
}
#left-menu-shop {
	float: left;
	width: 198px;
	height: 77px;
	margin-top: 10px;
	margin-left: 0;
	padding: 0px;
	text-align: left;
	background-image:url(../images/shopbtn-left.gif);
	background-repeat:no-repeat;
	background-position:-203px 0;
}

#left-menu-shop a {
	width: 198px;
	height: 77px;
	text-indent: -5000px;
	display:block;
}
#left-menu-shop a:hover {
	width: 198px;
	height: 77px;
	background-image:url(../images/shopbtn-left.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	display:block;
}


#left-menu-products {
	float:left;
	width: 198px;
	height: 369px;
	text-align: left;
	background-image:url(../images/products-btn.jpg);
	background-repeat:no-repeat;
	background-position:-203px 0;
}

#left-menu-products ul {
	position:relative;
	margin: 0;
	list-style:none;
}
.products01 {
	width: 198px;
	height: 61px;
	position:absolute;
	display:block;
}
.products01 a {
	width: 198px;
	height: 61px;
	text-indent: -5000px;
	display: block;
}
.products01 a:hover {
	width: 198px;
	height: 61px;
	background-image:url(../images/products-btn.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	display:block;
}
.products02 {
	width: 198px;
	height: 61px;
	margin-top: 67px;
	position:absolute;
	display:block;
}
.products02 a {
	width: 198px;
	height: 61px;
	text-indent: -5000px;
	display: block;
}
.products02 a:hover {
	width: 198px;
	height: 61px;
	background-image:url(../images/products-btn.jpg);
	background-repeat:no-repeat;
	background-position:0 -67px;
	display:block;
}
.products03 {
	width: 198px;
	height: 61px;
	margin-top: 134px;
	position:absolute;
	display:block;
}
.products03 a {
	width: 198px;
	height: 61px;
	text-indent: -5000px;
	display: block;
}
.products03 a:hover {
	width: 198px;
	height: 61px;
	background-image:url(../images/products-btn.jpg);
	background-repeat:no-repeat;
	background-position:0 -134px;
	display:block;
}
.products04 {
	width: 198px;
	height: 61px;
	margin-top: 201px;
	position:absolute;
	display:block;
}
.products04 a {
	width: 198px;
	height: 61px;
	text-indent: -5000px;
	display: block;
}
.products04 a:hover {
	width: 198px;
	height: 61px;
	background-image:url(../images/products-btn.jpg);
	background-repeat:no-repeat;
	background-position:0 -201px;
	display:block;
}
.products05 {
	width: 198px;
	height: 61px;
	margin-top: 268px;
	position:absolute;
	display:block;
}
.products05 a {
	width: 198px;
	height: 61px;
	text-indent: -5000px;
	display: block;
}
.products05 a:hover {
	width: 198px;
	height: 61px;
	background-image:url(../images/products-btn.jpg);
	background-repeat:no-repeat;
	background-position:0 -268px;
	display:block;
}
.products06 {
	width: 198px;
	height: 40px;
	margin-top: 335px;
	position:absolute;
	display:block;
}
.products06 a {
	width: 198px;
	height: 40px;
	text-indent: -5000px;
	display: block;
}
.products06 a:hover {
	width: 198px;
	height: 40px;
	background-image:url(../images/products-btn.jpg);
	background-repeat:no-repeat;
	background-position:0 -335px;
	display:block;
}
/* @ttl-naka */
#ttl-naka {
	float:right;
	width: 604px;
	height: 16px;
	font-size:12px;
	padding:6px 2px 2px 6px;
	margin-bottom:15px;
	font-weight:bold;
	color:#333333;
	text-align:left;
	background-image:url(../images/ttl-naka.gif);
	background-repeat:no-repeat;
}

/* @contentsarea */
#contentsarea {
	float:right;
	margin-right:10px;
	width: 595px;
	height: auto;
	text-align:left;
	font-size: 12px;
	line-height:140%;
}

/* @table */
.cptable {
	margin:10px;
	font-size: 12px;
	line-height:125%;
	width:590px;
	color: #333333;
	border-collapse:collapse;
}
.cptable td {
	padding: 4px;
	border:solid 1px #cccccc;
	border-collapse:collapse;
}
.in td {
	padding: 4px;
	border: 0;
	border-collapse:collapse;
}

.brandtable {
	width:590px;
	margin:5px;
	border-collapse:collapse;
}
.brandtable td {
	padding:5px;
	font-size: 12px;
	line-height:125%;
	color: #333333;
	border-top:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
}

.suporttable {
	margin:10px;
	font-size: 12px;
	line-height:125%;
	width:590px;
	color: #333333;
	border-collapse:collapse;
}
.suporttable td {
	padding: 4px;
	border:0;
	border-collapse:collapse;
}

.spec-ttl {
	background-color: #666666;
	margin: 0px 0px 4px 0px;
	padding: 4px 2px 2px 2px;
	font-size: 11px;
	color: #ffffff;
}


.spec {
	margin: 4px;
	color: #000000;
}
/* @newsinfo */
#contents-news {
	margin: 15px auto 10px auto;
	width: 750px;
	height: auto;
	text-align:left;
	font-size:12px;
	line-height:130%;
}

.newsinfocopy {
	font-size:11px;
}

#steam-table td {
	padding: 4px;
	border:solid 1px #cccccc;
	border-collapse:collapse;
}
#steam-table th {
	background-color:#DCEFF5;
	padding: 4px;
	border:solid 1px #cccccc;
	border-collapse:collapse;
}
#voice {
	margin: 4px;
	padding: 4px;
	background-color:#eaeaea;
	text-align: left;
	color:#000000;
	border:solid 1px #cccccc;
}
#voice .name {
	text-align: right;
}
/* @faq */
.faq-text {
	font-size:12px;
	line-height: 145%;
	text-align:left;
	color:#5b5b5b;
}

/* @footer */

#footer {
	margin: 15px auto 10px auto;
	padding: 5px 0 0 0;
	width: 817px;
	height: auto;
	border-top:solid 1px #b8b8b8;
	text-align: right;
	font-size:12px;
	color: #666666;
}
#footer .info {
	float:left;
	margin:0;
}
#footer_right {
	float: right;
	font-size: 11px;
	margin: 0px;
	padding: 4px 10px 0px 0px;
	text-align: right;
	border: 0px; 
	width: 410px;
}

/* @text */
.bluemidashi {
	font-size:13px;
	color:#333399;
	line-height:130%;
	font-weight:bold;
}
.redemidashi {
	font-size:13px;
	color:#cc4242;
	line-height:130&;
	font-weight:bold;
}