/*************************************************
 * Only inner #contents for Top page ('/index.html')
 * 
 * FILE: toppage.css
 * DATE: 2008-11-11
*************************************************/

/***************************************
 * layout.
***************************************/
#contents .section {
	float: left;
}

/* sum: 833px */
#contents #swf_main {
	width: 633px;
	height: 319px;    /* assum */
	background: #656565; /* assum */
}
#contents #swf_ark {
	width: 205px;
	height: 319px;    /* assum */
	background: #CC9; /* assum */
}
/*  */
#contents .special_features {
	width: 830px;
	margin-right: 6px;
	margin-top:20px;/* bigbunner */
}
#contents #swf_movie_area {
	width: 205px;
	height: 193px;    /* assum */
	background: #666 url('../images/top/bg_namiaru_movie.gif') repeat-x bottom;
	text-align: center;
	vertical-align: text-top;
}
#contents #swf_movie embed {
	line-height: 1;
	margin: 0 0 4px;
	padding: 0;
}

/*  */
#contents .news {
	width: 537px;
	margin-right: 10px;
}
#contents .shop {
	width: 275px;
}
/*  */
#contents .surfer_blog_link {
	width: 537px;
	margin-right: 10px;
}
#contents .pray_for_earth {
	width: 275px;
}


/***************************************
 * headline3 decoration.
***************************************/
#contents .special_features h3 {
	border-bottom: 1px solid #666;
}
#contents .news h3,
/*#contents .shop h3,*/
#contents .surfer_blog_link h3,
#contents .pray_for_earth h3 {
	border-top: 3px solid #CCC;
	border-bottom: 1px solid #CCC;
}

/***************************************
 * list decoration.
***************************************/
/*#contents .section li {
	margin: 5px auto;
	padding-top: 6px;
}*/
#contents .news li,
#contents .surfer_blog_link li,
#contents .pray_for_earth li {
	background: url('../images/line_dot.gif') repeat-x 0 0;
}
/**
 * only first li
**/
#contents .section li.first {
	padding-top: 0px;
}
#contents .news li.first,
#contents .surfer_blog_link li.first,
#contents .pray_for_earth li.first {
	background: none;
}

/**
 * 
**/
#contents .special_features li {
	padding-top: 0;
	float: left;
}

#sfeature_special{
	width:355px;
	margin-right:5px;
}

.sfeature_common{
	width: 155px;
}

/**
 * 
**/
#contents .news li img, #contents .surfer_blog_link li img {
	margin-right: 5px;
	float: left;
}


/**
 * parts Qrasta
**/
#contents .shop ul {
	background: url(../images/top/parts_qrasta_bg.jpg) no-repeat 100% 50%;
}
#contents .shop li {
	padding-top: 0;
	/*border: 1px solid #CCC;*/
	/*background: url(../images/bg_stripes_grey.gif) 0 0;*/
}
#contents .shop li img {
	padding: 1px;
	margin-right: 10px;
	float: left;
}
#contents .shop li div {
	padding-top: 4px;
}
#contents .shop li.first {
	margin-top: 0;
}
#contents .shop li.last {
	margin-bottom: 0;
}


/***************************************
 * text decoration.
***************************************/
#contents .special_features .sammary {
	font-size: 7.2pt;
	padding: 0 3px;
}

#contents .date {
	color: #a5a5a5;
}

.right {
	text-align: right;
}

#contents .author {
	color: #7F1B79;
}

#stream_content{
	height:50px;

}
/*サイドバナー位置設定（TOP限定）bigbunner有525px*/
#side_banner {
	margin-top:345px;
}


/*レイアウト修正追加*/

.surfer_blog_link ul li, .news ul li{
	padding:5px;	
}


/***************************************
 * bnr section added by onari
***************************************/

#uppercontents{
	width:1005px; 
	height:320px;
/*	background:#000000;*/
}
#bigbnrs_top{
	width:1010px;
	height:154px;
	padding-top:12px;
	padding-bottom:12px;
	display:none;/*bigbunner有*/
}

#bigbnrs_top ul{
	width:1010px;
	margin:12px 0px 0px 0px;

}
.margin-r10{
	margin-right:10px;
}
.margin-r20{
	margin-right:20px;
}

#bigbnrs_top ul li{

	width:500px;
	float:left;
	height:100px;
	background:#000000;
}