/* === Container setting File === */

/* -------------------------------------------------- Container elements */
div.section {
	width: 720px;
	margin-right: 32px;
	margin-bottom: 10px;
}
/* clearfix */

div.section div.locator {
	clear: both;
	margin-bottom: 17px;
}
/* clearfix */

div.section p,
div.section ul,
div.section ol,
div.section dl {
	margin-right: 15px;
	margin-bottom: 23px;
}

div.section p.image#wholeGroup { margin-right: 0; }

* html div.section p,
* html div.section ul,
* html div.section ol,
* html div.section dl {
	margin-right: 13px;
}

div#mainContents div.sectionTable {
	margin-bottom: 31px;
}

body#examples06 div#mainContents div.sectionTable {
	margin-bottom: 0;
}

body#automotive div#mainContents div.sectionTable {
	margin-bottom: 23px;
}
/* clearfix */

div#mainContents div.sectionTable p,
div#mainContents div.sectionTable ul,
div#mainContents div.sectionTable ol,
div#mainContents div.sectionTable dl {
	margin-right: 15px;
}

div.section div.column3A,
div.section div.column3B,
div.section div.column4A,
div.section div.column4B,
div.section div.column4C {
	float: left;
}

div.section table.layout { width: 705px; }
div.section table.layout th,
div.section table.layout td {
	text-align: left;
	width: 235px;
	vertical-align: top;
}

div.section table.layout th { font-size: 100%; }

div.section table.layout th h2,
div.section table.layout td p {
	margin-right: 10px;
	margin-left: 10px;
}

/* clearfix */

div.section div.column3A { width: 240px; }
* html div.section div.column3A { width: 238.9px; }

div.section div.column3B { width: 480px; }
* html div.section div.column3B { width: 478.9px; }

div.section div.column4A { width: 180px; }
* html div.section div.column4A { width: 178.9px; }

div.section div.column4B { width: 360px; }
* html div.section div.column4B { width: 358.9px; }

div.section div.column4C { width: 540px; }
* html div.section div.column4C { width: 538.9px; }

div.section div.minorContent p,
div.section div.minorContent li,
div.section div.minorContent dt,
div.section div.minorContent dd {
	color: #666;
	font-size: 70%;
}

div#mainContents div#flashcontent {
	margin-bottom:17px;
}

div#mainContents div#agcgroupData {
	clear: both;
	padding: 10px 0;
	background-color: #EBEBEB;
}

/* -------------------------------------------------- H1 elements */
div#mainContents h1 {
	margin-bottom: 25px;
	line-height: 0;
}

/* -------------------------------------------------- H2 elements */
div#mainContents h2 {
	clear: left;
	padding-left: 7px;
	margin-bottom: 12px;
	background-image:url(../../common/images/h2-bg.gif);
	background-position: 0 0.1em;
	background-repeat: no-repeat;
	font-size: 100%;
	font-weight: bold;
}

body#policy div#mainContents h2 {
	padding: 0;
	background-image: none;
	border-bottom: solid 2px #9595B6;
}

/* -------------------------------------------------- H3 elements */
div#mainContents h3 {
	clear: left;
	margin-bottom: 10px;
	font-size: 80%;
	font-weight: bold;
}

/* policy */
body#policy div#mainContents div#enforcement h3 {
	padding-left: 13px;
	background-image: url(/common/images/icon/circle.gif);
	background-position: 0 0.15em;
	background-repeat: no-repeat;
	margin-bottom: 0;
	margin-left: 10px;
}

body#policy.en div#mainContents div#enforcement h3 {
	padding-left: 9px;
	background-image: url(/common/images/icon/bullet.gif);
	background-position: 0 0.6em;
}

body#policy div#mainContents div#enforcement p { margin: 0 0 10px 23px; }
body#policy.en div#mainContents div#enforcement p { margin: 0 0 10px 19px; }

body#policy div#mainContents div#enforcement h4 {
	margin-bottom: 0;
	margin-left: 23px;
	font-size: 80%;
}

body#policy.en div#mainContents div#enforcement h4 { margin-left: 19px; }

/* group list */
body#comp_other div#mainContents h3 {
	font-weight: normal;
}

/* -------------------------------------------------- H4 elements */
div#mainContents h4 {
	clear: left;
	margin-bottom: 10px;
	font-size: 70%;
	font-weight: bold;
}

/* -------------------------------------------------- Paragraph elements */
div#mainContents p.lead {
	width: 715px;
	margin-bottom: 50px;
	font-weight: bold;
}

body#automotive01 div#mainContents p.lead {
	margin-bottom: 25px;
}

div#mainContents p.image {
	margin-bottom: 8px;
	line-height: 1;
}

div#mainContents p.mb10 {
	margin-bottom: 10px;
}

/* compBtn */
div#mainContents p.compBtn {
	margin-bottom: 16px;
}

/* float image */
div#mainContents p img.sentenceImage {
	float: left;
	display: block;
	margin-right: 15px;
	margin-bottom: 8px;
}

/* indent */
div#mainContents p.readA,
div#mainContents p.readB { text-indent: 1em; }
div#mainContents p.readB { margin-bottom: 0; }

/* -------------------------------------------------- Notes elements */
div#mainContents p.notes,
div#mainContents ul.notes li {
	background-repeat: no-repeat;
	color: #666;
	font-size: 70%;
	text-indent: 10px;
}

div#mainContents ul.notes li { padding-left: 8px; }

body.jp div#mainContents p.notes,
body.jp div#mainContents ul.notes li {
	background-image: url(/common/images/icon/notes-jp.gif);
	background-position: 0 0.4em;
}

body.jp div#mainContents ul.notes li.notes01 {	background-image: url(/common/images/icon/notes-jp-01.gif); }
body.en div#mainContents ul.notes li.notes01 {	background-image: url(/common/images/icon/notes-en-01.gif); }

body.en div#mainContents p.notes,
body.en div#mainContents ul.notes li {
	background-image: url(/common/images/icon/notes-en.gif);
	background-position: 0 0.5em;
}

div#mainContents span.notes {
	margin: 0 0.3em;
	color: #E60031;
}

div#mainContents table span.notes { margin: 0 0 0 0.3em; }

div#mainContents p.caption {
	color: #666;
	font-size: 70%;
	line-height: 1.2;
}

/* -------------------------------------------------- List elements  */ 
/* bullet list */
div.section ul li {
	padding-left: 9px;
	background-image: url(/common/images/icon/bullet.gif);
	background-position: 0 0.6em;
	background-repeat: no-repeat;
	font-size: 75%;
}

div.section ul li.groupTitle {
	padding-left: 0px;
	background:none;
	font-size: 75%;
	font-weight:bolder;
}

div.section ul li.groupTitle1 {
	padding-left: 0px;
	background:none;
	font-size: 75%;
}

div.section ul li ul li {
	padding-left: 1em;
	background-image: none;
	font-size: 100%;
}

body#sitemap div.section ul li ul { margin-bottom: 0; }
body#sitemap div.section ul li ul li {
	margin-left: 4px;
	background-image: url(/common/images/icon/bullet.gif);
}

/* bullet list policy.html */
body.jp div.section ul#shrinkToGrow li {
	margin-bottom: 10px;
	padding-left: 13px;
	background-image: url(/common/images/icon/circle.gif);
	background-position: 0 0.3em;
	background-repeat: no-repeat;
	font-weight: bold;
}

body.en div.section ul#shrinkToGrow li {
	margin-bottom: 10px;
	font-weight: bold;
}

/* decimal list */
div.section ol li {
	margin-left: 2.0em;
	list-style: decimal;
}

* html div.section ol li {
	margin-left: 2.5em;
}

/* links */
div.section ul.links li {
	display: inline;
	float: left;
	margin-right: 0;
	margin-left: 10px;
	padding-left: 10px;
	background-image: url(/common/images/navi-separate.gif);
	background-position: 0 0.2em;
	background-repeat: no-repeat;
	line-height: 1.2;
}

body#en div.section ul.links li {
	background-position: 0 0.2em;
	line-height: 1.2;
}

/* pagelinks */
* html div.section ul.pageLinks { margin-bottom: 33px; }

div.section ul.pageLinks li {
	float: left;
	padding-left: 0;
	margin-right: 15px;
	white-space: nowrap;
	margin-bottom: 10px;
	width: 31%;
	background-image: none;
}

body.en div.section ul.pageLinks li {
	width: 45%;
}

div.section ul.pageLinks li a {
	padding-right: 12px;
	background-image: url(/common/images/marker-pagelinks.gif);
	background-position: top right;
	height:100%;
	background-repeat: no-repeat;
	line-height: 1.2;
}

div.section ul.pageLinks li.letring a {
	/padding-right: 0px;
}

span.latestsign {
	/padding-right: 12px;
	/background-image: url(/common/images/marker-pagelinks.gif);
	/background-position: bottom right;
	/height:100%;
	/background-repeat: no-repeat;
	/line-height: 1.2;
}



/* externalLinks */
div.section p.externalLinks {
	width: 225px;
	background-color: #EBEBEB;
	padding: 15px 10px 30px 10px;
}


div.section dl.links {
	width: 704px;
	background-color: #EBEBEB;
	padding-top: 15px;
	padding-bottom: 30px;
	margin-bottom: 11px;
}

div.section dl.links dt {
	float: left;
	width: 215px;
	margin-left: 10px;
}

div.section dl.links dt a.blank img {
	margin: 0;
}

div.section dl.links dd {
	margin-left: 245px;
	font-size: 70%;
	line-height: 2.25;
}

div.section dl.getLinks dt {
	float: left;
	width: 115px;
}

div.section dl.getLinks dd {
	margin-left: 130px;
	color: #999;
	font-size: 70%;
	line-height: 1.25;
}

/* sitemap links */
div.section ul.linksEtc li {
	background-image: none;
	padding-left: 0;
}

/* First item inside Links */
div.section ul.links li.firstitem {
	margin-left: 0;
	padding-left: 0;
	background: none;
}

/* btn */
div.section ul.btn li {
	display: inline;
	margin-right: 13px;
	line-height: 0;
	height: 24px;
	padding-left: 0;
	background-image: none;
}

body#aboutIndex div.section ul.btn { margin-bottom: 10px; }

/* compOther */
div.section ul.compOther li {
	height: 24px;
	padding-left: 0;
	margin-bottom: 7px;
	background-image: none;
}

/* schedule */
dl.schedule,
dl.yearSchedule {
	margin-bottom: 40px;
}

dl.schedule dt,
dl.yearSchedule dt {
	clear: left;
	float: left;
	width: 100px;
	margin-bottom: 10px;
	margin-right: 15px;
	color: #666;
	line-height: 1.2;
}

* html dl.schedule dt,
* html dl.yearSchedule dt {
	line-height: 1.1;
}

dl.yearSchedule dt {
	width: 60px;
}

body.en dl.schedule dt {
	width: 75px;
}

body.en dl.yearSchedule dt {
	width: 42px;
}

dl.schedule dd,
dl.yearSchedule dd {
	float: left;
	width: 580px;
	margin-bottom: 10px;
	color: #666;
	line-height: 1.2;
}

dl.yearSchedule dd {
	width: 620px;
}

body.en dl.schedule dd {
	width: 605px;
}

body.en dl.yearSchedule dd {
	width: 638px;
}

/* group company list */
dl.grouplist dt {
	margin-bottom: 8px;
	font-size: 100%;
}

dl.grouplist dd {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: dotted 1px #999;
}

* html dl.grouplist dd {
	border-bottom: none;
	background-image: url(/common/images/border-dot.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
}

dl.grouplist dt em.country {
	margin-left: 2em;
	font-size: 90%;
}


/* -------------------------------------------------- icon elements  */ 
* html a.pdf {
	height: 11px;
}

a.pdf img {
	margin-left: 8px;
	vertical-align: baseline;
}

* html a.blank {
	height: 8px;
}

a.blank img {
	margin-left: 6px;
	vertical-align: baseline;
}

/* anchor link */
p.anchorlink {
	margin-bottom: 15px;
	font-size: 80%;
	line-height: 1;
}

p.anchorlink a {
	padding-right: 15px;
	background-image: url(/common/images/icon/link-anchor.gif);
	background-position: 100% 0.5em;
	background-repeat: no-repeat;
}

/* -------------------------------------------------- Table elements */
div.sectionTable table {
	width: 705px;
	margin-right: 15px;
	margin-bottom: 19px;
	border-collapse: separate;
}

div.section div.column3A div.sectionTable table { width: 225px; }
* html div.section div.column3A div.sectionTable table { width: 223.9px; }

div.section div.column3B div.sectionTable table { width: 465px; }
* html div.section div.column3B div.sectionTable table { width: 463.9px; }

div.section div.column4A div.sectionTable table { width: 165px; }
* html div.section div.column4A div.sectionTable table { width: 163.9px; }

div.section div.column4B div.sectionTable table { width: 345px; }
* html div.section div.column4B div.sectionTable table { width: 343.9px; }

div.section div.column4C div.sectionTable table { width: 525px; }
* html div.section div.column4C div.sectionTable table { width: 523.9px; }

div.sectionTable table th,
div.sectionTable table td {
	padding: 3px 16px;
}

div.sectionTable table th {
	background-color: #999;
	border-left: 1px solid #898989;
	color: #fff;
	font-weight: bold;
}

div.sectionTable table tr.odd td {
	background-color: #f5f5f5;
	border-left: 1px solid #dcdcdc;
}

div.sectionTable table tr.even td {
	background-color: #e1e1e1;
	border-left: 1px solid #cacaca;
	vertical-align: top;
}

div.sectionTable table th.firstRow,
div.sectionTable table tr.odd td.firstRow,
div.sectionTable table tr.even td.firstRow {
	border-left: none;
}

div.sectionTable table th.northAmerica { background-color: #8CB6DD; }
div.sectionTable table th.europe  { background-color: #F8DF81; }
div.sectionTable table th.japan { background-color: #FD9780; }
div.sectionTable table th.asia { background-color: #9AEB9A; }
div.sectionTable table th.northAmerica,
div.sectionTable table th.europe,
div.sectionTable table th.japan,
div.sectionTable table th.asia { color: #333333; }

body.jp div.sectionTable table#areaAspect th,
body.jp div.sectionTable table#areaAspect td {
	width: 12%;
}

body.jp div.sectionTable table#areaAspect th.northAmerica,
body.jp div.sectionTable table#areaAspect th.europe,
body.jp div.sectionTable table#areaAspect th.japan,
body.jp div.sectionTable table#areaAspect th.asia {
	width: 22%;
}



div.sectionTable p.notes,
div.sectionTable ul.notes {
	margin-bottom: 19px;
}

div.sectionTable table td.numericValue { text-align: right; }

/* sample table */
div.sectionTable table#sample1 th {
	text-align: left;
}

div.sectionTable table#sample1 th#id {
	width: 104px;
}

div.sectionTable table#sample1 th#value {
	width: 120px;
}

/* table ul */
div.sectionTable table#areaAspect ul,
div.sectionTable table#mainProducts ul { margin: 0; }
div.sectionTable table#areaAspect ul li,
div.sectionTable table#mainProducts ul li { font-size: 100%; }

/* crtGlass table */
div.sectionTable table#crtGlass th#name { width: 25%; }
div.sectionTable table#crtGlass th#description { width: 75%; }

/* automotive table */
div.sectionTable table.automotive {
	border: solid 1px #D1D1D1;
	background-color: #F5F5F5;
	text-align: center;
	margin-bottom: 0;
}

div.sectionTable table.automotive th {
	width: 136px;
	padding: 0;
	font-size: 90%;
}

body.en div.sectionTable table.automotive th {
	width: 131px;
	padding: 0 0 0 5px;
	text-align: left;
}

div.sectionTable table.automotive td { padding: 0; }

div.sectionTable table.automotive td.function,
div.sectionTable table.automotive td.functionLast {
	width: 130px;
	background-color: #E1E1E1;
	font-weight: bold;
}

div.sectionTable table.automotive td.functionLast {
	width: 110px;
	padding-left: 20px;
	text-align: left;
}


div.sectionTable table.automotive td.products {
	width: 205px;
	padding-left: 10px;
	text-align: left;
	font-size: 75%;
}

div.sectionTable table.automotive td.products ul { margin: 0; }

div.sectionTable table.automotive td.products ul li { font-size: 100%; }

div.sectionTable table.automotive td.photo01 { width: 244px; }

div.sectionTable table.automotive td.photo02 {
	width: 175px;
	text-align: left;
	vertical-align: bottom;
}

div.sectionTable table.automotive td.photo03 { width: 204px; }


/* safeness table */
div.sectionTable table#safeness th,
div.sectionTable table#safeness td {
	text-align: left;
	width: 25%;
}

div.sectionTable table#safeness th.eSeries{
	background-color: #FFAA1E;
	color: #333;
}
div.sectionTable table#safeness tr.even td.eSeries { background-color: #FFCF80; }
div.sectionTable table#safeness td.eSeries { background-color: #FFE9C4; }

/* table */
div.sectionTable table#groupOverview th,
div.sectionTable table#financeHighLight th,
div.sectionTable table#FluorineBusiness th,
div.sectionTable table#AlkaliUrethanBusiness th { text-align: left; }

/* financeHighLight */
div.sectionTable table#financeHighLight td { width: 25%; }


/* areaAspect */
div.sectionTable table#areaAspect th,
div.sectionTable table#areaAspect td { width: 20%;}

/* AlkaliUrethanBusiness */
div.sectionTable table#AlkaliUrethanBusiness th#name { width: 40%; }
div.sectionTable table#AlkaliUrethanBusiness th#application { width: 60%; }

/* -------------------------------------------------- Form elements */

/* -------------------------------------------------- Button elements */

/* -------------------------------------------------- etc elements */
div#mainContents hr {
	clear: both;
	height: 1px;
	margin-top: 7px;
	margin-right: 15px;
	margin-bottom: 10px;
	border: none;
	font-size: 1px;
	background-color: #d4d4d4;
	line-height: 1;
}

/* -------------------------------------------------- etc */
div.section#agcgroupData { width: 705px; }

div.section#agcgroupData div.column3A { width: 235px; }

div.section#agcgroupData div.locator p { margin-left: 10px; }

div.section#agcgroupData div.column3A h2,
div.section#agcgroupData div.column3A p {
	margin-right: 10px;
	margin-left: 10px;
}

/* margin */
div#mainContents p.tftLcd,
div#mainContents p.oneLine { margin-top: 3.3em; }
div#mainContents p.twoLine { margin-top: 4.8em; }
div#mainContents p.herfLine { margin-top: 2.2em; }

* html div#mainContents div.section div#microGlassSection p.caption { margin-bottom: 0; }

/* -------------------------------------------------- Clearfixes */

div.section:after,
div.locator:after,
div.sectionTable:after,
div.section div.column3A:after,
div.section div.column3B:after,
div.section div.column4A:after,
div.section div.column4B:after,
div.section div.column4C:after,
div.section ul.links:after,
div.section ul.pageLinks:after,
dl.schedule:after,
dl.yearSchedule:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	line-height: 0;
}

div.section,
div.locator,
div.sectionTable,
div.section div.column3A,
div.section div.column3B,
div.section div.column4A,
div.section div.column4B,
div.section div.column4C,
div.section ul.links,
div.section ul.pageLinks,
dl.schedule,
dl.yearSchedule {
	display: inline-table;
	min-height: 1%;
}

/* for macIE \*/
* html div.section,
* html div.locator,
* html div.sectionTable,
* html div.section div.column3A,
* html div.section div.column3B,
* html div.section div.column4A,
* html div.section div.column4B,
* html div.section div.column4C,
* html div.section ul.links,
* html div.section ul.pageLinks,
* html dl.schedule,
* html dl.yearSchedule {
	height: 1%;
}

div.section,
div.locator,
div.sectionTable,
div.section div.column3A,
div.section div.column3B,
div.section div.column4A,
div.section div.column4B,
div.section div.column4C,
div.section ul.links,
div.section ul.pageLinks,
dl.schedule,
dl.yearSchedule {
	display: block;
}
/* end of for macIE */

/* EOF */
