#container {
	width : 556px;
	margin-left : 20px;
}

h3 {
	margin : 0;
	padding : 8px 0 8px 29px;
	color : #ffffff;
	background : #119b6c url(../../common/h3_mark.gif) left center no-repeat;
	font-weight : normal;
	font-size : 75%;
}

h4 {
	margin : 0 0 20px 0;
	padding : 17px 0 17px 17px;
	color : #454545;
	background : #eeeeee;
	font-size : 100%;
	border-top : solid 5px #bbbbbb;
	border-bottom : solid 1px #bbbbbb;
}

h5 {
	padding : 0 0 7px 0;
	margin : 0 0 15px 0;
	color : #0972ff;
	border-bottom : solid 3px #bbbbbb;
}

#ruby {
	font-size : 75%;
	padding : 0px;
	margin : 0 0 10px 0;
}

#navigation {
	width : 152px;
}

#navigation ul {
	list-style : none;
	margin : 0;
	padding : 0;
	border-top : 1px solid #ffffff;
}

#navigation li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ffffff;
	background: #28c696 url(../../common/li_arrow2.gif) left center no-repeat;
	font-size:75%;
}

#navigation a {
	padding : 8px 0 8px 29px;
	background : #d6f1e6 url(../../common/li_arrow1.gif) left center no-repeat;
	display : block;
	width : 123px !important;
	width /**/: 152px;
	color : #226649;
	text-decoration : none;
}

#navigation a:hover {
	color : #ffffff;
	background-image : none;
	background-color : transparent;
             text-decoration : underline;
}

.explain {
	padding : 15px 20px 10px 20px;
	margin : 0;
	background : url(explain_bg.gif) no-repeat;
}

.explain a {
	color : #0972ff;
	text-decoration : none;
}

.explain a:hover {
	color : #0972ff;
             text-decoration : underline;
}

.explain_foot {
	padding : 0 20px 20px 15px;
	margin-bottom : 40px;
	background : url(explain_foot.gif) left bottom no-repeat;
	text-align : right;
}

.explain_foot a {
	margin : 0;
	padding : 0 0 0 20px;
	font-size : 75%;
	text-align : right;
	background : url(arrow_ex.gif) left center no-repeat;
	color : #0972ff;
	text-decoration : none;
}

.explain_foot a:hover {
	color : #0972ff;
             text-decoration : underline;
}