/* CSS Document */

/*header*/
#bodyContent #header {
	height:78px;
	background:url(../img/header_bg.jpg) repeat-x;
	text-align:center;
}


#bodyContent #header_inner,
#bodyContent #container,
#bodyContent #footer_inner {
	width:770px;
	margin:0 auto;
}

#bodyContent #wrapper{
	text-align:center;
}

#bodyContent #header_inner {
	height:78px;
	position:relative;
}

#bodyContent #logo_area {
	width:254px;
	margin:18px 0 0 4px;
	float:left;
}

#bodyContent #logo_wjr {
	width:49px;
	height:40px;
	float:left;
	background:url(../img/logo_westjr.jpg) no-repeat;

}

#bodyContent #logo_odk {
	width:183px;
	height:31px;
	float:right;
	background:url(../img/logo_odekake.jpg) no-repeat;

}

#bodyContent #logo_wjr a,#logo_odk a {
	width:100%;
	height:100%;
	text-indent:-9999px;
	display:block;
	font-size:1%;
}


/*container*/
#bodyContent #container {
	padding:20px 0 5px;
	text-align:left;
}
	#bodyContent #container h2 {
		margin: 20px 0;
	}

	#bodyContent #container #pageTitle {
		padding: 0 5px 9px;
		background: url(../img/pageTitleUnder.gif) repeat-x bottom;
	}

		#bodyContent #container #pageTitle h1#underPage {
			padding: 0 10px 0;
			background: url(../img/pageTitleIcon.gif) no-repeat 0 center;
		}

		#bodyContent #container #pageTitle h1#underPage span {
			margin: 0 0 0 10px;
		}
		

.notice{
	background: #F5F5F5;
	padding:10px 13px 13px 13px;
}

	.notice h5{
		border-bottom: 2px #E5E5E5 solid;
		margin:13px 0;
	}
	.notice ul{
		padding:0 13px 0 8px;
	}


#bodyContent #container #containerInner {
	padding: 0 15px;
}
	#bodyContent #container #containerInner p.lead{
		width: 700px;
		margin-bottom: 10px;
		line-height:1.5em;
	}

	#bodyContent #container #containerInner ul.lineBtm{
		margin: 18px 0 18px;
		padding: 0 0 18px;
		background: url(../img/dotLineH.gif) repeat-x bottom;
	}

	#bodyContent #container #containerInner ul li{
		list-style-type : disc;
		margin-left:15px;
		line-height:1.5em;
	}

	#bodyContent #container #containerInner h4 {
		font-weight:bold;
		margin-bottom:5px;
	}

	#bodyContent #container #containerInner .buttonArea {
		margin-top: 30px;
		width: 738px; /* 740px */
		padding: 1px;
		border: 1px #CCCCCC solid;
		text-align:center;
	
	} 

	#bodyContent #container #containerInner .buttonArea a {
		display: block;
		padding: 8px 10px 7px 22px;
		border: 1px #E5E5E5 solid;
	}
	#bodyContent #container #containerInner .buttonArea a span{
		background: url(../img/iconWindow.gif) no-repeat 0 center;
		padding-left:13px;
	}
	#bodyContent #container #containerInner a.eternal{
		background: url(../img/iconWindow.gif) no-repeat 0 center;
		padding-left:13px;
	}	
	

/* pagetop */
.pagetop {
	text-align: right;
	clear: both;
	margin: 15px 0 15px 0;
}

.pagetop a {
	padding: 0 0 0 7px;
	background: url(../img/iconPagetop.gif) no-repeat 0 center;
}

/*footer*/

#bodyContent #footer {
	border-top:solid 1px #c8C8c8;
}

#bodyContent #footer_inner {
	margin-top:5px;
	text-align: left;
	
}

#bodyContent #copyright {
	width:510px;
	height:30px;
	background:url(../img/copyright.jpg) no-repeat;
	text-align: left;

}

#bodyContent #copyright p {
	text-indent:-9999px;
	font-size:1%;
}

/*margin*/
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}