@charset "utf-8";

@import url("common.css"); 


body {
	color:#003063;
	font-size: 0.8em;
	background-color:#004079;
}


/* ----- logo ----- */

/* ----- midashi ----- */
h1 {
	margin:  0;
	padding: 25px 20px 10px 20px;
	color: #fff;
	font-size: 1.8em;
	font-weight: bold;
}

h2 {
	margin:0 0 5px 25px;
	padding:0 0 0 20px;
	background: url(/images/qube.gif) no-repeat center left;
	font-size: 1.3em;
	font-weight: bold;
}

h3 {
	margin:0 0 2px 20px;
	padding:0 0 0 20px;
	background: url(/images/qube_mini.gif) no-repeat center left;
	font-weight: bold;
	font-size: 1.2em;
}

h4 {
	margin-bottom: 0;
	padding: 0;
	color: #554445;
	font-weight: bold;
}


/* ----- list-element ----- */


/* ----- link ----- */
a {
	color:#cc3300;
	text-decoration: underline;
}
a:hover {
	color:#f45628;
	background-color: inherit;
	text-decoration: none;
}

/* ----- strong ----- */
strong.level1 {
	color: #ea8100;
	font-weight:bold;
	background-color: inherit;
}

h2 a {
	font-weight: bold;
}
h3 a {
	font-weight: bold;
}
h4 a {
	font-weight: bold;
}

strong.level2 {
	font-weight: bold;
}

strong.level3 {
	color: #ea8100;
	background-color: inherit;
}



/* ----- layout ----- */
#container {
	margin: 0px auto 0px auto;
	padding: 0;
	width: 780px;
	color: inherit;
	text-align:left;
}

	#header-container {
		position: relative;
		width: 780px;
		height: 82px;
		color: inherit;
		font-size: 0.85em;
		background:#003063 url("/images/header_bg.gif") no-repeat top left;
	}
	
		#header-container a {
			color: #fff;
			text-decoration: none;
		}
		
		#header-container a:hover {
			color: #ffbf15;
			text-decoration: underline;
		}
	
		#header-container #logo {
			position: absolute;
			bottom: 10px;
			right: 15px;
			width: 110px;
			height: 26px;
			color: #fff;
			background: url("/images/header_logo.gif") no-repeat bottom right;
		}
		
			#logo p {
				text-indent: -9999em;
				margin: 0;
				padding: 0;
				
			}
			
			#logo p a {
				display: block;
				width: 110px;
				height: 26px;
			}
		
		#header-container #header-nav {
			position: absolute;
			bottom: 10px;
			left: 15px;
			width: 620px;
		}
		
			#header-nav ul {
				margin: 0;
				padding: 0;
			}
			
			#header-nav li {
				display: inline;
				list-style-type: none;
				margin:0;
				padding:0 11px 0 0;
				background: url("/images/navi_partition.gif") no-repeat center right;
				color: #fff;
			}
			
			#header-nav li.last{
				margin: 0;
				padding: 0;
				background: none;
			}
			
	/* ----- main ----- */
	#main-container {
		clear: both;
		width: 780px;
		margin: 0;
		padding: 0 0 30px 0;
		background: #ffbf15 url("/images/main_bg.gif") no-repeat top left;
	}
	
	
	#main-container::after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}
		
		#main-container .section {
			margin: 0px auto 15px auto;
			width: 720px;
			text-align: left;
		}
		
		#main-container .section .section {
			margin: 0 0 0 30px;
			width: 690px;
		}
		
		#main-container .link {
			margin: 3px 0 5px 0;
			padding: 0 13px 0 0;
			background: url(/images/arrow_orange.gif) no-repeat center right;
		}
		
		#main-container .section .download {
			margin: 0 0 5px 0;
			padding: 0 20px 0 0;
			min-height: 15px;
			background: url(/products/images/download.gif) no-repeat center right;
		}

	/* ----- footer ----- */
	#footer-container {
		clear: both;
		width: 780px;
		height: 82px;
		font-size: 0.85em;
		background: #e1dbb0 url("/images/footer_bg.gif") repeat-x top left;
	}
	
		#footer-container #footer-nav {
			display: inline; /* for WinIE6 */
			float: left;
			margin: 10px 20px 10px 15px; 
			width: 450px;
		}
		
			#footer-nav ul {
				margin: 0;
				padding: 0;
			}
			
			#footer-nav li {
				display: inline;
				list-style-type: none;
				margin: 0;
				padding:0 11px 0 0;
				background: url("/images/navi_partition.gif") no-repeat center right;
				color: #fff;
			}
			
			#footer-nav li.last{
				margin:0;
				padding:0;
				background:none;
			}
			
			#footer-nav a {
				color: #fff;
				text-decoration: none;
			}
			
			#footer-nav a:hover {
				color: #ffbf15;
				text-decoration: underline;
			}
			
			#footer-nav a:hover {
				text-decoration: underline;
			}
		
		#footer-container address {
			display: inline; /* for WinIE6 */
			float: right;
			margin: 10px 15px 10px 0; 
			width: 280px;
			text-align: right;
			color: #fff;
		}