/*************************************************
 * 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: 628px;
	height: 319px;    /* assum */
	background: #CCC; /* assum */
}
#contents #swf_ark {
	width: 205px;
	height: 319px;    /* assum */
	background: #CC9; /* assum */
}
/*  */
#contents .special_features {
	width: 622px;
	margin-right: 6px;
}
#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 {
	width: 155px;
	padding-top: 0;
	float: left;
}
* html #contents .special_features li { /* css hack for IE version >= 6. */
	float: none;     /* over write! */
	display: inline;
	vertical-align: top;
}

/**
 * 
**/
#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;
}