/*--------------------------------------------------
catalog.css for http://www.fenwal.co.jp/
designed: his@masida.net
--------------------------------------------------*/

/*share
-------------------------------------------------------------------------------------------*/

*
{
	margin: 0;
	padding: 0;
}

body
{
	margin: 10px;
	font: small 'Lucida Grande', Tahoma, Geneva, Arial, sans-serif;
}

p, li, th, td, h1, h2 { font-size: 12px; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
table { border-collapse: collapse; }

/*orignal
-------------------------------------------------------------------------------------------*/

.text14pt { font-size: 12px; }
.text12pt { font-size: 12px; }
.treebase td { font-size: 13px; }

/*header
-------------------------------------------------------------------------------------------*/

a#closeButton
{
	display: block;
	width: 120px;
	padding: 8px 10px;
	text-align: center;
}

/*treebase
-------------------------------------------------------------------------------------------*/

body.treebase { background: url(../../annual_rep/irlibrary/images/parts/bg_treebase.gif) repeat-y; }
.treebase #wrapper { width: 200px; }
.treebase #nav { margin-bottom: 20px; }
.treebase #nav a { margin-right: 10px; }

.treebase #wrapper div
{
	margin-top: -95px !important;
	font-size: 11px !important;
	margin-left: 5px;
}

.text14pt { font-size: smaller !important; }
.text12pt { font-size: smaller !important; }
.treebase td { font-size: smaller !important; }

/*directory
-------------------------------------------------------------------------------------------*/

p.directory
{
	font-size: 11px;
	margin-bottom: 10px;
}

.directory span
{
	color: #666;
	margin: 0 3px;
}

.directory a
{
	color: blue;
	border-bottom: 1px dotted #999;
	padding-bottom: 0px;
}

.directory a:hover
{
	border-bottom: 1px solid blue;
	text-decoration: none;
}

/*border
-------------------------------------------------------------------------------------------*/

table.block, #listfile table th, #listfile table td
{
	border-top: 1px solid #AAA;
	border-left: 1px solid #BBB;
	border-right: 1px solid #BBB;
	border-bottom: 1px solid #CCC;
}

#listinfo .block .image { border-right: 1px solid #BBB; }

.image img
{
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
}

/*navi
-------------------------------------------------------------------------------------------*/

.navi a
{
	display: block;
	font-size: 11px;
	width: 120px;
	height: 20px;
	text-indent: -3000px;
}

.navi a:hover { text-decoration: none; }
td.navi { padding: 0 5px 5px 0; }

/*title
-------------------------------------------------------------------------------------------*/

.title
{
	font-size: 12px;
	background: #CCC;
	padding: 5px 10px;
}

.title span
{
	font-weight: normal;
	font-size: 90%;
}

#listthumb .title span { display: block; }
h1.title, #listinfo h2.title { margin: 2px 2px 0 2px; }

/*#listinfo(list.htm)
-------------------------------------------------------------------------------------------*/

#listinfo .block { margin-bottom: 5px; }
#listinfo .image img { margin: 5px; }

#listinfo td.navi a
{
	float: right;
	margin-left: 5px;
}

table.fileinfo
{
	margin: 10px;
	border-collapse: separate;
}

#listinfo td.info { width: 320px; }

td.item
{
	font-size: 11px;
	color: #666;
	text-align: right;
	white-space: nowrap;
}

td.var
{
	border-left: 1px dotted #CCC;
	padding-left: 6px;
}

/*#listfile(list2.htm)
-------------------------------------------------------------------------------------------*/

#listfile table th, #listfile table td { padding: 5px; }

#listfile th
{
	font-size: 11px;
	color: #333;
	background: #DDD;
}

#listfile .file { width: 300px; }
#listfile .size, #listfile .page { text-align: right; }

/*#listthumb(sam.htm) + #pagelist(pagelist.htm)
-------------------------------------------------------------------------------------------*/

table#thumb, #thumb table.block { border-collapse: separate; }
#thumb table.block { width: 100%; }

#pagelist h1
{
	font-size: 12px;
	background: #DDD;
	padding: 5px 10px;
	margin-bottom: 4px;
}

#pagelist h1 span { font-weight: normal; }
h2 span { color: #333; }

#thumb td.navi a
{
	float: right;
	margin: 0 0 0 5px;
}

/*#pageview(pageview.htm) + #pageview_cls(pageview_cls.htm)
-------------------------------------------------------------------------------------------*/

h1.title span { margin-left: 10px; }

h1.title a.dl
{
	margin-left: 20px;
	font-size: 11px;
	font-weight: normal;
}

.pagenavi { padding-bottom: 5px; }

/*
.pagenavi a
{
	display: block;
	font-size: 11px;
	width: 100px;
	height: 20px;
	text-indent: -3000px;
	float: left;
}

.pagenavi a.back { background: url(img/p_back.gif) no-repeat; }
.pagenavi a.next { background: url(img/p_next.gif) no-repeat; }
.pagenavi a.back:hover { background: url(img/p_back_on.gif) no-repeat; }
.pagenavi a.next:hover { background: url(img/p_next_on.gif) no-repeat; }
*/

.maximage { padding: 5px 30px 30px 30px; }

div.image { margin-bottom: 5px;}

/*--------------------
opening page
---------------------*/

#opg #wrapper { margin: 10px; }
#opg ul { margin: 1em; }

#opg li
{
	background: url(../../annual_rep/irlibrary/images/parts/bullet_h2_blue.gif) -4px -3px no-repeat;
	padding-left: 1em;
	margin-bottom: 0.5em;
}

#opg table { margin: 1em 1em 2em 1em; }

#opg td
{
	padding: 0.5em;
	font-weight: bold;
}

#opg td a { color: Royalblue; }

#opg #covers
{
	width: 510px;
	margin: 0 0 20px 10px;
}

#opg #covers img
{
	border-top: 1px solid #999;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 1px solid #999;
	margin: 2px;
}

#opg #title { border: 1px solid White; }
html>body #opg #title { border: none; }

#opg a.dl
{
	margin-left: 1em;
	color: #666;
}

span.AdobeReader
{
	font: bold 13px Times, serif;
	color: black;
}

span.Adobe { color: red; }

.arrow
{
	font-size: 14px;
	color: Red;
}