@charset 'EUC-JP';

/* Ž¼Ž¾Ž¼Ž©Ž¼Ž¾Ž¼ŽÝŽ¼Ž¾Ž¼Ž¥Ž¼Ž¾Ž¼ŽÀŽ¼Ž¾Ž¼Ž©Ž¼Ž¾Ž¼Ž½
====================================================================== */
/* position:relative¤ò¾Ãµî ¢ª 20110502 */

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; 20110502½¤Àµ*/
	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,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;
}
/* Ž¼Ž¾Ž¼Ž©Ž¼Ž¾Ž¼ŽÜŽ¼Ž¾Ž¼Ž©Ž¼Ž¾Ž¼ŽÇŽ¼Ž¾Ž¼Ž©Ž¼Ž¾Ž¼ŽÄŽ¼Ž¾Ž¼Ž¥Ž¼Ž¾Ž¼ŽÀ




====================================================================== */

#page_h1{
	color:#333 !important ; 
	font-size:12px !important ; 
	font-weight:bold !important ; 
	margin: 0 !important ; 
    padding-top: 3px !important ; 
}

#header_wrap {
	width: 777px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	/*position:relative; 20110502½¤Àµ*/
	z-index:100;
}



#header {
	/*position:relative; 20110502½¤Àµ*/
	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 45px;
	padding-left:10px;
}

#header ul li a,a:link{
	color:#454545;
	text-decoration:underline;
}


#header ul li a:hover,a:active{
	color:#e12424;
	text-decoration:none;
	
}


/* Ž¼Ž¾Ž¼Ž©Ž¼Ž¾Ž¼ŽÕŽ¼Ž¾Ž¼Ž©?Ž¼Ž¾Ž¼Ž³Ž¼Ž¾Ž¼Ž¨Ž¼Ž¾Ž¼Ž¾
====================================================================== */

#footprint_wrap {
	clear:both;
    /* height: 20px; */
	margin: 0;
    padding: 0;
	/*position:relative; 20110502½¤Àµ*/
	float:left;
    text-align: left;
    width: 777px;
	*padding-bottom:15px; /* IE7 and below */
	*margin:0 0 15px -40px; /* IE7 and below */
	/*
	*margin: 0 0 0 -40px; /* IE7 and below */
}


/*
html>body #footprint_wrap {
	position: relative;
	margin:0;
	padding: 0;
	width: 777px;
	height: 20px;
	text-align:left;
	clear:both;
}
#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;
}

#footprint_wrap ul li a{
	color:#454545;
	text-decoration:underline;
}

#footprint_wrap ul li a:hover,a:active{
	color:#e12424;
	text-decoration:none;
}


/* ----------main_navi------------------------------------------------------*/

#main_navi{
	width:777px;	
}

#main_navi ul{
	width:777px;
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0;
}


main_navi ul li{
	
}



/* Ž¼Ž¾Ž¼Ž©ö¯Ž¼Ž¾Ž¼Ž¨Ž¼Ž¾Ž¼Ž©?Ž¼Ž¾Ž¼ŽÎŽ¼Ž¾Ž¼Ž©Ž¼Ž¾Ž¼Ž×Ž¼Ž¾Ž¼Ž©Ž¼Ž¾Ž¼Ž¶Ž¼Ž¾Ž¼Ž¥Ž¼Ž¾Ž¼ŽÀŽ¼Ž¾Ž¼Ž©Ž¼Ž¾Ž¼ŽÃŽ¼Ž¾Ž¼Ž¥Ž¼Ž¾Ž¼ŽÀ
====================================================================== */

#menu, #menu_2, #menu_3{
	width: 777px;
	height: 38px;
	/*position:relative; 20110502½¤Àµ*/
	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;
	display:block;
	margin: 0px;
	padding: 0px;
	list-style-type:none;
	overflow: hidden;
	text-indent:-9999px;
}

#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;
	text-indent:-9999px;
}

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

#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;
	text-indent:-9999px;
}
#menu ul li.menu_3 a{
	width: 193px;
	height: 38px;
	display:block;
	padding-top: 38px;
	background:url("../img/menu_index.png") no-repeat;
	text-indent:-9999px;
}

#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;
	text-indent:-9999px;
}

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

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

#menu ul li.menu_1 a, #menu_2 ul li.menu_1 a, #menu_3 ul li.menu_1 a{background-position: 0px 0px; text-indent:-9999px;}
#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; text-indent:-9999px;}
#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; text-indent:-9999px;}
#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; text-indent:-9999px;}

#menu ul li.menu_2 a, #menu_2 ul li.menu_2 a, #menu_3 ul li.menu_2 a{background-position: -194px 0px; text-indent:-9999px;}
#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; text-indent:-9999px;}
#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; text-indent:-9999px;}
#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; text-indent:-9999px;}

#menu ul li.menu_3 a, #menu_2 ul li.menu_3 a, #menu_3 ul li.menu_3 a{background-position: -389px 0px; text-indent:-9999px; display:block;}
#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; text-indent:-9999px; display:block;}
#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; text-indent:-9999px;}
#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; text-indent:-9999px;}

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

#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; text-indent:-9999px;}
#menu_2 ul li.menu_4 a:active, #menu_3 ul li.menu_4 a:active{background-position: -583px -76px; text-indent:-9999px;}
#menu_2 ul li.menu_4 a.visit, #menu_3 ul li.menu_4 a.visit{background-position: -583px -114px; text-indent:-9999px;}







/* Ž¼Ž¾Ž¼Ž©Ž¼Ž¾Ž¼Ž¹Ž¼Ž¾Ž¼Ž©Ž¼Ž¾Ž¼ŽÚŽ¼Ž¾Ž¼Ž©ö¯Ž¼Ž¾Ž¼Ž×Ž¼Ž¾Ž¼Ž©Ž¼Ž¾Ž¼Ž¶Ž¼Ž¾Ž¼Ž¥Ž¼Ž¾Ž¼ŽÀŽ¼Ž¾Ž¼Ž©Ž¼Ž¾Ž¼ŽÃŽ¼Ž¾Ž¼Ž¥Ž¼Ž¾Ž¼ŽÀ
====================================================================== */

#menu_feature, #menu_support, #menu_store{
	width: 777px;
	height: 27px;
	/*position:relative; 20110502½¤Àµ*/
	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;
	text-indent:-9999px;
}

#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; 20110502½¤Àµ*/
	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; 20110502½¤Àµ*/
	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;
}


#footer ul li a,a:link{
	color:#454545;
	text-decoration:underline;
}

#footer ul li a:hover,a:active{
	color:#e12424;
	text-decoration:none;
}




/*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;}