@charset "shift_jis";

@import url("common.css");


/* --------------------------------------------------------------------------------------
 parts
--------------------------------------------------------------------------------------- */

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

.category {
	position: relative;
	width: 546px;
	height: 77px;
	margin-bottom: 6px;
	background: url(../images/common/bg_image.jpg) no-repeat;
	font-family: Trebuchet MS;
}
.category span {
	position: absolute;
	bottom: 5px;
	left: 11px;
	color: #E6001A;
	font-size: 28px;
	line-height:1.2;
}

.pagetitle {
	margin: 15px 0 7px;
	padding-bottom: 1px;
	border-bottom: 1px solid #CFD1D3;
	color: #3F484E;
	font-size: 117%;
	font-weight: bold;
}

.pagetitle span {
	display: block;
	padding: 2px 7px 0;
	border-left: 3px solid #57626A;
	background: #DFE0E4;
}

.titleRed {
	margin-bottom: 1px;
	color: #E10915;
	font-weight: bold;
}
.titleRed a:link,
.titleRed a:visited,
.titleRed a:hover,
.titleRed a:active {
	color: #E10915;
}

.titleLine {
	margin: 10px 0 7px;
	padding: 0 7px 4px;
	border-bottom: 1px solid #CFD1D3;
	border-left: 1px solid #CFD1D3;
	font-weight: bold;
	line-height:1.1;
}


/* pagetop ------------------------------ */

p.pagetop {
	text-align: right;
}
p.pagetop a {
	padding-left: 11px;
	background: url(../images/common/icon_top.gif) no-repeat left center;
}

/* icon ------------------------------ */

.iconPdf {
	display: block;
	padding-left: 15px;
	background: url(../images/common/icon_pdf.gif) no-repeat 0 .3em;
}

.iconBlank {
	display: block;
	padding-left: 15px;
	background: url(../images/common/icon_blank.gif) no-repeat 0 .3em;
}

.iconZoom {
	display: inline;
	padding-left: 15px;
	background: url(../images/common/icon_zoom.gif) no-repeat left center;
}

.iconArw {
	display: inline;
	padding-left: 9px;
	margin-left:3px;
	background: url(../images/common/icon_arw.gif) no-repeat left center;
}

.iconDot {
	padding-left: 15px;
	background: url(../images/common/icon_dot03.gif) no-repeat 3px .7em;
}

.noIcon {
	display: block;
	padding-left: 15px;
}

/* dotList ------------------------------ */

.dotList li {
	padding-left: 7px;
	background: url(../images/common/icon_dot02.gif) no-repeat 0 .7em;
}

.dotListRed li {
	padding-left: 7px;
	background: url(../images/common/icon_dot.gif) no-repeat 0 .7em;
}

/* mainBox ------------------------------ */

.mainBox {
	margin-top: 8px;
	padding-top: 7px;
	background: url(../images/common/line_dot.gif) repeat-x;
}

.mainBox.redLine {
	background: url(../images/common/line_dot02.gif) repeat-x;
}

.mainBox p.pagetop {
	margin-top: -3px;
}
.mainBox p.pagetop.spc {
	margin-top: 4px;
}

.mainBox .tblTxt .leftTxt {
	float: left;
}

.mainBox .tblTxt .rightTxt {
	float: right;
}

/* columns3 ------------------------------ */

.columns3 {
	margin-top: 8px;
}
.columns3.nomg {
	margin-top: 0;
}

.columns3 .leftBlock {
	width: 172px;
	margin-right: 15px;
}

.columns3 .rightBlock {
	width: 172px;
}

/* block ------------------------------ */

.imgBlock {
	padding-bottom: 4px;
}

.leftBlock {
	float: left;
}

.rightBlock {
	float: right;
}

.block170 {
	width: 170px;
}

.block175 {
	width: 175px;
}

.block190 {
	width: 190px;
}

.block201 {
	width: 201px;
}

.block250 {
	width: 250px;
}

.block266 {
	width: 266px;
}

.block270 {
	width: 270px;
}

.block330 {
	width: 330px;
}

.block360 {
	width: 360px;
}

.block365 {
	width: 365px;
}

.block395 {
	width: 395px;
}

.block515 {
	width: 515px;
}

/* tblStyle ------------------------------ */

.tblStyle {
	width: 100%;
	margin: 4px 0 9px;
	border-top: 1px solid #CFD1D3;
	border-right: 1px solid #CFD1D3;
}
.tblStyle.tblHalf {
	width: 50%;
}

.tblStyle th,
.tblStyle td {
	padding: 2px 6px;
	border-bottom: 1px solid #CFD1D3;
	border-left: 1px solid #CFD1D3;
	vertical-align: top;
}

.tblStyle th {
	background: #E7E8E9;
	font-weight: bold;
	text-align: left;
}

.tblStyle th.normal {
	font-weight: normal;
}

.tblNote {
	margin-top: -5px;
}

.tblBtm {
	margin-top: -1px;
}

.tblStyle .selected td  {
	border-top:1px solid #ED0000;
	border-bottom:1px solid #ED0000;
}

.tblStyle .begin {	
	border-left:1px solid #ED0000;
}

.tblStyle .end {
	border-right:1px solid #ED0000;
}

.tblStyle .selected2 {
	border-right:1px solid #ED0000;
	border-left:1px solid #ED0000;
}

.tblStyle .begin2 {	
	border-top:1px solid #ED0000;
}

.tblStyle .end2 {
	border-bottom:1px solid #ED0000;
}


/* ancLink ------------------------------ */

.ancLink li {
	padding-left: 12px;
	background: url(../images/common/icon_arw03.gif) no-repeat 0 .55em;
	font-weight: bold;
}

/* text ------------------------------ */

#main .txtSmall {
	font-size: 90%;
}

#main .italic{
	font-style: italic;
}

#main .txtLarge {
	font-size: 110%;
}

#main .txtCenter {
	text-align: center;
}

#main .txtRight {
	text-align: right;
}

#main .txtMiddle th,
#main .txtMiddle td {
	vertical-align: middle;
}

/* indent ------------------------------ */

.ind01 li {
	padding-left: 1.1em;
	text-indent: -1.1em;
}

.ind02 li {
	padding-left: 0.5em;
	text-indent: -0.5em;
}

/* margin ------------------------------ */

.spc {
	margin-top: 6px;
}

.spc2 {
	margin-top: 12px;
}

.grpSpc {
	margin-top: 8px;
}

.spc7 {
	margin-top: 7px;
}

.mgl {
	margin-left: 10px;
}

.topFix {
	padding-top: 4px;
}


/* --------------------------------------------------------------------------------------
 tab
--------------------------------------------------------------------------------------- */

.tabArea {
	margin-bottom: 10px;
}

.tabMenu {
	margin-bottom: 6px;
	padding-bottom: 1px;
	background: url(../images/common/bg_tab.gif) repeat-x left bottom;
	line-height: 1.2;
}
.tabArea .first {
	margin: 10px 0 -1px;
	background: none;
}

.tabArea .tabMenu {
	margin-top: 0;
}

.tabMenu li {
	float: left;
	text-align: center;
}

.tabMenu li a {
	position: relative;
	float: left;
	margin-right: -1px;
	border-top: 1px solid #CFD1D3;
	border-right: 1px solid #CFD1D3;
	border-left: 1px solid #CFD1D3;
	background: #F5F6F6;
	text-align: center;
	cursor: pointer;
	z-index:1;
}
.tabMenu li.on a,
.tabMenu li a:hover {
	margin-bottom: -1px;
	padding-bottom: 1px;
	border-top: 1px solid #8C9195;
	border-right: 1px solid #8C9195;
	border-left: 1px solid #8C9195;
	background: #FFFFFF;
	z-index:5;
}

.tabMenu li a span {
	display: block;
	padding: 4px 8px 5px;
	border-top: 3px solid #A6AAAD;
	cursor: pointer;
	font-size: 11px;
}
.tabMenu li.on a span,
.tabMenu li a:hover span {
	border-top: 3px solid #E6001A;
	color: #E6001A;
}

.tabMenu li.hightFix a span {
	padding-top: 18px;
	padding-bottom: 17px;
}

.tabMenu li.hightFix2 a span {
	padding-top: 11px;
	padding-bottom: 11px;
}

* html .tabMenu li a {
	float: left;
	display: block;
}

.tabMenu li a:link,
.tabMenu li a:visited,
.tabMenu li a:hover,
.tabMenu li a:active {
	text-decoration: none;
}


/* --------------------------------------------------------------------------------------
 side
--------------------------------------------------------------------------------------- */

div#contentsRight div#side h2 {
	padding: 3px 6px;
	background: #8C9195;
	color: #FFFFFF;
	font-weight: bold;
}

div#contentsRight div#side .sideBox {
	margin-bottom: 15px;
	padding: 3px 7px 9px;
	border-right: 1px solid #D0D1D3;
	border-bottom: 1px solid #D0D1D3;
	border-left: 1px solid #D0D1D3;
}

div#contentsRight div#side .sideBox h3 {
	margin-bottom: -6px;
	font-weight: bold;
}

div#contentsRight div#side .sideBox .lineBox {
	margin-top: 4px;
	padding-top: 4px;
	background: url(../images/common/line_dot.gif) repeat-x;
}

div#contentsRight div#side .sideBox .lineList li {
	width: 182px;
	margin-top: 4px;
	padding-top: 4px;
	background: url(../images/common/line_dot.gif) repeat-x;
}
div#contentsRight div#side .sideBox .lineList li.first {
	padding-top: 0;
	background: none;
}

* html div#contentsRight div#side .sideBox .lineList li span {
	width: 100%;
	margin-top: 1px;
}

div#contentsRight div#side .request {
	background: #57626A url(../images/common/bg_request_tp.gif) no-repeat;
}

div#contentsRight div#side .request p {
	background: url(../images/common/bg_request_bt.gif) no-repeat left bottom;
}

div#contentsRight div#side .request p a {
	display: block;
	padding: 3px 8px 3px 23px;
	background: url(../images/common/icon_mail.gif) no-repeat 8px 0.7em;
	font-weight: bold;
}

div#contentsRight div#side .request p a:link,
div#contentsRight div#side .request p a:visited,
div#contentsRight div#side .request p a:hover,
div#contentsRight div#side .request p a:active {
	color: #FFFFFF;
	text-decoration: none;
}

div#contentsRight div#side .contact {
	background: #CFD1D3 url(../images/common/bg_contact_tp.gif) no-repeat;
}

div#contentsRight div#side .contact p {
	background: url(../images/common/bg_contact_bt.gif) no-repeat left bottom;
}

div#contentsRight div#side .contact p a {
	display: block;
	padding: 3px 8px 3px 23px;
	background: url(../images/common/icon_mail.gif) no-repeat 8px 0.7em;
	font-weight: bold;
}

div#contentsRight div#side .contact p a:link,
div#contentsRight div#side .contact p a:visited,
div#contentsRight div#side .contact p a:hover,
div#contentsRight div#side .contact p a:active {
	color: #3F484E;
	text-decoration: none;
}


/* --------------------------------------------------------------------------------------
 TOP
--------------------------------------------------------------------------------------- */

.topArea {
	margin-top: 15px;
}

.topArea img {
	vertical-align: top;
}

#topMain {
	position: relative;
	width: 976px;
	margin-bottom: 15px;
}

#topMain #flash {
	position: absolute;
	top: 0;
	left: 0;
}

#topMain .txtBlock {
	min-height: 230px;
	padding: 0 15px;
	margin-left: 651px;
	background: #F5F6F6;
	font-family: Trebuchet MS;
}
* html #topMain .txtBlock {
	height: 230px;
}

#topMain .txtBlock h2 {
	padding-top: 10px;
	font-size: 136%;
	font-weight: bold;
	line-height: 1.2;
}

#topMain .txtBlock ul {
	padding-bottom: 6px;
	font-size: 118%;
}

.topArea .topMenu {
	float: left;
	width: 601px;
}

.topArea .topMenu h2 {
	margin-bottom: 10px;
}

.topArea .topMenu p {
	margin-top: 6px;
}

.topArea .topMenu li {
	padding-left: 8px;
	background: url(../images/common/icon_arw.gif) no-repeat 0 .5em;
}

.topArea .topMenu .leftBlock,
.topArea .topMenu .rightBlock {
	width: 191px;
}

.topArea .topMenu .leftBlock {
	margin-right: 14px;
}

.topArea .bnrBlock {
	float: right;
	width: 131px;
}

.topArea .bnrBlock p {
	margin-bottom:15px;
}

.topArea .news {
	float: left;
	width: 216px;
	margin-right: 14px;
}

.topArea .news h2 {
	margin-bottom: 7px;
}

.topArea .news dd {
	margin-bottom: 2px;
	padding-left: 7px;
	background: url(../images/common/icon_dot02.gif) no-repeat 0 .7em;
}

.topArea .news .more {
	float: right;
	padding-left: 8px;
	background: url(../images/common/icon_arw.gif) no-repeat 0 .5em;
}

.topArea .news .line {
	margin-bottom: 4px;
	padding-bottom: 8px;
	background: url(../images/common/line_dot.gif) repeat-x left bottom;
}

.topArea .news span.event {
	display: inline-block;
	padding-right: 32px;
	background: url(../images/common/icon_event.gif) no-repeat center right;
}



/* --------------------------------------------------------------------------------------
 Products
--------------------------------------------------------------------------------------- */

#caProducts {
	background: url(../images/products/bg_image.jpg) no-repeat;
}

/* productIcon ------------------------------ */

.productIcon {
	margin-top: 13px;
}

.productIcon li {
	float: left;
	margin-right: 10px;
	text-align: center;
}

/* steelsNav ------------------------------ */

.steelsNav li {
	display: inline;
	padding-left: 5px;
	background: url(../images/common/icon_dot03.gif) no-repeat left center;
}
.steelsNav li.first {
	padding-left: 0;
	background: none;
}


/* --------------------------------------------------------------------------------------
 Technologies
--------------------------------------------------------------------------------------- */

#caTechnologies {
	background: url(../images/technologies/bg_image.jpg) no-repeat;
}


/* --------------------------------------------------------------------------------------
 Market
--------------------------------------------------------------------------------------- */

#caMarket {
	background: url(../images/market/bg_image.jpg) no-repeat;
}


/* --------------------------------------------------------------------------------------
 Market
--------------------------------------------------------------------------------------- */

#caMarket {
	background: url(../images/market/bg_image.jpg) no-repeat;
}


/* --------------------------------------------------------------------------------------
 About
--------------------------------------------------------------------------------------- */

#caAbout {
	background: url(../images/about/bg_image.jpg) no-repeat;
}

/* historyList ------------------------------ */

.historyList dt {
	float: left;
	width: 3em;
	font-weight: bold;
}

.historyList dd {
	margin-left: 3em;
}
* html .historyList dd {
	text-indent: -3px;
}


/* --------------------------------------------------------------------------------------
 Investors
--------------------------------------------------------------------------------------- */

#caInvestors {
	background: url(../images/investors/bg_image.jpg) no-repeat;
}


/* --------------------------------------------------------------------------------------
 Inquiry
--------------------------------------------------------------------------------------- */

.inquiryTbl {
	margin-top: 5px;
}

.inquiryTbl .err {
	padding-left: 10px;
	background: url(../images/common/icon_err.gif) no-repeat left center;
}

.inquiryTbl th,
.inquiryTbl td {
	vertical-align: top;
	font-weight: normal;
}

.inquiryTbl th {
	width: 127px;
	text-align: right;
}
.inquiryTbl .long th {
	width: auto;
	text-align: left;
}

.inquiryTbl td {
	width: 409px;
	padding: 0 0 15px 10px;
}
.inquiryTbl .long td {
	width: auto;
	padding-left: 0;
}

.inquiryTbl td p {
	margin-bottom: 5px;
	color: #E6001A;
}

.inquiryTbl .inputStyle01 {
	width: 220px;
	padding: 2px 5px;
}

.inquiryTbl .inputStyle02 {
	width: 315px;
}

.inquiryTbl .inputStyle03 {
	width: 315px;
	height: 100px;
}

.inquiryTbl .btn {
	margin-left: 137px;
}

.inquiryTbl .btn input {
	margin-right: 10px;
}

.inquiryTbl .tblStyle {
	margin: 5px 0 0;
}

.inquiryTbl .tblStyle th {
	text-align: center;
}

.inquiryTbl .tblStyle td {
	width: auto;
	padding: 5px 4px 3px;
	vertical-align: middle;
}

.inquiryTbl .tblStyle td select {
	margin-bottom: 2px;
}

.inquiryTbl .inputStyle04 {
	width: 60px;
}

.inquiryTbl .inputStyle05 {
	width: 55px;
}

.inquiryTbl .inputStyle06 {
	width: 90px;
}

.inquiryTbl .tblConfirm td {
	width: auto;
	padding: 0 15px 0 0;
}


/* --------------------------------------------------------------------------------------
 Sitemap
--------------------------------------------------------------------------------------- */

.sitemap li {
	margin-bottom: 10px;
	font-weight: bold;
}

.sitemap li ul {
	margin-left: 10px;
}

.sitemap li ul li {
	margin-bottom: 0;
	padding-left: 8px;
	background: url(../images/common/icon_arw.gif) no-repeat 0 .5em;
	font-weight: normal;
}

.sitemap li ul ul {
	margin-left: 19px;
}

.sitemap li ul ul li {
	margin-bottom: 0;
	padding-left: 7px;
	background: url(../images/common/icon_dot.gif) no-repeat 0 .5em;
	font-weight: normal;
}


/* --------------------------------------------------------------------------------------
 results
--------------------------------------------------------------------------------------- */

.results iframe {
	width: 546px!important;
}


/* --------------------------------------------------------------------------------------
 News
--------------------------------------------------------------------------------------- */

#caNews {
	background: url(../images/news/bg_image.jpg) no-repeat;
}

.newsList dt {
	float: left;
	width: 9.8em;
}

.newsList dd {
	margin: 0 0 5px 9.9em;
}
* html .newsList dd {
	text-indent: -3px;
}

.calendarList dt {
	float: left;
	width: 9em;
}

.calendarList dd {
	margin: 0 0 5px 9.1em;
}
* html .calendar dd {
	text-indent: -3px;
}

/* --------------------------------------------------------------------------------------
 Message
--------------------------------------------------------------------------------------- */

ul.graph li {
 float: left;
 margin-right: 10px;
 margin-bottom: 4px;
}

ul.graph li.listEnd {
	margin-right: 0px;
}

p.graphLink img{
	vertical-align: middle;
}