@charset "utf-8";

@import iefix.css;
@import url("../base/iefix.css");

/* Table of Contents + ---------------------------------- *//*

     1-0.share
     1-1.top(jp)
     1-2.top(en)

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


/* 1-0.share configuration
=========================================================== */
*{
	margin:0;
	padding:0;
	color:#444444;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:100%;
	font-weight:normal;
	font-style:normal;
	line-height:normal;
}

img { border:0;}
hr { display:none;}
.hidden { visibility:hidden;}
.display_none,#skip { display:none;}
.clear { clear:both; height:1px; overflow:hidden;}

h1,h2,h3,h4,h5,div,p { margin:0; padding:0; line-height:140%;}

body {
	background-color:#ffffff;
	font-size:12px;
}

#container {
	font-size:100%;
}

/*A*/
a:link { color:#444444;text-decoration:underline;}
a:visited { color:#444444;text-decoration:underline;}
a:hover { color:#7B2621;text-decoration:underline;}
a:active { color:#7B2621;text-decoration:underline;}


/* 1-1.top(jp) configuration
=========================================================== */
body#index { background:url(../image/index/bg_container.jpg) no-repeat 459px 0px;}

#swf {
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	width:460px;
	height:536px;
	background:url(../image/index/bg_swf.jpg) no-repeat bottom left;
}

#index h1 { height:44px; text-indent:-99999px;}

/*navigation*/
#index #navigation {
	z-index:10;
	display:block;
	width:200px;
	height:488px;
	margin:0px 0px 0px 614px;
}

/*main_navigation*/
#index #navigation #main_navigation li {
	list-style:none;
	margin-bottom:18px;
}

#index #navigation #main_navigation li a {
	display:block;
	width:200px;
	height:43px;
	background:url(../image/index/main_navi.jpg) no-repeat 0px 0px;
	text-indent:-9999px;
	text-decoration:none;
}
#index #navigation #main_navigation li a:hover {
	background-position:-200px 0px;
	text-decoration:none;
}


#index #navigation #main_navigation li#company a { background-position:0px 0px; }
#index #navigation #main_navigation li#company a:hover { background-position:-200px 0px; }
#index #navigation #main_navigation li#technical a { background-position:0px -61px; }
#index #navigation #main_navigation li#technical a:hover { background-position:-200px -61px; }
#index #navigation #main_navigation li#support a { background-position:0px -122px; }
#index #navigation #main_navigation li#support a:hover { background-position:-200px -122px; }
#index #navigation #main_navigation li#product a { background-position:0px -183px; }
#index #navigation #main_navigation li#product a:hover { background-position:-200px -183px; }
#index #navigation #main_navigation li#v_guide a { background-position:0px -244px; }
#index #navigation #main_navigation li#v_guide a:hover { background-position:-200px -244px; }
#index #navigation #main_navigation li#news a { background-position:0px -305px;}
#index #navigation #main_navigation li#news a:hover { background-position:-200px -305px; }
#index #navigation #main_navigation li#ir_info a { background-position:0px -366px; }
#index #navigation #main_navigation li#ir_info a:hover { background-position:-200px -366px; }
#index #navigation #main_navigation li#recruit a { background-position:0px -427px; }
#index #navigation #main_navigation li#recruit a:hover { background-position:-200px -427px; }

#index #navigation #main_navigation.jp li#company a:hover { background-position:-400px 0px; }
#index #navigation #main_navigation.jp li#technical a:hover { background-position:-400px -61px; }
#index #navigation #main_navigation.jp li#support a:hover { background-position:-400px -122px; }
#index #navigation #main_navigation.jp li#product a:hover { background-position:-400px -183px; }
#index #navigation #main_navigation.jp li#v_guide a:hover { background-position:-400px -244px; }
#index #navigation #main_navigation.jp li#news a:hover { background-position:-400px -305px; }
#index #navigation #main_navigation.jp li#ir_info a:hover { background-position:-400px -366px; }
#index #navigation #main_navigation.jp li#recruit a:hover { background-position:-400px -427px; }

/*sub_navigation*/
#index #navigation #sub_navigation {
	font-size:x-small;
	list-style:none;
	width:160px;
	margin-left:32px;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
}

#index #navigation #sub_navigation li { padding:0px 10px 0px 5px;}
#index #navigation #sub_navigation li#border_top { padding-top:5px; border-top:1px solid#cccccc;}
#index #navigation #sub_navigation li#border_bottom { padding-bottom:5px; border-bottom:1px solid#cccccc;}

#index #navigation #sub_navigation li a { display:block; width:145px; padding:5px 0px; background:url(../image/index/sub_navi_list.gif) no-repeat center left; text-indent:18px;}
#index #navigation #sub_navigation li a:hover { background:url(../image/index/sub_navi_list_hover.gif) no-repeat center left;}


/*banner_link*/
#index #banner_link { margin-bottom:130px;}
#index #banner_link a { display:block; width:497px; height:120px; margin:0px 0px 0px 45px; padding-top:5px; background:url(../image/index/banner_heat2008.gif) no-repeat 0px 0px; text-indent:-9999px; text-decoration:none;}

/*swf_description*/
#index #swf_description { height:31px; margin: 10px 0 215px 14px; font-size:x-small;}

#index #swf_description #banner_flash a { float:left; display:block; width:88px; height:31px; margin-right:10px; background:url(../image/index/banner_get_flash.gif) no-repeat 0px 0px; text-indent:-9999px; text-decoration:none;}

*html #index #swf_description { position: relative; top: -53px;}



/* 2-1.top(en) configuration
=========================================================== */

/*news_letter*/
#index #news_letter { position:relative; width:460px; height:80px; margin:35px 0px 130px 40px; padding:5px 10px 0px 10px;}
#index #news_letter img { position:absolute; top:-30px; left:5px; float:left;}


/*swf_description*/
#index #swf_description_en { position:absolute; top:665px; left:66px; height:31px; font-size:x-small;}
#index #swf_description_en #banner_flash a { float:left; display:block; width:88px; height:31px; margin-right:10px; background:url(../image/index/banner_get_flash.gif) no-repeat 0px 0px; text-indent:-9999px; text-decoration:none;}