@charset "utf-8";

* {
    font-family:Geneva, Arial, Helvetica, sans-serif;
    }

body,form,fieldset {
    margin:0;
	padding:0;
	}

h1,h2,h3,h4,h5,h6,
div,p,pre,ul,li,ol,dl,dt,dd,
address,form,blockquote
	{
	margin:0;
	padding:0;
	line-height:1;
	}

p {
    line-height:1.8;
	text-align:justify;
	text-justify:inter-ideograph;
	}

li {
    list-style:none;
	line-height:1.8;
	text-align:justify;
	text-justify:inter-ideograph;
	}
	
dl,dt,dd {
	line-height:1.8;
	text-align:justify;
	text-justify:inter-ideograph;
	}
	
table,tr,td,th {
    line-height:1.8;
	}

input, textarea {
    font-size:1em;
	}

img {
    border:none;
	}

/* BODY
============================================*/
body{ 
    font-size:80%;
    color:#666;
	padding-bottom:40px;
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
    }


/* LINK
============================================*/
a:link { 
    color:#666;
	text-decoration:underline;
	border:0;
    }
a:visited { 
    color:#666;
	text-decoration:underline;
	border:0;
    }
a:active {
    color:#666;
	text-decoration:underline;
	border:0;
    }
a:hover {
    color:#c28e00;
	text-decoration:none;
	border:0;
    }


/* WRAPPER
============================================*/
#wrapper {
    width:760px;
	margin:0 auto;
    text-align:left;
    }
	
	
/* HEADER
============================================*/
#header {
    width:760px;
    height:115px;
	clear:both;
	background:url(../images/bg_header.jpg) no-repeat;
	}
	
#logo a {
    width:148px;
    height:42px;
	position:absolute;
	margin:30px 0 0 5px;
	display:block;
	text-decoration:none;
	text-indent:-5000px;
	font-size:1px;
	}
		
	
/* GLOBAL NAVIGATION
============================================*/
#globalNavigation {
    height:10px;
	position:absolute;
	margin:70px 0 0 228px;
	}
	
li#navi01,
li#navi02,
li#navi03,
li#navi04 {
	width:125px;
	height:30px;
	margin-right:5px;
	float:left;
	text-indent:-5000px;
	font-size:1px;
    }
li#navi01 {
	background:url(../images/navi_01.gif) no-repeat center;
    }
li#navi02 {
	background:url(../images/navi_02.gif) no-repeat center;
    }
li#navi03 {
	background:url(../images/navi_03.gif) no-repeat center;
    }
li#navi04 {
	background:url(../images/navi_04.gif) no-repeat center;
    }

li#navi01 a,
li#navi02 a,
li#navi03 a,
li#navi04 a {
	display:block;
	width:125px;
	height:30px;
	text-decoration:none;
    }
 
li#navi01 a:hover {
	background:url(../images/navi_01_on.gif) no-repeat center;
    }
li#navi02 a:hover {
	background:url(../images/navi_02_on.gif) no-repeat center;
    }
li#navi03 a:hover {
	background:url(../images/navi_03_on.gif) no-repeat center;
    } 
li#navi04 a:hover {
	background:url(../images/navi_04_on.gif) no-repeat center;
    }


/* CONTENT WRAPPER
============================================*/
#contentWrapper {
    width:760px;
	background:url(../images/bg_contents.jpg) no-repeat;
	}
	
	
/* CONTENT AREA
============================================*/
#contentArea {
    width:650px;
	margin:0 auto;
	}



/* FOOTER
============================================*/
#footer {
    clear:both;
	width:760px;
	height:100px;
	background:url(../images/bg_footer.gif) no-repeat;
	}
#footer p {
    text-indent:-5000px;
	font-size:1px;
	}


	
/* TITLE,SUBJECT
============================================*/
h1 {
    width:650px;
	height:260px;
	text-indent:-5000px;
	font-size:1px;
	}

h2 {
	text-indent:-5000px;
	font-size:1px;
	clear:both;
	}
	
h3{
	text-indent:-5000px;
	font-size:1px;
	clear:both;
	}
	
	
/* PARAGRAPH
============================================*/
p {
    margin-bottom:20px;
	}
.clear {
    margin:0;
	clear:both;
	}
.spacer {
    margin-bottom:40px;
	}
.toTop {
    width:28px;
	height:26px;
    background:url(../images/btn_top.gif) no-repeat;
	margin:0 auto 40px auto;
	text-indent:-5000px;
	font-size:1px;
	}
.toTop a {
    width:28px;
	height:26px;
	display:block;
	text-decoration:none;    
	}