/********************
Common Setting
********************/
body{
	background: #fff url('../images/bg.jpg') repeat-x;
	color: #3e260d;
}

.float_l{ display: inline; float: left; }
.float_r{ display: inline; float: right; }
.clr{ clear: both; }

.align_l{ text-align: left; }
.align_r{ text-align: right; }
.align_c{ text-align: center; }

.hdn{ visibility: hidden; }
.none{ display: none; }

.accent1{ color: #900; font-size: 85%;}
.accent2{ color: #004; }
.accent3{ color: #21663b; font-family: Arial; font-size: 153.9%; }

.clr1{ color:#482f17; }
.clr2{ color:#6b6a46; }
.clr3{ color:#745122; }

.alt{ display: none; }

/********************
Basic layout
********************/
#container{
	width: 800px;
}

#header{
	width: 800px;
	height: 80px;
}

#side{
	width: 200px;
	height: 100%;
	background: ;
	float: left;
}

#main{
	width: 800px;
}

#contents{
	width: 550px;
	float: right;
}

#footer{
	clear: both;
	width: 550px;
	padding: 20px 0 0 0;
	margin: 20px 0 0 200px;
}


/********************
Navigation setting
********************/
#navi{
	width: 200px;
}

#navi li{
	width: 200px;
	height: 40px;
	background: url('../images/navi2.png') no-repeat;
	
}

#navi li a{
	display: block;
	width: 200px;
	height: 40px;
	background: url('../images/navi2.png') no-repeat;
	text-indent: -9999px;
}

#navi #n_title1{ text-indent: -9999px; background-position: 0 0; }
#navi #n_title2{ text-indent: -9999px; background-position: 0 -120px; }
#navi #n_title3{ text-indent: -9999px; background-position: 0 -320px; }
#navi #n_title4{ text-indent: -9999px; background-position: 0 -480px; }

#navi00 a:link,
#navi00 a:visited{ background-position:    0   -720px; }
#navi00 a:hover  { background-position: -200px -720px; }
#navi00 a:active { background-position: -400px -720px;}

#navi01 a:link,
#navi01 a:visited{ background-position:    0   -40px; }
#navi01 a:hover  { background-position: -200px -40px; }
#navi01 a:active { background-position: -400px -40px;}

#navi02 a:link,
#navi02 a:visited{ background-position:    0   -80px; }
#navi02 a:hover  { background-position: -200px -80px; }
#navi02 a:active { background-position: -400px -80px;}

#navi03 a:link,
#navi03 a:visited{ background-position:    0   -160px; }
#navi03 a:hover  { background-position: -200px -160px; }
#navi03 a:active { background-position: -400px -160px;}

#navi04 a:link,
#navi04 a:visited{ background-position:    0   -200px; }
#navi04 a:hover  { background-position: -200px -200px; }
#navi04 a:active { background-position: -400px -200px;}

#navi05 a:link,
#navi05 a:visited{ background-position:    0   -240px; }
#navi05 a:hover  { background-position: -200px -240px; }
#navi05 a:active { background-position: -400px -240px;}

#navi06 a:link,
#navi06 a:visited{ background-position:    0   -280px; }
#navi06 a:hover  { background-position: -200px -280px; }
#navi06 a:active { background-position: -400px -280px;}

#navi07 a:link,
#navi07 a:visited{ background-position:    0   -360px; }
#navi07 a:hover  { background-position: -200px -360px; }
#navi07 a:active { background-position: -400px -360px;}

#navi08 a:link,
#navi08 a:visited{ background-position:    0   -400px; }
#navi08 a:hover  { background-position: -200px -400px; }
#navi08 a:active { background-position: -400px -400px;}

#navi09 a:link,
#navi09 a:visited{ background-position:    0   -440px; }
#navi09 a:hover  { background-position: -200px -440px; }
#navi09 a:active { background-position: -400px -440px;}

#navi10 a:link,
#navi10 a:visited{ background-position:    0   -520px; }
#navi10 a:hover  { background-position: -200px -520px; }
#navi10 a:active { background-position: -400px -520px;}

#navi11 a:link,
#navi11 a:visited{ background-position:    0   -560px; }
#navi11 a:hover  { background-position: -200px -560px; }
#navi11 a:active { background-position: -400px -560px;}

#navi12 a:link,
#navi12 a:visited{ background-position:    0   -600px; }
#navi12 a:hover  { background-position: -200px -600px; }
#navi12 a:active { background-position: -400px -600px;}

#navi13 a:link,
#navi13 a:visited{ background-position:    0   -640px; }
#navi13 a:hover  { background-position: -200px -640px; }
#navi13 a:active { background-position: -400px -640px;}

#navi14 a:link,
#navi14 a:visited{ background-position:    0   -680px; }
#navi14 a:hover  { background-position: -200px -680px; }
#navi14 a:active { background-position: -400px -680px;}

#navi15 a:link,
#navi15 a:visited{ background-position:    0   -760px; }
#navi15 a:hover  { background-position: -200px -760px; }
#navi15 a:active { background-position: -400px -760px;}

#navi16 a:link,
#navi16 a:visited{ background-position:    0   -800px; }
#navi16 a:hover  { background-position: -200px -800px; }
#navi16 a:active { background-position: -400px -800px;}

#navi17 a:link,
#navi17 a:visited{ background-position:    0   -840px; }
#navi17 a:hover  { background-position: -200px -840px; }
#navi17 a:active { background-position: -400px -840px;}

#navi18 a:link,
#navi18 a:visited{ background-position:    0   -880px; }
#navi18 a:hover  { background-position: -200px -880px; }
#navi18 a:active { background-position: -400px -880px;}


/********************
Basic Box (div.section) setting
********************/

.section{
	width: 550px;
	margin: 1em 0;
}

.section p{
	font-size: 93%;
	color: #666;
	line-height: 1.5;
	margin: 10px 0;
}


/********************
Go Top Anchoer
********************/
.gotop{
	clear: both;
	width: 120px;
	height: 20px;
	margin: 10px 0px 10px 430px;
}

.gotop a{
	display: block;
	width: 120px;
	height: 20px;
	background: url('../images/gotop.png');
	text-indent: -9999px;
}