@charset "utf-8";


/* ---------------------------------------------------------------------------------------------------------- *

	 1. Path Navi
 
 * ---------------------------------------------------------------------------------------------------------- */



/* ---------------------------------------------------------------------------------------------------------- *

	 2. Frame
 
 * ---------------------------------------------------------------------------------------------------------- */

#wrapper {
	width:100%;
	height:100%;
	border-top:1px solid #999;
	}

#header-area {
	padding-top:15px;
	background:#5b4a3f;
	border-bottom:1px solid #000;
	}

#container {
	margin:0 auto;
	padding:30px 0 50px;
	width:720px;
	}

#footer-area {
	height:100px;
	background:#5b4a3f;
	border-top:1px solid #000;
	}




/* ---------------------------------------------------------------------------------------------------------- *

	 3. Header
 
 * ---------------------------------------------------------------------------------------------------------- */

#header-area h1 {
	margin:0 auto;
	width:730px;
	text-align:left;
	background:url(../img/brave-logo.gif) no-repeat;
	}

#header-area h1 a {
	display:block;
	width:180px;
	height:46px;
	text-indent:-9999px;
	overflow:hidden;
	}




/* ---------------------------------------------------------------------------------------------------------- *

	 4. Navigation
 
 * ---------------------------------------------------------------------------------------------------------- */

#brave-menu {
	margin:20px auto 0;
	width:728px;
	border-left:1px solid #7c6854;
	}

#brave-menu li.navi {
	margin:0;
	padding:0;
	float:left;
	width:102px;
	text-align:left;
	line-height:30px;
	color:#fff;
	border-right:1px solid #7c6854;
	}

#brave-menu .navi a.menu {
	display:block;
	text-align:left;
	padding:0;
	margin:0;
	/*padding: 4px 10px;*/
	/*margin: 0 1px 0 0;*/
	width: 102px;
	height:30px;
	text-decoration:none;
	}

#brave-menu .navi a.menu:hover {
	/*background: #49A3FF;*/
	}

#brave-menu .drop-dwn {
	/*background:#EAEBD8;*/
	/*border:1px solid #5970B2;*/
	visibility:hidden;
	position:absolute;
	z-index:3;
	}

#brave-menu .drop-dwn a {
	display:block;
	/*font:11px arial;*/
	text-align:left;
	/*text-decoration:none;*/
	padding-top:1px;
	/*color:#2875DE;*/
	height:20px;
	}

#brave-menu .drop-dwn a:hover {
	/*background:#49A3FF;
	color:#FFF;*/
	}

#brave-menu .drop-dwn {
	filter:alpha(Opacity=80);
	opacity:0.9;
	}




/* ---------------------------------------------------------------------------------------------------------- *

	 5. Container
 
 * ---------------------------------------------------------------------------------------------------------- */

#container {}




/* ---------------------------------------------------------------------------------------------------------- *

	 6. Footer
 
 * ---------------------------------------------------------------------------------------------------------- */

#footer-area .footer-inner {
	margin:0 auto;
	width:720px;
	height:52px;
	position:relative;
	}

.footer-inner .copy {
	position:absolute;
	top:10px;
	left:0;
	}

.footer-inner ul {
	position:absolute;
	bottom:0;
	left:0;
	}

.footer-inner ul li {
	float:left;
	padding-right:13px;
	font-size:0.8em;
	background:url(../img/icon_footer_space.gif) no-repeat 100% 50%;
	}

.footer-inner ul li.last {
	padding:0;
	background:none;
	}

.footer-inner ul li a {
	color:#fff;
	text-decoration:none;
	}

.footer-inner .top {
	width:42px;
	height:52px;
	position:absolute;
	right:0;
	background:url(../img/pagetop.gif) no-repeat;
	}

.footer-inner .top a {
	display:block;
	width:42px;
	height:52px;
	text-indent:-9999px;
	overflow:hidden;
	}