@charset "utf-8";
/*** マイナビバイト CSS Document ***************************************

	ver.2009/04/22

	header.css

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

/**  header.css Menu *********************************************

	1.common
	2.h1・ログアウト・会員情報変更
	3.左サイド
	4.右サイド
	5.グローバルナビげーション

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


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

	1.common

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

div#f7header{
	width: 100%;
	padding-bottom: 3px;
	background-image: url(/img/userpc/header/bg_header.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	text-align: center;
}

/* For IE6 \*/
* html div#f7header{
	padding-bottom: 4px;
}

*:first-child+html div#f7header{
	padding-bottom: 4px;
}


/**/

div#f7header div.wrapIn{
	width: 800px;
	margin: 0px auto;
	text-align: left;
}

div.locator{
	clear: both;
	margin-top:1px;
	*margin-top:-2px;
}

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

	2.h1・ログアウト・会員情報変更

-------------------------------------------------------------------*/
div#f7header div.headerUpArea{
	width: 100%;
}

div#f7header div.headerUpArea h1{
	float: left;
	width: 360px;
	font-size: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: normal;
}

div#f7header div.headerUpArea h1 a,
div#f7header div.headerUpArea h1 a:hover{
	color: #000000;
}

div#f7header ul.headBtn li.loginName{
	float: right;
	line-height: 160%;
	font-size: 120%;
	padding-right: 5px;
	padding-top: 2px;
}

div#f7header div.headerUpArea u.headBtn{
	float: left;
	width: 220px;
}

div#f7header div.headerUpArea u.headBtn li{
	float: left;
}

div#f7header div.headerUpArea .help{
	float: right;
	margin: 2px 0 0 8px;
	_height: 17px;
}

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

	3.左サイド

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

div#f7header div.column2A{
float: left;
width: 484px;
padding-bottom: 8px;
}

div#f7header div.column2A p.logoImage{
float: left;
margin-right: 10px;
line-height: 0;
font-size: 0;
}

div#f7header div.column2A div.infoArea{
float: left;
width: 275px;
}

div#f7header div.column2A div.infoArea div.date{
float: left;
min-width: 135px;
margin-top: 20px;
margin-right: 4px;
background-color: #ff8a17;
background-image: url(/img/userpc/header/bg_head01.gif);
background-repeat: repeat-y;
background-position: right;
}

/*For IE6 \*/
* html div#f7header div.column2A div.infoArea div.date{
width: 135px;
}
/**/


div#f7header div.column2A div.infoArea div.date div.wrapFirst{
background-image: url(/img/userpc/header/bg_head01_top.gif);
background-repeat: no-repeat;
background-position: right top;
padding: 1px 0px;
}

div#f7header div.column2A div.infoArea div.date p{
color: #fff;
font-size: 120%;
padding-left: 6px;
font-weight: bold;
}

/* safari only \*/
html:first-child div.column2A div.infoArea div.date p{
font-size: 90%;
}

/**/

div#f7header div.column2A div.infoArea p.numArea{
display: block;
float: left;
width: 120px;
height: 24px;
margin-top: 16px;
margin-right: 2px;
line-height: 0;
font-size: 0;
}

div#f7header div.column2A div.infoArea p.numArea img{
margin-right: 1px;
}

div#f7header div.column2A div.infoArea p.images{
float: left;
width: 12px;
padding-top: 24px;
line-height: 0;
font-size: 0;
}

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

	4.右サイド

-------------------------------------------------------------------*/
div#f7header div.column2B{
	float: left;
	width: 316px;
	padding-top: 20px;
	padding-bottom: 11px;
	text-align: right;
}

div#f7header div.column2B ul li{
	display: inline;
	margin-left: 4px;
	line-height: 0;
	font-size: 0;
}


div#f7header div.column2B ul li.last{
	margin-right: 0px;
}

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

	5.グローバルナビげーション

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

div#f7header div.gNavi{
	clear: both;
	width: 100%;
}

div#f7header ul li{
	float: left;
	line-height: 0;
	font-size: 0;
}

div#f7header ul.headBtn li{
	float: right;
	line-height: 0;
	font-size: 0;
}


/*------------------------------------------------------ clearfix**/

div#f7header:after,
div#f7header div.column2A:after,
div#f7header div.column2A div.infoArea:after,
div#f7header div.headerUpArea:after,
div#f7header div.column2B:after,
div#f7header div.gNavi:after,
div.locator:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

div#f7header,
div#f7header div.column2A,
div#f7header div.column2A div.infoArea,
div#f7header div.headerUpArea,
div#f7header div.column2B,
div#f7header div.gNavi,
div.locator { display:inline-block; }

/*\*/
* html div#f7header,
* html div#f7header div.column2A,
* html div#f7header div.column2A div.infoArea,
* html div#f7header div.headerUpArea,
* html div#f7header div.column2B,
* html div#f7header div.gNavi,
* html div.locator { height:1%; }

div#f7header,
div#f7header div.column2A,
div#f7header div.column2A div.infoArea,
div#f7header div.headerUpArea,
div#f7header div.column2B,
div#f7header div.gNavi,
div.locator{ display:block; }
/**/