/***********************************************************************/
/*                      Index style setting                            */
/***********************************************************************/
#index_keyvisual{
    margin: 0;
	padding: 0;
	width: 1000px;
	height: 270px;}
	
#indexMain{
	margin: 0;
	padding: 10px 15px 0 30px;}

#indexLeft{
	margin: 0;
	padding: 0;
	width: 240px;
	float: left;}
	
#indexMain2{
	margin: 0;
	padding: 0;
	width: 685px;
	float: right;}
	
#freeDraw{
	margin: 0;
	padding: 0;
	width: 310px;
	float: left;}
	
.freeDrawTabs{
	margin: 0;
	padding: 0;
	height: 23px;
	width:200px;}
	.freeDrawTabs td{
	padding: 5px 0 0 0;
	width: 100px;
	text-align: center;
	background-image: url(../images/freedraw_tabs_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 -23px;}
	.freeDrawTabs td a:link,.freeDrawTabs td a:visited{
	color: #674A30;
	text-decoration: none;}
	.freeDrawTabs td a:hover{
	color: #CC0000;}
	.freeDrawTabs td.on{
	width: 99px;
	color: #FF008C;
	background-image: url(../images/freedraw_tabs_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 0;}
	.freeDrawTabs td.on a:link,.freeDrawTabs td.on a:visited{
	color: #FF008C;
	text-decoration: none;}
	.freeDrawTabs td.on a:hover{
	text-decoration: underline;}
	
#indexnews{
	margin: 0;
	padding: 0;
	width: 350px;
	height: 225px;
	background-image: url(../images/index_news_bg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	float: right;}
	
.newsTabs{
	margin: 0;
	padding: 0;
	height: 23px;
	width:299px;}
	.newsTabs td{
	padding: 5px 0 0 0;
	width: 100px;
	text-align: center;
	background-image: url(../images/freedraw_tabs_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 -23px;}
	.newsTabs td a:link,.newsTabs td a:visited{
	color: #674A30;
	text-decoration: none;}
	.newsTabs td a:hover{
	color: #CC0000;}
	.newsTabs td.on{
	width: 99px;
	color: #FF008C;
	background-image: url(../images/freedraw_tabs_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 0;}
	.newsTabs td.on a:link,.newsTabs td.on a:visited{
	color: #FF008C;
	text-decoration: none;}
	.newsTabs td.on a:hover{
	text-decoration: underline;}
	
.indexNewsList{
	margin: 0;
	padding: 10px 0 10px 0;
	width: 100%;}
	.indexNewsList ul{
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	list-style-type: none;}
	.indexNewsList li{
	padding: 2px 0 2px 24px;
	background-image: url(../images/icon_gray_dot.gif);
	background-repeat: no-repeat;
	background-position: 12px 8px;}
	.indexNewsList li a:link,.indexNewsList li a:visited{
	color: #555555;
	text-decoration: none;}
	.indexNewsList li a:hover{
	color: #3884C9;
	text-decoration: underline;}

.indexCollectionList{
	margin: 0;
	padding: 15px 0 10px 0;
	width: 100%;}
	.indexCollectionList ul{
	margin: 0;
	padding: 0;
	list-style-type: none;}
	.indexCollectionList li{
	padding: 0 0 2px 6px;}
	.indexCollectionList li a:link,.indexCollectionList li a:visited{
	color: #555555;
	text-decoration: none;}
	.indexCollectionList li a:hover{
	color: #3884C9;
	text-decoration: underline;}
	
.indexCollectionTable{
	margin: 0;
	padding: 0;
	width: 100%;}
	.indexCollectionTable td{
	padding: 0 0 0 10px;
	vertical-align: top;}
	.indexCollectionTable td.pic{
	padding: 0;
	width: 100px;}
	
.indexFriendList{
	margin: 0;
	padding: 15px 0 10px 0;
	width: 100%;}
	
.indexFriendPIC{
	width: 71px;
	border: 1px solid #BEBEBE;
	background-color: #FFFFFF;}
	.indexFriendPIC img{
    margin: 3px;
	width: 65px;}
	
.indexFriendName{
	padding: 3px 0 10 0;
	color:#956748;
	width: 85px;}
	
.indexMore{
    width: 78%;
	padding:0;
	color:#F16182;
	text-align:right;}
	.indexMore a:link,.indexMore a:visited{
	color:#F16182;
	text-decoration: underline;}
	.indexMore a:hover{
	color: #3884C9;
	text-decoration: underline;}
		
.newsloginNote{
	padding: 0 0 0 45px;
	color: #3884C9;
	font-size: 13px;
	font-weight: bold;
	background-image: url(../images/icon_pink_arrow.gif);
	background-repeat: no-repeat;
	background-position: 32px 3px;}
	
.indexSearch2{
	margin: 0 0 10px 0;
	padding: 0;
	width:100%;
	height:112px;
	background-image: url(../images/index_search2_bg.gif);
	background-repeat: no-repeat;}
	
#indexFooter{
	margin: 0;
	padding: 0;
	clear: both;}
	
/***********************************************************************/
/*                              AD Banner                              */
/***********************************************************************/	
.indexleftAD{
	margin: 0 0 10px 0;
	padding: 0;
	width: 240px;}
#indexTopAD {
	position:absolute;
	left:235px;
	top:0px;
	width:480px;
	height:120px;
	z-index:1;}