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



/* ------------------------------------------ */
/* ---- header ----*/
header#header {
	width: 960px;
	margin: auto;
	padding-top: 20px;
	background: #fff;
}

header h1 {
	width: 257px;
	text-align: left;
	float: left;
}



/* ---- header_nav ----*/

header ul#header_nav {
	width: 694px;
	text-align: left;
	float: right;
	border: 1px solid #e3e3e3;
	background: #f0f0f0;
	padding: 4px 0px;
	padding-left: 7px;
}

header ul#header_nav li {
	float: left;
	/*margin-right: 4px;*/
	padding-right: 10px;
}

header ul#header_nav li.side { padding-right: 0px; }
header ul#header_nav li a { display: block; text-indent: -9999px; height: 30px;  }



header ul#header_nav li#hnav_01 a { width: 125px; background: url(../sharedimg/header/btn_RegistrationInformation.png) no-repeat left top; }
header ul#header_nav li#hnav_01 a:hover { width: 125px; background: url(../sharedimg/header/on_btn_RegistrationInformation.png) no-repeat left top; }


header ul#header_nav li#hnav_02 a { width: 147px; background: url(../sharedimg/header/btn_CompanyDM.png) no-repeat left top; }
header ul#header_nav li#hnav_02 a:hover { width: 147px; background: url(../sharedimg/header/on_btn_CompanyDM.png) no-repeat left top; }


header ul#header_nav li#hnav_03 a { width: 147px; background: url(../sharedimg/header/btn_CompanyMessege.png) no-repeat left top; }
header ul#header_nav li#hnav_03 a:hover { width: 147px; background: url(../sharedimg/header/on_btn_CompanyMessege.png) no-repeat left top; }

header ul#header_nav li#hnav_04 a { width: 147px; background: url(../sharedimg/header/btn_ManagerMessege.png) no-repeat left top; }
header ul#header_nav li#hnav_04 a:hover { width: 147px; background: url(../sharedimg/header/on_btn_ManagerMessege.png) no-repeat left top; }


header ul#header_nav li#hnav_05 a { width: 81px; background: url(../sharedimg/header/btn_Logout.png) no-repeat left top; }
header ul#header_nav li#hnav_05 a:hover { width: 81px; background: url(../sharedimg/header/btn_Logout.png) no-repeat left top; }



header ul#header_nav span { display: block; }



/* ---- header_nav_top ----*/


ul#header_nav_top {
	width: 657px;
	height: 56px;
	float: right;
}
ul#header_nav_top li {
}

ul#header_nav_top li#login {
	width: 429px;
	height: 43px;
	float: left;
	background: url(../sharedimg/top/login_bg.jpg) no-repeat left top;
	text-align: left;
	padding: 6px 14px 7px 14px;
}

ul#header_nav_top li#login input[type='text'] {
	width: 120px;
	height: 18px;
	padding: 0;
	margin: 0;
	border: 1px solid #e4e4e4;
	background: #fff;
	font-size: 12px;
	margin-bottom: 0px;
}


ul#header_nav_top li#login input#ele_id { margin-bottom: 2px; }
ul#header_nav_top li#login input#ele_pass { margin-top: 1px; }




ul#header_nav_top li#login span {
	font-size: 11px;
}
ul#header_nav_top li#login a {
	font-size: 11px;
	text-decoration: none;
	color: #000;
}
ul#header_nav_top li#login a:hover {
	text-decoration: underline;
}





ul#header_nav_top li#signin {
	width: 186px;
	height: 49px;
	float: right;
	padding-top: 5px;
	background: #f1f1f1;
	border: 1px solid #e3e3e3;
}


a#btn_login {
	display: block;
	/*width: 85px;*/
	width: 108px;
	height: 43px;
	text-indent: -9999px;
	background: url(../sharedimg/top/E_btn_login.png) no-repeat left top;
}

a#btn_login:hover { 
	/*background: url(../sharedimg/top/on_btn_login.png) no-repeat left top; */
	background: url(../sharedimg/top/2_3_on_btn_login.png) no-repeat left top;
	
}

a#btn_signin {
	display: block;
	width: 160px;
	height: 43px;
	margin: auto;
	text-indent: -9999px;
	background: url(../sharedimg/top/btn_registration.png) no-repeat left top;
	/*background: url(../sharedimg/top/2_2_on_btn_registration.png) no-repeat left top;*/
	
}

a#btn_signin:hover {
	/*background: url(../sharedimg/top/on_btn_registration.png) no-repeat left top;*/
	background: url(../sharedimg/top/2_2_on_btn_registration.png) no-repeat left top;
	
}








/* ---- end header_nav ----*/




/* ------------------------------------------ */
/* ---- gnav ----*/
nav#gnav {
	width: 960px;
	margin: auto;
	margin-top: 18px;
}

nav#gnav ul { }
nav#gnav ul li { text-indent: -9999px; float: left; }
nav#gnav ul li a { display: block; height: 50px; }

/* ----  corporate----*/
nav#gnav ul li#corporate a { width: 160px;	 background: url(../sharedimg/header/btn_gnav.gif) no-repeat 0 0;	}
nav#gnav ul li#corporate a:hover { width: 160px; background: url(../sharedimg/header/btn_gnav.gif) no-repeat 0 -50px; }
nav#gnav ul li#corporate a.selected { width: 160px; background: url(../sharedimg/header/btn_gnav.gif) no-repeat 0 -50px; }

/* ----  useful----*/
nav#gnav ul li#useful a { width: 160px; background: url(../sharedimg/header/btn_gnav.gif) no-repeat  -160px 0;	}
nav#gnav ul li#useful a:hover { width: 160px; background: url(../sharedimg/header/btn_gnav.gif) no-repeat  -160px -50px; }
nav#gnav ul li#useful a.selected { width: 160px;	background: url(../sharedimg/header/btn_gnav.gif) no-repeat -160px -50px;	}

/* ----  gaikoku----*/
nav#gnav ul li#gaikoku a { width: 160px; background: url(../sharedimg/header/btn_gnav.gif) no-repeat  -320px 0;	}
nav#gnav ul li#gaikoku a:hover { width: 160px; background: url(../sharedimg/header/btn_gnav.gif) no-repeat  -320px -50px; }
nav#gnav ul li#gaikoku a.selected { width: 160px;	background: url(../sharedimg/header/btn_gnav.gif) no-repeat -320px -50px;	}


/* ----  kaigai----*/
nav#gnav ul li#kaigai a { width: 159px; background: url(../sharedimg/header/btn_gnav.gif) no-repeat  -480px 0;	}
nav#gnav ul li#kaigai a:hover { width: 159px; background: url(../sharedimg/header/btn_gnav.gif) no-repeat  -480px -50px; }
nav#gnav ul li#kaigai a.selected { width: 159px; background: url(../sharedimg/header/btn_gnav.gif) no-repeat -480px -50px;	}


/* ----  seminar----*/
nav#gnav ul li#seminar a { width: 161px; background: url(../sharedimg/header/btn_gnav.gif) no-repeat  -639px 0;	}
nav#gnav ul li#seminar a:hover { width: 161px; background: url(../sharedimg/header/btn_gnav.gif) no-repeat  -639px -50px; }
nav#gnav ul li#seminar a.selected { width: 161px;	background: url(../sharedimg/header/btn_gnav.gif) no-repeat -639px -50px;	}


/* ----  schedule----*/
nav#gnav ul li#schedule a { width: 160px; background: url(../sharedimg/header/btn_gnav.gif) no-repeat  -800px 0;	}
nav#gnav ul li#schedule a:hover { width: 160px; background: url(../sharedimg/header/btn_gnav.gif) no-repeat  -800px -50px; }
nav#gnav ul li#schedule a.selected { width: 160px;	background: url(../sharedimg/header/btn_gnav.gif) no-repeat -800px -50px;	}



.fixed{
	position:fixed;
	/*top:20px;/*固定させたい位置*/
	top: 0px;
	left: 0px;		/* ChromeのVerUpに伴う追加 */
	right: 0px;		/* ChromeのVerUpに伴う追加 */
	margin:0 auto;	/* ChromeのVerUpに伴う追加 */
	z-index: 10;
}

.fixed_content {
	margin-top: 145px;
}