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

/* C21 Official Site Style
=====================================================================
WebSite:  http://www.c21-online.jp/
Author:   Cyber Step, Inc.
Version:  CS Generator 2009


/* 01. General Rules
--------------------------------------------------------------------- */
* {
	margin: 0px;
	padding: 0px;
	}
html {overflow-y:scroll;}
a img {border: 0px;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
h1, h2, h3, h4, h5, h6, img, input, p, ol, ul, pre, blockquote {
	margin: 0px;
	padding: 0px;
	}
form {margin: 0; padding: 0;}
li {list-style-type: none;}
img,
.iepngfix {_behavior: expression(IEPNGFIX.fix(this));}

/* clearfix hack */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.clearfix {zoom: 1;}


/* 02. body elements
--------------------------------------------------------------------- */
html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
body {
	background:#d0d9df;
	color:#333;
	font-family: Verdana, "ＭＳ Ｐゴシック", Osaka,"ヒラギノ角ゴ Pro W3", sans-serif;
	font-size:12px;
	font-weight: normal;
	line-height:1.4;
	}


/* 03.  links color
--------------------------------------------------------------------- */
a {
	color: #003366;
	text-decoration: none;
	overflow:hidden;
	}
a:hover {
	color: #08f;
	text-decoration: underline;
	}


/* 04.  text hide
--------------------------------------------------------------------- */
.none{
	position:absolute;
	top:-9999px;
	left:-9999px;
	}
.clr{
	clear:both;
	margin:0px;
	padding: 0px;
	position:relative;
	}


/* 05. homelayoutArea
--------------------------------------------------------------------------- */
#container {
	border:0 none;
	margin:0;
	overflow:hidden;
	padding:0;
	text-align:left;
	width:570px;
	}
#infoArea{
	float:left;
	margin:0;
	position:relative;
	width:420px;
	}
#sideArea{
	float:right;
	margin-left:10px;
	_margin-left:0px;
	position:relative;
	width:140px;
	}


/* 05. homeInfo
--------------------------------------------------------------------------- */
.cpArea{
	margin:0;
	position:relative;
	height:130px;
	width:420px;
	}

#homeInfo{
	clear:both;
	width:420px;
	height:243px;
	}
#homeInfo .tabTtl{
	background:url(../images/home/h2_news.gif) no-repeat center top;
	height:32px;
	width:420px;
	}
.tabTtl a{
	color:#fff;
	font-family:arial,sans-serif;
	font-size:10px;
	font-variant:normal;
	line-height:1em;
	position:relative;
	top:11px;
	left:369px;
	}

#homeInfo .element{
	background:url(../images/home/txtBack.gif) repeat-x center -9px;
	position:relative;
	margin:9px 0 7px 0;
	height:200px;
	width:420px;
	}
#homeInfo .element li{height:28px;}
*+html body #homeInfo .element li{height:26px;}
* html body #homeInfo .element li{height:26px;}

#homeInfo .element li a{
	position:relative;
	margin-left:55px;
	}
#homeInfo .element li span.day{
	float:right;
	position:relative;
	margin:0px 5px 7px 0;
	}

/*アイコン表示*/
#homeInfo .element li span.newsInfo{
	background: url(../images/home/info_icon_news.gif) left top no-repeat;
	float:left;
	position:relative;
	}
#homeInfo .element li span.updateInfo{
	background: url(../images/home/info_icon_update.gif) left top no-repeat;
	float:left;
	position:relative;
	}
#homeInfo .element li span.eventInfo{
	background: url(../images/home/info_icon_event.gif) left top no-repeat;
	float:left;
	position:relative;
	}
#homeInfo .element li span.mainteInfo{
	background: url(../images/home/info_icon_mainte.gif) left top no-repeat;
	float:left;
	position:relative;
	}
#homeInfo .element li span.restoreInfo{
	background: url(../images/home/info_icon_recovery.gif) left top no-repeat;
	float:left;
	position:relative;
	}
#homeInfo .element li span.troubleInfo{
	background: url(../images/home/info_icon_obstacle.gif) left top no-repeat;
	float:left;
	position:relative;
	}
	
	
/* 06. sideInfo
--------------------------------------------------------------------------- */
.movieArea{
	margin:0;
	position:relative;
	height:142px;
	width:140px;
	}

.salesArea {}
.salesArea p {
	background:url(../images/home/sales_rank_date.gif) left top no-repeat;
	color:#FFFFFF;
	font-size:10px;
	margin:0;
	padding-left:18px;
	height:23px;
	}
.salesArea ul {
	background:url(../images/home/sales_rank_bg.gif) left top repeat-y;
	padding:2px 5px 0;
	width:130px;
	}

.salesArea ul li {
	color: #333;
	font-size:10px;
	font-family:"ＭＳ Ｐゴシック",Osaka,arial,sans-serif;
	font-weight:bold;
	line-height:1.4em;
	margin:0;
	padding:0;
	_padding:2px 0;
	}
*+html body .salesArea ul {padding:0 5px;}
*+html body .salesArea ul li {padding:2px 0;}


/* 07. rankInfo
--------------------------------------------------------------------------- */
#rankInfo{
	clear:both;
	width:420px;
	}
#rankInfo .tabTtl{
	background:url(../images/home/top_robo_gp_ranking.gif) no-repeat center top;
	height:75px;
	width:420px;
	}
#rankInfo iframe{
	float:left;
	margin:0;
	padding:0;
	height:63px;
	width:138px;
	}
#rankInfo iframe.light{ margin-right:3px;}
#rankInfo iframe.middle{ margin-right:3px;}