@charset "utf-8";
@import url("common.css");

/*-- flash ----------------------------------------------------------*/

#flash {
	width	: 850px;
	height	: 350px;
}

#about {
	width	: 850px;
	height	: 25px;
	clear	: both;
}

#about li{
	width	: 850px;
	height	: 25px;
}


/*-- leftcol --------------------------------------------------------*/

#infoBox{
	width		: 205px;
	text-align	: left;
	list-style-type:none;
	margin:5px 0;
}

#infoBox li{
	width		: 205px;
	margin-bottom: 5px;
	clear		: both;
}

.info_up {
	width		: 205px;
	float		: left;
	text-align:left;
	background	: url(../img/left_infobg_top.gif) no-repeat;
}

.info_title {
	width		: 190px;
	font-size	: 12px;
	font-weight	: normal;	
	line-height	: 1.2;
	background	: url(../img/left_line01.gif) no-repeat;
	background-position	 :bottom left;
	padding-bottom		: 6px;
	margin		: 8px 5px 0 7px;
}

.info_title a:link, .info_title a:visited, .info_title a:active {
	color		: #339;
	text-decoration	: none;
}

.info_title a:hover {
	color: #36F;
	text-decoration	: underline;
}

.info_middle {
	width		: 205px;
	background	: url(../img/left_bg02.gif) repeat-y;
	text-align	: left;
	float		: left;
}

.info_middle p{
	width		: 190px;
	margin: 5px 0 5px 7px;
	padding-bottom:7px;
	line-height:1.2;
	border-bottom:1px dotted #999;
}
	
.info_down {
	width		: 205px;
	height:22px;
	text-align:left;
	float		: left;
	background	: url(../img/left_infobg_bottom.gif) no-repeat;
	background-position:bottom left;
}

.info_date {
	width		: 152px;
	height		: 10px;
	float		: left;
	line-height	: 1;
	margin-top	: 3px;
	padding-left: 7px;
}

.info_more {
	width		: 40px;
	height		: 10px;
	float		: right;
	margin-top	: 3px;
	padding-right: 6px;
}

.info_text {
	width		: 190px;
	height		: auto;
	font-size	: 10px;
	line-height	: 150%;
	margin		: 7px;
}

/*-- maincol --------------------------------------------------------*/

#pickup {
	width		: 635px;
	height		: 200px;
	background	: url(../img/content_pickup.jpg) no-repeat;
	text-align	: left;
	margin-right	: 13px;
	margin-bottom	: 25px;
}

#puitem_name {
	width		: 635px;
	height		: 33px;
	padding		: 21px 0 0 0;
}

.pickup_text {
	width		: 380px;
	height		: 100px;
	line-height	: 1.6;
	text-align	: left;
	padding		: 20px 0 0 20px;
}

.pickup_more {
	margin		: 5px 0 0 20px;
}

#original{
	width		: 648px;
	height		: 320px;
	margin-top	: 5px;
	text-align	: left;
	list-style-type:none;
	margin:5px 0;
}

#original li {
	width		: 203px;
	height		: 320px;
	background	: url(../img/content_itembg.gif) no-repeat;
	float		: left;
	margin-right	: 13px;
	text-align	: center;
	display		: inline;
}

.item_name {
	width		: 179px;
	height		: 20px;
	color		: #FFF;
	font-weight	: bold;
	margin		: 10px auto;
	text-align	: left;
	padding-top	: 4px;
	text-indent	: 5px;
	background: url(../img/content_itemname.gif) no-repeat;
}

.item_pic {
	width		: 179px;
	height		: 130px;
	margin		: 0 auto;
}

.item_cate{
	width		: 179px;
	font-size	: 10px;
	margin		: 3px auto 0 auto;
	text-align	: left;
	color		: #69F;
	background	: url(../img/content_line01.gif) no-repeat bottom left;
}

.item_box {
	width		: 179px;
	height		: 115px;
	margin		: 5px auto 0 auto;
	clear		: both;
	background	: url(../img/content_itemtext.gif) no-repeat;
}

.item_text{
	font-size	: 10px;
	height		: 90px;
	line-height	: 1.8;
	text-align	: left;
}

#banner {
	width		: 635px;
	margin		: 20px 13px 0 0;
	clear		: both;
}

.banner_blog {
	width		: 310px;
	height		: 95px;
	margin-right	: 10px;
	float		: left;
}

.banner_dictionary {
	width		: 310px;
	height		: 95px;
	float		: left;
}
