/********************************************************
	Nisshin Web Site
	This stylesheet provides styles for All About HTML layout.
	
	[aboutIndex.css]
	
	0. All About HTML
	1. Phoilosophy
	2. History
	3. Business Model
	4. Product
	5. CSR
	6. Training
	7. FAQ
	
	Last renewal date: 2006/10/12
*********************************************************/





/*
****************************************
		0. All About HTML
****************************************
*/
div#Mheader01		{widht: 663px;}
div#Mheader01 p		{font-size: 12px; text-align:left; margin: 0px 15px 10px 7px; line-height:1.7em; color:#666;}
/* MacIE begin \*/
div#Mheader01 p		{letter-spacing:0.05em;}
/* MacIE end */

div#Mheader02		{widht: 663px;}
.Mheader02Txt		{font-size: 12px; text-align:left; margin: 24px 10px 0px 8px; line-height:1.7em; color:#666;}
/* MacIE begin \*/
.Mheader02Txt		{letter-spacing:0.05em;}
/* MacIE end */


div#main p.lead , ul.lead	{font-size:75%; text-align:left; line-height:1.7em; margin:0px 15px 15px 25px;}
div#main ul.lead	{font-size:75%; text-align:left; line-height:1.7em; margin:0px 30px 15px 60px;}
.right				{float:right;}
h4.midashi			{font-size:80%; text-align:left; margin:0px 0px 3px 0px;color:#fe0000; font-weight:600;}
h4.midashi02		{font-size:80%; text-align:left; margin:0px 0px 3px 13px;color:#fe0000; font-weight:600;}

ul.navi				{width:440px;paddind:0px;margin:40px auto;_margin:40px auto 40px -10px;}
ul.navi li			{display:block;width:440px;mpadding:0px;margin:0px 0px 10px 0px;list-style:none;}


/*
****************************************
		1. Phoilosophy
****************************************
*/


/*
****************************************
		2. History
****************************************
*/
div#col01 p			{widht: 178px; display:block; float:right;}
div#col01 .bb:after	{content:"."; display:block; height:0; clear:both; visibility:hidden;}
em					{color:#dd0100; font-weight: 600;}

.bb			{display:inline-table;color:#666;}

/* Hides from IE-mac\*/
*html .bb	{height:1%;}
.bb			{display:block;}
/* End hide from IE-mac */

body*.ns{height:30px;}



div#col01 dl {
	background-color: #fff;
	margin: 0em 1em;
	border: 1px solid #fff;
	border-top: none;
	font-size: 12px;
	line-height:1.7em;
	text-align:left;
	/*border-bottom:1px solid #ccc;*/
}

div#col01 dt {
	margin: 0px;
	padding: 7px 0px 7px 0px;
	border-top: 1px solid #ccc;
	width: 133px;
	float: left;
}
	
div#col01 dd {
	margin: 0px 0px 0px 130px;
	padding: 7px 0px 7px 0px;
	border-top: 1px solid #ccc;
}
.bb{border-left:solid 3px #ff9999; padding-left: 11px;}
.noBorder	{border-top:none;}
.mouth		{width: 3em; maegin-bottom: 50px;}



/*
****************************************
		3. Business Model
****************************************
*/
.ModelImg	{float:right; padding:20px 0px 0px 10px;}
.red		{color:#ff0000; font-size: 10px; text-align:left; margin: 20px 0px 0px 8px;}
.point		{color:#fe0000;}



/*
****************************************
		4. Product
****************************************
*/
.soon		{margin-top:60px;}


/*
****************************************
		5. CSR
****************************************
*/
h3.Stitle		{text-align:left;}
div.limits		{width:580px; border:solid 2px #f1c0c0;margin:0px auto;}
div.limits h3	{text-align:right;}
div.limits h4	{font-size:80%; text-align:left; margin:0px 0px 3px 13px;color:#fe0000; font-weight:600; letter-spacing:0.1em;}
h4.limits		{font-size:80%; text-align:left; margin:0px 0px 3px 13px;color:#fe0000; font-weight:600; letter-spacing:0.1em;}
div.limits p	{font-size:75%; text-align:left; margin:10px 13px 15px 13px;color:#333; line-height:1.7em;}
p.zenbun		{font-size:75%; text-align:left; margin:10px 0px 15px 40px;color:#333;}
div.purpose		{width:580px; background: url(../about/images/2nd_csr0129.gif) repeat-y 0 0; margin:0px auto;}
div.purpose h3	{padding:0px 0px 0px 13px;margin:0px;text-align:left;}
p.purpose		{font-size:75%; text-align:left; margin:10px 13px 15px 13px;color:#333; line-height:1.7em;}	
div.purpose	ol	{font-size:80%;text-align:left;margin:10px 0px 20px 80px;padding:0px; line-height:2.5em;}
div.purpose li	{color:#fe0000;}
div.purpose	ol span	{color:#333;}

.thumbnail		{margin-left:10px;}
/* MacIE begin \*//*/
.thumbnail		{width:175px;height:115px;}
/* MacIE end */
table.other		{width:630px; margin:10px auto 15px auto; border:solid 2px #81c2df; font-size:75%; line-height:1.7em;}
table.other th	{width:8em;background-color:#e7f2f6;color:#0075a9;font-weight:600; padding:0.5em;}
table.other td	{padding:0.5em; text-align:left;}
.border01		{border-right:solid 1px #81c2df;border-bottom:solid 1px #81c2df;}
.border02		{border-bottom:solid 1px #81c2df;}
.border03		{border-right:solid 1px #81c2df;}

p.comm			{font-size:65%; text-align:left; line-height:1.7em; margin:0px 15px 15px 25px;}
p.comm span		{color:#0075a9;font-weight:600;}
span.caps		{font-size:65%; margin:5px 0px 0px 0px;}


ol.koudou		{font-size:75%; text-align:left; padding:0px;margin:10px 13px 15px 50px;line-height:1.7em;}
ol.koudou li	{color:#0075a9;}
ol.koudou span	{color:#333;}
div.eco			{width:580px; margin:10px auto 25px auto; font-size:65%;line-height:1.5em;color:#3d3d3d;}
div.ecoL		{width:290px; float:left;text-align:left;}
div.ecoL li		{list-style:none;}
div.ecoR		{width:290px; float:right;text-align:left;}
p.ecoTxt		{color:#0075a9;}

div.kongo		{width:663px;}
div.kongo p.text{font-size:75%; text-align:left; margin:0px 0px 15px 0px;color:#333; line-height:1.7em;}
div.kongoL		{width:285px; float:left;}
div.kongoR		{width:355px; float:right;}
table.iso		{width:100%; margin:10px auto 15px auto; border:solid 2px #81c2df;line-height:1em;}
table.iso th	{width:8em;background-color:#e7f2f6;color:#0075a9;font-weight:600; padding:0.5em; font-size:75%;}
table.iso td	{padding:0.5em; text-align:left; font-size:70%;}


/*
****************************************
		6. Training
****************************************
*/
div#main h4.training	{font-size:85%; text-align:left; margin:0px 0px 3px 25px;color:#fe0000; font-weight:600; letter-spacing:0.1em;}	
div.visual01		{width:480px; background: url(../about/images/2nd_career18.gif) repeat-y 0 0;margin:15px auto;}
div.visual01 p.visual01lead	{padding:0px;margin:10px 0px; font-size:75%; line-height:1.7em; color:#666;}

div.visual02		{width:510px; margin:0px auto 10px auto;}
div.visual02L		{width:248px;float:left;}
div.visual02R		{width:248px;float:right;}
div.visual02sub		{width:248px; background: url(../about/images/2nd_career39.gif) no-repeat left bottom;margin-bottom:10px;}
/* MacIE begin \*//*/
div.visual02		{height:400px;}
div.visual02sub		{height:110px;}
/* MacIE end */
div.visual02sub ul	{padding:10px 0px 15px 0px;margin:0px 0px 0px 30px; text-align:left;font-size:75%;}

div.visual03		{width:623px; margin:0px auto 15px auto;}
div.visual03 h5		{float:left;}
/* MacIE begin \*//*/
div.visual03 h5		{width:88px;height:88px;}
/* MacIE end */
div.visual03sub01	{width:535px; background: #e9f2f6 url(../about/images/2nd_career45.gif) no-repeat left top;float:right;}
div.visual03sub02	{width:535px; background: #e9f6e9 url(../about/images/2nd_career52.gif) no-repeat left top;float:right;}
div.visual03sub03	{width:535px; background: #fde4bf url(../about/images/2nd_career59.gif) no-repeat left top;float:right;}

div.visual03sub01 ul{
padding:0px;margin:0px 0px 0px 40px;text-align:left;font-size:70%;
}
div.visual03sub02 ul{
padding:0px;margin:0px 0px 0px 40px;text-align:left;font-size:70%;
}
div.visual03sub03 ul{
padding:0px;margin:0px 0px 0px 40px;text-align:left;font-size:70%;
}


/*
****************************************
		7. FAQ
****************************************
*/
div#col02		{text-align:center;}
div#col02 dl 	{width:648px;margin: 2em auto;line-height:1.5em;text-align:left;}
div#col02 dt	{width:648px;height:24px;color:#c10100; font-weight: 600;font-size: 13px; margin-bottom: 10px; background: url(../about/images/2nd_faqBg.gif) no-repeat 0 0;padding:1px 0px 0px 5px;_padding:3px 0px 0px 5px;}
div#col02 dd	{font-size: 12px; margin: 0px 30px 20px 36px;}
div#col02 p		{margin-bottom:7px;}
.No				{vertical-align:text-bottom; margin-right: 7px;}