@charset "UTF-8";
@import url("base.css");
@import url("extensions.css");

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 01.wrapper style                                                       */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#wrapper {
	width: 100%;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 0px;
	background: url(../images/background.gif) repeat-x left top;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 02.header style                                                        */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#box {
	clear: both;
	overflow: hidden;
	width: 820px!important;
	width/**/: 828px;
	text-align: left;
	padding: 9px 4px 0px 4px;
	margin: 0px auto 0px auto;
}
div#header {
	clear: both;
	overflow: hidden;
	width: 820px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div#header h1 {
	float: left;
	width: 274px;
	height: 52px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
p#sunipet {
	float: right;
	width: 196px;
	height: 52px;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 03.navigation style                                                    */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#navigator {
	clear: both;
	overflow: hidden;
	width: 820px;
	height: 57px;
	padding: 0px 0px 0px 0px;
}
div#navigator ul {
	clear: both;
	width: 820px;
}
div#navigator ul li {
	float: left;
	height: 57px;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 04.container style                                                     */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#con_bg {
	width: 100%;
	background-color: #fbf7d3;
	background-repeat: repeat;
}
div#container {
	clear: both;
	overflow: hidden;
	width: 828px;
	text-align: left;
	background-color: #fbf7d3;
	padding: 10px 0px 0px 0px;
	margin: 0px auto 0px auto;
}
div#flash {
	clear: both;
	overflow: hidden;
	width: 820px!important;
	width/**/: 828px;
	height: 300px!important;
	height/**/: 310px;
	padding: 4px 4px 6px 4px;
	margin: 0px 0px 10px 0px;
	background: url(../images/bg_flash.gif) no-repeat;
	display: none;
	
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 05.sidebar style                                                       */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#sidebar {
	float: left;
	display: block;
	overflow: hidden;
	width: 187px!important;
	width/**/: 200px;
	padding: 0px 10px 0px 3px;
}
div#sidebar ul {
	clear: both;
	overflow: hidden;
	width: 188px;
}
div#sidebar ul li {
	float: left;
	width: 188px;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 06.contents style                                                      */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#contents {
	float: right;
	display: block;
	overflow: hidden;
	width: 617px!important;
	width/**/: 620px;
	padding: 0px 0px 0px 3px;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 07.footer style                                                        */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#w_foot {
	clear: both;
	width: 100%;
	height: auto;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-image: url(../images/bg_footer.gif);
	background-repeat: repeat-x;
	background-color: #70a66c;
}
div#footer {
	width: 820px;
	height: 150px!important;
	height/**/: 165px;
	clear: both;
	text-align: left;
	margin: 0px auto 0px auto;
	padding: 15px 0px 0px 0px;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 08.footermenu style                                                    */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#footer ul#menu {
	width: 620px;
	_width: 800px;
	height: 30px;
	clear: both;
	overflow: hidden;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	_padding: 0px 0px 0px 60px;
}
div#footer ul#menu li {
	font-size: 10px;
	line-height: 1.5em;
	background-image: url(../images/icon_arrow_01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	padding: 0px 5px 0px 12px;
}
div#footer ul#menu li a {
	color: #666666;
}
div#footer ul#menu li a:active,div#footer ul#menu li a:link,div#footer ul#menu li a:visited {
	color: #666666;
}
div#footer ul#menu li a:hover {
	color: #CC0000;
	text-decoration: underline;
}
/*+++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 09.copyright style                                                     */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#copyright {
	clear: both;
	overflow: hidden;
	width: 240px!important;
	width/**/: 820px;
	height: 8px;
	padding: 0px 290px 0px 290px;
	margin: 0px 0px 0px 0px;
}