@charset "utf-8";

/*----------------------------------------*/
/*  about                                                         */
/*----------------------------------------*/

		#contents {
			position: relative;
			float: left;
			width: 540px;
			margin: 0;
			padding: 0 10px 0 10px;
			background-color:#ffffff; 
		}
		
		#contents h2 {
			padding:0.5em;
			margin-bottom: 1em;
			font-size: 90%;
			line-height: 110%;
			background-color:#eeeeee; 
			color:#000000;
			float:left;width:526px;
		}	
		
		#contents h3 { 
			clear: both; 
			padding:0; 
			font-size: 180%;
			color: #888888;
			margin: 0.5em 0;
			font-weight: bold; 
			text-align: left; }

			.container01 {
				position: relative;
				float: left;
				width: 540px;
				padding: 10px 0;
				border-bottom: 1px dotted #888888;
			}
			
			.container01b {
				position: relative;
				float: left;
				width: 540px;
				padding: 10px 0;
			}
			
			
			.column01 {
				float: left;
				border-bottom: 1px dotted #999;
				margin: 8px 0;
				width: 540px;
			}
			
			.column01b {
				float: left;
				margin-bottom: 1em;
				width: 210px;
			}

			.column01c {
				float: left;
				border-bottom: 1px dotted #999;
				margin: 8px 0;
				padding-left:40px;
				width: 500px;
			}

			.column01 h3 {
				position: absolute;
				left: 0;
				top: 0;
				color:#ffffff;
				font-size: 78%;
				font-weight: normal;
			}
			
			.column01 h3 a {
				display: block;
				width: 130px;
				height: 134px;
				padding: 0.3em;
				/*border: 1px solid #888888;*/
			}
			
			.column01 h3 a:link {color: #ffffff;}
			.column01 h3 a:visited {color: #ffffff;}
			.column01 h3 a:hover {color: #ffff00;}
			.column01 h3 a:active {color: #ffff00;}
					
			.column02 {
			position: relative;
			float: left;
			}
			
			.column02 ul {
				margin-left: 10px;
				/*width: 179px;*/
				padding-left: 0;
			}
			
			.column02 li {
				margin: 0;
				/*padding: 0 0 0 10px; */
				color:#000000;
				/*background-image: url(../ja/products/images/arrow01.gif);
				background-repeat: no-repeat;*/
				font-size: 88%;
				font-weight: normal;
				line-height: 170%;
				list-style-type: none;
			}
			
			.column02 li.l2 {
				margin: 0;
				padding: 0 0 0 10px; 
				color:#000000;
				background-image: url(../ja/products/images/arrow01.gif);
				background-repeat: no-repeat;
				font-size: 80%;
				font-weight: normal;
				line-height: 170%;
				list-style-type: none;
			}
						
			.column02 li a:link {
				color: #888888;
				text-decoration: none;
			}
			.column02 li a:visited {
				color: #888888;
				text-decoration: none;
			}
			.column02 li a:hover {
				color: #003399;
				text-decoration: underline;
			}
			.column02 li a:active {
				color: #003399;
				text-decoration: underline;
			}
			
			.column02 h4 {
				clear: both;
				color:#444444;
				font-size: 88%;
				font-weight: bold;
				line-height: 130%;
			}
			
			.column03 {
				position: relative;
				float: left;
				margin-left: 10px;
				width: 380px;
				/*background-color: #dddddd;*/
			}
			
			.column03 ul {
				clear: both;
				position: relative;
				width: 380px;
				float: left;
				margin-bottom: 1em;
				padding-left: 0;
			}
						
			.column03 li {
				padding: 0 0 0 10px; 
				clear: both;
				position: relative;
				float: left;
				width: 380px;
				font-size: 88%;
				font-weight: normal;
				line-height: 130%;
				list-style-type: none;
				background-image: url(../ja/products/images/arrow01.gif);
				background-repeat: no-repeat;
			}
			
			.column03 li span.brand {
			display: block;
			position: relative;
			float: left;
			width: 260px;
			}
			
			.column03 li span.brandw {
			display: block;
			position: relative;
			float: left;
			width: 380px;
			}
						
			.column03 li span.model {
			display: block;
			position: relative;
			float: left;
			}
			
			.column03 li a:link {
				color: #888888;
				text-decoration: none;
			}
			.column03 li a:visited {
				color: #888888;
				text-decoration: none;
			}
			.column03 li a:hover {
				color: #003399;
				text-decoration: underline;
			}
			.column03 li a:active {
				color: #003399;
				text-decoration: underline;
			}
			
			.column03 h4 {
				clear: both;
				color:#444444;
				font-size: 88%;
				font-weight: bold;
				line-height: 130%;
			}
			
			span.new {
			font-size: 80%;
			font-weight: bold;
			color: #ffffff;
			background-color: #ff0000;
			padding: 0 0.2em;
			margin-left: 0.5em;
			}
			
			span.note{
			color: #888888;
			font-size: 88%;
			}
		
	.note{
			color: #888888;
			font-size: 88%;
			}
			
			#sidemenu h2 a {
			color: #ffffff;
			text-decoration: none;
			}
			
			#sidemenu h3 {
			padding:0.5em;
			font-size: 90%;
			line-height: 110%;
			background-color:#bbbbbb; 
			color:#000000;
			}
			
			#sidemenu h3 a {
			color: #333333;
			text-decoration: none;
			}
			
			#sidemenu div.banner {
			margin-top:10px;
			padding: 0px;
			}
			
			#sidemenu div.banner img {
			margin-top: 2px;
			}
			
			#sidemenu p.reference {
			width: 160px;
			margin-left: 4px;
			color: #555555;
			text-align: left;
			border: 1px dotted #888888;
			margin-top: 10px;
			padding: 5px;
			font-size: 75%;
			line-height: 130%;
			}
			
			#sidemenu p.reference span.telfax {
			color: #000000;
			}
			
			#contents .floatr {
				float: right; 
				margin-left: 1em;
				margin-bottom: 1em;
			}
			
			#contents .floatr img {
				margin-top: 0.3em;
			}
			
			#contents .floatl {
				float: left; 
				margin-right: 1em;
				margin-bottom: 1em;
			}
			
			#contents .floatl img {
				margin: 0.3em 1em 0.3em 0;
			}
			
			#contents .floatc {
				clear: both;
				margin-bottom: 1em;
			}
			
			#contents table.border1 {
				border-top: 1px solid #666666;
				border-left: 1px solid #666666;
			}
			
			#contents table.border1 caption {
				text-align: left;
				font-weight: bold;
			}
			
			#contents table.border1 th {
			    padding: 3px 5px;
				border-right: 1px solid #666666;
				border-bottom: 1px solid #666666;
				font-size: 88%;
				font-weight: normal;
				line-height: 130%;
				vertical-align: top; 
				color:#000000;
				background-color:#eeeeee;
			}
			
			#contents table.border1 td  { 
			color: #000000; 
			font-size: 88%; 
			font-weight: normal; 
			line-height: 130%; 
			background-color: #ffffff; 
			padding: 3px 5px; 
			vertical-align: top; 
			border-right: 1px solid #666666; 
			border-bottom: 1px solid #666666 
			}
			
			#contents td p {
				margin: 0;  
				padding: 0; 
			}

			#contents p img {
				margin: 0.5em 0;  
			}
			
			#contents p {
				/*margin-top: 0.5em;  */
				font-size:88%;
				line-height: 150%;
			}

		#contents li {
				font-size:88%;
				line-height: 150%;
			}

#contents ul.dec li {
margin-left: 0.5em;
list-style-type: decimal;
}
			
#contents h4 {
					line-height: 150%;
}

			#contents strong {
				color: #003399;  
			}
			
			.container01 .sectorhead {
				clear: both;
				float: left;
				margin-bottom: 8px;
			}
			
			.container01 .column02 {
				float: left;
				width: 265px;
			}
			
			.container01 .column03 {
				float: left;
				width: 265px;
				margin-left: 8px;
				margin-bottom: 8px;
			}