@charset "UTF-8";

/* =============================================================
 layout.css
 =============================================================== */

/* wrapper
---------------------------------------------------------------- */
#wrapper {
	position:relative;
	width: 848px;
	min-height: 100%;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	/*background: #FFFFFF;*/
	font-size: 100%;
}
* html #wrapper {
	height: 100%;
}

/* container
---------------------------------------------------------------- */
#container {
	width: 100%;
	/*padding-bottom: 88px;*/
}



#headline {
	background: #663333;
	color: #996633;
}

h1.logo {
	position: absolute;
	left: 13px;
	top: 10px;
	z-index: 10;
}

/* header
---------------------------------------------------------------- */
#header {
	width: 773px;
	height: 25px;
	background: #36261B;
	color: #FFFFFF;
	padding: 32px 0px 0px 75px;
}
#header .intro {
	color: #999999;
	float: left;
	width: 410px;
}
#header ul {
	float: right;
	width: 360px;
	text-align: right;
}
#header li {
	display: inline;
	float: right;
}
#header li a {
	padding-left: 15px;
	padding-right: 15px;
	background: url(../image/common/arrow_white.gif) no-repeat left;
	color: #FFFFFF;
}

#header #fontsize {
	position: absolute;
	right: 7px;
	top: 7px;
	background: #F5F1E7;
	border: 1px solid #CCCCCC;
	padding: 1px 2px;
}
#header #fontsize a {
	text-decoration: none;
}
#header #fontsize .fontsize-text {
	float: left;
	color: #FFFFFF;
	vertical-align: middle;
}
#header #fontsize a#fontsize-s {
	display:block;
	float: left;
	margin-right: 3px;
	width: 15px;
	height: 15px;
	line-height: 15px;
	background: url(../image/common/fontsize_s_ov.gif) no-repeat;
}
#header #fontsize a#fontsize-b {
	display:block;
	float: left;
	margin-right: 1px;
	width: 15px;
	height: 15px;
	line-height: 15px;
	background: url(../image/common/fontsize_b.gif) no-repeat;
}
#header #fontsize em {
	visibility: hidden;
	font-size: 9px;
}

#header #printpage {
	position: absolute;
	right: 115px;
	top: 7px;
}

/* gnavi
---------------------------------------------------------------- */
#gnavi {
	width: 760px;
	height: 33px;
	margin: 0px;
	padding: 0px 5px 0px 83px;
	background: #FFFFEC url(../image/gnavi/gnavi_back.jpg) repeat-x;
	clear: both;
}

/* breadcrumb
---------------------------------------------------------------- */
#breadcrumb {
	width: 768px;
	padding-left: 80px;
	color: #FFFFFF;
}
#breadcrumb li {
	float: left;
}
#breadcrumb li a {
	padding-right: 15px;
	background: url(../image/common/breadcrumb.gif) no-repeat right;
	color: #FFFFFF;
}
#breadcrumb li a:hover {
	color: #990000;
}

#mainimage {
	clear: both;
	width: 100%;
	padding-bottom: 5px;
}

#flash-area {
	z-index: 1;
	padding-bottom: 5px;
}
/*#image-area {
	background: #CCCCCC;
	height: 220px;
}*/


/* contents
---------------------------------------------------------------- */
#contents {
	clear: both;
	width: 100%;
}

/* footer
---------------------------------------------------------------- */
#footer {
	/*position:absolute;
	bottom: 0px;
	left: 0px;*/
	width: 848px;
	height: 88px;
}
#footer .upper {
	width: 833px;
	height: 52px;
	background: #36261B;
	color: #FFFFFF;
	padding-top: 8px;
	padding-left: 15px;
}
#footer .upper .copyright {
	float: left;
	width: 200px;
}
#footer .upper ul {
	float: right;
	width: 570px;
}
#footer .upper li {
	display: inline;
	float: right;
	margin-bottom: 5px;
}
#footer .upper li a {
	padding-left: 15px;
	padding-right: 15px;
	background: url(../image/common/arrow_white.gif) no-repeat left;
	color: #FFFFFF;
}

/* footer-banner
---------------------------------------------------------------- */
#footer #footer-banner {
	width: 848px;
	height: 48px;
	clear: both;
}
#footer #footer-banner li {
	float: left;
	padding-right: 6px;
}
#footer #footer-banner li.second-last {
	float: left;
	padding-right: 5px;
}
#footer #footer-banner li.last {
	float: left;
	padding-right: 0px;
}