@charset "UTF-8";

@import url("common.css");
@import url("structure.css");

/* ======================================

 index.html
 2008.12.15
 
 Color Cordination
 Key Color: 

======================================= */


/* ======================================

 contents ###OVERRIDE###

======================================= */

#contents
{
	width: 680px;
}

/* ======================================

 showcase

======================================= */

#showcase
{
	clear: both;
	width: 902px;
	padding: 9px;
	background: #52525a;
}
#showcase .flash
{
	width: 900px;
	border: 1px solid #1f1e22;
}
#showcase embed,
#showcase object
{
	vertical-align: bottom;
}

/* ======================================

 features

======================================= */

#features
{
	margin: 0 0 15px;
}
#features h2
{
	margin: 0 0 10px;
}
#features .container
{
	float: left;
	width: 160px;
	margin-right: 10px;
}
#features .container .summery
{
	margin: 5px;
}
#features .container .launch
{
	margin: 5px;
	border-top: 1px solid #d3d3d3;
}
#features .container .launch h4
{
	margin: 0 0 3px;
}
	* html #features .container .launch h4
	{
		margin-top: 3px;
	}

#features .container .launch .button
{
	padding: 4px;
	background: url(../img/com/bg_checker_blue.gif) repeat left top;
}
#features .lastChild
{
	margin-right: 0;
}

/* ===== feature1 ===== */

#feature1
{
	float: left;
	width: 330px;
}

/* ===== feature2 ===== */

#feature2
{
	float: right;
	width: 330px;
}
#feature2 #mailMagazine
{
	width: 320px;
	margin: 0 5px 5px;
	border-top: 1px solid #d3d3d3;
}
#feature2 #mailMagazine h4
{
	margin: 0 0 3px;
}
	* html #feature2 #mailMagazine h4
	{
		margin-top: 3px;
	}

#feature2 #mailMagazine .register
{
	padding: 5px;
	background: url(../img/com/bg_checker_blue.gif) repeat left top;
}
#feature2 #mailMagazine .register table
{
	width: 310px;
	background: #fff;
}
#feature2 #mailMagazine .register table td
{
	padding: 3px 5px;
}
#feature2 #mailMagazine .register #input30
{
	width: 180px;
}
	* html #feature2 #mailMagazine .register #input30
	{
		padding: 2px;
	}

/* ======================================

 updates

======================================= */

#updates
{
	float: left;
	width: 454px;
}
#updates .container
{
	width: 220px;
	float: left;
	margin-right: 14px;
}
#updates .container .list
{
	margin: 0 0 10px;
	padding: 5px;
	border-bottom: 1px solid #d3d3d3;
}
#updates .container .list .noitem
{
	padding: 10px;
	background: #fff;
	border: 1px solid #d3d3d3;
	color: #666;
	text-align: center;
}
#updates .lastChild
{
	margin-right: 0;
}

/* ===== seminer ===== */

#seminer .list .summery
{
	font-size: 84%;
	margin: 0 0 5px;
}

/* ===== topics ===== */

#topics .list .date
{
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#topics .list .title
{
	margin: 0 0 0.5em;
}

/* ======================================

 tags

======================================= */

#tags
{
	clear: both;
	width: 444px;
	padding: 5px;
	background: #e8e8e8;
}

/* ======================================

 blog

======================================= */

#blog
{
	float: right;
	width: 210px;
}
#blog .banner
{
	margin: 5px 0;
}
#blog .list
{
	margin: 5px;
	border-bottom: 1px solid #d3d3d3;
}
#blog .list .date
{
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#blog .list .title
{
	margin: 0 0 0.5em;
}
#blog .list .noitem
{
	margin: 0 0 10px;
	padding: 10px;
	background: #fff;
	border: 1px solid #d3d3d3;
	color: #666;
	text-align: center;
}