@charset "UTF-8";

* {
	margin: 0px;
	padding: 0px;
}

img {
	border-style:none;
}

li {
	list-style-position:outside;
}

ol {
	list-style-position:outside;
}

.left {
	float:left;
}

.right {
	float:right;
}

.center {
	text-align:center;
}

.clear {
	clear:both;
}

.hidedisp {
	display:none;
}

.img_border {
	border:1px solid #CCC;
	padding:5px;
	margin:5px 10px;
}

.img_shadow {
	background:url(../library/css/bg_image_shadow.gif) bottom right;
	padding-top:7px;
	padding-bottom:10px;
	padding-right:10px;
	padding-left:8px;
	margin:5px;
}

a {
	color:#232323;
	text-decoration:none;
}

#croydon a {
	color:#F3F3F3;
	text-decoration:none;
}

.index a {
	/* color:#06F;
	text-decoration:none; */
	color:#232323;
	text-decoration:none;
}


body {
	width:100%;
	font:13px Arial, ＭＳ Ｐゴシック, MS PGothic, Osaka;
	 *font-size:small;
	 *font:x-small;
	color:#2F2F2F;
	
	
	background:#F8F8F8;
/*
	background:url(../library/css/bg_body_04.png) repeat;
	background-color:#F3F3F3;
	background: -moz-linear-gradient(100% 100% 90deg, #F3F3F3, #FFF );
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#F3F3F3));
*/
}

body#croydon {
	background: #3e3e3e url(../library/css/bg_croydon_04.png) repeat;
	/*background:#070c10 url(../library/css/bg_body_bf3.jpg) repeat-x fixed; */
	/*background: #3e3e3e url(../library/css/bg_croydon_03.png) repeat-x 0 -10px;*/
	color:#F3F3F3;
}

#header {
	width:965px;
	height:90px;
	margin:10px auto 0px auto;
	position:relative;
}

#header a{
	text-decoration:none;
}

#header a:hover {
}

#heading {
	width:965px;
	margin:0 auto 10px auto;
	position:relative;
}

h1 {
	font-size:123.1%;
	font-weight:600;
	color:#FFF;
	text-shadow:#9E1D21 0 1px 0;
	padding-left:10px;
	line-height:40px;
	
	/*
	background-color:#AE2025;
	 background:url(../library/css/bg_header_01.png) repeat-x; */
	background-color:#AE2025;
	/*background: -moz-linear-gradient(100% 100% 90deg, #AE2025, #B65C5A );*/
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#AE2025));
	/*
	border-radius: 2px;
    -moz-border-radius: 2x;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
	*/
}

#croydon h1 {
	text-shadow:#333 0 1px 0;
	background:#333;
	/*background: -moz-linear-gradient(100% 100% 90deg, #333, #5E5E5E);*/
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333));
}

h2 {
	font-size:100%;
	font-weight:bold;
	line-height:20px;
	padding-left:10px;
	margin:5px 5px 5px 0px;
}

h3 {
	font-size:146.5%;
	font-weight:bold;
	line-height:50px;
	padding-left:10px;
	margin:5px 5px 5px 0px;
}

h4 {
	font-size:100%;
	font-weight:bold;
	line-height:24px;
	margin-top:10px;
	padding-left:10px;
}

p {
	font-size:100%;
	line-height:125%;
}

/*======= header =======*/

.logotext {
	color:#AE2025;
	font-weight:bold;
	font-size:93%;
	
	position: absolute;
	top:0px;
	left:0px;	
}

.logotext2 {
	color:#333;
	font-weight:bold;
	font-size:93%;
	
	position: absolute;
	top:0px;
	left:0px;	
}

.logo {
	position: absolute;
	top:15px;
	left:10px;
}

#twitter_button {
	position: absolute;
	top:60px;
	right:0px;
}


#navi01 {
	list-style-type:none;
	font-size:93%;
	position: absolute;
	top:10px;
	right:0px;
	width: 430px;
	height: 41px;
}

#navi01 li {
	list-style-type:none;
	float:left;
}

#navi01 li a {
	background:none;
	padding: 0px 5px 15px 5px
}

#navi01 li a:hover {
}

#navi01 #navi01_01 a {
	background: url(/img/icon_navi01_01.gif) center bottom no-repeat;
}

#navi01 #navi01_02 a {
	background: url(/img/icon_navi01_02.gif) center bottom no-repeat;
}

#navi01 #navi01_03 a {
	background: url(/img/icon_navi01_03.gif) center bottom no-repeat;
}

#navi01 #navi01_04 a {
	background: url(/img/icon_navi01_04.gif) center bottom no-repeat;
}

#navi01 #navi01_05 a {
	background: url(/img/icon_navi01_05.gif) center bottom no-repeat;
}

#navi01 #navi01_06 a {
	background: url(/img/icon_navi01_06.gif) center bottom no-repeat;
}

#navi01 #navi01_07 a {
	background: url(/img/icon_navi01_07.gif) center bottom no-repeat;
}



#navi01 #navi01_01.croydon a {
	background: url(../library/css/icon_navi02_01.gif) center bottom no-repeat;
}

#navi01 #navi01_02.croydon a {
	background: url(../library/css/icon_navi02_02.gif) center bottom no-repeat;
}

#navi01 #navi01_03.croydon a {
	background: url(../library/css/icon_navi02_03.gif) center bottom no-repeat;
}

#navi01 #navi01_04.croydon a {
	background: url(../library/css/icon_navi02_04.gif) center bottom no-repeat;
}

#navi01 #navi01_05.croydon a {
	background: url(../library/css/icon_navi02_05.gif) center bottom no-repeat;
}

#navi01 #navi01_06.croydon a {
	background: url(../library/css/icon_navi02_06.gif) center bottom no-repeat;
}


#navi02 {
	list-style-type: none;
	padding: 0px 0px;
	font-size: 100%;
	font-weight: bold;
	position: absolute;
	top: 48px;
	left: 153px;
	width: 815px;
	margin-bottom: -1px;
}

#navi02 li {
	height:40px;
	list-style-type:none;
	float:left;
}

#navi02 li a{
	display: block;
	width:130px;
	text-align:center;
	padding:0px 0px;
	line-height:42px;
}

.selected_tab_red { 
	color:#FFF;
	background:#AE2025;
	text-shadow:#555555 0 1px 0;
	/*background: -moz-linear-gradient(100% 100% 90deg, #333, #AE2025);*/
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#AE2025));
}

.selected_tab_gray{ 
	color:#FFF;
	background:#333;
	text-shadow:#555555 0 1px 0;
	/*background: -moz-linear-gradient(100% 100% 90deg, #333, #333);*/
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333));
}

.tab_no_selected {
	text-shadow:#CCC 0 1px 0;
}

.tab_no_selected_bk {
	text-shadow:#333 0 1px 0;
}



.tab_no_selected:hover {
	color:#FFF;
	text-shadow:#555555 0 1px 0;
	background-color:#c84348;
	/*background: -moz-linear-gradient(100% 100% 90deg, #AE2025, #B93E42);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B93E42), to(#AE2025));*/
}

.tab_no_selected_bk:hover {
	color:#FFF;
	text-shadow:#555555 0 1px 0;
	background:#212121;
	/*background: -moz-linear-gradient(100% 100% 90deg, #333, #5E5E5E);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5E5E5E), to(#333));*/
}



#topsublink {
	position: absolute;
	top:103px;
	right:155px;	
	text-align:right;
}

#pankuzu {
	margin:10px 0px 0px 0px !important;
	font-size:93%;
	line-height: 20px;
	padding-left:10px;
	height: 20px;
	/* macIE escape \*/
	overflow: auto;
	margin-top: 0px; 
	/* */
}

#pankuzu a {
	text-decoration:none;
}

#headerlinks {
	position: absolute;
	top:6px;
	right:6px;
	text-align:right;
}

#headerlinks li {
	float:left;
	margin-left:6px;
	text-align:center;
	list-style:none;
}

#finger a {
	background: url(../library/css/icon_list_finger_01.gif) center left no-repeat;
	padding-left:1.5em;
	
}

#finger a:hover {
	text-decoration:underline;
}


#wakaba a {
	background: url(../library/css/icon_list_wakaba_02.gif) center left no-repeat;
	padding-left:1.5em;
}

#wakaba a:hover {
	text-decoration:underline;
}


/*===== contents =====*/

#content {
	width:965px;
	margin:0px auto 30px auto;
}

#content p {
}

#mainphoto {
	width:945px;
	height:340px;
	background:#FFF;
	margin:0px;
	border:1px solid #999;
	/*
	padding:10px;
	border:none;
	*/
	position:relative;
	left: 1%;
	z-index:1;
}
#mainphoto_2{
	width:945px;
	height:340px;
	background:#FFF;
	margin:0px;
	border:1px solid #999;
	/*
	padding:10px;
	border:none;
	*/
	position:relative;
	left: 1%;
	z-index:1;	
	
}

/*===== will be no need after the new photo slide show (fade) =====*/


#mainphoto img {
}

/*--Slide Container--*/
#mainphoto .main_view
{
  float: left;
  position: relative;
}
/*--Window/Masking Styles--*/
#mainphoto .window
{
	width:945px;
	height:340px;
	background:#333;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
#mainphoto .image_reel
{
  position: absolute;
  top: 0;
  left: 0;
}
#mainphoto .image_reel img
{
  float: left;
}

/*--Paging Styles--*/
#mainphoto .paging
{
  position: absolute;
  bottom: 5px;
  right: -7px;
  width: 178px;
  height: 47px;
  z-index: 100; /*--Assures the paging stays on the top layer--*/
  text-align: center;
  line-height: 40px;
  background: url(../library/css/bg_paging_02.png) no-repeat;
  display: none; /*--Hidden by default, will be later shown with jQuery--*/
	/* for IE */ 
	filter:alpha(opacity=90);
	/* CSS3 standard */
	opacity:0.9;
}

#mainphoto .paging a
{
  padding: 5px;
  text-decoration: none;
  color: #fff;
}

#mainphoto .paging a.active
{
  font-weight: bold;
  background: #920000;
  border: 1px solid #610000;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
}

#mainphoto .paging a:hover
{
  font-weight: bold;
}

/*--Paging2 (black) Styles--*/
#mainphoto .paging2
{
  position: absolute;
  bottom: 5px;
  right: -7px;
  width: 178px;
  height: 47px;
  z-index: 100; /*--Assures the paging stays on the top layer--*/
  text-align: center;
  line-height: 40px;
  background: url(../library/css/bg_paging_03.png) no-repeat;
  display: none; /*--Hidden by default, will be later shown with jQuery--*/
	/* for IE */ 
	filter:alpha(opacity=90);
	/* CSS3 standard */
	opacity:0.9;
}

#mainphoto .paging2 a
{
  padding: 5px;
  text-decoration: none;
  color: #fff;
}

#mainphoto .paging2 a.active
{
  font-weight: bold;
  background: #000;
  border: 1px solid #000;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
}

#mainphoto .paging2 a:hover
{
  font-weight: bold;
}








/*===== new mainphoto slideshow =====*/

#slideshow {
	float:left;
	width:945px;
	height:340px;
}
#slides {
	position:relative;
	width:945px;
	height:340px;
	list-style:none;
	overflow:auto;
	z-index:1;
}
#slides li {
	width:945px;
	height:340px
}
.pagination {
	position: absolute;
	top: 310px;
	right: 15px;
	z-index: 1;
	list-style: none;
	height: 15px;
}
.pagination li {
	float:left;
	cursor:pointer;
	line-height:15px;
	width:15px;
	background:#000;
	border:1px solid #999;
	margin-left:5px;
	text-align:center;
	color:#000;
	z-index:2;
	/*  
	filter:alpha(opacity=80);

	opacity:0.8;
	*/
}
.pagination li:hover {
	background:#999;
	border:1px solid #999;
	color:#999;
	z-index:2;
}
li.current {
	border:1px solid #999;
	background:#999;
	color:#999;
	z-index:2;
}
.cam_title{
	position: relative;
	left: 1%;
}


/*===== contents lineup =====*/

#lineup {
	width:100%;
	margin:10px 0px;
}

.pc1 {
	width:100%;
	border:0px solid #666666;
	margin-left:0px;
	padding-bottom:20px;
	margin-bottom:10px;
	float:left;
	position:relative;
}

.pc2 {
	width:49.5%;
	border:0px solid #666666;
	margin-left:2px;
	padding-bottom:20px;
	margin-bottom:10px;
	float:left;
	position:relative;
}

.pc2c {
	width:49.5%;
	border:0px solid #666666;
	/*
	background:url(../library/css/bg_croydon_pc4_01.png) repeat-x;
	*/
	margin-left:1px;
	padding-bottom:5px;
	margin-bottom:10px;
	float:left;
	position:relative;
}


.pc3 {
	width:33%;
	border:0px solid #666666;
	margin-left:2px;
	padding-bottom:20px;
	margin-bottom:10px;
	float:left;
	position:relative;
}

.pc3c {
	width:33%;
	border:0px solid #666666;
	/*
	background:url(../library/css/bg_croydon_pc3_01.png) repeat-x;
	*/
	margin-left:1px;
	padding-bottom:5px;
	margin-bottom:10px;
	float:left;
	position:relative;
}

.pc4 {
	width:24.5%;
	border:0px solid #666666;
	margin-left:2px;
	padding-bottom:20px;
	margin-bottom:10px;
	float:left;
	position:relative;
}

.pc4c {
	width:24.5%;
	border:0px solid #666666;
	/*
	background:url(../library/css/bg_croydon_pc4_01.png) repeat-x;
	*/
	margin-left:1px;
	padding-bottom:5px;
	margin-bottom:10px;
	float:left;
	position:relative;
}

.specup1 {
	width:50px;
	height:13px;
	background:url(../library/css/icon_specup_02.png);
	margin-left:5px;
}

#lineup li {
	list-style:none;
	margin:0px 5px;
	padding:10px 5px;
	background-color:#FFF;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
	font-size:93%;
	color:#333;
	line-height:130%;
}

#lineup.croydon li {
	list-style:none;
	margin:0px 5px;
	padding:10px 5px;
	background-color:#333;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
	font-size:93%;
	color:#FFF;
	line-height:130%;
	/* for IE */ 
	filter:alpha(opacity=90);
	/* CSS3 standard */
	opacity:0.9;
}

#lineup.croydon li.img {
	/* for IE */ 
	filter:alpha(opacity=100);
	/* CSS3 standard */
	opacity:1.0;
}

#lineup.croydon li.buttonspace {
	background-color:#333;
}

#lineup li.img {
	border-left:none;
	border-right:none;
	background:none;
}

/*
#lineup li a {
	display:block;
	color:#666;
	background-image:url(../library/css/icon_open_in_new_windows_01.gif);
	background-position:right center;
	background-repeat:no-repeat;
}

#lineup li a:hover {
	text-decoration:underline;
}
*/

#lineup li.buttonspace a {
	display:block;
	color:#FFF;
	text-shadow:#333 0 1px 0;
	font-weight:bold;
	padding:8px;
	text-align:center;
	margin:0px auto;
	width:150px;
	border:1px solid #333;
	background: #f85032; /* old browsers */
	filter:alpha(opacity=100);
	/* CSS3 standard */
	opacity:1.0;
}

#lineup li a:hover {
	/* for IE */ 
	filter:alpha(opacity=90);
	/* CSS3 standard */
	opacity:0.9;
}

 needed for pc image hover 
#lineup.croydon li.img a:hover {
	/* for IE */ 
	filter:alpha(opacity=80);
	/* CSS3 standard */
	opacity:0.;
}

#lineup.croydon li.buttonspace a {
	display:block;
	color:#FFF;
	text-shadow:#333 0 1px 0;
	font-weight:bold;
	padding:8px;
	text-align:center;
	margin:0px auto;
	width:150px;
	border:1px solid #333;
	
	background: #f85032; /* old browsers */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* ie */



	/* for IE */ 
	filter:alpha(opacity=100);
	/* CSS3 standard */
	opacity:1.0;
}

#lineup.croydon li.buttonspace a:hover {
	/* for IE */ 
	filter:alpha(opacity=90);
	/* CSS3 standard */
	opacity:0.9;
}

#lineup li.buttonspace a.sokuno {
	display:block;
	color:#FFF;
	text-shadow:#333 0 1px 0;
	font-weight:bold;
	padding:8px;
	text-align:center;
	margin:0px auto;
	margin-bottom:10px;
	width:150px;
	border:1px solid #333;
	background: #ffb76b; 
	filter:alpha(opacity=100);
	/* CSS3 standard */
	opacity:1.0;
}

#lineup li.buttonspace a.sokuno:hover {
	/* for IE */ 
	filter:alpha(opacity=90);
	/* CSS3 standard */
	opacity:0.9;
}

#lineup li.img .logocpu {
	/*
	margin-top:-50px;
	margin-left:-120px;
	*/
	position: absolute;
	top:50px;
	left:10px;	
	
}

#lineup li.img .logochipset {
	/*
	margin-top:-50px;
	margin-left:-120px;
	*/
	position: absolute;
	top:217px;
	left:10px;	
	
}

#lineup li.img .logolabel1 {
	/*
	margin-top:-50px;
	margin-left:-120px;
	*/
	padding:5px;
	color:#FFF;
	font-weight:bold;
	background:#F90;
	border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;

	position: absolute;
	top:210px;
	left:5px;	
	
	/* for IE */ 
	filter:alpha(opacity=90);
	/* CSS3 standard */
	opacity:0.9;
}

#lineup li.img .logolabel1 a {
	color:#FFF;
}

#lineup li.img .logolabel1 a:hover {
	/* for IE */ 
	filter:alpha(opacity=100);
	/* CSS3 standard */
	opacity:1.0;
}

#lineup li.img .logolabel2 {
	/*
	margin-top:-50px;
	margin-left:-120px;
	*/
	padding:5px;
	color:#FFF;
	font-weight:bold;
	background:#E12429;
	border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;

	position: absolute;
	top:210px;
	left:5px;	
	
	/* for IE */ 
	filter:alpha(opacity=90);
	/* CSS3 standard */
	opacity:0.9;
}

#lineup li.img .logolabel2 a {
	color:#FFF;
}

#lineup li.img .logolabel3 {
	/*
	margin-top:-50px;
	margin-left:-120px;
	*/
	padding:5px;
	color:#F00;
	font-weight:bold;

	position: absolute;
	top:210px;
	left:5px;	
}

#lineup li.img .logolabel3 a {
	color:#000;
}

#lineup li.img .logolabel4 {
	color:#C00;
	position: absolute;
	top:230px;
	left:5px;	
}

#lineup li.img .logolabel5 {
	/*
	margin-top:-50px;
	margin-left:-120px;
	*/
	padding: 5px;
	color: #FFF;
	font-weight: bold;
	background: #06F;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	position: absolute;
	top: 229px;
	left: 11px;
	/* for IE */ 
	filter: alpha(opacity=90);
	/* CSS3 standard */
	opacity: 0.9;
}

#lineup li.img .logolabel_orange {
	/*
	margin-top:-50px;
	margin-left:-120px;
	*/
	padding: 5px;
	color: #FFF;
	font-weight: bold;
	background: orange;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	position: absolute;
	top: 229px;
	left: 11px;
	/* for IE */ 
	filter: alpha(opacity=90);
	/* CSS3 standard */
	opacity: 0.9;
}

#lineup li.img .logolabel_gray {
	/*
	margin-top:-50px;
	margin-left:-120px;
	*/
	padding: 5px;
	color: #FFF;
	font-weight: bold;
	background: gray;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	position: absolute;
	top: 228px;
	right: 5px;
	/* for IE */ 
	filter: alpha(opacity=90);
	/* CSS3 standard */
	opacity: 0.9;
}

#lineup li.img .logolabel6 {
	/*
	margin-top:-50px;
	margin-left:-120px;
	*/
	padding:5px;
	color:#FFF;
	font-weight:bold;
	background:#E12429;
	border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;

	position: absolute;
	top:210px;
	left:40px;	
	
	/* for IE */ 
	filter:alpha(opacity=90);
	/* CSS3 standard */
	opacity:0.9;
}

#lineup li.img .logolabel6 a {
	color:#FFF;
	font-weight:normal;
}

#lineup li.img .logolabel7 {
	/*
	margin-top:-50px;
	margin-left:-120px;
	*/
	padding:5px;
	color:#FFF;
	font-weight:bold;
	background:#000;
	border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;

	position: absolute;
	top:210px;
	left:5px;	
	
	/* for IE */ 
	filter:alpha(opacity=90);
	/* CSS3 standard */
	opacity:0.9;
}

#lineup li.img .logolabel7 a {
	color:#FFF;
}

#lineup li.img .logolabel8 {
	/*
	margin-top:-50px;
	margin-left:-120px;
	*/
	padding:5px;
	color:#FFF;
	font-weight:bold;
	background:#06F;
	border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;

	position: absolute;
	top:220px;
	left:53px;	
	
	/* for IE */ 
	filter:alpha(opacity=90);
	/* CSS3 standard */
	opacity:0.9;
}

#lineup li.img .logolabel_nvidia {
	width:180px;
	height:30px;
	background:url(../library/common/logo_nvidia.png) no-repeat;

	position: absolute;
	top:210px;
	left:5px;	
}

#lineup li.img .logolabel_amd {
	width:180px;
	height:30px;
	background:url(../library/common/logo_amd.png) no-repeat;

	position: absolute;
	top:210px;
	left:5px;	
}

#lineup li.img .logolabel_pso2 {
	width:84px;
	height:42px;
	background:url(../library/common/logo_pso2.png) no-repeat;

	position: absolute;
	top:45px;
	left:100px;	
}

#lineup li.img .logolabel_xmas {
	width:37px;
	height:51px;
	background:url(../library/common/logo_xmas.png) no-repeat;

	position: absolute;
	top:200px;
	left:5px;	
}

#lineup li.img .logolabel_ny {
	width:37px;
	height:51px;
	background:url(../library/common/logo_ny.png) no-repeat;

	position: absolute;
	top:190px;
	left:5px;	
}

#lineup li.img .logolabel_note {
	height:20px;
	line-height:20px;
	font-size:93%;
	position: absolute;
	top:235px;
	left:5px;	
}


#lineup li.img .logolabel_geforce {
	width:60px;
	height:60px;
	background:url(../library/common/logo_geforce2.png) no-repeat;

	position: absolute;
	top:50px;
	left:55px;	
}

#lineup li.img .logolabel_geforce_gtx {
	width:60px;
	height:60px;
	background:url(../library/common/logo_geforce3.png) no-repeat;

	position: absolute;
	top:50px;
	left:55px;	
}

#lineup li.img .logolabel_dummy {
	width:60px;
	height:60px;
	background:url(../library/common/dummy.png) no-repeat;

	position: absolute;
	top:50px;
	left:55px;	
}

#lineup li.img .logolabel_quadro {
	width:60px;
	height:60px;
	background:url(../library/common/logo_quadro.png) no-repeat;

	position: absolute;
	top:50px;
	left:55px;	
}

#lineup li.img .logolabel_radeon {
	width:60px;
	height:60px;
	background:url(../library/common/logo_radeon2.png) no-repeat;

	position: absolute;
	top:50px;
	left:55px;	
}

#lineup li.img .logolabel_rade_gefo {
	width:103px;
	height:45px;
	background:url(../library/common/logo_rade_gefo.png) no-repeat;
	position: absolute;
	top:50px;
	left:55px;
}

#lineup li.img .logolabel_vision {
	width:60px;
	height:60px;
	background:url(../library/common/logo_vision.png) no-repeat;

	position: absolute;
	top:50px;
	left:55px;	
}

#lineup li.img .logolabel_ion {
	width:60px;
	height:60px;
	background:url(../library/common/logo_ion.png) no-repeat;

	position: absolute;
	top:50px;
	left:55px;	
}

#lineup li.img a {
	display:block;
	background:none;
}

#lineup li.shade {
	background:#F5F5F5;
}

#lineup.croydon li.shade {
	background:#373737;
}

#lineup.croydon li.shademore {
	background:#2A2A2A;
}

#lineup li.labelnone {
	padding:0px;
	margin:0px;
	background:none;
	border:none;
	text-align:center;
	line-height:300%;
	color:#FFFFFF;
	font-weight:bold;
}

#lineup li.labelblue {
	padding:0px;
	margin:0px;
	border:none;
	text-align:center;
	line-height:300%;
	background:#06C;
	color:#FFFFFF;
	font-weight:bold;
	
	background:#06C;
	background: -moz-linear-gradient(100% 100% 90deg, #06C, #297ED4);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#297ED4), to(#06C));
	
}

#lineup li.labelblack {
	padding:0px;
	margin:0px;
	border:none;
	text-align:center;
	line-height:300%;
	background:#333;
	color:#FFFFFF;
	font-weight:bold;
		
	background:#333;
	background: -moz-linear-gradient(100% 100% 90deg, #333, #5E5E5E);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5E5E5E), to(#333));
}

#lineup li.labelgreen {
	padding:0px;
	margin:0px;
	border:none;
	text-align:center;
	line-height:300%;
	color:#FFFFFF;
	font-weight:bold;
		
	background:#5e951f;
	background: -moz-linear-gradient(100% 100% 90deg, #090, #5e951f);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5e951f), to(#090));
}

#lineup li.labelred {
	padding:0px;
	margin:0px;
	border:none;
	text-align:center;
	line-height:300%;
	color:#FFFFFF;
	font-weight:bold;
		
	background:#E12429;
	background: -moz-linear-gradient(100% 100% 90deg,#E12429 , #E95044);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E95044), to(#E12429));
}

/*======= support =======*/

#content.support {
	padding:0px 10px;
}

#content.support a {
	text-decoration:none;
}

#content.support p {
	margin:10px 0px 20px;
}

a.dotted_under {
	border-bottom:1px dotted;
}

a.button1 {
	color:#FFF;
	font-size:85%;
	line-height:28px;
	padding:9px 8px;
		
	background-color:#AE2025;
	background: -moz-linear-gradient(100% 100% 90deg, #AE2025, #B93E42);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B93E42), to(#AE2025));
	border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
}

a.button1:hover  {
	background-color:#80171A;
	background: -moz-linear-gradient(100% 100% 90deg, #80171A, #B93E42);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B93E42), to(#80171A));
}

a.button2 {
	display:block;
	color:#FFF;
	text-shadow:#555555 0 1px 0;
	font-weight:bold;
	padding:10px 5px;
	text-align:center;
	text-decoration:none;
	margin-bottom:10px;
	border:4px solid #AE2025;
	background-color:#AE2025;
	background: -moz-linear-gradient(100% 100% 90deg, #B65C5A, #AE2025, );
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B65C5A), to(#AE2025));	border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
}

a.button2:hover  {	
	background:#AE2025;
	background: -moz-linear-gradient(100% 100% 90deg, #AE2025, #C05155);
	background: -webkit-gradient(linear, 0% 100%, 0% 100%, from(#C05155), to(#AE2025));
}

a.button3 {
	color:#FFF;
	font-size:85%;
	padding:5px;
	
	background:#FFCC00;
	background: -moz-linear-gradient(100% 100% 90deg, #FF9900, #FFCC00);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFCC00), to(#FF9900));
	border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
}

a.button3:hover  {
	background:#FF9900;
	background: -moz-linear-gradient(100% 100% 90deg, #FFCC00, #FF9900);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF9900), to(#FFCC00));
}

a.button4 {
	display:block;
	color:#FFF;
	font-weight:bold;
	font-size:146.5%;
	padding:18px;
	text-align:center;
	margin:50px auto;
	width:40%;
	border:4px solid #666;
	
	background:#AE2025;
	background: -moz-linear-gradient(100% 100% 90deg, #AE2025, #C05155);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C05155), to(#AE2025));
	border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
}

a.button4:hover  {
	background-color:#80171A;
	background: -moz-linear-gradient(100% 100% 90deg, #80171A, #B93E42);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B93E42), to(#80171A));
}

a.button5 {
	display:block;
	color:#FFF;
	font-weight:bold;
	font-size:146.5%;
	padding:18px;
	text-align:center;
	margin:50px auto;
	width:40%;
	border:4px solid #666;
	
	background:#AE2025;
	background: -moz-linear-gradient(100% 100% 90deg, #AE2025, #C05155);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C05155), to(#AE2025));
	border-radius: 2px;
    -moz-border-radius: 2x;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
}

a.button5:hover  {
	background-color:#80171A;
	background: -moz-linear-gradient(100% 100% 90deg, #80171A, #B93E42);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B93E42), to(#80171A));
}

a.button6 {
	color:#FFF;
	font-size:85%;
	padding:5px;
	
	background-color:#AE2025;
	background: -moz-linear-gradient(100% 100% 90deg, #AE2025, #B93E42);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B93E42), to(#AE2025));
	border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
	
}

a.button6:hover  {
	background-color:#80171A;
	background: -moz-linear-gradient(100% 100% 90deg, #80171A, #B93E42);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B93E42), to(#80171A));
}

a.button7 {
	display:block;
	color:#FFF;
	font-weight:bold;
	font-size:131%;
	padding:10px;
	width:200px;
	text-align:center;
	margin:0px auto;
	border:4px solid #666;
	
	background:#AE2025;
	background: -moz-linear-gradient(100% 100% 90deg, #AE2025, #C05155);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C05155), to(#AE2025));
	border-radius: 2px;
    -moz-border-radius: 2x;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
}

a.button7:hover  {
	background-color:#80171A;
	background: -moz-linear-gradient(100% 100% 90deg, #80171A, #B93E42);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B93E42), to(#80171A));
}

a.button8 {
	color:#FFF;
	text-shadow:#333 0 1px 0;
	font-weight:bold;
	padding:8px 50px;
	text-align:center;
	border:1px solid #333;
	background: #ffb76b; /* old browsers */
	background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(50%,#ffa73d), color-stop(51%,#ff7c00), color-stop(100%,#ff7f04)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* ie */
	/* for IE */ 
	filter:alpha(opacity=100);
	/* CSS3 standard */
	opacity:1.0;
}

a.button8:hover {
	/* for IE */ 
	filter:alpha(opacity=90);
	/* CSS3 standard */
	opacity:0.9;
}

a.button9 {
	display:block;
	color:#FFF;
	font-weight:bold;
	font-size:146.5%;
	padding:18px;
	text-align:center;
	margin:50px auto;
	width:40%;
	border:4px solid #FFF;
	
	background:#AE2025;
	background: -moz-linear-gradient(100% 100% 90deg, #AE2025, #C05155);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C05155), to(#AE2025));
	border-radius: 2px;
    -moz-border-radius: 2x;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
}

a.button9:hover  {
	background-color:#80171A;
	background: -moz-linear-gradient(100% 100% 90deg, #80171A, #B93E42);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B93E42), to(#80171A));
}


ol.orderpres {
	margin-left:2.5em;
	margin-right:2.5em;
	margin-top:2em;
	margin-bottom:2em;
}

ol.orderpres li {
	line-height:20px;
}

ul.faq {
	margin-left:2.5em;
	margin-right:2.5em;
	margin-bottom:2em;
}

ul.faq li {
	font-size:108%;
	line-height:20px;
}

ul.faq li a {
	text-decoration:none;
}

dl.faq dt {
	/*
	font-size:131%;
	font-weight:bold;
	padding:3px 5px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;
	color:#FFF;
	background:#AE2025;
	*/
	margin:0px;
	padding:0px;
	border:none;
	list-style:none;
	line-height:200%;
	font-size:131%;
	text-indent:1.2em;
	font-weight:bold;
	color:#FFF;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;
	
	border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
	background:#AE2025;
	background: -moz-linear-gradient(100% 100% 90deg, #AE2025, #C05155);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C05155), to(#AE2025));
}

dl.faq dd {
	font-size:108%;
	margin-top:30px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:100px;
}

.simpletable {
	border:none;
	border-collapse: collapse;
	margin:10px 10px 20px 10px;
	font-size:100%;
}

.simpletable caption {
	font-weight:normal;
	text-align:left;
	margin:3px 0;
}
.simpletable .grey {
	background:#AE2025;
	color:#FFF;
}

.simpletable th {
	border:none;
	font-size:116%;
	white-space: nowrap;
	padding:10px 5px;
	border:1px solid #FFF;
}

.simpletable td {
	border:none;
	padding:5px;
	line-height:16px;
	border:1px solid #FFF;
}

/*======= index content common =======*/

div.pr {
	margin-bottom:10px;
}

div.columcontainer {
	background:#FFF;
	box-shadow:0 0 5px #aaa;
	/*
	background-color:#ECECEC;
	background: -moz-linear-gradient(100% 100% 90deg, #ECECEC, #FBFBFB );
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FBFBFB), to(#ECECEC));
	*/
	
	padding:5px;
	margin-bottom:10px;

	border:1px solid #999;
	border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
}

div.columcontainer1 {
	background-color:#ECECEC;
	box-shadow:0 0 5px #aaa;
	background: -moz-linear-gradient(100% 100% 90deg, #ECECEC, #FBFBFB );
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FBFBFB), to(#ECECEC));
	
	padding:5px;
	margin-bottom:10px;

	border:1px solid #999;
	border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
}

div.columcontainer2 {
	background-color:#FFF;
	padding:5px;
	margin-bottom:10px;

	border:2px solid #AE2025;	border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
}

p.columtitle {
	margin:0px;
	padding:0px;
	border:none;
	list-style:none;
	line-height:200% !important;
	font-size:108%;
	font-weight:bold;
	color:#FFF;
	border-bottom:none;
	border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;

	text-indent:1.2em;
	background:url(../library/css/icon_list_arrow_02.gif) no-repeat 5px #AE2025;
}

ul li.dotted{
	border-bottom:1px dotted #999;
}

#arrowlink {
	text-align:right;
	font-size:77%;
	padding-right:10px;
	list-style:outside;
	border:none;
}

#arrowlink a {
	background: url(../library/css/icon_list_arrow_01.gif) center left no-repeat;
	padding-left:1.5em;
	text-align:right;
	text-decoration:none;
}

#arrowlink a:hover {
	text-decoration:underline;
}

/*======= index content left =======*/

#contentleft {
	float:left;
	width:170px;
	padding:0px 5px;
	margin-bottom:10px;
	/* background:#0C3; */
}

#contentleft ul li {
	list-style:none;
	line-height:135%;
	margin:5px 0px;
}

#contentleft ul.seriesnavi, .rank {
	position:relative;
	padding:0px;
	padding-top:3px;
}

#contentleft ul.seriesnavi .img, .rank .img {
	position:absolute;
	top:10px;
	left:3px;
}

#contentleft ul.rank .img1 {
	position:absolute;
	top:40px;
	left:3px;
}

#contentleft ul.rank .img2 {
	border:1px solid #CCC;
	position:absolute;
	top:40px;
	left:0px;
}

#contentleft ul.seriesnavi li, #contentleft ul.rank li {
	line-height:120% !important;
	padding-left:55px;
	padding-bottom:0px;
	padding-top:0px;
	margin:5px 0px;
	font-size:85%;
}

#contentleft ul.rank .r1 {
	font-weight:bold;
	line-height:13px !important;
	font-size:93%;
	text-align:center;
	width:13px;
	height:13px;
	background-color:#F90;
	background: -moz-linear-gradient(100% 100% 90deg, #F90, #FC0);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FC0), to(#F90));

	border:1px solid #666;
	
	position:absolute;
	top:10px;
	left:10px;
}

#contentleft ul.rank .r2 {
	font-weight:bold;
	line-height:13px !important;
	font-size:93%;
	text-align:center;
	width:13px;
	height:13px;
	background-color:#FBFBFB;
	background: -moz-linear-gradient(100% 100% 90deg, #FBFBFB, #CCC);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CCC), to(#FBFBFB));

	border:1px solid #666;
	
	position:absolute;
	top:10px;
	left:10px;
}

#contentleft ul.rank .r3 {
	font-weight:bold;
	line-height:13px !important;
	font-size:93%;
	text-align:center;
	width:13px;
	height:13px;
	background-color:#FBFBFB;
	background: -moz-linear-gradient(100% 100% 90deg, #FBFBFB, #CCC);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CCC), to(#FBFBFB));

	border:1px solid #666;
	
	position:absolute;
	top:10px;
	left:10px;
}

#contentleft ul.seriesnavi li.header, #contentleft ul.rank li.header {
	font-weight:bold;
	line-height:100% !important;
	font-size:93%;
}

#contentleft ul.seriesnavi li.subheader, #contentleft ul.rank li.subheader {
	font-weight:bold;
	line-height:100% !important;
}

#contentleft ul.seriesnavi li.price, #contentleft ul.rank li.price {
	font-weight:bold;
	color:#C00;
	padding-bottom:3px;
}

#contentleft ul.rank li .ranktag1 {
	font-size:77%;
	background-color:#333;
	color:#FFF;
	padding:2px;
	margin:0px 1px;
}

#contentleft ul.rank li .ranktag2 {
	font-size:77%;
	background-color:#F60;
	color:#FFF;
	padding:2px;
	margin:0px 1px;
}

#contentleft ul.rank li .ranktag3 {
	font-size:77%;
	background-color:#06C;
	color:#FFF;
	padding:2px;
	margin:0px 1px;
}


#contentleft ul.seriesnavi li.note, #contentleft ul.rank li.note {
	padding:0px;
	font-size:77%;
}

/*======= index content right =======*/

#contentright {
	float:right;
	width:190px;
	padding:0px 5px;
	margin-bottom:10px;
	/* background:#C90; */
}

#contentright ul li {
	list-style:none;
	line-height:135%;
	margin:5px 0px;
}

#contentright ul li.yokuaru  {
	line-height:150% !important;
	margin-left:22px;
	padding-right:5px;
	font-size:93%;
	list-style:url(../library/css/icon_list_arrow_01.gif) outside;
}

#contentright ul.payment  {
	position:relative;
	padding:0px;
	padding-top:3px;
}

#contentright ul.payment .img {
	position:absolute;
	top:7px;
	left:0px;
}

#contentright ul.payment li {
	list-style:none;
	line-height:120% !important;
	padding-left:55px;
	padding-bottom:0px;
	padding-top:0px;
	margin:5px 0px;
	font-size:85%;
}

#contentright ul.payment li.header {
	font-weight:bold;
	line-height:100% !important;
	font-size:93%;
	padding-bottom:5px;
}

#contentright ul.payment li.subheader {
	line-height:135% !important;
	padding-bottom:10px;
}


#contentright ul.payment li.note {
	padding:0px;
	font-size:77%;
}

/*======= index content slider =======*/

#contentslider {
	width:775px; 
	height:180px; 
	margin-left:185px; 
	margin-bottom:10px;
}

/*======= index content center =======*/

#contentcenter {
	float:left;
	width:575px;
	padding:0px 5px;
	margin-bottom:10px;
	/* background:#6CC; */
}

#contentcenter #topnotice {
	color:#AE2025;
	border:1px dashed #AE2025;
	background:#FFF;
	padding:10px;
	font-variant: normal;
	line-height: 140%;
	word-spacing: normal;
	letter-spacing: normal;
	margin: 10px 0px;
	text-align: left;
}

#contentcenter #topnotice h4{
	margin:2px;
	text-align:center;
}

#contentcenter #topnotice p {
	color:#333;
	font-size:93%;
	margin-bottom:5px;
	padding:0px 5px;
}

#contentcenter img {
	margin:1px;
}

#contentcenter img.campaign {
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:8px;
}

#contentcenter ul {
	padding:5px;
	margin-top:0px;
	margin-bottom:10px;
	background:#FFF;	border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#contentcenter ul li {
	list-style:none;
	line-height:145% !important;
	padding:2px 10px;
	margin:5px 0px;
}

#contentcenter ul.border {
	border:1px solid #999;	border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#contentcenter ul.nopadding {
	padding:0px;
	margin-bottom:8px;
}


#contentcenter ul.withlink li {
	position:relative;
	padding-left:75px;
	padding-bottom:10px;
	font-size:100%;
}

#contentcenter ul.withlink li img {
	margin-top:5px;
	margin-left:-70px;
	/*border:2px solid #CCC;*/
	float:left;
}

#contentcenter ul.withlink li img.spec {
	position: absolute;
	bottom:5px;
	right:10px;
}

#contentcenter ul.withlink li img.nothing {
	margin-top:0px;
	margin-left:0px;
	border:none;
	float:none;
}

#contentcenter ul li.title {
	padding:0px;
	text-indent:1em;
	font-size:100%;
	color:#FFF;
	line-height:30px !important;
	font-weight:bold;
	margin:0px;
	border-bottom:none;
	background:#AE2025;
	background: -moz-linear-gradient(100% 100% 90deg, #AE2025, #C05155);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C05155), to(#AE2025));
	border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
}

#contentcenter ul li.pr {
	padding:0px;
	text-indent:1em;
	font-size:100%;
	color:#FFF;
	line-height:30px !important;
	font-weight:bold;
	margin:0px;
	border-bottom:none;
	background:url(../library/css/icon_list.gif) no-repeat 5px #333 !important;
	border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
}


#contentcenter ul li.list {
	background:url(../library/css/icon_list.gif) no-repeat 5px #AE2025;
	text-indent:2.0em;
}

/*======= contentmain =======*/

#contentmain {
	width:965px;
	margin:0px auto;
	padding:0px 5px;
	margin-bottom:10px;
	background:#FFF;
}

#contentmain a {
	border-bottom:1px dotted #999;
}

/*======= flow =======*/

.flow h2 {
	padding:0px;
	border:none;
	list-style:none;
	line-height:200%;
	font-size:131%;
	text-indent:1.2em;
	font-weight:bold;
	color:#FFF;
	margin-bottom:20px;
	margin-top:20px;
	
	border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
	background:#AE2025;
	background: -moz-linear-gradient(100% 100% 90deg, #AE2025, #C05155);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C05155), to(#AE2025));
}

.flow h3 {
	margin-top:20px;
	font-size:116%;
	text-indent:1.5em;
	line-height:46px;
	background:url(../library/css/bg_heading_03.png) no-repeat;
}

.flow p {
	font-size:93%;
	margin:0px 30px 15px !important;
	line-height:150%;
}


/*======= whyark =======*/

.whyark h2 {
	width:50px;
	padding:0px;
	margin:0px 0px 0px 10px;
	list-style:none;
	line-height:200%;
	font-size:116%;
	text-indent:0.3em;
	font-weight:bold;
	color:#FFF;
	
	border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
	background:#AE2025;
	background: -moz-linear-gradient(100% 100% 90deg, #AE2025, #C05155);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C05155), to(#AE2025));
}

.whyark h3 {
	font-size:116%;
	line-height:150%;
	font-weight:bold;
}

.whyark p {
	font-size:93%;
	margin:0px !important;
	padding:8px;
	line-height:150%;
}

#reasons {
	background:url(../library/css/bg_whyark_reasons.png) no-repeat;
	height:310px;
	width:965px;
}

.reason1 {
	width:233px;
	height:260px;
	margin-left:5px;
	padding:15px 0px;
	margin-bottom:10px;
	float:left;
	background:url(../library/css/bg_whyark_reason_01.gif) center bottom no-repeat;
}

.reason2 {
	width:238px;
	height:260px;
	padding:15px 0px;
	margin-bottom:10px;
	float:left;
	background:url(../library/css/bg_whyark_reason_02.gif) center bottom no-repeat;
}

.reason3 {
	width:238px;
	height:260px;
	padding:15px 0px;
	margin-bottom:10px;
	float:left;
	background:url(../library/css/bg_whyark_reason_03.gif) center bottom no-repeat;
}

.reason4 {
	width:245px;
	height:260px;
	padding:15px 0px;
	margin-bottom:10px;
	float:left;
	background:url(../library/css/bg_whyark_reason_04.gif) center bottom no-repeat;
}

/*======= footnote =======*/

#footnote {
	width:965px;
	margin:0 auto;
	color:#666666;
	padding-top:10px;
	padding-bottom:10px;
}

#footnote.croydon {
	color:#F3F3F3;
}


#footnote p {
	margin-bottom:10px;
	font-size:85%;
}

/*======= search box =======*/

#searchbox {
	width:965px;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:10px;
	clear:left;
}

#searchbox #word_input {
	background-color:#FFFFFF;
	border-bottom-color:#C3C3C3;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-left-color:#C3C3C3;
	border-left-style:solid;
	border-left-width:1px;
	border-right-color:#C3C3C3;
	border-right-style:solid;
	border-right-width:1px;
	border-top-color:#C3C3C3;
	border-top-style:solid;
	border-top-width:1px;
	min-height:16px;
	padding-bottom:3px;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	width:200px;
}

#searchbox .button {
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-color:initial;
  border-left-style:solid;
  border-left-width:1px;
  border-right-style:solid;
  border-right-width:1px;
  border-top-style:solid;
  border-top-width:1px;
  cursor:pointer;
  font-weight:bold;
  letter-spacing:0.5em;
  min-height:24px;
  padding-bottom:2px;
  padding-left:0;
  padding-right:0;
  padding-top:3px;
  width:100px;
}

#searchbox2 {
	width:160px;
	margin:0 auto;
	padding-top:5px;
	padding-bottom:5px;
}

#searchbox2 #word_input {
	background-color:#FFFFFF;
	border-bottom-color:#C3C3C3;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-left-color:#C3C3C3;
	border-left-style:solid;
	border-left-width:1px;
	border-right-color:#C3C3C3;
	border-right-style:solid;
	border-right-width:1px;
	border-top-color:#C3C3C3;
	border-top-style:solid;
	border-top-width:1px;
	min-height:16px;
	padding-bottom:3px;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	width:135px;
	margin:5px;
}

#searchbox2 .button {
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-color:initial;
  border-left-style:solid;
  border-left-width:1px;
  border-right-style:solid;
  border-right-width:1px;
  border-top-style:solid;
  border-top-width:1px;
  cursor:pointer;
  font-weight:bold;
  letter-spacing:0.5em;
  min-height:24px;
  padding-bottom:2px;
  padding-left:0;
  padding-right:0;
  padding-top:3px;
  margin:5px 30px;
  width:100px;
}

/*======= footer =======*/

#footer {
	width:auto;
	margin:0 auto;
	padding-top:0px;
	padding-bottom:0px;
	color:#FFF;
	
	background-color:#AE2025;
	background: -moz-linear-gradient(100% 100% 90deg, #AE2025, #B93E42);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B93E42), to(#AE2025));
}

#footer.croydon {
	background:#333;
	background: -moz-linear-gradient(100% 100% 90deg, #333, #5E5E5E);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5E5E5E), to(#333));
	/* for IE */ 
	filter:alpha(opacity=90);
	/* CSS3 standard */
	opacity:0.9;

}

#footer a {
	color:#FFF;
}

#footer p.gototop01 {
	text-align: right;
	padding: 0px 0px 0px 820px;
}

/*
#footer p.gototop01 a {
	display: block;
	width: 145px;
	padding: 9px 0px 0px;
	text-decoration: none;
}
*/


#footer p.gototop01 a {
  padding: 3px;
  text-decoration: none;
  font-size:77%;
  color: #fff;
  /*
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  */
}

#footer.croydon p.gototop01 a {
  padding: 3px;
  text-decoration: none;
  font-size:77%;
  color: #fff;
  background: #333;
  /*
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  */
}

#footer p.gototop01 a:hover
{
	text-decoration:underline;
}




#footer ul {
	list-style-type:none;
	font-size:93%;
	width:500px;
	margin:0 auto;
}

#footer li {
	list-style-type:none;
	float:left;
}

#footer li a {
	background:none;
	padding:5px;
}

#footer li a:hover {
}

#footer p {
	clear:both;
	text-align:center;
}










span.small_note{
	font-size: 85%;
	color: #666666;
}






.text10 {
	font-size:77%;
}
.text11 {
	font-size:85%;
}
.text12 {
	font-size:93%;
}
.text13 {
	font-size:100%;
}
.text14 {
	font-size:108%;
}
.text15 {
	font-size:116%;
}
.text16 {
	font-size:123.1%;
}
.text17 {
	font-size:131%;
}
.text18 {
	font-size:138.5%;
}
.text19 {
	font-size:146.5%;
}
.text20 {
	font-size:153.9%;
}
.text21 {
	font-size:161.6%;
}
.text22 {
	font-size:167%;
}
.text23 {
	font-size:174%;
}
.text24 {
	font-size:182%;
}
.text25 {
	font-size:189%;
}
.text26 {
	font-size:197%;
}
.text_price{
	font-size:150%;
}

.text_line_through {
	text-decoration:line-through;
}

.text_red_important {
	font-size:77%;
	background-color:#F00;
	color:#FFF;
	padding:2px;
	margin-right:5px;
}

.text_lightgray {
	/*color:#606060;*/
	color:#333;
}

.text_temp {
	/*color:#606060;*/
	color:#06C;
}

.text_white {
	color:#FFF;
}

.text_red {
	color:#CC0000;
}

.text_red_shadow {
	color:#CC0000;
	/* text-shadow:#000 0 1px 0; */
}

.text_pink{
	color:#ff5151;
}

.text_pink_shadow {
	color:#ff5151;
}

.text_bold {
	font-weight:bold;
}

.text_underline {
	text-decoration:underline;
}

.text_lucida {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:bold;
}

.text_specup {
	font-size:77%;
	color:#FFF;
	background:#F00;
	padding:2px;
	margin-left:5px;
}

.text_specup1 {
	font-size:77%;
	color:#FFF;
	background:#F60;
	padding:2px;
	margin-left: 5px;
}

.text_new {
	font-size:77%;
	color:#FFF;
	background:#F00;
	padding:2px;
	margin-left:5px;
}

.text_b_box {
	font-size:77%;
	color:#FFF;
	background:#00F;
	padding:2px;
	margin-left:5px;	
}

.more {
	display: none;
}


/* ゲーム推奨PCキャンペーンページ */

#recommandpc {
	border:10px solid; 
	color:#FFF; 
	padding-bottom:120px; 
	margin-bottom:20px;
	position:relative;	
}

#recommandpc h3 {
}

#recommandpc p {
	line-height:135%;
	margin:5px 10px 10px 10px;
}

#recommandpc table.spec {
	width:80%;
	margin:0 auto;
	border:1px solid #FFF;
	border-left:0px solid #FFF;
}

#recommandpc table.spec td	 {
	border-left:1px solid #FFF;
	padding:10px;
}

#recommandpc table.spec tr.color {
	background-color:#222;
}


#recommandpc.pso2 {
	background:url(../library/campaign/2012-04-26-gamepc-pso2-00.jpg) #000 no-repeat;
	border:10px solid #fff; 
	color:#fff;
	padding-top:620px;
	padding-bottom:0px;
}

#recommandpc.pso2 .video {
	 background:#CCC;
	 padding:4px;
	 border:1px solid #333;
	 position: absolute;
	 top:338px; left:70px;
}

#recommandpc.pso2 h3 {
	margin:40px 40px 40px 40px;
	line-height:40px;
	background:#666;
	background:url(../library/campaign/2012-04-26-gamepc-pso2-10.png) repeat-x;
	border:1px solid #485569;
	border-left:5px solid #485569;
	
	/* for IE */ 
	filter:alpha(opacity=100);
	/* CSS3 standard */
	opacity:1.0;
}

#recommandpc.pso2 p {
	margin:10px 50px 25px 50px;
}

#recommandpc.pso2 #special_items {
	position:relative;
	height:650px;
}

#recommandpc.pso2 .item1 {
	background:url(../library/campaign/2012-04-26-gamepc-pso2-12.png) repeat;
	width:300px;
	margin-left:50px;
	padding:10px;
	font-size:10px;
	border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
	 position: absolute;
	 top:10px; right:50px;
}

#recommandpc.pso2 .item2 {
	background:url(../library/campaign/2012-04-26-gamepc-pso2-12.png) repeat;
	width:300px;
	margin-left:50px;
	padding:10px;
	font-size:10px;
	border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
	 position: absolute;
	 top:200px; right:50px;
}

#recommandpc.pso2 .item3 {
	background:url(../library/campaign/2012-04-26-gamepc-pso2-12.png) repeat;
	width:300px;
	margin-left:50px;
	padding:10px;
	font-size:10px;
	border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
	 position: absolute;
	 top:460px; right:50px;
}

#recommandpc.pso2 .item4 {
	background:url(../library/campaign/2012-04-26-gamepc-pso2-12.png) repeat;
	width:440px;
	padding:10px;
	font-size:12px;
	font-weight:bold;
	border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
	 position: absolute;
	 top:10px; left:50px;
}

#recommandpc.pso2 .item5 {
	background:url(../library/campaign/2012-04-26-gamepc-pso2-12.png) repeat;
	width:400px;
	padding:10px;
	font-size:10px;
	border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
	 position: absolute;
	 bottom:10px; left:50px;
}



/*
#recommandpc.black {
	background:#000; 
	border:10px solid #000; 
	color:#FFF; 	
}

#recommandpc.black h3 {
	text-shadow:#000 0 2px 0;
}

#recommandpc.tera {
	background:url(../library/campaign/2011-12-01-gamepc-tera-00.jpg) #000 no-repeat;
	background-position:0px 340px;
}

#recommandpc p.tera {
	max-width:550px;
}

#recommandpc a.tera {
	display:block;
	color:#FFF;
	font-weight:bold;
	font-size:146.5%;
	text-shadow:#630868 0 2px 0;
	padding:18px;
	text-align:center;
	margin:50px auto;
	width:40%;
	border:2px solid #000;
	
	background:#890C87;
	background: -moz-linear-gradient(100% 100% 90deg, #890C87, #BA10C2);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#BA10C2), to(#890C87));
	border-radius: 2px;
    -moz-border-radius: 2x;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
}

#recommandpc a.tera:hover  {
	background-color:#BA10C2;
	background: -moz-linear-gradient(100% 100% 90deg, #BA10C2, #890C87);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#890C87), to(#BA10C2));
}





#recommandpc.sf {
	background:url(../library/campaign/2011-12-01-gamepc-sf-00.jpg) #000 no-repeat;
	background-position:0px 0px;
	padding-top:500px;
}

#recommandpc p.sf {
	max-width:500px;
}

#recommandpc .sfvideo {
	 width:430px; 
	 height:242px; 
	 position: absolute; 
	 top:230px; left:35px;
}

#recommandpc a.sf {
	display:block;
	color:#FFF;
	font-weight:bold;
	font-size:146.5%;
	text-shadow:#2D340A 0 2px 0;
	padding:18px;
	text-align:center;
	margin:50px auto;
	width:40%;
	border:2px solid #000;
	
	background:#3B440E;
	background: -moz-linear-gradient(100% 100% 90deg, #3B440E, #969B7E);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#969B7E), to(#3B440E));
	border-radius: 2px;
    -moz-border-radius: 2x;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
}

#recommandpc a.sf:hover  {
	background-color:#969B7E;
	background: -moz-linear-gradient(100% 100% 90deg, #969B7E, #3B440E);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3B440E), to(#969B7E));
}

*/

/* event css */

#content.event_top {
	width:945px;
	height:50px;
	background:url(../library/css/bg_content_event_top.png) no-repeat;
	padding:0px 10px;
	margin-top:-10px;
	margin-bottom:-5px !important;
}

#content.event_middle {
	width:945px;
	background:url(../library/css/bg_content_event_middle.png) repeat-y;
	padding:0px 10px;
	margin-bottom:0px !important;
}

#content.event_bottom {
	width:945px;
	height:58px;
	background:url(../library/css/bg_content_event_bottom.png) no-repeat;
	padding:0px 10px;
	margin-top:-20px !important;
}


/* btopc.html small banner icons */

.banner_icon {
	 position: absolute;
	 top:-120px; left:-10px;
}

.banner_icon_down {
	 position: absolute;
	 top:-80px; right:10px;
}