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

#top_table	div.table_area{
	background-image:url(../images/contents/top/ibox_bg.png);
	width:535px;
	height:72px;
	margin-left:20px;
}

#top_table	table{
	border-collapse:collapse;
	margin-left:15px;
	width:500px;
}

#top_table	tr,td{
	margin:0px;
	border-style:none;
	color:#FFFFFF;
	text-align:right;
	font-weight:bold;
}

/* update information */
#update	div.area{
	width:265px;
}

#update	div.top{
	background-image:url(../images/contents/top/update_bg.png);
	width:265px;
	height:35px;
	float:left;
}

#update	div.contents{
	background-image:url(../images/contents/top/contents_bg.png);
	background-position:right;
	background-repeat:repeat-y;
	width:245px;
	height:194px;
	margin:0px 10px;
	float:left;
}

#update	div.text{
	width:225px;
	height:194px;
	margin:0px 10px;
	overflow:auto;
	font-size:80%;
	line-height:1.5;
}

/* image generator advance banner */
#ig_advance	div.area{
	background-image:url(../images/contents/top/igad_bg.png);
	width:320px;
	height:224px;
	position:absolute;
	top:-10px;
	left:-20px;
}

/* new icon information */
#new_icon	div.area{
	width:265px;
}

#new_icon	div.top{
	background-image:url(../images/contents/top/whatsnew_bg.png);
	width:265px;
	height:37px;
	margin:0px;
}

#new_icon #contents div.area{
	background-position:right;
	background-repeat:repeat-y;
	width:245px;
	margin:0px 3px;
}

#new_icon #contents #paper div.area{
	background-image:url(../images/contents/top/new_sub_bg.png);
	width:250px;
	height:200px;
}

#new_icon #contents #paper div.date{
	width:70px;
	height:22px;
	margin:5px 10px 0px 40px;
	color:#666666;
}

#new_icon #contents #paper div.icon{
	width:120px;
	height:32px;
}

#new_icon #contents div.caption{
	font-weight:bold;
	width:234px;
	margin:7px;
	margin-right:0px;
}

#new_icon #contents div.contents{
	width:250px;
	margin:5px 0px;
	text-align:center;
	line-height:normal;
}


/* download ranking information */
#right_area #dl_rank	div.area{
	width:265px;
}

#dl_rank	div.top{
	background-image:url(../images/contents/top/dl_ranking_bg.png);
	width:265px;
	height:37px;
	margin:0px;
}

#dl_rank #contents div.area{
	background-position:right;
	background-repeat:repeat-y;
	width:245px;
	margin:0px 3px;
}

#dl_rank #contents #paper div.area{
	background-image:url(../images/contents/top/dl_sub_bg.png);
	width:250px;
	height:200px;
}

#dl_rank #contents #paper div.rank{
	width:70px;
	height:22px;
	margin:5px 10px 0px 40px;
	color:#666666;
	font-weight:bold;
}

#dl_rank #contents #paper div.icon{
	width:120px;
	height:32px;
}

#dl_rank #contents div.caption{
	font-weight:bold;
	width:234px;
	margin:7px;
	margin-right:0px;
}

#dl_rank #contents div.contents{
	width:250px;
	margin:5px 0px;
	text-align:center;
	line-height:normal;
}




/* welcome message */
#welcome	div.area{
	width:535px;
	float:left;
}

#welcome	div.top{
	background-image:url(../images/contents/top/intro.png);
	width:535px;
	height:35px;
	float:left;
}

#welcome	div.contents{
	background-image:url(../images/contents/top/contents_bg.png);
	background-position:right;
	background-repeat:repeat-y;
	width:515px;
	margin:0px 10px;
	float:left;
}

#welcome	div.text{
	width:495px;
	margin:10px;
	float:left;
}


/* how to use */
#howto	div.area{
	width:535px;
	float:left;
}

#howto	div.top{
	background-image:url(../images/contents/top/atention.png);
	width:535px;
	height:35px;
	float:left;
}

#howto	div.contents{
	background-image:url(../images/contents/top/contents_bg.png);
	background-position:right;
	background-repeat:repeat-y;
	margin:0px 10px;
	width:515px;
	float:left;
}

#howto	div.text{
	width:495px;
	margin:10px;
	float:left;
}

/* payment service */
#payment	div.area{
	width:535px;
	float:left;
}

#payment	div.top{
	background-image:url(../images/contents/top/pay_service.png);
	width:535px;
	height:35px;
	float:left;
}

#payment	div.contents{
	background-image:url(../images/contents/top/contents_bg.png);
	background-position:right;
	background-repeat:repeat-y;
	margin:0px 10px;
	width:515px;
	float:left;
}

#payment	div.text{
	width:495px;
	margin:10px;
	float:left;
}

#payment	div.menu{
	width:200px;
	margin:10px 0px 0px 50px;
}

#payment	div.application{
	width:230px;
	margin:10px 0px 0px 0px;
	text-align:center;
	font-size:90%;
}


#ycom_banner	div.area{
	text-align:center;
	width:550px;
}

/*-----entryrankingbox*/
#e_rankingBox{
width:230px;
background-image:url(../images/contents/top/ranking_m.png);
background-repeat:repeat-y;
}

#e_rankingBox p{
margin-top:0px;
margin-left:20px;
margin-bottom:0px;
}

#e_rankingBox img{
margin-top:0px;
margin-right:2px;
margin-bottom:0px;
float:left;
}

#e_rankingBox h4{
margin-bottom:0px;
}

/* promotion banner about the ImageGenerator */
#ig_promotion
{
	width:550px;
	text-align:center;
	margin-bottom:20px;
}

#ig_promotion img
{
	border:1px #775500 solid;
}

/* link for volunteer */
#volunteer{
	width:230px;
	text-align:center;
	margin-top:30px;
}

#volunteer img{
	margin:5px;
}

/* request banner */
#request{
	position:relative;
	margin:5px 9px;
	border:solid 1px;
}

/* ig_rental banner */
#ig_rental{
	position:relative;
	margin:5px 9px;
	border:solid 1px;
}

#ig_rental a.login{
	display:block;
	background-image:url(../images/generator/rental/b_top_login.png);
	width:140px;
	height:35px;
	position:absolute;
	left:5px;
	top:20px;
}

#ig_rental a.login:hover{
	background-position:0px 35px;
}

#ig_rental a.entry{
	display:block;
	background-image:url(../images/generator/rental/b_top_entry.png);
	width:140px;
	height:35px;
	position:absolute;
	left:150px;
	top:20px;
}

#ig_rental a.entry:hover{
	background-position:0px 35px;
}

/* banner for materialand */
a#materialand{
	position:absolute;
	display:block;
	background-image:url(../images/banner/materialand.png);
	width:275px;
	height:66px;
	left:360px;
	top:0px;
}

a#materialand:hover{
	background-position:0px -66px;
}