@charset "utf-8"; 
/* CSS Document */

/* ------------------------------------------------------------------------ */

/*  reset

/* ------------------------------------------------------------------------ */

html {
	overflow-y	: scroll;
	height		: 100%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,p,blockquote {
	margin 	: 0;
	padding : 0;
}

fieldset {
	display:inline;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style : normal;
}

/*
table {
	border-collapse	 : collapse;
	border-spacing	 : 0;
}
*/

body/**/table {
	font-size	: 12px;
	line-height	: 1.5;
}

q:before,
q:after {
	content : '';
}

object,embed {
	vertical-align : top;
}

hr,legend	{
	display : none;
}

h1,h2,h3,h4,h5,h6 {
	font-size : 100%;
}

img,abbr,acronym,fieldset {
	border : 0;
}

li {
	list-style-type : none;
}



/* ------------------------------------------------------------------------ */

/*  Basic Style

/* ------------------------------------------------------------------------ */

body {
	margin		: 0;
	padding		: 0;
	height		: 100%;
	font-family	: "メイリオ", Meiryo,MS PGothic,arial,"Hiragino Kaku Gothic Pro",sans-serif;
	/*font-family	: MS PGothic,arial,sans-serif;*/
	background	: url(/eng/common/img/bg/bg_header.gif) repeat-x left top;
	font-size	: 75%;
	line-height	: 1.5;
	text-align	: center;
	color		: #444;
}

	body {
		font:12px/1.231 "メイリオ", Meiryo,MS PGothic,arial,"Hiragino Kaku Gothic Pro",sans-serif;
		/*font:12px/1.231 MS PGothic,arial,sans-serif;*/
		/* for IE6/7 */
		*font-size:small;
		/* for IE Quirks Mode */
		*font:x-small;
	}
	
	body {
		font:75%/1.231 "メイリオ", Meiryo,MS PGothic,arial,"Hiragino Kaku Gothic Pro",sans-serif;
		/*font:75%/1.231 MS PGothic,arial,sans-serif;*/
	}

div#wrap{
	margin		: 0 auto;
	text-align	: center;
}

body > #wrap { height : auto;}



/* Link
--------------------------------------------------------------------------- */

a:link	{
	text-decoration	: none;
	color			: #003c80;
}

a:visited	{
	text-decoration	: none;
	color			: #003c80;
}

a:hover	{
	text-decoration	: underline;
}


#lang .l_stay a:link	{
	text-decoration	: none;
	color			: #333333;
}

	#lang .l_staya:visited	{
		text-decoration	: none;
		color			: #333333;
	}
	
	#lang .l_stay a:hover	{
		text-decoration	: underline;
	}

#lang a:link	{
	text-decoration	: underline;
	color			: #333333;
}

	#lang a:visited	{
		text-decoration	: underline;
		color			: #333333;
	}
	
	#lang a:hover	{
		text-decoration	: none;
	}


#footer_link h4 a:link,
#footer_link h4 a:visited,
#footer_link2 h4 a:link,
#footer_link2 h4 a:visited {
	color	: #003c80;
}

	.link_entry ul li a:link,
	.link_entry ul li a:visited,
	.link_entry2 ul li a:link,
	.link_entry2 ul li a:visited {
		color			: #333333;
		text-decoration	: underline;
	}

	.link_entry ul li a:hover,
	.link_entry2 ul li a:hover {
		text-decoration	: none;
	}
	

/* ------------------------------------------------------------------------ */

/* Hedaer

/* ------------------------------------------------------------------------ */

header {
	position	: relative;
	margin		: 0 auto;
	width		: 980px;
	height		: 52px;
}

	header h1{
		position	: absolute;
		top			: 10px;
		left		: 0;
	}
	
	#inquiry_link {
		padding-left	: 16px;
		position		: absolute;
		top				: 10px;
		right			: 120px;
		background		: url('/eng/img/r_triangle.gif') no-repeat 4px 3px;
	}
	
		#inquiry_link a {
			color	: #000000;
		}
	
	#lang {
		position	: absolute;
		top			: 10px;
		right		: 0;
	}

		#lang li{
			display	: inline;
		}


/* ------------------------------------------------------------------------ */

/* Navigation

/* ------------------------------------------------------------------------ */

nav#gnav {
	position:relative;
	margin	: 0 auto;
	width	: 980px;
	height	: 64px;
	z-index	: 100;
}

	nav#gnav li{
		float		: left;
		text-indent	: -9999px;
	}
	
		nav#gnav li a{
			display		: block;
			width		: 196px;
			height		: 64px;
			overflow	: hidden;
		}
	
			nav#gnav li#gnav-top a		{ background : transparent url(/eng/common/img/navigation/gnav_home.gif) no-repeat 0 0;}
			nav#gnav li#gnav-products a	{ background : transparent url(/eng/common/img/navigation/gnav_products.gif) no-repeat 0 0;}
			nav#gnav li#gnav-corporate a{ background : transparent url(/eng/common/img/navigation/gnav_corporate.gif) no-repeat 0 0;}
			nav#gnav li#gnav-ir a		{ background : transparent url(/eng/common/img/navigation/gnav_ir.gif) no-repeat 0 0;}
			nav#gnav li#gnav-contact a	{ background : transparent url(/eng/common/img/navigation/gnav_contact.gif) no-repeat 0 0;}
	
			nav#gnav li a:hover,
			nav#gnav li.stay a { background-position : 0 -64px !important;}
	
			#b_top nav#gnav li#gnav-top a,
			#b_products nav#gnav li#gnav-products a,
			#b_corporate nav#gnav li#gnav-corporate a,
			#b_ir nav#gnav li#gnav-ir a,
			#b_contact nav#gnav li#gnav-contact a { background-position : 0 -64px;}
		
		
		nav#gnav li ul li {
			float		: none;
			width		: 196px;
			text-align	: left;
			text-indent	: 0;
		}
			
			nav#gnav li ul li a {
				display		: inline;
				width		: auto;
				height		: auto;
				padding		: 10px;
				line-height	: 1.5;
			}
		
	
			#menu li {
				position	: relative;
				float		: left;
				margin		: 0;
				width		: 196px;
			}
				
				#menu li ul {
					border		: 1px solid #DDD;
					display		: none;
					position	: absolute;
					top			: 65px;
					left		: 55px;
					width		: 196px;
					padding		: 0 0 0 0;
				}
				
					#menu li ul li {
						margin		: 0;
						padding		: 0;
						width		: 196px;
						border		: none;
						background	: #FFF;
						
					}
					
					/* CSS Hack for IE7 */
					.ie7 #menu li ul li {
						margin	: 0 0 -5px;
					}

						#menu li ul li.ttl {
							position	: relative;
							background	: none;
						}
							
						/* CSS Hack for IE7 */
						.ie7 #menu li ul li.ttl {
							margin	: 0;
						}

						#menu li ul li.ttl a {
							display		: block !important;
							margin		: -20px auto 0;
							width		: 186px;
							height		: 29px;
							padding		: 27px 0 0 10px;
							background	: transparent url(/eng/common/img/navigation/gnav_ttl_bg.png) no-repeat center bottom !important;
							color		: #FFF;
							font-weight	: bold;
							font-size	: 14px;
						}
						
						#menu li ul li a {
							display		: block !important;
							margin		: 0 2px;
							width		: 192px;
							height		: 31px;
							background	: #FFF !important;
							color		: #333;
						}
						
							#menu li ul li.ttl a:hover {
								margin			: -20px 0 0;
								width			: 186px;
								background		: transparent url(/eng/common/img/navigation/gnav_ttl_bg.png) no-repeat center bottom !important;
								color			: #FFF;
								text-decoration	: none;
							}
		

								#menu li ul li a:hover {
									margin			: 0 2px;
									background		: #cce4ff !important;
									color			: #333;
									text-decoration	: none;
								}
			

/* ------------------------------------------------------------------------ */

/* Contents

/* ------------------------------------------------------------------------ */

#mainBlock {
	margin	: 0 auto;
	width	: 980px;
}

.ttlBox1 { height : 115px;}

.ttlBox2 {
	position	: relative;
	width		: 980px;
	height		: 161px;
	z-index		: 1;
}


	.ttlBox2 ul{
		position	: absolute;
		bottom		: 10px;
		left		: 10px;
		margin		: 0;
		width		: 970px;
	}
	
		.ttlBox2 ul li{
			float		: left;
			margin		: 0 12px 0 0;
			background	: #FFF !important;
			text-align	: left;
		}
		
			.ttlBox2 ul li a{
				display		: block;
				margin		: 2px;
				padding 	: 10px 20px 10px 28px;
				background	: transparent url(/eng/common/img/icon/icon_arrow01.png) no-repeat 10px 12px;
			}
	
				.ttlBox2 ul li a:hover{
					background	: #cce4ff url(/eng/common/img/icon/icon_arrow01.png) no-repeat 10px 12px;
				}
				
				.ttlBox2 ul li a:link,
				.ttlBox2 ul li a:visited {
					text-decoration	: none;
				}
			

/* ------------------------------------------------------------------------ */

/* Footer

/* ------------------------------------------------------------------------ */

footer {
	border-top	: 3px solid #004799;
	margin		: 30px 0 0;
	padding		: 20px 0 0;
}

	#footer_link {
		margin	: 0 auto;
		width	: 980px;
	}
	
		.link_entry {
			float		: left;
			margin		: 0 10px 0 0;
			width		: 280px;
			text-align	: left;
		}
		
		.link_entry2 {
			float		: left;
			margin		: 0 10px 0 0;
			width		: 100px;
			text-align	: left;
		}

			.link_entry h4,
			.link_entry2 h4 {
				margin		: 0 0 12px;
				font-size	: 120%;
			}
	
			.link_entry h5,
			.link_entry2 h5 {
				margin		: 0 0 5px;
				font-size	: 95%;
			}
	
			.link_entry ul,
			.link_entry2 ul {
				margin		: 0 0 15px 6px;
			}
	
				.link_entry ul li,
				.link_entry2 ul li {
					margin		: 0 0 2px;
					line-height	: 1.5;
					font-size	: 95%;
				}
		

#copylight {
	margin		: 10px 0 0;
	padding		: 8px 0;
	background	: #004799;
	color		: #FFF;
}