/***********************************************/
/* 2col_leftNav.css                            */
/* Use with template 2col_leftNav.html         */
/***********************************************/
/***********************************************/
/* HTML tag styles                             */
/***********************************************/
*
{
	margin: 0;
	padding: 0;
}

body
{
	font-family: Helvetica, Arial,sans-serif;
	font-size: small;
	color: #333333;
	line-height: 1.1666em;
	margin: 0 10px 0 0;
	background: #DDD;
}

a:link, a:visited, a:hover
{
	color: #006699;
	text-decoration: none;
}

a:hover { text-decoration: underline; }

/* overrides decoration from previous rule for hovered links */
h1, h2, h3, h4, h5, h6 { }

h1
{
	width: 270px;
	height: 40px;
	margin-left: 5px;
	text-indent: -3000px;
	background: url(../img/logo_h1.gif) no-repeat;
	float: left;
}

h2
{
	font-size: 13px;
	color: #006699;
}

h3
{
	font-size: 12px;
	color: #334d55;
	inherit: ;
}

h4
{
	font-size: 12px;
	font-weight: normal;
	color: #333333;
}

h5
{
	font-size: 12px;
	color: #334d55;
}

ul { list-style-type: none; }

label
{
	font: bold 100% Arial,sans-serif;
	color: #334d55;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#masthead { width: 100%; }
#general #masthead { border: none; }

.wrapper
{
	width: 650px;
	border: 1px solid #CCC;
	background: White;
}

.exWindow .wrapper
{
	width: 100%;
	border: 1px solid #CCC;
}

#contentArea
{
	margin: 2px 0;
	background-repeat: repeat-y !important;
}

#navBar { width: 148px; }

#content
{
	float: right;
	width: 460px;
	margin: 0 10px 20px 0;
}

html>body #content
{
	width: 460px;
	margin: 0 20px 20px 0;
}

/***********************************************/
/*Component Divs                               */
/***********************************************/
#siteName
{
	height: 40px;
	background: url(../img/bg_head.gif) repeat-x;
}

#siteName p
{
	float: right;
	margin: 13px 10px;
	font-size: 11px;
	display: none;
}

body#top #siteName p { display: block;}

body#top #siteName p a span { font: bold 11px 'Lucida Grande', Tahoma, sans-serif;}

/*************** #pageName styles **************/
#pageName { margin-bottom: 10px; }

/************* #globalNav styles **************/
#globalNav
{
	margin-top: -2px;
	white-space: nowrap;
	background: #CCC !important;
	border: 1px solid #CCC;
	border-left: none;
}

html>body #globalNav
{
	margin-top: 0;
}

/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

#globalNav img { display: block; }
#globalNav ul { background: #CCC; }
#globalNav li { float: left; }

#globalNav li a
{
	font-size: 80%;
	margin-top: 0;
	padding: 5px 8px;
	display: block;
	border-left: 1px solid #999;
	border-right: 1px solid #FFF;
	font-family: Tahoma, "Lucida Grande", sans-serif;
	text-align: center;
	background-color: #CCC;
}

#globalNav li a:hover
{
	background: White;
	text-decoration: none;
}

#globalNav a.dir01
{
	width: 131px;
	border-left: none;
}

#top a.dir01
{
	background: #999;
	color: #AAA;
}

#top a.dir01:hover
{
	background: #999;
	color: #AAA;
}

#company a.dir02 { background: White; }
#products a.dir03 { background: White; }
#ir a.dir04 { background: White; }
#pmc a.dir05 { background: White; }
#pla a.dir06 { background: White; }

/************* #localNav styles **************/
#localNav { display: none; }

.map #localNav
{
	display: block;
	margin-top: 1px;
}

#localNav li { float: left; }

#localNav li a
{
	font-size: 80%;
	margin-top: 0;
	padding: 5px 8px;
	display: block;
	border-right: 1px solid #999;
	font-family: Tahoma, "Lucida Grande", sans-serif;
	text-align: center;
}

/************* #breadCrumb styles *************/
#breadCrumb
{
	font-size: 80%;
	margin: 1em 0;
}

/************** .feature styles ***************/
.feature
{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}

.feature h3
{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature img
{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}

/* adjust margins to change separation between the feature image and text flowing around it */
/************** .story styles *****************/
.story
{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story p { padding: 0px 0px 10px 0px; }

/************* #siteInfo styles ***************/
#siteInfo
{
	border-top: 1px solid #CCC;
	font-size: 80%;
	padding: 5px 10px 8px 10px;
	margin-top: 0px;
	background: url(../img/bg_foot.gif) top repeat-x;
}

/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" */

#siteInfo img
{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}

#siteInfo a { margin-right: 1em; }
#siteInfo span { margin-left: 1em; }

/************* #search styles ***************/
#search
{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #CCC;
	font-size: 90%;
}

#search form { }
#search label { display: block; }

/*********** #navBar link styles ***********/
#navBar ul a:link, #navBar ul a:visited { display: block; }
#navBar ul { list-style: none; }

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li { border-bottom: 1px solid #EEE; }
#navBar ul { border-top: 1px solid #EEE; }

/* fix for browsers that don't need the hack */
html>body #navBar li { border-bottom: none; }
html>body #navBar ul { border-top: none; }

/*********** #sectionLinks styles ***********/
#sectionLinks
{
	position: relative;
	margin: 0 10px;
	font-weight: bold;
	font-size: 80%;
	font-family: "Lucida Grande", Tahoma, sans-serif;
	border-bottom: 1px dotted #999;
}

#sectionLinks h3 { padding: 10px 0px 2px 10px; }

#sectionLinks a
{
	padding: 5px 5px 5px 15px;
	border-top: 1px dotted #999;
	background: url(../img/bullet_in.gif) 0 10px no-repeat;
}

#sectionLinks a.ex { background-image: url(../img/bullet_ex.gif); }
html>body #sectionLinks a { background-position: 0 8px; }
#sectionLinks a:link { width: auto; }
#sectionLinks a:visited { }
#sectionLinks a:hover { background-color: #DDD; }

/*********** .relatedLinks styles ***********/
.relatedLinks
{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}

.relatedLinks h3 { padding: 10px 0px 2px 0px; }

/************** #advert styles **************/
#advert
{
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

#advert img { display: block; }

/************** #headlines styles **************/
#headlines
{
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 80%;
}

#headlines p { padding: 5px 0px 5px 0px; }

/*--------------------
html elements
--------------------*/

table
{
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}

table.list { border-collapse: separate; }

td
{
	vertical-align: top;
	padding: 0.5em 0;
}

ol { list-style-position: inside; }

/*--------------------
font-size
--------------------*/

#content td, #content p, #content li, #content div { font-size: 11px; }
.hilights th { font-size: 80%; }

/*--------------------
shared custom elements
--------------------*/

.item
{
	white-space: nowrap;
	padding-right: 1em !important;
}

.clearer
{
	clear: both;
	height: 0;
	overflow: hidden;
}

.alert { color: Red; }

.list
{
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding-top: 1px;
}

.list td, .list div, ul.list li
{
	border-top: 1px dotted #CCC !important;
	padding: 0.3em 0;
}

.list td div, .faq div.nest, .faq div.Answer, .faq div.Answer td, .faq div.Answer div, div.image, div.text { border: none !important; }
div.block { margin-bottom: 15px; }
h3 { margin-bottom: 0.2em; }

h4
{
	margin-bottom: 0.2em;
	font-weight: bold;
}

.contacts span.tel { margin-right: 1em; }

/*--------------------
product
--------------------*/

.pCode, .pUsage { }

.pCode
{
	font-size: 90%;
	font-weight: bold;
}

div.example
{
	border: 1px solid #CCC;
	padding: 3px 6px;
	background: #D1EBCE;
	margin-bottom: 1em;
}

div.example p.heading
{
	font-weight: bold;
	color: #666;
}

div.example span
{
	font-weight: normal;
	font-size: 11px;
	color: Black;
}

/*Product Lineup*/
table.lineup
{
	border: 1px solid #CCC;
	margin: 1em 0;
}

table.lineup th, table.lineup td
{
	border: 1px solid #CCC;
	padding: 3px;
}

table.lineup th
{
	border: 1px solid #CCC;
	border-bottom: 3px double #CCC;
	background: #D1EBCE;
}

table.lineup td.item
{
	color: #334d55;
	font-weight: bold;
	padding-left: 6px;
	vertical-align: middle;
}

table.lineup td.abbreviation
{
	text-align: center;
	font-weight: bold;
	font-size: 90%;
	vertical-align: middle;
}

table.lineup td.applications { text-align: left !important; }

/*--------------------
exWindow
--------------------*/

.exWindow #contentArea { background-image: none !important; }

.exWindow #content
{
	float: none;
	width: auto;
	margin: 10px 20px;
}

.exWindow div#navBar, .exWindow div#breadCrumb, .exWindow #globalNav { display: none; }

/*--------------------
general
--------------------*/

#general #content
{
	float: none;
	width: auto;
	margin: 10px 20px;
}

#general div#navBar, #general div#breadCrumb, #general #globalNav { display: none; }

#general .sign
{
	margin-top: 2em;
	border: none;
}

/*--------------------
ir
--------------------*/

.toOurInvestors .message p { margin-bottom: 0.5em; }
.hilights #content { }

.hilights td
{
	padding: 3px;
	vertical-align: middle;
}

.hilights td.value { font-size: 9px !important; }
html>body .hilights td.value { font-size: 10px !important; }
.hilights td.value, .hilights .accountType td { text-align: right; }

#ir .portrait
{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

#ir .sign
{
	margin-top: 2em;
	text-align: right;
}

.hilights #content div div { margin-bottom: 2em; }
.hilights #graphs table { margin-bottom: 15px; }
.hilights h3 { margin-bottom: 0.5em; }

.hilights h4 .unit
{
	font-weight: normal;
	font-size: 11px;
	margin-left: 0.5em;
}

.hilights .notes
{
	font-size: 10px;
	padding: 1em;
	background: #EEE;
}

.hilights .notes li
{
	list-style-type: disc;
	list-style-position: inside;
}

h5.notes { padding-bottom: 0.2em !important; }
ul.notes { padding-top: 0 !important; }
.faq .block { margin-bottom: 0; }
.faq .Answer ul { margin: 1em 0 0 0; }

.faq .Answer .caption
{
	margin-left: 0;
	font-size: smaller;
}

.faq .Answer table { width: auto; }
.faq .Answer table.border { border: 1px solid #CCC; }

.faq .Answer table.border td, .faq .Answer table.border th
{
	border: 1px solid #CCC !important;
	padding: 3px;
}

.faq .Answer .follow { margin-top: 1em; }
.faq .Answer td.value { text-align: right; }

/*--------------------
top
--------------------*/

#top #content
{
	float: none;
	width: auto;
	margin: 0;
}

#top div#navBar, #top div#breadCrumb, #top #pageName { display: none; }

/*--------------------
company
--------------------*/

#company td { }

.greeting .portrait
{
	float: left;
	margin-right: 10px;
}

.greeting .sign { margin-top: 80px; }
.e-policy ol li { margin: 0.5em 0; }
.affiliated td.value { width: 100%; }

/*--------------------
pmc
--------------------*/

.strengths .line ul { margin: 1em; }
.strengths .line ul li { margin-bottom: 1em; }
th.strengths { background: #FC6; }
th.weaknesses { background: #999; }
td.strengths { background: #FFF5E1; }
td.weaknesses { background: #EEE; }

/*--------------------
pla
--------------------*/

p.intro { margin-bottom: 1em; }
.origin .image table, .origin .image td { border: none !important; }
.origin .image table { margin: 0; }

.origin .image td
{
	padding: 3px;
	text-align: center;
}

.origin .image td.left { text-align: right; }
.origin .image td.right { text-align: left; }

.origin table
{
	border: 1px solid #CCC;
	margin: 1em 0;
}

.origin td
{
	padding: 0px;
	border: 1px solid #CCC;
}

.origin td ul { margin: 0.5em; }

.origin th
{
	padding: 3px;
	border: 1px solid #CCC;
	border-bottom: 3px double #CCC;
}

.made .conclusion
{
	font-weight: bold;
	color: #F90;
	margin-top: 1em;
}

table.characteristics
{
	border: 1px solid #CCC;
	margin: 1em 0;
}

table.characteristics th, table.characteristics td
{
	border: 1px solid #CCC;
	padding: 3px;
}

table.characteristics th
{
	border: 1px solid #CCC;
	border-bottom: 3px double #CCC;
}

table.characteristics td.item { color: #334d55; }
table.characteristics td.value { text-align: center; }
.level0 { color: Red; }
.level1 { color: Orange; }
.level2 { color: Green; }
.level3 { color: Blue; }
.choosing #texts li { margin-bottom: 0.5em; }

/*--------------------
pmc & pla
--------------------*/

.work .image img, .made .image img
{
	border: 1px solid #CCC;
	padding: 2px;
	margin-left: 2px;
}

#pmc #texts ul, #pla #texts ul
{
	margin: 1em;
	list-style-type: disc;
	list-style-position: inside;
}

/*-----------------------
layout, banners & images
-----------------------*/

#banner, #dirName, .textHide { text-indent: -3000px !important; }

/***top***/
#top #banner
{
	width: 650px;
	height: 290px;
	background: url(../img/banner_top.jpg) no-repeat;
}

#top h2
{
	width: 650px;
	height: 19px;
	background: url(../img/h2_top.gif) no-repeat;
}

#top h2 a { }

#top ul.list
{
	background: url(../img/bg_side_top.gif) repeat-y;
	padding: 0.5em 20px 0.5em 160px;
	border: none;
}

#top ul.list li
{
	background: url(../img/arrow_red_small.gif) 0 7px no-repeat;
	padding-left: 7px;
}

#top li.bottomLine { border-bottom: 1px dotted #CCC; }
#top ul.list li span { margin-right: 0.5em; }

/***contenArea***/
#top #contentArea { border-top: 3px solid #666; border-bottom: 3px solid #666; }

#company #contentArea
{
	border-top: 3px solid #0257D9;
	border-bottom: 3px solid #0257D9;
	background: url(../img/bg_navBar_com.gif);
}

#products #contentArea
{
	border-top: 3px solid #169C14;
	border-bottom: 3px solid #169C14;
	background: url(../img/bg_navBar_pro.gif);
}

#ir #contentArea
{
	border-top: 3px solid #DAB545;
	border-bottom: 3px solid #DAB545;
	background: url(../img/bg_navBar_ir.gif);
}

#pmc #contentArea
{
	border-top: 3px solid #009CE0;
	border-bottom: 3px solid #009CE0;
	background: url(../img/bg_navBar_pmc.gif);
}

#pla #contentArea
{
	border-top: 3px solid #F90;
	border-bottom: 3px solid #F90;
	background: url(../img/bg_navBar_pla.gif);
}

#general #contentArea
{
	border-top: 3px solid #999;
	border-bottom: 3px solid #999;
}

/***dirName***/
#navBar #dirName
{
	width: 148px;
	height: 122px;
	background-repeat: no-repeat;
	margin-bottom: 5px;
}

#company #dirName { background: url(../img/dirName_com.jpg); }
#products #dirName { background: url(../img/dirName_pro.jpg); }
#ir #dirName { background: url(../img/dirName_ir.jpg); }
#pmc #dirName { background: url(../img/dirName_pmc.jpg); }
#pla #dirName { background: url(../img/dirName_pla.jpg); }

/***pageName***/
#pageName
{
	border-left: 4px solid #CCC;
	padding-left: 6px;
	color: Black;
}

#company #pageName { border-color: #0257D9; }
#products #pageName { border-color: #169C14; }
#ir #pageName { border-color: #DAB545; }
#pmc #pageName { border-color: #009CE0; }
#pla #pageName { border-color: #F90; }

/*-----------------------
access map (see also #localNav line193)
-----------------------*/

.map #localNav #dirNameSub
{
	float: left;
	padding: 5px 10px;
	font-weight: bold;
	border-right: 1px solid #999;
}

.map .heading
{
	font-weight: bold;
	margin: 0.5em 0 0 0;
	background: url(../img/arrow_red_small.gif) 0 3px no-repeat;
	padding-left: 7px;
}

.map .heading span { font-weight: normal; }

/*heading bullet see*/
.map .image
{
	margin: 1em 0;
	text-align: center;
}

.map .image img
{
	border: 1px solid #CCC;
	padding: 3px;
}

.map .list, .map .line
{
	border: none !important;
	margin: 0;
	padding: 0;
}

.map .address { margin-bottom: 0.5em; }
.map .address, .map .section span { font-weight: bold; }
.map .address span { font-weight: normal; }
.map ol { margin: 0.5em 0 1em 1em; }
.Tokyo .F5 { margin-bottom: 0.5em; }
.Tokyo .contacts { margin-top: 0.2em; }

.Tokyo .directions .notice
{
	margin: 0.2em 1em 0 1em;
	border: 1px solid #CCC;
	padding: 0.3em 0.6em;
	line-height: 1em;
}