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

#top_flasharea{
		width:990px;
		height:363px;
		margin:0 auto;
}

/* 2010/07/22 ADD START */
.top_flasharea_cont{
	width:990px;
	height:299px;
}

.no_flash{
	margin-top:100px;
	width: 700px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

/* 2010/07/22 ADD END */

.top_reccomend{
	width:648px;
	height:21px;
	padding:15px 0px;
	background:url(../images/top/top_titlebg.gif) bottom repeat-x;
	margin-bottom: 20px;
}

.top_reccomend dl{
width:648px;
height:21px;
}

.top_reccomend dt{
float:left;
width:128px;
height:21px;
}

.top_reccomend dd{
width:114px;
height:17px;
padding-top:4px;
float:right;
}


.recommend_contents{
	width:648px;
	height:456px;
	padding-bottom:30px;
	margin-bottom:30px;
	background:url(../images/dot_line_03.gif) bottom repeat-x;
}

.recommend_contents .cont{
		width:316px;
		height:auto;
		background:url(../images/dot_04.gif) repeat;
		float:left;
		margin-bottom: 20px;
}

.recommend_contents .cont_r{
		width:316px;
		height:auto;
		background:url(../images/dot_04.gif) repeat;
		float:right;
		margin-bottom:20px;
}

.recommend_contents .cont .white,.recommend_contents .cont_r .white{
		width:308px;
		height:auto;
		margin:4px;
		background:#ffffff;
}

.recommend_contents .cont .white table,.recommend_contents .cont_r .white table{
width:308px;
height:200px;
}


.recommend_contents .cont .white td,.recommend_contents .cont_r .white td{
padding:10px;
height:35px;
}

.recommend_contents .cont .white th,.recommend_contents .cont_r .white th{
		padding:10px;
		text-align:left;
		vertical-align:top;
		font-size:95%;
		line-height:1.8em;
}

.recommend_contents .cont .white td img,.recommend_contents .cont_r .white td img{
float:left;
padding-right:10px;
}

.recommend_contents .cont .white td dl,.recommend_contents .cont_r .white td dl{
float:left;
}

.recommend_contents .photo{
		padding:3px;
		background:url(../images/dot_04.gif) repeat;
}


.recommend_contents .cont .white th.btn,.recommend_contents .cont_r .white th.btn{
		padding:3px 10px 10px 10px !important;
}

.recommend_contents .cont .white th.btn img,.recommend_contents .cont_r .white th.btn img{
float:right;
}

/*404*/
#notarea{
	width:300px;
	height:270px;
	text-align:left;
	margin-top:150px;
	margin-left: auto;
	margin-right: auto;
		
}




#notarea .mark{
	width:auto;
	height:auto;
	background-image:url(../images/pict_img_03.gif);
	background-repeat:no-repeat;
	background-position:0px 50%;
	padding-left:10px;
	float:left;
	margin-right:2em;
}