@charset "UTF-8";

/*//////////////////////////////////////////////////////////////////////////////

index.css

--------------------------------------------------------------------------------
Products styles
	0. insideLinkNavigation
	1. contents
	
//////////////////////////////////////////////////////////////////////////////*/

/* -----------------------------------------------------------------------------
	0. insideLinkNavigation
	
	body > #stage > #contentsContainer > #contents > .contentsBody_doubleColumn
----------------------------------------------------------------------------- */
ul#insideLinkNavigation {
	position   : relative;
	clear      : both;
	width      : 661px;
	margin     : 2em 0 0 0;
	padding    : 9px 10px 10px 9px;
	background : url(../../common/img/texture_dot.gif) repeat 0 0;
	}
	/* for IE6 */
	* html ul#insideLinkNavigation { background : #eeeeee; }
	/* for IE7 */
	*:first-child+html ul#insideLinkNavigation { background : #eeeeee; }
	
		ul#insideLinkNavigation li {
			display         : block;
			float           : left;
			width           : 329px;
			margin          : 1px 0 0 1px;
			}
			ul#insideLinkNavigation li a {
				display             : block;
				width               : 299px;
				padding             : 14px 15px 10px 15px;
				color               : #444444;
				font-size           : 123.1%;
				text-decoration     : none;
				background-color    : #ffffff;
				background-image    : url(../../common/img/icon_boxArrowDown.gif);
				background-repeat   : no-repeat;
				background-position : 96% center;
				}
			ul#insideLinkNavigation li a:hover {
				background-color    : #eaf6ff;
				background-image    : url(../../common/img/icon_boxArrowDown_on.gif);
				}
			ul#insideLinkNavigation li span {
				display             : block;
				padding             : 14px 15px 10px 15px;
				color               : #444444;
				font-size           : 123.1%;
				text-decoration     : none;
				background-color    : #ffffff;
				}
				
/* -----------------------------------------------------------------------------
	1. contents
	
	body > #stage > #contentsContainer > #contents > .contentsBody_doubleColumn
----------------------------------------------------------------------------- */
#products_index {
	clear      : both;
	}
	#products_index p {
		margin-top : 1em;
		font-size  : 93%;
		}
	#products_index .section {
		position   : relative;
		clear      : both;
		width      : 680px;
		margin     : 40px 0 0 0;
		padding    : 0;
		}
		#products_index .section h3 {
			clear         : both;
			margin        : 0 0 20px 0;
			padding       : 8px 0 8px 40px;
			font-size     : 138.5%;
			font-weight   : bold;
			line-height   : 1.3;
			border-top    : 1px #000000 solid;
			border-bottom : 1px #000000 dotted;
			background    : url(../../common/img/icon_circle_blue_large.gif) no-repeat 10px 48%;
			}
		#products_index #about1 h3 {
			padding       : 0;
			font-weight   : normal;
			border-top    : none;
			border-bottom : none;
			background    : none;
			}
			
		#figures {
			position   : relative;
			clear      : both;
			width      : 680px;
			height     : 940px;
			background : url(../img/img_figures1.gif) no-repeat 0 0;
			}
			#figures div {
				display  : block;
				position : absolute;
				overflow : hidden;
				zoom     : 1;
				}
				#figures div p {
					margin-top : 1em;
					color      : #ffffff;
					font-size  : 93%;
					}
				#figures #figures_div5 p {
					float      : left;
					width      : 210px;
					}
				#figures div p.image {
					text-align : center;
					}
				#figures #figures_div5 p.image {
					float      : right;
					width      : 63px;
					padding    : 40px 10px 0 0;
					}
			#figures_div1 {
				top      : 23px;
				left     : 13px;
				width    : 650px;
				}
			#figures_div2 {
				top      : 487px;
				left     : 17px;
				width    : 200px;
				}
			#figures_div3 {
				top      : 489px;
				left     : 461px;
				width    : 196px;
				}
			#figures_div4 {
				top      : 742px;
				left     : 34px;
				width    : 205px;
				}
			#figures_div5 {
				top      : 759px;
				left     : 340px;
				width    : 300px;
				}
			
		#figures2 {
			position   : relative;
			clear      : both;
			margin-top : 10px;
			}

		#usefulFunctions,
		#relationalSystems {
			position : relative;
			clear    : both;
			}
			#usefulFunctions .lay2col,
			#relationalSystems .lay2col {
				width         : 680px;
				margin-bottom : 10px;
				}
				#usefulFunctions .lay2col .col1,
				#relationalSystems .lay2col .col1 {
					width      : 333px;
					margin     : 0;
					padding    : 0;
					border     : 1px #b8b8b8 dotted;
					background : none;
					}
				#usefulFunctions .lay2col .col2,
				#relationalSystems .lay2col .col2 {
					left       : 0px;
					width      : 333px;
					margin     : 0;
					padding    : 0;
					border     : 1px #b8b8b8 dotted;
					background : none;
					}
					#usefulFunctions .lay2col h4,
					#relationalSystems .lay2col h4 {
						padding       : 10px;
						color         : #115fad;
						font-size     : 108%;
						line-height   : 1.3;
						border-bottom : 1px #b8b8b8 dotted;
						background    : #f6f6f6;
						}
						#usefulFunctions .lay2col h4 span,
						#relationalSystems .lay2col h4 span {
							padding-left : 8px;
							border-left  : 4px #115fad solid;
							}
					#usefulFunctions .lay2col .body,
					#relationalSystems .lay2col .body {
						padding       : 10px;
						background    : #ffffff;
						}
						#usefulFunctions .lay2col .body ul,
						#relationalSystems .lay2col .body ul {
							margin-left : 1.2em;
							font-size   : 93%;
							list-style  : outside disc;
							}
							#usefulFunctions .lay2col .body ul span,
							#relationalSystems .lay2col .body ul span {
								font-size   : 10px;
								}
				/* 高さ合わせ */
				#usefulFunctions #uf2 .col1 .body,
				#usefulFunctions #uf2 .col2 .body {
					min-height : 121px;
					height     : auto !important;
					height     : 121px;
					}
				#usefulFunctions #uf4 .col1 .body,
				#usefulFunctions #uf4 .col2 .body {
					min-height : 61px;
					height     : auto !important;
					height     : 61px;
					}
				#relationalSystems #rs1 .col1 .body,
				#relationalSystems #rs1 .col2 .body {
					min-height : 51px;
					height     : auto !important;
					height     : 51px;
					}
				#relationalSystems #rs2 .col1 .body,
				#relationalSystems #rs2 .col2 .body {
					min-height : 91px;
					height     : auto !important;
					height     : 91px;
					}
				#relationalSystems #rs3 .col1 .body,
				#relationalSystems #rs3 .col2 .body {
					min-height : 176px;
					height     : auto !important;
					height     : 176px;
					}
				
		#requiredSpec {
			clear    : both;
			}
			#requiredSpec table {
				width      : 680px;
				background : url(../../common/img/texture_dot_gray.gif) repeat 0 0;
				}
			/* for IE6 */
			* html #requiredSpec table { background : #b8b8b8; }
			/* for IE7 */
			*:first-child+html #requiredSpec table { background : #b8b8b8; }

				#requiredSpec table tr.head {
					}
					#requiredSpec table tr.head th {
						padding    : 10px;
						color      : #115fad;
						font-size  : 108%;
						text-align : center;
						background : #f6f6f6;
						}
				#requiredSpec table {
					}
					#requiredSpec table td {
						padding        : 10px 20px;
						font-size      : 93%;
						vertical-align : middle;
						background     : #ffffff;
						}
						#requiredSpec table td dl {
							}
							#requiredSpec table td dt {
								float : left;
								width : 4em;
								}
							#requiredSpec table td dd {
								float : left;
								width : 8em;
								}
							#requiredSpec table td dd.separator {
								width : 1em;
								}