@charset "Shift_JIS";
/*------------------------------------------------------*/
/* Relation of CSS Files
	common.css 
		|----style.css
		|----header.css
		|----footer.css
		|----contents.css
		|		|----mainArea.css
		|		|----sideArea.css
		|----popup.css
		|----print.css
*/
/*------------------------------------------------------*/
/* Common */
/*------------------------------------------------------*/
/* CSS Import --------------------------------- */
	@import url(style.css);
	@import url(header.css);
	@import url(footer.css);
	@import url(contents.css);
	@import url(popup.css);
	@import url(print.css);

/* Body --------------------------------- */
	body {
		margin: 0;
		padding: 0;
		background: #ffffff url(/english/common/images/bodyBg.jpg) repeat-x top;
		font-family: "sans-serif", "Arial", "Helvetica", "Verdana", "Osaka";
		}
		body#information	{	background: #ffffff url(/english/aboutus/images/bodyBg.png) no-repeat top;	}
		body#aim		{	background: #ffffff url(/english/f_direction/images/bodyBg.png) no-repeat top;	}
		body#business		{	background: #ffffff url(/english/business/images/bodyBg.png) no-repeat top;	}

		/* 20090527 Add **********START */
		body#ir				{	background: #ffffff url(/english/ir/images/bodyBg.png) no-repeat top;	}
		body#environment	{	background: #ffffff url(/english/environment/images/bodyBg.png) no-repeat top;	}
		/* 20090527 Add **********END */

		body#popup {
			background: #ffffff;
			}

/* Reset | 初期値のリセット --------------------------------- */
	*  {
		margin: 0;
		padding: 0;
		font-size: 100%;
		}
	img {
		border: none;
		}
	ul,ol {
		list-style-type: none;
		}
	th {
		font-weight: normal;
		text-align: left;
		}

/* flashTop --------------------------------- */
	div#flashTop {
		height: 341px;
		}

/* keyVisual | キービジュアル --------------------------------- */
	div#keyVisual {
		height: 68px;
		}
	
/* gNav | グローバルナビゲーション --------------------------------- */
	div#gNav {
		position: relative;
		width: 950px;
		height: 86px;
		margin: 0 auto 10px;
		z-index:100;
		}
	div#gNav ul {
		width: 950px;
		height: 86px;
		}
	div#gNav ul li {
		float: left;
		height: 86px;
		overflow: hidden;	/* IE6用にli要素のサイズを指定し、はみ出たa要素は表示させない */
		}
	div#gNav li.gNav1	{	width: 190px;	}
	div#gNav li.gNav2	{	width: 190px;	}
	div#gNav li.gNav3	{	width: 190px;	}
	div#gNav li.gNav4	{	width: 190px;	}
	div#gNav li.gNav5	{	width: 190px;	}
	div#gNav li a {
		display: block;
		height: 86px;
		_height: 172px; /* IE6ではa要素の高さを画像サイズにする */
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		cursor: pointer;
		}
	div#gNav li.gNav1 a {
		width: 190px;
		background: url(/english/common/images/nav/gNav1.png) no-repeat;
		_background: none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/english/common/images/nav/gNav1.png',sizingMethod='scale');
		}
	div#gNav li.gNav2 a {
		width: 190px;
		background: url(/english/common/images/nav/gNav2.png) no-repeat;
		_background: none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/english/common/images/nav/gNav2.png',sizingMethod='scale');
		}
	div#gNav li.gNav3 a {
		width: 190px;
		background: url(/english/common/images/nav/gNav3.png) no-repeat;
		_background: none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/english/common/images/nav/gNav3.png',sizingMethod='scale');
		}
	div#gNav li.gNav4 a {
		width: 190px;
		background: url(/english/common/images/nav/gNav4.png) no-repeat;
		_background: none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/english/common/images/nav/gNav4.png',sizingMethod='scale');
		}
	div#gNav li.gNav5 a {
		width: 190px;
		background: url(/english/common/images/nav/gNav5.png) no-repeat;
		_background: none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/english/common/images/nav/gNav5.png',sizingMethod='scale');
		}

	div#gNav li.current a,
	div#gNav li a:focus,
	div#gNav li a:hover {
		_height: 86px;	/* paddingの分a要素の高さを調節（標準モード） */
		_margin-top: -86px;	/* a要素を上に86px動かす */
		_padding-top: 86px;	/* a要素が動いた分テキストの表示位置を下げる */
		background-repeat: no-repeat;
		background-position: 0 -86px;
		}

/* breadcrumb | パンくず --------------------------------- */
	div#breadcrumb {
		position:absolute;
		left:40px;
		top:69px;
		width:900px;
		height:31px;
		z-index:101;
		}
	div#breadcrumb li {
		float:left;
		height:31px;
		font-size:85%;
		overflow:visible;
		padding:0 26px 0 0;
		background:url(/english/common/images/contents/breadcrumb_arrow.gif) no-repeat right 3px;
		line-height:1.2em;
		margin-top:3px;
		}
	div#breadcrumb li.last {
		float:left;
		height:31px;
		font-size:85%;
		overflow:visible;
		padding:0;
		background:none;
		line-height:1.2em;
		}
	div#breadcrumb li a {
		height:31px;
		font-size:100%;
		text-indent:0px;
		line-height:1.2em;
		}

/* container --------------------------------- */
	div#container {
		position: relative;
		width: 984px;
		margin: 0 auto 20px;
		z-index: 9;
		}

/* heading | 見出し --------------------------------- */
	h1 {
		font-size: 0;
		line-height: 0;
		}
	body#topPage h1 {
		position: absolute;
		top: 0;
		left: 2px;
		z-index: 1;
		}

	h2 {
		margin: 0 20px 25px 20px;
		padding: 13px 0 7px;
		}

	body.wide h2 {
		margin-right: 0;
		margin-left: 0;
		}

	body#aim h2			{	background: url(/english/f_direction/images/h2_bg.gif) repeat-x bottom;	}
	body#information h2	{	background: url(/english/aboutus/images/h2_bg.gif) repeat-x bottom;	}
	body#business h2	{	background: url(/english/business/images/h2_bg.gif) repeat-x bottom;	}
	
	/* 20090527 Add **********START */
	body#ir h2			{	background: url(/english/ir/images/h2_bg.gif) repeat-x bottom;	}
	body#environment h2	{	background: url(/english/environment/images/h2_bg.gif) repeat-x bottom;	}
	/* 20090527 Add **********END */
	
	h3 {
		margin: 25px 0 15px;
		padding: 0 0 10px 15px;
		background: url(/english/common/images/contents/mainArea/h3_bg.gif) no-repeat left bottom;
		color: #0d1a48;
		font-size: 125%;
		line-height: 1.5em;
		}
	h3.history {
		margin: 0;
		padding: 0;
		background: none;
		color: #0d1a48;
		font-size: 0;
		line-height: 0;
		}
	h3.link {
		padding-bottom: 8px;
		border-bottom: solid 1px #d1d1d1;
		background: url(/english/common/images/contents/icon_list02.gif) no-repeat 0 0.4em;
		_background-position: 0 0.3em;
		}
	*+html h3.link {
		background-position: 0 0.3em;
		}
	h3 span {
		margin-right: 5px;
		margin-left: 5px;
		color: #4d4d4d;
		font-size: 77%;
		line-height: 1.0em;
		}
	h3 img {
		vertical-align: -3px;
		}
	
	h4 {
		margin: 25px 0 15px;
		font-size: 0;
		line-height: 0;
		}
	h4.link {
		margin: 15px 0;
		padding-left: 12px;
		background: url(/english/common/images/contents/icon_list01.gif) no-repeat 0 4px;
		}

	body.txtBase h4 {	/* h4がテキストの場合 */
		background: url(/english/common/images/contents/mainArea/h4_bg.gif) no-repeat bottom;
		color: #0d1a48;
		font-size: 115%;
		line-height: 1.5em;
		}
	body.txtBase h4 span {	/* h4がテキストの場合 */
		display: block;
		padding: 8px 10px;
		background: url(/english/common/images/contents/mainArea/h4_topBg.gif) no-repeat;
		}

	h5 {
		margin: 25px 0 10px;
		color: #0d1a48;
		font-size: 100%;
		line-height: 1.5em;
		}

/*------------------------------------------------------*/
/* End */
/*------------------------------------------------------*/

/* get plus 2009/03/09--*/

body#products		{	background: #ffffff url(/english/products/images/bodyBg.png) no-repeat top;	}
body#procure		{	background: #ffffff url(/english/procure/images/bodyBg.png) no-repeat top;	}
body#site			{	background: #ffffff url(/english/site/images/bodyBg.png) no-repeat top;	}
body#asking			{	background: #ffffff url(/english/asking/images/bodyBg.png) no-repeat top;	}
body#fun			{	background: #ffffff url(/english/fun/images/bodyBg.png) no-repeat top;	}

body#products h2	{	background: url(/english/products/images/h2_bg.gif) repeat-x bottom;	}
body#procure h2		{	background: url(/english/procure/images/h2_bg.gif) repeat-x bottom;	}
body#site h2		{	background: url(/english/site/images/h2_bg.gif) repeat-x bottom;	}
body#asking h2		{	background: url(/english/asking/images/h2_bg.gif) repeat-x bottom;	}
body#fun h2			{	background: url(/english/fun/images/h2_bg.gif) repeat-x bottom;		}
