/* commons
-------------------------------------------------------- */
body{font-size:12px;line-height:18px;color:#121223;background:url(../imgs/bg.jpg) repeat-x center top fixed;}
p{padding-bottom:1em;}
strong{font-weight:bold;}
img{border:0;}

/* pngfix */
img, div, ul { behavior: url(../js/iepngfix_v2/iepngfix.htc) }

/* align */
.tac{text-align:center;}
.tar{text-align:right;}
.tal{text-align:left;}

/* colors */
.red{color:#ff0000;}
.orange{color:#ff5e00;}
.blue{color:#006be5;}
.pink{color:#ff6666;}

/* float */
.fl{float:left; margin:2px 12px 12px 0;}
.fr{float:right; margin:2px 0 12px 12px;}

/* photo_border */
.phb{padding:2px;border:1px solid #e8e8e8;display:block;}

/* photo_border */
.note{padding-left:1em;text-indent:-1em;}


/* templates
-------------------------------------------------------- */
#bg{background:url(../imgs/bg_wrapper.jpg) no-repeat center top;width:991px;margin:0 auto;text-align:center;height:696px;}
body#heartful_project #bg{background:none;height:auto;}

#wrapper{width:971px;margin:0 auto;text-align:center;z-index: 1;}

#footer{width:960px;margin:0 auto;text-align:center;position:relative;}
body#heartful_project #footer{display:none;}

#share_link_box{position:absolute;top:-13px;left:0px;z-index: 2;}
#share_link_box li{float:left;margin-right:5px;}

#bookmark_box{position:absolute;top:-13px;left:190px;z-index: 2;}
#bookmark_box li{float:left;margin-right:5px;}

#banners{position:absolute;top:18px;left:0px;padding-bottom:20px;}
#banners li{float:left;margin-right:9px;}
#banners li.last{float:left;margin-right:-2px;}

#copyright{position:absolute;top:-13px;left:762px;}

/* project
-------------------------------------------------------- */
body#heartful_project div#project_bg{background:url(../imgs/heartful_project.png) no-repeat left top;width:920px;margin:0 auto;text-align:center;height:1275px;position:relative;}
body#heartful_project div#project_bg a{text-indent:-9999px; position:absolute;top:1275px; left:116px;display:block; width:230px;height:27px;}


#wrapper{
	position:relative;
}
.flash_area{
	position:absolute;
	z-index:1;
	top: -64px;
	left:0;
}
.banner_area{
	position:absolute;
	z-index:3;
	top: 495px;
	left:25px;
}
#wrapper .banner_area a{
	position:relative;
	width:140px;
	height:157px;
	background:url(../imgs/bnr_second.gif);
	height:157px;
	width:140px;
	display:block;
}
#wrapper .banner_area a:hover{
	background-position:left -157px;

}