@charset "shift_jis";


#container{
	height:100%;
	margin: 0 auto;
	text-align: left;
	background: #5f5f5f url(../images/footer_bg001.gif) repeat-y 50% 0;
}



/* ---------------
  header
--------------- */
#headerWrap{
	background: #eeeeee;
}
#headerWrap #header{
	width: 910px;
	padding: 0 4px;
	margin: 0 auto;
	background: #eeeeee url(../images/container_bg.gif) repeat-y 50% 0;
}

/* - -#logo -- */
#headerWrap #header #logo{
	padding: 12px 20px 11px;
}

/* - -#pageTitle -- */
#headerWrap #header #pageTitle{
	padding: 10px 23px;
	background: url(../images/header_bg001.gif) 0 0;
	font-weight: bold;
	font-size: 120%;
	color: #ffffff;
}

/* - -#topicPath -- */
#headerWrap #header #topicPath{
	padding: 9px 23px 6px;
	background: url(../images/topicpath_bg001.gif) 0 0;
	border-bottom: 1px solid #4f4f4f;
	zoom: 1;
}
#headerWrap #header #topicPath:after{
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
#headerWrap #header #topicPath ul li{
	float: left;
	margin-right: 3px;
	padding-left: 10px;
	background: url(../images/topicpath_bg002.gif) no-repeat 0 45%;
	font-size: 85%;
	font-weight: bold;
	color: #ffffff;
	white-space: nowrap;
}
#headerWrap #header #topicPath ul li.firstChild{
	padding-left:0;
	background:none;
}
#headerWrap #header #topicPath ul li strong{
	font-weight: bold;
}
#headerWrap #header #topicPath a:link{
	color: #ffffff;
	text-decoration: underline;
}
#headerWrap #header #topicPath a:visited{
	color: #ffffff;
	text-decoration: underline;
}
#headerWrap #header #topicPath a:hover,
#headerWrap #header #topicPath a:active,
#headerWrap #header #topicPath a:focus{
	color: #ffffff;
	text-decoration: none;
}



/* ---------------
  content
--------------- */
#contentWrap{
	background: #eeeeee;
}
#contentWrap #content{
	width: 870px;
	padding: 25px 24px 40px;
	margin: 0 auto;
	background: #eeeeee url(../images/container_bg.gif) repeat-y 50% 0;
	zoom: 1;
}
#contentWrap #content:after{
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}



/* ---------------
  footer
--------------- */
#footer{
	width: 910px;
	padding: 0 4px 30px;
	margin: 0 auto;
	background: url(../images/footer_bg001.gif) repeat-y 50% 0;
}
