@charset "shift_jis";

/* ===================================================================

    Style for /about/

------------------------------------------------------------------- */

/* ----------------------------------------------------------------
    Background Color
----------------------------------------------------------------- */

div#str-container div#str-container-inner #str-contents{
background-image:url(../../../img/2011b/about/bg-str-contents.gif);
}


/* ----------------------------------------------------------------
    Heading Color
----------------------------------------------------------------- */

h1.hdg-l1-02 span{
background-image:url(../../../img/2011b/about/bg-hdg-l1-02.gif);
}

h2.hdg-l2-01,
h3.hdg-l2-01,
h4.hdg-l2-01{
background-image:url(../../../img/2011b/about/bg-hdg-l2-01-01.gif);
}

h2.hdg-l2-01 span,
h3.hdg-l2-01 span,
h4.hdg-l2-01 span{
background-image:url(../../../img/2011b/about/bg-hdg-l2-01-02.gif);
}

h2.hdg-l2-02,
h3.hdg-l2-02,
h4.hdg-l2-02{
background-image:url(../../../img/2011b/about/bg-hdg-l2-02.gif);
}

h2.hdg-l2-link a,
h3.hdg-l2-link a,
h4.hdg-l2-link a,
h2.hdg-l3-link,
h3.hdg-l3-link,
h4.hdg-l3-link{
background-image:url(../../../img/2011b/about/bg-hdg-l2-link.gif);
}

/* ----------------------------------------------------------------
    Nav
----------------------------------------------------------------- */

#str-nav{
width:145px;
padding:0 2px 0 0;
background:#fff;
float:left;
position:relative;
bottom:1px;
right:0;
}

#str-nav ul.nav li span.about,
#str-nav ul.nav li span.ir,
#str-nav ul.nav li span.csr,
#str-nav ul.nav li span.tech,
#str-nav ul.nav li span.recruit,
#str-nav ul.nav li span.procure{
width:133px;
_width:145px;/*IE6 Bug Fix*/
padding:4px 2px 4px 10px;
border-top:1px solid #999;
display:inline-block;
background-repeat:no-repeat;
background-position:left bottom;
line-height:130%;
font-weight:bold;
color:#333;
}

#str-nav ul.nav li span.about{background-image:url(../../../img/2011b/about/bg-nav-about.gif);}
#str-nav ul.nav li span.ir{background-image:url(../../../img/2011b/about/bg-nav-ir.gif);}
#str-nav ul.nav li span.csr{background-image:url(../../../img/2011b/about/bg-nav-csr.gif);}
#str-nav ul.nav li span.tech{background-image:url(../../../img/2011b/about/bg-nav-tech.gif);}
#str-nav ul.nav li span.recruit{background-image:url(../../../img/2011b/about/bg-nav-recruit.gif);}
#str-nav ul.nav li span.procure{background-image:url(../../../img/2011b/about/bg-nav-procure.gif);}

#str-nav ul.nav li span.about.active-parent,
#str-nav ul.nav li a:hover span.about{background-image:url(../../../img/2011b/about/bg-nav-about-active.gif)!important; }

#str-nav ul.nav li span.ir.active-parent,
#str-nav ul.nav li a:hover span.ir{background-image:url(../../../img/2011b/about/bg-nav-ir-active.gif);}

#str-nav ul.nav li span.csr.active-parent,
#str-nav ul.nav li a:hover span.csr{background-image:url(../../../img/2011b/about/bg-nav-csr-active.gif);}

#str-nav ul.nav li span.tech.active-parent,
#str-nav ul.nav li a:hover span.tech{background-image:url(../../../img/2011b/about/bg-nav-tech-active.gif);}

#str-nav ul.nav li span.recruit.active-parent,
#str-nav ul.nav li a:hover span.recruit{background-image:url(../../../img/2011b/about/bg-nav-recruit-active.gif);}

#str-nav ul.nav li span.procure.active-parent,
#str-nav ul.nav li a:hover span.procure{background-image:url(../../../img/2011b/about/bg-nav-procure-active.gif);}

#str-nav p.cat-image{
margin-bottom:2px;
}

#str-nav ul.nav{
width:100%;
margin-bottom:10px;
}

#str-nav ul.nav li{
margin:0 0 3px 0;
}

#str-nav ul.nav li a{
cursor:pointer;
text-decoration:none;
}

#str-nav ul.nav li span.current,
#str-nav ul.nav li a.category{
display:block;
}

#str-nav ul.nav ul{
margin:0;
}

#str-nav ul.nav ul li{
margin:1px 0;
border-bottom:1px solid #ccc;
border-left:1px solid #8892c9;
color:#000;
line-height:130%;
background:#d5d8ee;
}

#str-nav ul.nav ul li a,
#str-nav ul.nav ul li span.active{
width:auto;
_width:144px;/*IE6 Bug Fix*/
padding:2px 2px 2px 7px;
display:block;
color:#000;
text-decoration:none;
}

#str-nav ul.nav ul li span.active{
background:#666fab;
color:#fff;
}

#str-nav ul.nav ul li span.active a{
width:auto;
padding:0 0 0 0;
background:#666fab!important;
color:#fff!important;
border-top:none;
}

#str-nav ul.nav ul li span.child-open{
background:#666fab!important;
color:#fff!important;
}

#str-nav ul.nav ul li a:hover{
color:#fff;
background:#7788c0;
}

#str-nav ul.nav ul ul li{
margin:0 1px 0 5px;
border-bottom:0 none;
border-left:0 none;
color:#333;
line-height:100%;
background:#eeeff9;
}

#str-nav ul.nav ul ul a,
#str-nav ul.nav ul ul span.active{
width:auto;
_width:138px;/*IE6 Bug Fix*/
padding:4px 2px 4px 4px;
border-top:1px solid #d5d8ee;
display:block;
color:#333;
}

#str-nav ul.nav ul ul span.active{
background:#eeeff9;
color:#333;
}


#str-nav ul.nav ul ul ul{
margin:0;
padding:0;
color:#333;
}

#str-nav ul.nav ul ul ul li{
margin:0;
padding:0 0 0 14px;
line-height:105%;
}

#str-nav ul.nav ul ul ul a{
width:auto;
_width:124px;/*IE6 Bug Fix*/
border-top:1px solid #eeeff9;
display:block;
margin:0;
padding:1px 0 2px 2px;
color:#333;
background:#fff;
}

#str-nav ul.nav ul ul ul span.active{
width:auto;
_width:124px;/*IE6 Bug Fix*/
margin:0;
padding:1px 0 2px 2px;
border-top:1px solid #e5f2f8;
color:#fff;
display:block;
background:#666Fa8;
}

#str-nav ul.nav ul ul ul li{
background:url(../../../img/2011b/common/bg-nav-line.gif) no-repeat left top;
}

#str-nav ul.nav ul ul ul li.last-child{
background:url(../../../img/2011b/common/bg-nav-line-bottom.gif) no-repeat left top;
}

#str-nav ul.nav-category-top{
width:100%;
margin:10px 0 0 0;
}

#str-nav ul.nav-category-top li{
margin:0 0 0 5px;
padding:0 0 0 10px;
font-size:0.83em;
background:url(../../../img/2011b/common/blt-nav-back.gif) no-repeat left top;
background-position:0 0.25em;
}

#str-nav ul.nav-category-top li a{
text-decoration:underline;
}

#str-nav div.block-relation{
width:143px;
_width:145px;/*IE6 Bug Fix*/
margin-bottom:15px;
border:1px solid #ccc;
}

#str-nav div.block-relation p.title{
padding:4px 0 4px 4px;
font-weight:bold;
font-size:0.73em;
color:#666;
}

#str-nav div.block-relation ul{
padding:7px 0 7px 6px;
border-top:3px solid #ccc;
}

#str-nav div.block-relation ul li{
padding:0 0 0 10px;
font-size:0.83em;
background:url(../../../img/2011b/common/blt-link-list-01.gif) no-repeat left top;
background-position:0 0.27em;
}

#str-nav div.block-relation ul li a{
text-decoration:underline;
}


/* ----------------------------------------------------------------
    Unique Elements
----------------------------------------------------------------- */

.block-organize{
height:360px;
margin-bottom:20px;
position:relative;
font-size:0;
line-height:0;
background:url(../../../img/2011b/about/bg-org_j-fig.gif) no-repeat left top;
background-position:96px 0;
}

.block-organize ul li.list-01{
position:absolute;
right:74px;
top:0;
}

.block-organize ul li.list-02{
position:absolute;
right:74px;
top:190px;
}

.block-organize ul li.list-01 ul li,
.block-organize ul li.list-02 ul li{
margin-bottom:10px;
}


/* Maps of Offices */
dl.address dt{
font-weight:bold;
}

div#map{
width:500px; 
height:500px; 
margin:10px 0;
padding:0px;
}
ul.list-back-01.guide-list{
float:right;
width:auto;
margin-right:90px;
}
* html ul.list-back-01.guide-list{
margin-right:45px;
}


/* ----------------------------------------------------------------
    Style for /about/company/
----------------------------------------------------------------- */

h2.hdg-l2-01,
h3.hdg-l2-01,
h4.hdg-l2-01{
clear:both;
}

/* index_j.htm */
ul.list-company-top{
margin:0 0 30px 5px;
}
ul.list-company-top li{
float:left;
margin:0 17px 17px 0;
}
ul.list-company-top li.last-child{
margin:0;
}

 /* Business Domains */
.digital h1.hdg-l1-02 span.small_text,
.device h1.hdg-l1-02 span.small_text,
.infra h1.hdg-l1-02 span.small_text,
.appliance h1.hdg-l1-02 span.small_text{
padding-left:1.5em;
}
div.company-lead{
margin-bottom:20px;
}
div.company-lead p{
margin-bottom:0!important;
text-indent:1em;
}
div.company{
clear:both;
}
div.company h2{
margin:0 20px 15px 0;
font-size:1.4em;
font-weight:bold;
}
div.company h3{
margin:0 0 10px 0;
padding:0 20px 6px 0;
border-bottom:solid 1px;
font-size:1.1em;
font-weight:bold;
}
div.company div.txt{
float:left;
width:347px;
padding:15px 0 0 0;
}
div.company div.txt p{
margin:0 20px 0 0;
padding-bottom:20px;
}
div.company div.img{
float:right;
width:240px;
padding-bottom:20px;
text-align:center;
}
div.company div.img p{
display:block;
margin:5px 0 10px 0!important;
color:#545454;
font-size:12px!important;
text-align:center;
}
div.company div.lyt-image{
clear:both;
margin-bottom:10px;
}
h2.company-link{
clear:both;
margin:20px 0 0 0;
font-size:1.1em;
font-weight:bold;
}
.digital ul.list-link-01,
.device ul.list-link-01,
.infra ul.list-link-01,
.appliance ul.list-link-01{
clear:both;
width:auto;
margin:5px 0 20px 0;
padding:10px;
border:solid 1px;
}

/* color */
.digital div.company h2 span,
.digital div.company h3,
.digital h2.company-link{
color:#007cc8;
}
.digital div.company h3{
border-bottom-color:#007cc8;
}
.digital ul.list-link-01{
border-color:#7fbde3;
}
.device div.company h2 span,
.device div.company h3,
.device h2.company-link{
color:#009e96;
}
.device div.companyt h3{
border-bottom-color:#009e96;
}
.device ul.list-link-01{
border-color:#7fceca;
}
.infra div.company h2 span,
.infra div.company h3,
.infra h2.company-link{
color:#6eb92b;
}
.infra div.company h3{
border-bottom-color:#6eb92b;
}
.infra ul.list-link-01{
border-color:#b6dc95;
}
.appliance div.company h2 span,
.appliance div.company h3,
.appliance h2.company-link{
color:#f39930;
}
.appliance div.company h3{
border-bottom-color:#f39930;
}
.appliance ul.list-link-01{
border-color:#f9cc97;
}

/* appliance_j.htm */
.appliance div.mama{
padding:10px 0 30px 0;
}
.appliance div.mama h2{
margin-bottom:25px;
}
.appliance div.mama div.txt{
float:right;
}
.appliance div.mama div.txt p{
margin:0 0 0 20px;
padding-bottom:15px;
}
div.full div.txt{
float:left;
width:587px;
padding:15px 0 0 0;
}
div.full div.txt p{
margin:0;
padding-bottom:10px;
}

/* ----------------------------------------------------------------
    History
----------------------------------------------------------------- */
#main .contents ul.historyNavi,
#main .contents ul.historyNavi_sm{
	margin-bottom: 30px;
	overflow: hidden;
	_zoom: 1;
}
#main .contents ul.historyNavi li,
#main .contents ul.historyNavi_sm li{
	background: url(../../../img/2011b/common/blt-link-list-04.gif) no-repeat 0 6px;
	float: left;
	margin: 0 10px 5px 0;
	padding-left: 10px;
	white-space: nowrap !important;
}
#main .contents ul.historyNavi_sm{
	margin-bottom: 0;
}
#main .contents h2.fs{
	border-left: 3px solid #9D9CD5;
	padding: 0 10px 10px;
	font-weight: bold;
	clear: both;
}
#main .contents h2.historyTitle{
	margin-bottom: 10px;
}
#main .contents h2.historyTitle a{
	color: #333;
}
#main .contents div.historyBlock{
	overflow: hidden;
	_zoom: 1;
	margin-bottom: 20px;
}
#main .contents div.history{
	width: 370px;
	padding: 5px 5px 0 0;
	margin-bottom: 20px;
	float: left;
}
#main .contents div.history p{
	padding-left: 13px;
}
#main .contents div.historyPhoto{
	width: 180px;
	padding-top: 5px;
	float: right;
}
#main .contents  p.historyTop{
	clear: both;
	text-align: right;
	font-size: 90%;
	padding: 20px 0 10px;
}
#main .contents  p.historyTop a{
	background: url(../../../img/2011b/common/blt-page-top.gif) no-repeat left center;
	padding-left: 11px;
}
#main .contents a#history1873, 
#main .contents a#history1891, 
#main .contents a#history1932, 
#main .contents a#history1940, 
#main .contents a#history1957, 
#main .contents a#history1973, 
#main .contents a#history1984, 
#main .contents a#history2000, 
#main .contents a#SUMMARY, 
#main .contents a#Y1875, 
#main .contents a#Y1900, 
#main .contents a#Y1925, 
#main .contents a#Y1950, 
#main .contents a#Y1975, 
#main .contents a#Y1990, 
#main .contents a#Y2000{
	color: #333;
}
#main .contents h2.logoTitle{
	font-weight: bold;
	padding-top: 30px;
}
#main .contents dl.tradeMarks{
	overflow: hidden;
	_zoom: 1;
}
#main .contents dl.tradeMarks dt{
	border-bottom: 1px dotted #ccc;
	clear: both;
	padding: 10px 0 5px 17px;
}
#main .contents dl.tradeMarks dd{
	padding: 10px 0;
	overflow: hidden;
	_zoom: 1;
}
#main .contents dl.tradeMarks dd img{
	float: left;
	padding: 0 0 0 20px;
}
#main .contents dl.tradeMarks dd p{
	float: left;
	margin: 6px 0 0 5px;
	width: 480px;
}
#main .contents dl.tradeMarks dt.mark01{
	background: url(../../../img/2011b/about/logo_no01.gif) no-repeat 0 11px;
}
#main .contents dl.tradeMarks dt.mark02{
	background: url(../../../img/2011b/about/logo_no02.gif) no-repeat 0 11px;
}
#main .contents dl.tradeMarks dt.mark03{
	background: url(../../../img/2011b/about/logo_no03.gif) no-repeat 0 11px;
}
#main .contents dl.tradeMarks dt.mark04{
	background: url(../../../img/2011b/about/logo_no04.gif) no-repeat 0 11px;
}
#main .contents dl.tradeMarks dt.mark05{
	background: url(../../../img/2011b/about/logo_no05.gif) no-repeat 0 11px;
}
#main .contents dl.tradeMarks dt.mark06{
	background: url(../../../img/2011b/about/logo_no06.gif) no-repeat 0 11px;
}
#main .contents dl.tradeMarks dt.mark07{
	background: url(../../../img/2011b/about/logo_no07.gif) no-repeat 0 11px;
}
#main .contents dl.tradeMarks dt.mark08{
	background: url(../../../img/2011b/about/logo_no08.gif) no-repeat 0 11px;
}
#main .contents dl.tradeMarks dt.mark09{
	background: url(../../../img/2011b/about/logo_no09.gif) no-repeat 0 11px;
}
#main .contents dl.tradeMarks dt.mark10{
	background: url(../../../img/2011b/about/logo_no10.gif) no-repeat 0 11px;
}

/* ===================================================================

    ClearFix

------------------------------------------------------------------- */

.block-organize:after{
content:".";
display:block;
height:0px;
clear:both;
line-height:0;
visibility:hidden;
line-height:0;
font-size:0;
}