@charset "UTF-8";

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

list.css

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

/* -----------------------------------------------------------------------------
	0. pointer
	
	body > #stage > #contentsContainer > #contents > .contentsBody_doubleColumn
----------------------------------------------------------------------------- */
#affairs #icon_current {
	top : 117px;
	}
#subjects #icon_current {
	top : 155px;
	}
#functions #icon_current {
	top : 197px;
	}
#systems #icon_current {
	top : 236px;
	}
#services #icon_current {
	top : 288px;
	}

/* -----------------------------------------------------------------------------
	1. contents
	
	body > #stage > #contentsContainer > #contents > .contentsBody_doubleColumn
----------------------------------------------------------------------------- */
.contentsBody_doubleColumn p {
	margin-top : 1em;
	font-size  : 93%;
	}
.contentsBody_doubleColumn .section {
	position   : relative;
	clear      : both;
	width      : 680px;
	margin     : 40px 0 0 0;
	padding    : 0;
	overflow   : hidden;
	}
	.contentsBody_doubleColumn .section p {
		margin-bottom : 2em;
		}
	.contentsBody_doubleColumn .section h3 {
		clear         : both;
		margin        : 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%;
		}
	.contentsBody_doubleColumn .section .items {
		margin-top  : 2em;
		margin-left : -10px;
		}
	/* for IE6 */
	* html .contentsBody_doubleColumn .section .items {
		position    : relative;
		width       : 700px;
		margin-left : -20px;
		zoom        : 1;
		}
	.contentsBody_doubleColumn .section .items:after {
		content    : ".";
		display    : block;
		height     : 0;
		clear      : both;
		visibility : hidden;
		}
	.contentsBody_doubleColumn .section .items { display : inline-block; }
	/* Hides from IE-mac \*/
	* html .contentsBody_doubleColumn .section .items { height : 1%; }
	.contentsBody_doubleColumn .section .items { display : block; }
	
		/*
		 * affairs
		 */
		#affairs .section .items a.item {
			display    : block;
			position   : relative;
			float      : left;
			width      : 203px;
			margin     : 0 0 10px 10px;
			padding    : 10px 5px 10px 10px;
			border     : 1px #b8b8b8 dotted;
			cursor     : pointer;
			background : #f6f6f6 url(../../common/img/icon_boxArrow.gif) no-repeat 10px 14px;
			}			
		#affairs .section .items a.item:hover {
			background : #eaf6ff url(../../common/img/icon_boxArrow_on.gif) no-repeat 10px 14px;
			}
			#affairs .section .items a.item span {
				display      : block;
				margin       : 0;
				padding-left : 18px;
				font-size    : 93%;
				line-height  : 1.4;
				}
		#affairs .section .items a.long {
			min-height : 35px;
			height     : auto !important;
			height     : 35px;
			}
		#affairs .section .items a.longer {
			min-height : 50px;
			height     : auto !important;
			height     : 50px;
			}
	
		/*
		 * subjects
		 */
		#subjects .section .items div.item {
			display    : block;
			position   : relative;
			float      : left;
			width      : 218px;
			margin     : 0 0 10px 10px;
			padding    : 0;
			border     : 1px #b8b8b8 dotted;
			cursor     : default;
			background : #f6f6f6;
			}
			#subjects .section .items div.item h4 {
				display       : block;
				position      : relative;
				float         : none;
				min-height    : 34px;
				height        : auto !important;
				height        : 34px;
				margin        : 0;
				padding       : 10px 5px 6px 28px;
				border        : none;
				font-size     : 93%;
				line-height   : 1.4;
				background    : url(../../common/img/icon_boxArrow.gif) no-repeat 10px 14px;
				}
			#subjects .section .items div.item ul {
				min-height    : 32px;
				height        : auto !important;
				height        : 32px;
				margin        : 0 0 0 28px;
				padding       : 0 0 10px 0;
				font-size     : 85%;
				}
			#subjects .section .items div.item ul.threeRows {
				min-height    : 48px;
				height        : auto !important;
				height        : 48px;
				}
				#subjects .section .items div.item ul li {
					margin-top   : 2px;
					padding-left : 1em;
					background   : url(../../common/img/listStyle_arrow_tilted.gif) no-repeat 0 48%;
					}

		/*
		 * functions
		 */
		#functions .section .items h4 {
			display       : block;
			position      : relative;
			float         : none;
			margin        : 0 0 0.2em 10px !important;
			margin        : 0 0 0.2em 20px;
			padding       : 0;
			border        : none;
			font-size     : 108%;
			line-height   : 1.4;
			}
		#functions .section .items a.item {
			display    : block;
			position   : relative;
			float      : left;
			width      : 203px;
			margin     : 0 0 10px 10px;
			padding    : 10px 5px 10px 10px;
			border     : 1px #b8b8b8 dotted;
			cursor     : pointer;
			background : #f6f6f6 url(../../common/img/icon_boxArrow.gif) no-repeat 10px 14px;
			}			
		#functions .section .items a.item:hover {
			background : #eaf6ff url(../../common/img/icon_boxArrow_on.gif) no-repeat 10px 14px;
			}
			#functions .section .items a.item span {
				display      : block;
				margin       : 0;
				padding-left : 18px;
				font-size    : 93%;
				line-height  : 1.4;
				}
			#functions .section .items a.item span.textSmall {
				display      : inline;
				margin       : 0;
				padding-left : 0;
				font-size    : 10px;
				}
		#functions .section .items a.long {
			min-height : 35px;
			height     : auto !important;
			height     : 35px;
			}

		/*
		 * systems
		 */
		#systems .section .items div.item {
			display    : block;
			position   : relative;
			float      : left;
			width      : 218px;
			margin     : 0 0 10px 10px;
			padding    : 0;
			border     : 1px #b8b8b8 dotted;
			cursor     : default;
			background : #ffffff;
			}
			#systems .section .items div.item a {
				display       : block;
				position      : relative;
				float         : none;
				margin        : 0;
				padding       : 10px 5px 10px 10px;
				border        : none;
				border-bottom : 1px #b8b8b8 dotted;
				background    : #f6f6f6 url(../../common/img/icon_boxArrow.gif) no-repeat 10px 14px;
				}
			#systems .section .items div.item a:hover {
				background : #eaf6ff url(../../common/img/icon_boxArrow_on.gif) no-repeat 10px 14px;
				}
				#systems .section .items div.item a span {
					display      : block;
					margin       : 0;
					padding-left : 18px;
					font-size    : 93%;
					line-height  : 1.4;
					}
			#systems .section .items div.item .body {
				display    : block;
				position   : relative;
				float      : none;
				min-height : 47px;
				height     : auto !important;
				height     : 47px;
				margin     : 0;
				padding    : 10px;
				border     : none;
				background : #ffffff;
				}
				#systems .section .items div.item .body p {
					margin  : 0;
					padding : 0;
					}
					
		/*
		 * services
		 */
		#services .section .items div.item {
			display    : block;
			position   : relative;
			float      : left;
			width      : 218px;
			margin     : 0 0 10px 10px;
			padding    : 0;
			border     : 1px #b8b8b8 dotted;
			cursor     : default;
			background : #f6f6f6;
			}
			#services .section .items div.item h4 {
				display       : block;
				position      : relative;
				float         : none;
				margin        : 0;
				padding       : 10px 5px 10px 10px;
				border        : none;
				border-bottom : 1px #b8b8b8 dotted;
				color         : #115fad;
				font-size     : 93%;
				line-height   : 1.4;
				background    : #f6f6f6;
				}
				#services .section .items div.item h4 span {
					padding-left : 8px;
					border-left  : 4px #115fad solid;
					}
			#services .section .items div.item .body {
				display    : block;
				position   : relative;
				float      : none;
				min-height : 47px;
				height     : auto !important;
				height     : 47px;
				margin     : 0;
				padding    : 10px;
				border     : none;
				background : #ffffff;
				}
				#services .section .items div.item .body p {
					margin  : 0;
					padding : 0;
					}
			#services .section .items div.item .long {
				min-height : 77px;
				height     : auto !important;
				height     : 77px;
				}