body {
	text-align: center;
	background-image: url("../../image/pp2/pp2_back.jpg");
	background-repeat: repeat-x;
	background-attachment: fixed;
}

#center_body{
	width: 900px;
	margin: 0 auto;
	text-align: left;
	background-color: #FFFFFF;
	background-image: url("../../image/pp2/header_back.jpg");
	background-repeat: repeat-x;
}

#logo{
	text-indent: -5000px;
	width: 346px;
	height: 101px;
	margin-left: 10px;
	margin-bottom: 9px;
	background: url("../../image/pp2/logo_mini.gif") no-repeat;
}

#contents{
	clear: both;
	width: 900px;
}

#side_menu{
	float: left;
	width: 200px;
    margin-left: 10px;
	display: inline; /* for ie6 */
}

#account{
	width: 200px;
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
}
#logout{
    display: block;
    width: 145px;
    height: 35px;
	margin-left: 30px;
}
#logout a{
    display: block;
    width: 145px;
    height: 35px;
    text-indent: -5000px;
    background-image: url("../../image/pp2/logout.gif");
    background-position: left top;
}
#logout a:hover{
    background-position: right top;
}

#help_unit{
	display: block;
	width: 200px;
	padding-bottom: 5px;
	background-color: #F9CCE0;
	background-position: bottom left;
	background-image: url("../../image/pp2/help_bottom.gif");
	background-repeat: no-repeat;�@
}

#help_top{
	width: 200px;
	height: 28px;
	position: relative;
	overflow: hidden;
}
#help_top span{
	background-image: url("../../image/pp2/help_top.gif");
	position: absolute;
	top: 0px; /*for IE6*/
	width: 100%;
	height: 100%;
}

#help_list{
	width: 200px;
	padding-left: 25px;
	font-size: 13px;
	color: #E70062;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url("../../image/pp2/help_back1.gif");
	background-repeat: repeat-y;
	list-style-image: url("../../image/pp2/help_marker.gif");
}
#help_list li a{
color: #E70062;
}
#help_list li a:hover{
color: #E70062;
}

#help_all{
	width: 200px;
	height: 24px;
	background-image: url("../../image/pp2/help_middle.gif");
}

#help_all a{
    display: block;
    width: 98px;
    height: 14px;
	margin-left: 80px;
    text-indent: -5000px;
    background-image: url("../../image/pp2/help_all.gif");
    background-position: left top;
	background-repeat: no-repeat;
}
#help_all a:hover{
    background-position: right top;
	background-repeat: no-repeat;
}

#help_link{
	color: #E70062;
	margin: 0;
	padding: 20px 0 10px 30px;
	background-image: url("../../image/pp2/help_back2.gif");
}

#help_link a{
    display: block;
    width: 145px;
    height: 25px;
    text-indent: -5000px;
    background-image: url("../../image/pp2/mypage.gif");
    background-position: left top;
}
#help_link a:hover{
    background-position: right top;
}

/*__________ contents __________*/

#contents_unit{
	float: right;
	width: 670px;
	/*margin-bottom: 15px;*/
	margin-right: 10px;
	display: inline;/*  for ie6 */
	padding-bottom: 1px;
	padding-top: 1px;
	background-color: #A6A6A6;
}

#contents_back{
    width: 668px;
    padding: 10px 0 30px 0;
		margin: 0 1px 0 1px;
    background-image: url("../../image/pp2/contents_back.jpg");
    background-repeat: no-repeat;
	background-color: #FFFFFF;
}

#title{
    width: 580px;
    height: 60px;
    margin-left: 45px;
    text-align: center;
    font-size: 16px;
    color: #FFFFFF;
    background-image: url("../../image/pp2/pp2_name_back.gif");
    background-repeat: no-repeat;
}

#title strong{
    display: block;
    width: 580px;
    height: 60px;
    padding-top: 32px;
}

#main{
    width: 580px;
    margin-top: 10px;
    margin-left: 45px;
}

#main_middle{
    padding-top: 10px;
    padding-bottom: 10px;
	background-image: url("../../image/pp2/pp2_wood_back.gif");
	background-repeat: repeat-y;
}

/*__________ footer __________*/

#site_info{
	display: block;
	float: left;
	width: 900px;
	margin-top: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
    text-align: center;
}

#footer{
	display: block;
    clear: both;
    width: 900px;
    padding: 10px 0 0 0;
    text-align: center;
}

#footer div{
	padding-bottom: 20px;
}

#footer_logo{
	width: 178px;
	height: 42px;
	margin: 0 auto;
}

#footer_logo a{
	display: block;
	width: 178px;
	height: 42px;
	text-indent: -5000px;
	background-image: url("../../image/pp2/logo.gif");
	background-repeat: no-repeat;
}

#copyright{
	text-indent: -5000px;
	width: 347px;
	height: 13px;
	margin: 0 auto;
	background: url("../../image/pp2/copyright.gif") no-repeat;
}


/*------ 自動改行設定 ------*/
pre {
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
}