@charset "utf-8";

*{
	margin:0;
	padding:0;
}

body{
	font-family:Arial;
	font-size:75%;
	font-size:12px;
}

img{
	border:none;
	vertical-align:top;
}

a{
	color:#039;
}

a:link{
	color:#039
}

a:visited{
	color:#039;
}

a:hover{
	color:#09F;
	text-decoration:none;
}

a:active{
	color:#039;
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
}



/* -------------------- frame -------------------- */
#frame{
	background:#FFF;
	clear:both;
	margin:0 auto;
	padding:10px;
	width:700px;
	zoom:100%;
}

#frame:after{
	clear:both;
	content:"";
	display:block;
	height:0;
	visibility:hidden;
}



/* -------------------- headerArea -------------------- */
#headerArea{
	background:url(../images/bg_header.jpg) left top no-repeat;
	border-bottom:1px solid #999;
	clear:both;
	width:700px;
	height:50px;
	zoom:100%;
}

#headerArea:after{
	clear:both;
	content:"";
	display:block;
	height:0;
	visibility:hidden;
}

/* -----  ----- */
#siteLogo{
	float:left;
	width:45%;
}

/* -----  ----- */
#headerNavi{
	float:right;
	width:205px;
}

#headerNavi ul{
	list-style:none;
	text-align:right;
	width:205px;
}

#headerNavi li{
	display:block;
	float:left;
	height:22px;
}

#hbtHome{
	width:100px;
}

#hbtJp{
	width:105px;
}



/* -------------------- bodyArea -------------------- */
#bodyArea{
	clear:both;
	margin-top:5px;
	width:700px;
	zoom:100%;
}

#bodyArea:after{
	clear:both;
	content:"";
	display:block;
	height:0;
	visibility:hidden;
}



/* -------------------- footerArea -------------------- */
#footerArea{
	background:url(../images/bg_footer2.gif) left bottom repeat-x;
	clear:both;
	font-size:80%;
	padding-bottom:10px;
	width:100%;
}

/* -----  ----- */
#copyright{
	background:url(../images/bg_footer1.gif) left top;
	line-height:30px;
	text-align:center;
}



/* -------------------- other -------------------- */
.tCenter{
	text-align:center;
}

.tLeft{
	text-align:left;
}

.tRight{
	text-align:right;
}


.fNone{
	float:none;
}

.fLeft{
	float:left;
}

.fRight{
	float:right;
}

img.fLeft{
	float:left;
	margin:0 5px 5px 0;
}

img.fRight{
	float:right;
	margin:0 0 5px 5px;
}


.after{
	zoom:100%;
}

.after:after{
	clear:both;
	content:"";
	display:block;
	height:0;
	visibility:hidden;
}


.hidden{
	overflow:hidden;
	position:absolute;
	width:0px;
	height:0px;
	top:-1000px;
	left:-1000px;
}

.changeImage{}