@import url("basic.css");
/* CSS Document */
#body {
	width:750px;
	margin:0 auto;
	text-align:left;
}
#top_01 {
	width:750px;
	height:96px;
	background-image:url(../images/top_01.gif);
}
#top_02 {
	width:750px;
	height:257px;
	background-image:url(../images/top_02.gif);
	position: relative;
}
#Layer1 {
	position:absolute;
	left:7px;
	top:0px;
	width:100px;
	height:100px;
	z-index:1;
}
#Layer2 {
	position:absolute;
	left:144px;
	top:28px;
	width:122px;
	height:40px;
	z-index:1;
}
.nav {
	position:absolute;
	bottom:2px;
}
.desc {
	width:160px;
	height:64px;
	position:absolute;
	left:370px;
	bottom:13px;
}
#body_main {
	width:750px;
	background:#FFCF08 url(../images/body_bg.gif) no-repeat left top;
	overflow:auto;
	text-align:center;
}
.top1 {
	width:556px;
	height:142px;
	margin:0 0 0 22px;
	padding:21px 22px 22px 150px;
	background-image:url(../images/top1_bg.gif);
	background-repeat: no-repeat;
	line-height:170%;
	text-align:left;
}
.top2 {
	width:750px;
	margin:5px 0 0 0;
	line-height:170%;
	text-align:left;
}
.cartoon {
	display:inline;
	float:left;
	width:246px;
	height:330px;
	margin-left:8px;
	background-image:url(../images/cartoon.gif);
}
.top2_ryt {
	display:inline;
	float:left;
	width:427px;
	height:185px;
	margin:10px auto 0 -10px;
	padding:118px 25px 0px 42px;
	background:url(../images/top2_bg.gif) no-repeat;
	list-style-position: inside;
}
.top2 p {
	padding:0 0 5px 0;
}
.top3 {
	width:750px;
	list-style-position: inside;
	line-height:150%;
	text-align:left;
}
.top3_left {
	display:inline;
	float:left;
	width:426px;
	height:182px;
	margin:0 0 0 20px;
	padding:63px 37px 17px 21px;
	background-image: url(../images/top3_bg.gif);
	background-repeat: no-repeat;	
}
.top3_ryt {
	display:inline;
	float:left;
	margin-top:15px;
}
.top3_left ol{
	padding-left: 10px;
}
.top4 {
	width:750px;
	padding-top:20px;
	margin-bottom:20px;
	font-size:12px;
	list-style-position: inside;
	text-align:left;
	overflow:auto;
}
.top4_left {
	display:inline;
	float:left;
	width:373px;
	margin:5px 10px 0 20px;
}
.top4_ryt {
	height:65px;
	display:inline;
	float:left;
}
.top4_left div {
	display:inline;
	float:left;
}
#bottom {
	width:750px;
	height:40px;
	padding:18px 0 8px 0;
	text-align:center;
	border-top:8px solid #893C01;
	background:#FB9400;
	font-size:12px;
}
.middle_top {
	width:708px;
	height:26px;
	margin:0 auto;
	background-image:url(../images/middle_top.gif);
}
.middle {
	width:704px;
	margin:0 auto;
	border-left:2px solid #DE5B00;
	border-right:2px solid #DE5B00;
	background:#F5F5F5;
	text-align:center;
	overflow:auto;
}
.middle_btm {
	width:708px;
	height:26px;
	margin:0 auto;
	background-image:url(../images/middle_btm.gif);
}
.notice {
	width:642px;
	height:82px;
	margin:0 auto;
}
.shown {
	width:642px;
	margin:0 auto;
	padding:5px 0 5px 0;
	text-align:left;
	border-bottom: 2px dotted #7A7A7A;
	overflow:auto;
	line-height:170%;
}
.computer {
	display:inline;
	float:left;
	width:230px;
	height:191px;
}
.detail {
	display:inline;
	float:left;
	width:402px;
	padding:10px 0 0 10px;
	
}
.d_title {
	width:402px;
	height:15px;
	padding-bottom:5px;
}
.d_list {
	width:387px;
	padding-left:15px;
	list-style-image: url(../images/star.gif);
}
.d_click {
	float:right;
	width:116px;
	height:38px;
}