@charset "utf-8";
/* CSS Document */
div.box_one{width:950px;}
div.box_one a{
	margin:0 3px;
	color: #287ba3;
	text-decoration: none;
}
div.box_one a:link{
	margin:0 3px;
	color: #287ba3;
	text-decoration: none;
}
div.box_one a:hover{
	color: #53AAD5;
	text-decoration: none;
}
h1.f04_title{position:relative;}
div.fl04photo{margin-top:10px;float:left;width:181px;height:181px;}
div.fl04{margin-top:10px;padding:40px 0 0 10px;position:relative;float:left;width:758px;height:141px;}
div.fl04 p{font-size:12px; font-weight:bold; color:#F60; padding:5px 0 5px; border-bottom:1px solid #ccc;}
div.fl04 span{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#444;font-weight: normal;}
div.fl04list{
	float:left;
	width:950px;
	background:url(../images/f04_white.gif) top left repeat-y;
	margin-top: 15px;
}
div.listphoto{
	position:absolute;
	top:20px;
	left:20px;
	border:1px #CCCCCC solid;
	padding:5px;
	width:85px;
	height:85px;
}
div.list_name{
	position:absolute;
	top:22px;
	left:125px;
	height:15px;
	width: 300px;
}
span.listNotecolor{
	color:#F60;
	font-weight: bold;
}
div.list_content{
	position:absolute;
	top:45px;
	left:125px;
	width: 750px;
}
div.list_date{
	color:#F60;
	position:absolute;
	top:170px;
	right:10px;
	height:15px;
}
div.list_white{
	position:relative;
	width:950px;
	display:block;
	height:200px;
	background:url(../images/f04_white.gif) top left repeat-y;
	border-bottom: 1px dashed #CCCCCC;
}
div.list_pink{
	position:relative;
	width:950px;
	display:block;
	height:200px;
	background:url(../images/f04_pink.gif) top left repeat-y;
	border-bottom: 1px dashed #CCCCCC;
}
div.fl04Num{
	padding-top:10px;
	position:relative;
	float:left;
	width:950px;
	height:30px;
	text-align:center;
	background:url(../images/f04_footer.gif) top left no-repeat;
}

/*上方選單*/
ul#headerbar_menu{position:absolute;top:0px;right:10px;width:300px;height:60px;}
ul#headerbar_menu li{
	margin:0;
	float:left;
	list-style-type: none;
}
li#headerbar_menu_1 a,li#headerbar_menu_2 a,li#headerbar_menu_3 a,li#headerbar_menu_4 a,li#headerbar_menu_5 a{
	margin:0;
	width:60px;
	height:60px;
	display:block;
	background:url(../images/top_menu.jpg) no-repeat;
	color: #ccc;
	text-indent: -200em;
	}
li#headerbar_menu_1hover,li#headerbar_menu_2hover,li#headerbar_menu_3hover,li#headerbar_menu_4hover,li#headerbar_menu_5hover{
	margin:0;
	width:60px;
	height:60px;
	display:block;
	background:url(../images/top_menu.jpg) no-repeat;
}
li#headerbar_menu_1 a{background-position:0px 0px;}
li#headerbar_menu_2 a{background-position:-60px 0px;}
li#headerbar_menu_3 a{background-position:-120px 0px;}
li#headerbar_menu_4 a{background-position:-180px 0px;}
li#headerbar_menu_5 a{background-position:-240px 0px;}
li#headerbar_menu_1 a:link{background-position:0px 0px;}
li#headerbar_menu_2 a:link{background-position:-60px 0px;}
li#headerbar_menu_3 a:link{background-position:-120px 0px;}
li#headerbar_menu_4 a:link{background-position:-180px 0px;}
li#headerbar_menu_5 a:link{background-position:-240px 0px;}
li#headerbar_menu_1 a:hover{background-position:0px -60px;}
li#headerbar_menu_2 a:hover{background-position:-60px -60px;}
li#headerbar_menu_3 a:hover{background-position:-120px -60px;}
li#headerbar_menu_4 a:hover{background-position:-180px -60px;}
li#headerbar_menu_5 a:hover{background-position:-240px -60px;}
li#headerbar_menu_1hover{background-position:0px -60px;}
li#headerbar_menu_2hover{background-position:-60px -60px;}
li#headerbar_menu_3hover{background-position:-120px -60px;}
li#headerbar_menu_4hover{background-position:-180px -60px;}
li#headerbar_menu_5hover{background-position:-240px -60px;}