/********************
Basic Box Setting
********************/
#container{
	width: 950px;
	margin: 0 auto;
}

#header{
	width: 950px;
	height: 80px;
	overflow: hidden;
	background: url('images/bg_header.gif ') no-repeat;
}

#main{
	width: 950px;
	margin: 0;
}

#footer{
	width: 100%;
	background: url('images/bg_footer.gif') repeat-x 0 8px;
}

#footer .inner{
	width: 900px;
	height: 20px;
	text-align: center;
	padding: 20px 0;
	margin: 0 auto;
	font-size: 10px;
	line-height: 20px;
	background: transparent;
}

#footer .inner p{
	margin: 0 !important;
	color: #ccc;
}


/********************
Header
********************/
#header p{
	font-size: 10px;
	height: 20px;
	line-height: 20px;
}
h1{
	width: 300px;
	float: left;
	text-indent: -9999px;
}

#header ul{
	width: 160px;
	margin: 5px 0 0;
	font-size: 11px;
}

#header #info{
	width: 280px;
	height: 50px;
	overflow: hidden;
}

#link_blog{
	width: 120px;
	height: 50px;
}

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

#link_blog a:link,
#link_blog a:visited{ background-position: 0 0; }
#link_blog a:hover  { background-position: 0 -50px; }
#link_blog a:active { background-position: 0 -100px; }


/********************
Navigation
********************/
#navi{
	width: 950px;
	height: 40px;
	background: #555;
}

#navi li{
	width: 95px;
	height: 40px;
	float: left;
}

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

#navi #navi01 a:link, 
#navi #navi01 a:visited { background-position: 0   0;}
#page02 #navi #navi01 a { background-position: 0 -40px;}
#navi #navi01 a:hover   { background-position: 0 -40px;}
#navi #navi01 a:active  { background-position: 0 -80px;}

#navi #navi02 a:link,
#navi #navi02 a:visited { background-position: -95px   0;}
#page03 #navi #navi02 a { background-position: -95px -40px;}
#navi #navi02 a:hover   { background-position: -95px -40px;}
#navi #navi02 a:active  { background-position: -95px -80px;}

#navi #navi03 a:link, 
#navi #navi03 a:visited { background-position: -190px   0;}
#page04 #navi #navi03 a { background-position: -190px -40px;}
#navi #navi03 a:hover   { background-position: -190px -40px;}
#navi #navi03 a:active  { background-position: -190px -80px;}

#navi #navi11 a:link, 
#navi #navi11 a:visited { background-position: -285px   0;}
#page11 #navi #navi11 a  { background-position: -285px -40px;}
#navi #navi11 a:hover   { background-position: -285px -40px;}
#navi #navi11 a:active  { background-position: -285px -80px;}

#navi #navi04 a:link, 
#navi #navi04 a:visited { background-position: -380px   0;}
#page05 #navi #navi04 a { background-position: -380px -40px;}
#navi #navi04 a:hover   { background-position: -380px -40px;}
#navi #navi04 a:active  { background-position: -380px -80px;}

#navi #navi05 a:link, 
#navi #navi05 a:visited { background-position: -475px   0;}
#page06 #navi #navi05 a { background-position: -475px -40px;}
#navi #navi05 a:hover   { background-position: -475px -40px;}
#navi #navi05 a:active  { background-position: -475px -80px;}

#navi #navi06 a:link, 
#navi #navi06 a:visited { background-position: -570px   0;}
#page07 #navi #navi06 a { background-position: -570px -40px;}
#navi #navi06 a:hover   { background-position: -570px -40px;}
#navi #navi06 a:active  { background-position: -570px -80px;}


#navi #navi07 a:link, 
#navi #navi07 a:visited { background-position: -665px   0;}
#page08 #navi #navi07 a { background-position: -665px -40px;}
#navi #navi07 a:hover   { background-position: -665px -40px;}
#navi #navi07 a:active  { background-position: -665px -80px;}

#navi #navi08 a:link, 
#navi #navi08 a:visited { background-position: -760px   0;}
#page09 #navi #navi08 a { background-position: -760px -40px;}
#navi #navi08 a:hover   { background-position: -760px -40px;}
#navi #navi08 a:active  { background-position: -760px -80px;}

#navi #navi00 a:link, 
#navi #navi00 a:visited { background-position: -855px   0;}
#page00 #navi #navi00 a { background-position: -855px -40px;}
#navi #navi00 a:hover   { background-position: -855px -40px;}
#navi #navi00 a:active  { background-position: -855px -80px;}


/********************
Navi2 Setting
********************/
#navi2{
	width: 950px;
	height: 18px;
	overflow: hidden;
}

#navi2 li{
	display: inline;
	float: left;
	width: 80px;
	height: 18px;
	overflow: hidden;
}

#navi2 li a{
	display: block;
	width: 80px;
	height: 18px;
	background: url('images/navi2.gif') no-repeat;
	text-indent: -9999px;
}

#navi21 a:link,
#navi21 a:visited { background-position: 0   0; }
#navi21 a:hover   { background-position: 0 -18px;}
#navi21 a:active  { background-position: 0 -36px;}

#navi22 a:link,
#navi22 a:visited { background-position: -80px   0; }
#navi22 a:hover   { background-position: -80px -18px;}
#navi22 a:active  { background-position: -80px -36px;}

#navi23 a:link,
#navi23 a:visited { background-position: -160px   0; }
#navi23 a:hover   { background-position: -160px -18px;}
#navi23 a:active  { background-position: -160px -36px;}

#navi24 a:link,
#navi24 a:visited { background-position: -240px   0; }
#navi24 a:hover   { background-position: -240px -18px;}
#navi24 a:active  { background-position: -240px -36px;}

#navi25 a:link,
#navi25 a:visited { background-position: -320px   0; }
#navi25 a:hover   { background-position: -320px -18px;}
#navi25 a:active  { background-position: -320px -36px;}

#navi26 a:link,
#navi26 a:visited { background-position: -400px   0; }
#navi26 a:hover   { background-position: -400px -18px;}
#navi26 a:active  { background-position: -400px -36px;}

#navi27 a:link,
#navi27 a:visited { background-position: -480px   0; }
#navi27 a:hover   { background-position: -480px -18px;}
#navi27 a:active  { background-position: -480px -36px;}

#navi28 a:link,
#navi28 a:visited { background-position: -560px   0; }
#navi28 a:hover   { background-position: -560px -18px;}
#navi28 a:active  { background-position: -560px -36px;}

#navi29 a:link,
#navi29 a:visited { background-position: -640px   0; }
#navi29 a:hover   { background-position: -640px -18px;}
#navi29 a:active  { background-position: -640px -36px;}

#navi30 a:link,
#navi30 a:visited { background-position: -720px   0; }
#navi30 a:hover   { background-position: -720px -18px;}
#navi30 a:active  { background-position: -720px -36px;}

#navi31 a:link,
#navi31 a:visited { background-position: -800px   0; }
#navi31 a:hover   { background-position: -800px -18px;}
#navi31 a:active  { background-position: -800px -36px;}


#navi32,#navi32 a{ width: 70px !important; }
#navi32 a:link,
#navi32 a:visited { background-position: -880px   0;}
#navi32 a:hover   { background-position: -880px -18px;}
#navi32 a:active  { background-position: -880px -36px;}


/********************
Side bar Setting
********************/
.side{
	background: url('images/bg_side.gif') no-repeat 0 0;
	width: 180px;
/*	height: 800px;*/
}

.side h3{
	width: 180px;
	height: 60px;
	padding: 0 0 10px 0;
	margin: 20px 0 0 0;
}



#banners{
	clear: both;
	width: 180px;
	height:360px;
/*	background: #000;*/
}


#banners li{
/*	float: left;*/
	width: 180px;
	height: 80px;
	margin: 0 0 10px 0;
	overflow: hidden;
}

#banners li a{
	display: block;
	width: 180px;
	height: 80px;
	margin: 0;
	text-indent:-9999px;
	background: transparent url('images/banner_manu.jpg') no-repeat;
	overflow: hidden;
}

#banner01 a:link,
#banner01 a:visited{ background-position: 0    0; }
#banner01 a:hover  { background-position: 0  -80px; }
#banner01 a:active { background-position: 0 -160px; }

#banner02 a:link,
#banner02 a:visited{ background-position: -180px    0; }
#banner02 a:hover  { background-position: -180px  -80px; }
#banner02 a:active { background-position: -180px -160px; }

#banner03 a:link,
#banner03 a:visited{ background-position: -360px    0; }
#banner03 a:hover  { background-position: -360px  -80px; }
#banner03 a:active { background-position: -360px -160px; }

#banner04 a:link,
#banner04 a:visited{ background-position: -540px    0; }
#banner04 a:hover  { background-position: -540px  -80px; }
#banner04 a:active { background-position: -540px -160px; }

.contact_btn{
	width: 180px;
	height: 50px;
	margin: 0 0 20px 0;
}

.contact_btn a{
	display: block;
	width: 180px;
	height: 50px;
	background: url('images/contact_btn.gif') no-repeat;
	text-indent: -9999px;
}

.contact_btn a:link,
.contact_btn a:visited{ background-position: 0 0; }
.contact_btn a:hover  { background-position: 0 -50px; }
.contact_btn a:active { background-position: 0 -100px; }

/********************
Item Box Setting
********************/
.inner{
	background: #fff;
	width: 750px;
	margin: 30px 0 0 0;
}
.inner .item_box{
	padding: 20px;
}
.inner p{
	color: #666;
}
.item_box{
	margin: 0 0 20px 0;
}

.item_box h3{
	margin: 0 0 20px 0;
	border-bottom: 1px solid #999;
}

.item_box p{
	font-size: 93%;
	line-height: 1.5;
}

.item_box .item_body{
	background: #fff;
	color: #333;
}