/*-----------------------------------------------
	IR-Library (2008.02.17)
-----------------------------------------------*/
div#body.library div#main{
	width: 756px;
}
div#body.library div#main div.left{
	width: 540px;
}
div#body.library div#main div.right{
	width: 185px;
}

/*----- left mainarea -----*/
div#body.library div#main div.left h3{
	margin: 20px 0 0 0;
	padding: 2px 0 2px 10px;
	font-weight: bold;
	background: #E0E0E0;
}
div#body.library div#main div.left h4{
	background: transparent url("/jp/common/image/img_dotted_line_bg.gif") repeat-x 0 0;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: -5px;
	padding-top: 15px;
	padding-left: 5px;
}
div#body.library div#main div.left h4.first{
	background-image: none;
	margin-top: 0px;
	padding-top: 10px;
}
div#body.library div#main ul.items{
	margin: 9px 0 0 12px;
}
div#body.library div#main ul.items li{
	padding: 6px 0 5px 20px;
	background: url("/jp/common/image/icon_list_pdf.jpg") no-repeat 4px 0.8em;
}
div#body.library div#main ul.items li.document{
	background: url("/jp/common/image/icon_list_document.gif") no-repeat 4px 0.8em;
}
div#body.library div#main ul.items li.pdf{
	background: url("/jp/common/image/icon_list_pdf.jpg") no-repeat 4px 0.8em;
}
div#body.library div#main ul.items li.movie{
	background: url("/jp/common/image/icon_list_movie.jpg") no-repeat 4px 0.8em;
}
div#body.library div#main p.note{
	color: #999999;
	font-size: 88%;
	margin-top: 25px;
}
div#body.library div#main div.left p.note img{
	vertical-align: middle;
}

/*----- right category navigation -----*/
div#body.library div#main div.right h3{
	margin: 20px 0 0 0;
}
div#body.library div#main div.right ul.summary{
	color: #999999;
	font-size: 80%;
	margin: 6px 0 0 10px;
}
div#body.library div#main div.right ul.summary li{
	padding: 3px 0 2px 13px;
	background: url("/jp/common/image/icon_list_triangle_c.gif") no-repeat 0 50%;
}
div#body.library div#main div.right ul.summary a:link,
div#body.library div#main div.right ul.summary li a:visited{
	color: #999999;
	text-decoration: none;
}
div#body.library div#main div.right ul.summary li a:hover{
	color: #BBBBBB;
	text-decoration: underline;
}
div#body.library div#main div.right ul.summary li.this-child a:link,
div#body.library div#main div.right ul.summary li.this-child a:visited,
div#body.library div#main div.right ul.summary li.this-child a:hover{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

/*----- recentarea -----*/
div#body.library div#main div.left table.recent{
	width: 539px;
	margin: 20px 0 0 0;
	background: url("/jp/ir/library/image/bg_fin_recent02.gif") no-repeat 0 100%;
	border-collapse: collapse;
}
div#body.library div#main div.left table.recent th{
	padding: 0;
	text-align: center;
	vertical-align: middle;
	background: url("/jp/ir/library/image/bg_fin_recent03.gif") no-repeat 0 0;
}
div#body.library div#main div.left table.recent td{
	padding: 0;
	width: 441px;
}
div#body.library div#main div.left .recent h4{
	margin: 0;
	padding: 13px 0 0 13px;
	background: url("/jp/ir/library/image/bg_fin_recent01.gif") no-repeat 0 0;
}
div#body.library div#main div.left .recent ul.items{
	margin: 3px 6px 0px 12px;
	padding-bottom: 10px;
}
div#body.library div#main div.left .recent ul.items li{
	padding: 2px 0 1px 20px;
	background-position: 4px 0.4em;
}

/*----- contents table -----*/
div#body.library div#main dl.contentstable dt{
	margin: 18px 0 0 0;
	padding: 0 0 0 19px;
	background: url("/jp/common/image/icon_list_square.gif") no-repeat 4px 50%;
}
div#body.library div#main dl.contentstable dd{
	padding: 0 0 18px 19px;
	background: url("/jp/common/image/img_dotted_line_bg.gif") repeat-x 0 100%;
}