@import "base.css";

body { background: url(../image/bg_article.gif) repeat-x left top; }

#main { width: 772px; }


/*タイトル----------------------------------------------------------------------------------------------------------------------- */
#title {
	width: 585px;
	height: 85px;
}


/*見出し h2--------------------------------------------------------------------------------------------------------------------- */
h2 {
	margin: 0px;
	padding: 0px;
}



/*見出し h3--------------------------------------------------------------------------------------------------------------------- */
h3 {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.1;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 5px;
}
.coMidashi,
.irMidashi,
.reMidashi,
.prMidashi,
.tcMidashi,
.otMidashi {
	padding: 5px 0px;
	margin-bottom: 15px;
}

.coMidashi {
	background: #E7EEF0 url(../company/image/bg_midashi.gif) repeat-x left top;
	border-bottom: 1px solid #BECAEA;
}
.irMidashi {
	background: #E3E8F5 url(../investor/image/bg_midashi.gif) repeat-x left top;
	border-bottom: 1px solid #BED4D3;
}
.reMidashi {
	background: #EBF2E3 url(../responsible/image/bg_midashi.gif) repeat-x left top;
	border-bottom: 1px solid #BED4BE;
}
.prMidashi {
	background: #E8F0F7 url(../product/image/bg_midashi.gif) repeat-x left top;
	border-bottom: 1px solid #BECDDC;
}
.tcMidashi {
	background: #E8E6EF url(../techno/image/bg_midashi.gif) repeat-x left top;
	border-bottom: 1px solid #CFC3DE;
}
.otMidashi {
	background: #E3EBFF url(../image/bg_midashi.gif) repeat-x left top;
	border-bottom: 1px solid #BECDFE;
}

.coMidashi h3 {
	border-left: 2px solid #0065E2;
	color: #0C3AB1;
}
.irMidashi h3 {
	border-left: 2px solid #00A7A2;
	color: #005856;
}
.reMidashi h3 {
	border-left: 2px solid #1EA719;
	color: #005800;
}
.prMidashi h3 {
	border-left: 2px solid #00D2FF;
	color: #003F79;
}
.tcMidashi h3 {
	border-left: 2px solid #865FD6;
	color: #47147C;
}
.otMidashi h3 {
	border-left: 2px solid #81A7DC;
	color: #0065B8;
}




/*見出し h4--------------------------------------------------------------------------------------------------------------------- */
h4 {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.1;
	margin: 0px 0px 5px 0px;
}
h4.co { color: #0C3AB1; }
h4.re { color: #005800; }
h4.pr { color: #003F79; }
h4.tc { color: #47147C; }
h4.ot { color: #0065B8; }

.pr { color: #003F79; }
.tc { color: #47147C; }
.ir2 {
	color: #005856;
	font-weight: bold;
	margin-bottom: 5px;
}
.tc2 {
	font-weight: normal;
	color: #333333;
}


.prMidashi h3 a, h4 a {
	color: #FF6600;
	text-decoration: underline;
}
.prMidashi h3 a:hover, h4 a:hover {
	color: #0A0A99;
	text-decoration: underline;
}




/*コンテンツ----------------------------------------------------------------------------------------------------------------------- */
#contents {
	width: 585px;
	float: right;
}
#lineBox {
	border-left: 1px solid #BFBFBF;
	padding: 15px 2px 40px 30px;
}
#lineBox p {
	margin-bottom: 10px;
}
.textBox {
	padding: 0px 20px 20px 0px;
}

/*responsible背景*/
.reBg {
	background: url(../responsible/image/img_top.jpg) no-repeat 0px 35px;
	height: 300px;
	width: 500px;
}

/*techno化学式ボックス*/
.tcBox table {
	border-top: 1px solid #DFD5F3;
	border-left: 1px solid #DFD5F3;
	margin-bottom: 30px;
}
.tcBox table th {
	color: #FF6600;
	vertical-align: middle;
	padding: 10px 0px 10px 18px;
}
.tcBox table td {
	text-align: left;
	vertical-align: middle;
	padding: 10px 10px 10px 18px;
}
.tcBox h4 { color: #47147C; }




/*テーブル----------------------------------------------------------------------------------------------------------------------- */
#lineBox .coTable p,
#lineBox .irTable p,
#lineBox .tcTable p,
#lineBox .otTable p,
#lineBox .nwTable p  {
	line-height: 1.2;
	margin-bottom: 5px;
}
#lineBox .coTable p.p2,
#lineBox .irTable p.p2,
#lineBox .tcTable p.p2,
#lineBox .otTable p.p2,
#lineBox .nwTable p.p2 {
	line-height: 1.5;
	margin-bottom: 0px;
}

.coTable table,
.irTable table,
.reTable table,
.tcTable table,
.otTable table,
.nwTable table {
	margin: 0px 0px 20px;
	padding: 0px;
	width: 100%;
}
.coTable table,
.irTable table,
.tcTable table,
.otTable table {
	border-top: 1px solid #B5C3E8;
	border-left: 1px solid #B5C3E8;
}




/*テーブルth*/
.coTable th,
.irTable th,
.tcTable th,
.otTable th {
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	padding: 6px;
	text-align: left;
	vertical-align: top;
}
.coTable th {
	border-right: 1px solid #B5C3E8;
	border-bottom: 1px solid #B5C3E8;
	background-color: #CADFFD;
	color: #0C3AB1;
}
.irTable th {
	border-right: 1px solid #ACCCDA;
	border-bottom: 1px solid #ACCCDA;
	color: #005856;
	background: #E7EEF0;
}
.tcTable th {
	border-right: 1px solid #C6B9E4;
	border-bottom: 1px solid #C6B9E4;
	color: #582AB5;
	background: #E8E6EF;
}
.otTable th {
	border-right: 1px solid #BED7ED;
	border-bottom: 1px solid #BED7ED;
	color: #0065B8;
	background: #E3EBFF;
	padding: 6px 6px 6px 10px;
}
.nwTable th {
	color: #0033FF;
	vertical-align: top;
	padding-right: 5px;
}
.nwTable td {
	padding-bottom: 10px;
}

.irTable th.top { 
	background: #D2E9E8;
	text-align: center;
	line-height: 1.2;
	vertical-align: middle;
 }
.irTable th.end { background: #F3F7EC; }
.tcTable th.top {
	background: #E1CAEF;
	text-align: center;
	line-height: 1.2;
	vertical-align: middle;
}



/*テーブルtd*/
.coTable td,
.irTable td,
.tcTable td,
.otTable td {
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	padding: 6px 6px 6px 15px;
	text-align: left;
	vertical-align: top;
}
.coTable td {
	border-right: 1px solid #B5C3E8;
	border-bottom: 1px solid #B5C3E8;
}
.irTable td {
	border-right: 1px solid #ACCCDA;
	border-bottom: 1px solid #ACCCDA;
	text-align: right;
	vertical-align: bottom;
}
.tcTable td {
	border-right: 1px solid #C6B9E4;
	border-bottom: 1px solid #C6B9E4;
	text-align: center;
}
.otTable td {
	border-right: 1px solid #BED7ED;
	border-bottom: 1px solid #BED7ED;
	padding-bottom: 8px;
}

.otTable a {
	color: #FF6600;
	text-decoration: none;
}
.otLink a, .otLink2 a {
	padding-left: 8px;
	color: #FF6600;
	text-decoration: none;
}
.nwTable a {
	color: #FF6600;
	text-decoration: none;
}


.otLink a {
	background: url(../image/mark_bluegray.gif) no-repeat 0em 0.3em;
}
.otTable a:hover,
.otLink a:hover,
.otLink2 a:hover,
.nwTable a:hover {
	color: #0A0A99;
	text-decoration: none;
}

.otNotLink {
	padding-left: 8px;
	background: url(../image/mark_bluegray.gif) no-repeat 0em 0.3em;
}


.otBox {
	background: url(../image/bg_dot.gif) repeat-x left bottom;
	padding-bottom: 10px;
	margin-bottom: 8px;
}
.otBox2 {
	border: 1px solid #BECDFE;
	padding: 10px 10px 0px;
	margin-bottom: 30px;
}


.tcTable td.textL {
	text-align: left;
}


.tcLink table, .tcLink2 table {
	width: 100%;
}
.tcLink table td {
	border-top: 1px solid #DFD5F3;
	border-left: 1px solid #DFD5F3;
	padding: 6px 0px 5px 12px;
}
.tcLink2 table td {
	border-top: none;
	border-left: none;
	padding: 6px 0px 5px 12px;
}
.tcLink a {
	background: url(../image/mark_purple.gif) no-repeat 0em 0.3em;
	padding-left: 8px;
	color: #5B27C8;
	text-decoration: none;
}
.tcLink2 a {
	color: #5B27C8;
	text-decoration: none;
}
.tcLink a:hover,
.tcLink2 a:hover {
	color: #FF6600;
	text-decoration: none;
}




/*検索エリア設定----------------------------------------------------------------------------------------------------------------------- */
.form_seach {
	margin: 0px;
	padding: 0px;
	width: 193px;
	height: 17px;
	border: 1px solid #D8D8EB;
}
.form_input {
	margin: 0px;
	padding: 0px;
	border: 1px solid #BECAE0;
}




/* Hides from IE5-mac \*/ 
* html #lineBox,
* html .otBox { height: 1%; }
/* End hide from IE5-mac */