@charset "utf-8";

/*----------------------------------------*/
/*  PRODUCTS INDEX                        */
/*----------------------------------------*/

		#productsindex {
			position: relative;
			float: left;
			width: 540px;
			margin: 0;
			padding: 0 10px 0 10px;
			background-color:#ffffff; 
		}
		
		#productsindex h2 {
			padding:0.5em;
			font-size: 90%;
			line-height: 110%;
			background-color:#eeeeee; 
			color:#000000;
		}	

			.container01 {
				position: relative;
				float: left;
				width: 540px;
				padding: 10px 0;
				border-bottom: 1px dotted #888888;
			}
			
			
			.column01 {
				position: relative;
				float: left;
				width: 135px;
				height: 135px;
				/*border: 5px solid #888888;*/
				background-repeat: no-repeat;
			}

			.column01 h3 {
				position: absolute;
				left: 0;
				top: 0;
				color:#ffffff;
				/*background-color: ffffff;*/

				font-size: 78%;
				font-weight: normal;
				/*background-repeat: no-repeat;*/
			}
			
			.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;
			width: 390px;
			}
			
			.column02 ul {
				float: left;
				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: 130%;
				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;
			}
			
			.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;
			}
			
/*----------------------------------------*/
/*  PRODUCTS                              */
/*----------------------------------------*/
			
		#products {
			position: relative;
			float: left;
			width: 540px;
			margin: 0;
			padding: 0 10px 0 10px;
			background-color:#ffffff; 
			/*border: 1px solid #f00;*/
		}
		
#pro {
}
		#products h2 {
			padding:0.5em;
			font-size: 90%;
			line-height: 110%;
			background-color:#eeeeee; 
			color:#000000;
		}
		
			#products h3 {
			font-size: 140%;
			color: #888888;
			margin: 1em 0;
			}

			#products p.note {
			margin-top: 0.5em;
			font-size: 75%;
			color: #888888;
			}
						
			#products table {
			border-top: 1px solid #888888;
			border-left: 1px solid #888888;
			}
			
			#products th {
			color: #000000; 
			font-size: 80%; 
			font-weight: normal; 
			line-height: 130%; 
			padding: 3px 5px; 
			text-align: left;
			vertical-align: top; 
			border-right: 1px solid #888888;
			border-bottom: 1px solid #888888;
			background-color: #eeeeee;
			}
			
			#products td {
			color: #000000; 
			font-size: 80%; 
			font-weight: normal; 
			line-height: 130%; 
			background-color: #ffffff; 
			padding: 3px 5px; 
			text-align: center;
			vertical-align: top; 
			border-right: 1px solid #888888;
			border-bottom: 1px solid #888888;
			}
			
			#products .textr {
				text-align: right;
			}

			#products .textl {
				text-align: left;
			}
			
			#products .textc {
				text-align: center;
			}
			
			#products .floatl {
				float: left; 
				margin-right: 2em;
				margin-bottom: 2em;
			}
			
			#products .floatr {
				float: right; 
				margin-left: 2em;
				margin-bottom: 2em;
			}

			.colfl {
				clear: both;
				position: relative;
				float: left;
				width: 200px;
				margin-bottom: 1em;
			}
			
			.colfr {
				float: left;
				margin-left: 10px;
				width: 330px;
				margin-bottom: 1em;
			}

			.colfr h4 {
				font-size: 100%;
				line-height: 130%;
				color: #003399;
				margin-bottom: 0.3em;
				border-left: 0.5em solid #bbddff;
				padding-left: 0.3em;
			}
			
			.colfr p {
				color: #555555;
				font-size: 88%;
				font-weight: normal;
				line-height: 130%;
				margin-bottom: 1em;
			}
			
			.colfr ul {
				margin-bottom: 2em;
			}
			
			.colfr li {
				color: #555555;
				font-size: 88%;
				font-weight: normal;
				line-height: 130%;
			}
			
			.colfc {
				clear: both;
				float: left;
				margin-bottom: 1em;
				width: 100%;
			}

			.colfc h4 {

				font-size: 100%;
				line-height: 130%;
				color: #003399;
				margin-bottom: 0.3em;
				/*border-left: 0.5em solid #bbddff;
				padding-left: 0.3em;*/
			}
			
			.colfc p { /*float: left;*/ color: #555555;
				/*font-size: 88%;*/
				font-size: 88%; font-weight: normal; line-height: 130%; margin-bottom: 1em; }
			
			.colfc li {/*
				color: #555555;
				font-size: 88%;
				font-weight: normal;
				line-height: 130%;*/
			}
			
			.coldim {
				position: relative;
				float: left;
				width: 528px;
				padding: 5px;
				margin-bottom: 10px;
				border: 1px solid #888888;
			}
			
						
			.coldim img {
				margin-bottom: 10px;
			}
			
			.coldim h4 {
				font-size: 120%;
				line-height: 120%;
				color: #003399;
				margin-bottom: 10px;
				border-left: 0.5em solid #bbddff;
				padding-left: 0.3em;
			}
			
			.coldim h4 span.unit {
				font-size: 70%;
				font-weight: normal;
				color: #444444;
			}
			
			.coldim h5 {
				font-size: 100%;
				line-height: 120%;
				color: #888888;
				margin-bottom: 1em;
			}
			
			#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;
			}
			
			#pricearea {
			position: relative;
			float:left;
			width: 200px;
			margin-top: 5px;
			}
			
			#pricearea h4{
			color: #888888;
			margin-bottom: 5px;
			}

			#pricearea table{
			margin-bottom: 5px;
			}

			#pricearea caption{
			font-size: 88%;
			text-align: left;
			padding-left: 0.3em;
			border-left: 0.5em solid #aaaaaa;
			}

			#pricearea th{
			text-align: left;
			}

			#pricearea td{
			text-align: right;
			}

			#pricearea .total th{
			font-weight: bold;
			}
			
			p.model{
			margin: 0;
			padding: 0 0.5em 0 0;
			position: relative;
			top: -1.5em;
			text-align: right;
			font-size: 80%;
			color: #ffffff;
			}
			
			span.note{
			color: #888888;
			font-size: 88%;
			}