@charset "Shift_JIS";

/* ****************************************************************** 

	@This stylesheet Information{
		CSS File Name: header.css

		Setting of: Header area
			1: header setting
			2: headNav setting
			3: headSearch setting
	}

****************************************************************** */

/*===================================================================
	1: header setting
===================================================================*/
div#header{
	padding:0;
	text-align:left;
	margin:0 auto;
	width:950px;
}
div#header div#headLogo{
	width:100%;
	padding:6px 0 0;
	margin:0 0 10px;
	position:relative;
}
div#header div#headLogo h1{
	position:absolute;
	top:-.7em;
	width:600px;
	margin-left:250px;
	margin-top:23px;
	font-size:1em;
	line-height:1.3em;
	font-weight:normal;
}
div#header div#headLogo div{
	position:relative;
}
div#header div#headLogo div span{
	float:right;
	position:absolute;
	top:8px;
	right:13px;
}
div#header div#headLogo div img{
	vertical-align:middle;
}
#headBanner{margin:0 0 10px;}
#headBanner img{vertical-align:top;}

/*===================================================================
	2: headNav setting
===================================================================*/

div#headNav{
	background:#006bb4 url(/images/headusernav_bg.gif) repeat-x left top;
	padding:0;
	margin:0 auto;
	border-bottom:#f4c200 4px solid;
}
div#headNav a{
	color:#fff;
	text-decoration:none;
	display:block;
	padding:10px 18px;
}
div#headNav a:link{color:#fff; text-decoration:none;}
div#headNav a:visited{color:#fff; text-decoration:none;}
div#headNav a:hover{color:#fff; text-decoration:underline;}
div#headNav a:active{color:#fff; text-decoration:underline;}

div#headNav .inner,
div#headSearch .set{
	padding:0;
	margin:0 auto;
	width:950px;
	text-align:left;
}
div#headNav ul{
	width:100%;
}
div#headNav ul li{
	float:left;
	font-size:1.15em;
	font-weight:bold;
	color:#fff;
}
div#headNav ul li a{
	border-right:1px solid #0256c1;
	border-left:1px solid #208dc7;
}
div#headNav ul li a:hover{
	color:#0070b7;
	background:#f4c200;
	border-right:1px solid #eaa200;
	border-left:1px solid #f6c600;
}
body.Index div#headNav ul li.navIndex,
body.QA div#headNav ul li.navQA,
body.Column div#headNav ul li.navColumn,
body.seminar div#headNav ul li.navSeminar,
body.Special div#headNav ul li.navSpecial,
div#headNav ul li.on{
	color:#0070b7;
	background:#f4c200;
	border-right:1px solid #eaa200;
	border-left:1px solid #f6c600;
	padding:10px 18px;
}
body.Index div#headNav ul li.navIndex a,
body.QA div#headNav ul li.navQA a,
body.Column div#headNav ul li.navColumn a,
body.seminar div#headNav ul li.navSeminar a,
body.Special div#headNav ul li.navSpecial a,
div#headNav ul li.on a{
	border:none;
	padding:0;
	color:#0070b7;
}
body.Index div#headNav ul li.navIndex a:hover,
body.QA div#headNav ul li.navQA a:hover,
body.Column div#headNav ul li.navColumn a:hover,
body.seminar div#headNav ul li.navSeminar a:hover,
body.Special div#headNav ul li.navSpecial a:hover,
div#headNav ul li.on a:hover{
	color:#0070b7;
	background:#f4c200;
	border:none;
	padding:0;
}

/*===================================================================
	3: headSearch setting
===================================================================*/
div#headSearch{
	background:#f4f0d7 url(/images/top_search_bg.gif) repeat-x left bottom;
	padding:0 0 5px;
	margin:0 auto;
}
div#headSearch .set .inner{
	padding:4px 0;
	margin:0 auto;
	width:540px;
	text-align:left;
	float:left;
}
div#headSearch .set #headUsernav{
	float:right;
	text-align:right;
	padding:0.8em 0 0;
}
div#headSearch form{
	float:left;
	border:#dad1ac solid 1px;
	padding:3px 4px 3px 30px;
	background:#fff url(/images/icon_search.gif) no-repeat 6px 5px;
}
div#headSearch form input{
	padding:0;
	margin:0;
}
div#headSearch form input#srcbtn{
	vertical-align:middle;
}
div#headSearch form input#SearchL{
	font-size:1.15em;
	border:none !important;
	min-height:20px;
	_height:20px;
	width:300px;
	line-height:1.15em !important;
	vertical-align:middle;
	*vertical-align:bottom;
}
div#headSearch p{
	zoom:1;
}
div#headSearch p img{
	vertical-align:middle;
	padding:0.6em 0 0 0;
	_margin:10px 0 0 0;
	display:block;
}
div#headSearch .set #headUsernav li{
	float:left;
	min-height:18px;
	_height:18px;
	padding:0 0 0 21px;
}
div#headSearch .set #headUsernav li.sitemap{
	background:url(/images/icon_headnav.gif) no-repeat left top;
	margin:0 20px 0 0;
}
div#headSearch .set #headUsernav li.help{
	background:url(/images/icon_headnav.gif) no-repeat left -62px;
}

/*--------------------------------------------------------
 body#MN-OK-03 (OKWEB)
--------------------------------------------------------*/
body#MN-OK-03 div#header{
	text-align:left;
	padding:0;
}
body#MN-OK-03 div#header div#headLogo h1{
	width:400px;
}
body#MN-OK-03 div#header div#headLogo p {
	background:#FFFFFF url(/images/head_bg_right.gif) no-repeat 202px top;
	position:absolute;
	right:5px;
	top:17px;
}
body#MN-OK-03 div#header div#headLogo p a {
	padding:0 8px;
}
body#MN-OK-03 div#header div#headLogo span img {
	vertical-align:middle;
}
body#MN-OK-03 div#headNav .inner,
body#MN-OK-03 div#headSearch .set{
	padding:0;
}