@import "base.css";


/* - - - 企業行動憲章 - - -*/
.charter {
	background-color: #F5FCFF;
	border: 1px solid #A6CEEE;
	padding: 20px 20px 10px 20px;
	margin-bottom: 10px;
}

.charter table th, 
.charter table td {
	vertical-align: top;
	line-height: 1.4;
	padding-bottom: 10px;
}

.charter table th {
	padding-right: 5px;
}

.charter h3 {
	padding: 0;
	background-color: #F5FCFF;
	border: 0;
}


/* - - - 樹脂ゴム部門（化学品第1営業本部） - - - */
.product, .product2 {
	margin-bottom: 30px;
}
.product table th,
.product table td,
.product2 table td {
	vertical-align: top;
	padding-bottom: 5px;
	line-height: 1.4;
}
.product table th {
	color: #0081FF;
	padding-right: 2px;
}
.product2 table td {
	background : url(../images/mark_menu01.gif) no-repeat 0em 0.5em;
	padding: 0px 20px 3px 10px;
}



/* - - - 会社概要 - - - */
.outline table {
	/*width: 100%;*/
}
.outline table th,
.outline table td {
	vertical-align: top;
	padding-bottom: 15px;
}
.outline table th {
	color: #0081FF;
	padding-right: 10px;
	text-align: right;
	border-right: 1px solid #BEDDF2;
	white-space: nowrap;
}
.outline table td {
	padding-left: 12px;
}

.outline table h3 {
	padding: 0;
	background-color: #FFFFFF;
	border: 0;
	margin-bottom: 2px;
}



.outline table .tableDot table {
	background: url(../images/bg_dot.gif) repeat-x left top;
}

.outline table .tableDot th,
.outline table .tableDot td {
	padding: 5px 5px 5px 5px;
	background: url(../images/bg_dot.gif) repeat-x left bottom;
}

.outline table .tableDot th {
	border: 0;
}

.outline table .tableDot th.dotL,
.outline table .tableDot td.dotL {
	background: url(../images/bg_dot.gif) repeat-x right bottom;
}

.outline table .tableDot th.dotR,
.outline table .tableDot td.dotR {
	background: url(../images/bg_dot.gif) repeat-x left bottom;
}

.outline table .tableDot th.center,
.outline table .tableDot td.center {
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
}

.outline table .tableDot th.tLeft,
.outline table .tableDot td.tLeft {
	padding-right: 10px;
	text-align: left;
}




/* - - - 事業所 - - - */
.office01 {
	margin-bottom: 5px;
}

.office01 .LeftBox {
	border-top: 1px solid #BEDDF2;
	width: 405px;
	margin-top: 5px;
	padding-top: 10px;
}

.office01 .RightBox {
	width: 145px;
}

.office01 h3, .office02 h3 {
	line-height: 1.1;
	background: none;
	font-size: 1em;
	color: #0081FF;
	font-weight: normal;
	border: 0;
	padding: 0;
	margin-bottom: 05px;
}

.office02Top {
	border-top: 1px solid #BEDDF2;
}

.office02 {
	margin-bottom: 10px;
}

.office02 .LeftBox, .office02 .RightBox {
	border-top: 1px solid #BEDDF2;
	width: 260px;
	padding-top: 10px;
}




/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* - - - リンク共通色 - - - */
ul.listLink li a, a.linkHP, a.linkToiawase {
	color: #FF6600;
	text-decoration: none;
}



/* - - - テキスト装飾 - - - */
.cap { font-size: 0.8em; }								/* ※文字 */
.red { color: #DA0000; }								/* 赤文字 */
.capRed {	font-size: 0.8em;	color: #DA0000; }	/* ※＋赤 */




/* - - - リスト（テキスト） - - - */
/* 取引先等 */
ul.listText li {
	background : url(../images/mark_menu01.gif) no-repeat 0em 0.5em;
	padding: 0px 0px 3px 8px;
}

/* サイトマップ等 */
ul.listLink li {
	background : url(../info/images/mark_sitemap.gif) no-repeat 0em 0.5em;
	padding: 0px 0px 3px 8px;
}

ul.listLink li ul{
	margin-top: 2px;
}

ul.listLink li ul li {
	background : url(../images/mark_menu02.gif) no-repeat 0em 0.6em;
	padding: 0px 10px 0px 7px;
	margin: 0px 0px 0px 3px;
	font-size: 10px;
}

/* 通常時 */
ul.listDot li {
	background : url(../images/mark_menu02.gif) no-repeat 0em 0.6em;
	padding: 0px 0px 4px 8px;
	line-height: 1.3;
}




/* - - - 見出し以下グループ - - - */
/* 大区分 */
.article { margin-bottom: 35px; }
.articleEnd {	margin-bottom: 0; } /* 最終行 */

/* 小区分 */
.cel {	margin-bottom: 20px; }
.celEnd {	margin-bottom: 0; } /* 最終行 */




/* - - - テーブルレイアウト01 - - - */
.tit {
	border: 1px solid #BEDDF2;
	border-bottom: 0;
	padding: 1px 1px 0 1px;
}

.tit h3 {
	background: #D5E8F4;
	color: #0081FF;
	border: 0;
	padding: 6px 6px 6px 6px;
	margin-bottom: 0;
}

/* テーブルver */
.tableLineBox table {
	border-top: 1px solid #BEDDF2;
	border-left: 1px solid #BEDDF2;
	width: 559px; /* \*/
	width: 560px; /* */
}

.tableLineBox th, .tableLineBox td {
	border-right: 1px solid #BEDDF2;
	border-bottom: 1px solid #BEDDF2;
	padding: 8px;
}

.tableLineBox th {	color: #0081FF; }

.off {	color: #AAAAAA; }


/* ボックスver */
.lineBox {
	border: 1px solid #BEDDF2;
	padding: 10px 10px 8px 10px;
}



/* - - - テーブルレイアウト02 - - - */
.tableDefault table {
	border-top: 1px solid #BEDDF2;
	border-left: 1px solid #BEDDF2;
	width: 559px; /* \*/
	width: 560px; /* */
}

.tableDefault th, .tableDefault td {
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #BEDDF2;
	border-bottom: 1px solid #BEDDF2;
	padding: 8px;
}

.tableDefault th {
	color: #0081FF;
	background: #D5E8F4;
}



/* - - - テーブルレイアウト（リスト） - - - */
.tableList th, .tableList td {
	vertical-align: top;
	padding-bottom: 10px;
}

.tableList th {
	padding-right: 5px;
}



/* - - - テーブルレイアウト（注釈） - - - */
.tableCaps th,
.tableCaps td {
	vertical-align: top;
	font-size: 10px;
	line-height: 1.5;
}

.tableCaps th {
	padding-right: 5px;
}





/* - - - 囲み罫 - - - */
.bgBox {
	background: #F5FCFF;
	border: 1px solid #A6CEEE;
	padding: 10px;
}



/* - - - 画面分割（半分） - - - */
.separate .LeftBox, .separate .RightBox  {	width: 270px; }



/* - - - お問い合わせアイコン - - - */
a.linkToiawase {
	padding: 10px 0 10px 30px;
	background : url(../info/images/icon_mail.gif) no-repeat 0em 0.1em;
}


/* - - - フォーム - - - */
.formStyle {
	border: 1px solid #BEDDF2;
	width: 300px;
	padding: 2px 0;
}


.subTitle {
	color: #0081FF;
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 1.4em;
}

.error {
	color: #DA0000;
	margin-bottom: 10px;
	font-weight: bold;
}
.errortit {
	font-weight: normal;
	margin-bottom: 5px;
}

.accept {
	background: #F5FCFF;
	border: 1px solid #A6CEEE;
	line-height: 1.6;
	text-align: center;
}
.accept th {
	vertical-align: top;
	padding: 20px 20px 5px;
	text-align: center;
}
.accept td {
	vertical-align: top;
	padding: 10px 20px 20px;
	text-align: center;
}



/* - - - レスポンシブル・ケア - - - */
#imgResponsible {
	background: url(../company/images/bg_responsible.jpg) no-repeat left top;
	/*height: 210px;*/
	width: 100%;
}

#imgResponsible p {
	padding: 15px 0 15px  5px;
	line-height: 1.7;
}












/* Hack IE06 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \*/ 
* html .separate,
* html .bgBox,
* html .office01, 
* html .office02, 
* html #officeMap { height: 1%; }
/* Hack IE06 */


/* Hack IE07 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \*/
*:first-child+html .separate,
*:first-child+html .bgBox,
*:first-child+html .office01, 
*:first-child+html .office02, 
*:first-child+html #officeMap { height: 1%; }
/* Hack IE07 */