@charset 'EUC-JP';

/* ベース
====================================================================== */
html{
	margin: 0;
	padding: 0;
	line-height: 18px;
	overflow-y:scroll;
	background-color:#ffffff;
	height:100%;
	width:100%;
}
body {
	background:url("../img/bg.gif") repeat-y top center;
	margin: 0 auto;
	padding: 0;
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #333333;
	position:relative;
	text-align: left;
	line-height: 12px;
	background-color:#ffffff;
	height:100%;
	width:100%;
}
html>body{
height:auto;
}

xa:link { color:#2C7CEF; text-decoration:none;}
xa:visited { color:#2C7CEF; text-decoration:none;}
xa:hover, a:active{ color:#e12424; text-decoration:underline;}

a:link, a:visited { color:#454545; text-decoration:underline;}
a:hover, a:active{ color:#e12424; text-decoration:none;}

.pageavoid {
   page-break-after: avoid;
}
.pagealways {
   page-break-after: always;
}
/* ヘッダー
====================================================================== */

#header_wrap {
	width: 777px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	position:relative;
	z-index:100;
}



#header {
	position: relative;
	padding: 0;
	margin: 0 auto 20px auto;
	_margin: 0 auto;
	width: 777px;
	height: 77px;
}

#header ul{
	float:right;
	display:inline;
	list-style-type:none;
	margin:54px 0 0 0;
	padding:0;
}

#header ul li{
	letter-spacing:0px;
	float:left;
	margin:0;
	padding:0;

}
*+html #header ul li a{
	background:url("../img/arrow.gif") no-repeat;
	background-position:left -3px;
	line-height:15px;
	margin:0px 0px 0 50px;
	padding-left:10px;
}

#header ul li a{
	background:url("../img/arrow.gif") no-repeat;
	background-position:left 0px;
	_background-position:left 0px;
	line-height:15px;
	margin:0px 0px 0 50px;
	padding-left:10px;
}


/* パンくず
====================================================================== */

html>/**/body #footprint_wrap {
	position: relative;
	padding: 0;
	margin: 0;
	width: 777px;
	height: 20px;
	text-align:left;
}
#footprint_wrap {
	position: relative;
	padding: 0;
	margin: 0 0 0 -40px;
	width: 777px;
	height: 20px;
	text-align:left;
}

#footprint_wrap ul{
	float:left;
	display:inline;
	list-style-type:none;
	margin-top:15px;
	text-align:left;
	padding:0;
}

#footprint_wrap ul li{
	text-align:left;
	letter-spacing:0px;
	line-height:15px;
	float:left;
	margin-right:15px;
}

#footprint_wrap ul li a{
	margin:0px 0px 0 0px;
	padding-right:15px;
}



/* メインナビゲーター
====================================================================== */

#menu, #menu_2, #menu_3{
	width: 777px;
	height: 38px;
	position:relative;
	padding: 0px;
	margin: 0px auto;
	clear:both;
}

#menu ul, #menu_2 ul, #menu_3 ul{
	width: 777px;
	margin: 0px;
	padding: 0px;

}   

#menu ul li, #menu_2 ul li, #menu_3 ul li{
	float:left;
	xwidth: 194px;
	height: 38px;
	margin: 0px;
	padding: 0px;
	list-style-type:none;
	overflow: hidden;
}

#menu ul li.menu_2, #menu_2 ul li.menu2, #menu_3 ul li.menu2{
	float:left;
	width: 195px;
	height: 38px;
	margin: 0px;
	padding: 0px;
	list-style-type:none;
	overflow: hidden;
}

#menu ul li.menu_1 a{
	width: 194px;
	height: 38px;
	display:block;
	padding-top: 38px;
	background:url("../img/menu_index.png") no-repeat;
}

#menu ul li.menu_2 a, #menu ul li.menu_4 a{
	width: 195px;
	height: 38px;
	display:block;
	padding-top: 38px;
	background:url("../img/menu_index.png") no-repeat;
}
#menu ul li.menu_3 a{
	width: 193px;
	height: 38px;
	display:block;
	padding-top: 38px;
	background:url("../img/menu_index.png") no-repeat;
}

#menu_2 ul li a{
	width: 194px;
	height: 38px;
	display:block;
	padding-top: 38px;
	background:url("../img/menu.png") no-repeat;
}

#menu_2 ul li.menu_2 a{
	width: 195px;
	height: 38px;
	display:block;
	padding-top: 38px;
	background:url("../img/menu.png") no-repeat;
}

#menu_3 ul li a{
	width: 194px;
	height: 38px;
	display:block;
	padding-top: 38px;
	background:url("../img/menu_fss.png") no-repeat;
}

#menu_3 ul li.menu_2 a{
	width: 195px;
	height: 38px;
	display:block;
	padding-top: 38px;
	background:url("../img/menu_fss.png") no-repeat;
}

#menu ul li.menu_1 a, #menu_2 ul li.menu_1 a, #menu_3 ul li.menu_1 a{background-position: 0px 0px;}
#menu ul li.menu_1 a:hover, #menu_2 ul li.menu_1 a:hover, #menu_3 ul li.menu_1 a:hover{background-position: 0px -38px;}
#menu ul li.menu_1 a:active, #menu_2 ul li.menu_1 a:active, #menu_3 ul li.menu_1 a:active{background-position: 0px -76px;}
#menu ul li.menu_1 a.visit, #menu_2 ul li.menu_1 a.visit, #menu_3 ul li.menu_1 a.visit{background-position: 0px -114px;}

#menu ul li.menu_2 a, #menu_2 ul li.menu_2 a, #menu_3 ul li.menu_2 a{background-position: -194px 0px;}
#menu ul li.menu_2 a:hover, #menu_2 ul li.menu_2 a:hover, #menu_3 ul li.menu_2 a:hover{background-position: -194px -38px;}
#menu ul li.menu_2 a:active, #menu_2 ul li.menu_2 a:active, #menu_3 ul li.menu_2 a:active{background-position: -194px -76px;}
#menu ul li.menu_2 a.visit, #menu_2 ul li.menu_2 a.visit, #menu_3 ul li.menu_2 a.visit{background-position: -194px -114px;}

#menu ul li.menu_3 a, #menu_2 ul li.menu_3 a, #menu_3 ul li.menu_3 a{background-position: -389px 0px;}
#menu ul li.menu_3 a:hover, #menu_2 ul li.menu_3 a:hover, #menu_3 ul li.menu_3 a:hover{background-position: -389px -38px;}
#menu ul li.menu_3 a:active, #menu_2 ul li.menu_3 a:active, #menu_3 ul li.menu_3 a:active{background-position: -389px -76px;}
#menu ul li.menu_3 a.visit, #menu_2 ul li.menu_3 a.visit, #menu_3 ul li.menu_3 a.visit{background-position: -389px -114px;}

#menu ul li.menu_4 a{background-position: -582px 0px;}
#menu ul li.menu_4 a:hover{background-position: -582px -38px;}
#menu ul li.menu_4 a:active{background-position: -582px -76px;}
#menu ul li.menu_4 a.visit{background-position: -582px -114px;}

#menu_2 ul li.menu_4 a, #menu_3 ul li.menu_4 a{background-position: -583px 0px;}
#menu_2 ul li.menu_4 a:hover, #menu_3 ul li.menu_4 a:hover{background-position: -583px -38px;}
#menu_2 ul li.menu_4 a:active, #menu_3 ul li.menu_4 a:active{background-position: -583px -76px;}
#menu_2 ul li.menu_4 a.visit, #menu_3 ul li.menu_4 a.visit{background-position: -583px -114px;}







/* サブメビゲーター
====================================================================== */

#menu_feature, #menu_support, #menu_store{
	width: 777px;
	height: 27px;
	position:relative;
	padding: 0px;
	margin: 0px auto;
	clear:both;
	background:url("../img/menu_sub_bg.gif") no-repeat;

}

#menu_feature ul, #menu_support ul, #menu_store ul{
	margin: 0px;
	padding: 0px;
}   
#menu_feature ul{
	margin-left:194px;
	width:582px;
}

#menu_feature ul li, #menu_support ul li, #menu_store ul li{
	float:left;
	height: 27px;
	margin: 0px;
	padding: 0px;
	list-style-type:none;
	overflow: hidden;
}
#menu_feature ul li a,#menu_support ul li a,#menu_store ul li a{
	height: 27px;
	display:block;
	padding-top: 27px;
	background:url("../img/menu_sub.gif") no-repeat;
}

#menu_feature ul li.brand a {width:145px; background-position: 0px -54px;}
#menu_feature ul li.brand a:hover,#menu_feature ul li.brand a.visit{width:145px; background-position: -0px -81px;}

#menu_feature ul li.performance a {width:145px; background-position: -145px -54px;}
#menu_feature ul li.performance a:hover,#menu_feature ul li.performance a.visit{width:145px; background-position: -145px -81px;}

#menu_feature ul li.design a {width:130px; background-position: -290px -54px;}
#menu_feature ul li.design a:hover,#menu_feature ul li.design a.visit{width:130px; background-position: -290px -81px;}

#menu_feature ul li.web a {width:161px; background-position: -420px -54px;}
#menu_feature ul li.web a:hover,#menu_feature ul li.web a.visit{width:161px; background-position: -420px -81px;}


#menu_support ul li.manual a {width:172px; background-position: 0px -27px;}
#menu_support ul li.manual a:hover,#menu_support ul li.manual a.visit{width:172px; background-position: 0px 0px;}

#menu_support ul li.keynumber a {width:248px; background-position: -172px -27px;}
#menu_support ul li.keynumber a:hover,#menu_support ul li.keynumber a.visit{width:248px; background-position: -172px 0px;}

#menu_support ul li.voice a {width:121px; background-position: -420px -27px;}
#menu_support ul li.voice a:hover,#menu_support ul li.voice a.visit{width:121px; background-position: -420px 0px;}

#menu_support ul li.qa a {width:84px; background-position: -541px -27px;}
#menu_support ul li.qa a:hover,#menu_support ul li.qa a.visit{width:84px; background-position: -541px 0px;}

#menu_support ul li.contact a {width:152px; background-position: -625px -27px;}
#menu_support ul li.contact a:hover,#menu_support ul li.contact a.visit{width:152px; background-position: -625px 0px;}

/* コンテンツ全体
====================================================================== */

#content_wrap {
	clear:both;
	width: 777px;
	height: auto;
	margin: 20px auto 5px auto;
	padding: 0;
	position:relative;
	z-index:99;
}

#content_wrap h1{
	line-height:25px;
	font-size:18px;
	color:#e12424;
	font-weight:normal;
	margin-bottom: 10px;
}

.back_top{
	width:700px;
	text-align:right;
	right:0;
	margin:10px auto 0 auto;
	padding:10px 0 0px 0px;
	background:url("/img/arrow_2.gif") no-repeat 640px 18px;
	clear:both;
}



/* フッター
====================================================================== */

#footer_wrap {
	clear:both;
	width: 777px;
	height: 50px;
	margin: 10px auto 0 auto;
	padding: 0;
}



#footer {
	border-top:1px #000000 solid;
	position: relative;
	padding: 0;
	margin: 0 auto;
	width: 777px;
	height: 40px;
}

#footer ul{
	float:right;
	display:inline;
	list-style-type:none;
	_margin-top:-10px;
	margin-top:10px;
}

#footer ul li{
	letter-spacing:0px;
	float:left;
	line-height:15px;
}
*+html #footer ul li a{
	background:url("../img/arrow.gif") no-repeat;
	background-position:left -3px;
	margin:0px 0px 0 50px;
	padding-left:10px;
}

#footer ul li a{
	background:url("../img/arrow.gif") no-repeat;
	background-position:left 0px;
	_background-position:left 0px;
	_line-height:40px;
	margin:0px 0px 0 50px;
	padding-left:10px;
}

/*80周年関連*/
#the80th{
	line-height:1.8;
	border:1px solid #999999;
	padding:10px 20px 10px;
	width:600px;
	margin:10px 0px 30px 67px;
	position:relative;
	-moz-box-shadow:0px 0px 10px #cccccc;
	-webkit-box-shadow:0px 0px 10px #cccccc;
	float:left;
	display:inline;
}
#the80th h2{margin-bottom:20px; text-align:center;}
#the80th .ttl{ font-weight:bold; font-size:15px; line-height:2; color:#EF2F0A; margin-bottom:10px;}

#the80th p.note{padding:10px 0; border-top:1px #cccccc solid; border-bottom:1px #cccccc solid;}

/*80年の歩み*/
#the80th div.note{ width:600px; height:auto; float:left; padding:10px 0; border-top:1px #cccccc solid; border-bottom:1px #cccccc solid;}
#the80th dl{ width:580px clear:both; float:left; background:url(../information/img/ayumi-bg.gif) repeat-y left top; margin:0px; padding:10px 0 0 0;}
#the80th dt{ float:left; width:105px; margin:0px;}
#the80th dd{ float:left; width:450px; margin:8px; _margin:4px; line-height:1.5;}
#the80th dd p{ font-weight:bold; color:#b44e53; margin:0px; padding:0px;}
#the80th dd .pict{ width:100px; float:right; margin:0 0 5px 5px; _margin:0 0 2px 2px; border:1px #999999 solid; padding:2px; background:#efefef;}

/*タブ関係*/
#the80th_tab{
	width:600px;
	margin:10px 0px 0px 71px;
	_margin:10px 0px 0px 110px;
	float:left;
	position:relative;
	display:inline;
}
*:first-child+html #the80th_tab {margin:10px 0px 0px 110px;}/*IE7*/

	#the80th_tab li{
		width:178px;
		height:34px;
		display:block;
		float:right;
		overflow: hidden;
	}
		
	#the80th_tab li a{
		padding-top: 34px;
		display: block;
		overflow:hidden;
		background-image: url(../information/img/80th_tab.png);
		background-repeat:no-repeat;
		color:#ffffff;
	}
	
	a.the80th{ background-position:-178px 0px;}
	a.the80th:hover{ background-position: -178px -34px;}
	.active a.the80th{ background-position: -178px -34px;}

	a.course{ background-position:-356px 0px;}
	a.course:hover{ background-position:-356px -34px;}
	.active a.course{ background-position:-356px -34px;}
	
	a.pittari{ background-position:0px 0px;}
	a.pittari:hover{ background-position:0px -34px;}
	.active a.pittari{ background-position:0px -34px;}