@charset "Shift_JIS";

/*********************************************************************
 *
 * </common/css/css_userguide/header.css>
 *
 * 更新日: 2009/03/13
 *
 * ===================================================================
 * 
 *  ■概要
 *
 *  ヘッダー (div#header) 用CSS
 *
 *********************************************************************/

/*  Header
---------------------------------------------------------- */
a img {
    border-style:none;
}


div#gheader {
	width: 775px;
	padding: 0 0 0 0;
	height:44px;
}
div#gheader div#header_main{
	width: 625px;
	padding: 0 0 0 0;
	height:41px;
	float:left;
	border-bottom:#614d7d 3px solid;
}

div#gheader p#logo_area{
	float:left;
	width:180px;
	height:41px;
	_height:35px;
	margin: 8px 0 0 6px;
	_margin: 8px 0 0 3px;
}

div#gheader p#logo_area img{
	float:left;
	display:block;
}

div#gheader div#nav_area {
	float:left;
	width:439px;
	height:41px;
	_height:35px;
}

div#gheader div#nav_area ul.first{
	display:block;
	height:16px;
	float:right;
	margin:0;
	padding:0;
	font-weight: normal;
	font-size: 10px;
}
div#gheader div#nav_area ul.first li{
	background:url(/common/images/img_header/head_yaji.gif) no-repeat 0 5px;
	padding:3px 2px 0 7px;
}

div#gheader div#nav_area ul.first li.naviyaji{
	background:url(/common/images/img_header/head_first_icn.gif) no-repeat 0 4px;
	padding:3px 2px 0 12px;
}

div#gheader div#nav_area a.headnavi:link,
div#gheader div#nav_area a.headnavi:visited,
div#gheader div#nav_area a.headnavi:active {
	text-decoration:none;
	color:#666666;
}
div#gheader div#nav_area a.headnavi:hover {
	text-decoration:underline;
	color:#666666;
}

div#gheader div#nav_area ul.second{
	display:block;
	height:25px;
	margin:0;
	_margin:0;
	float:right;
}


div#gheader div#nav_area ul li{
	display:block;
	float:left;
	padding-right:10px;
}

div#gheader div#nav_area ul li img{
	display:block;
}

div#gheader div#nav_area ul li.end{
}

/*バナー*/
div#gheader p#banner_area{
	float:left;
	width:180px;
	height:44px;
	padding:7px 0 0 5px;
}

div#gheader p#banner_area img{
	display:block;
}

div#gheader-banner ul{
	list-style-type:none;
	padding:0;
	margin:0;
}
div#gheader-banner{
	position:absolute;
	top:5px;
	left:780px;
}


/*大分類ヘッダ*/
.nnav ul{
	float: left;
	margin: 0px;
	padding: 0px;
	list-style:none;
	width: 780px;
}

.nnav li {
	float: left;
	font-size: 10px;
	padding-top: 1px;
	text-align: center;
	width : 155px;
	height : 16px;
	background: url(/head_images/nol_new5/grand_navi/navi03.gif) no-repeat;
	line-height: 13px;
	margin: 0px;
	color: #999900;
	}

.nnav li.itemnnavi{
	width : 155px;
	background: url(/head_images/nol_new5/grand_navi/navi04.gif) no-repeat;

}
.nnav li.itemnavi_ranking{
	width : 107px;
	line-height: 13px;
	height : 16px;
	background: url(/head_images/nol_new5/grand_navi/navi05.gif) no-repeat;
}
.nnav li.itemnnavi_list{
	padding-top: 0;
	width : 203px;
	height : 16px;
	line-height: 13px;
	background: url(/head_images/nol_new5/grand_navi/navi06.gif) no-repeat;
}
.nnav dl.itemnnavi_list{
	margin:0;
	padding:0;
	width : 203px;
	background: url(/head_images/nol_new5/grand_navi/navi06.gif) no-repeat;
}
.nnav dl.itemnnavi_list dt{
	float:left;
	margin:0;
	padding:1px 0 0 0;
	width : 66px;
	font-size: 10px;
	color:#777777;
}

.nnav dl.itemnnavi_list dd{
	float:left;
	margin:0;
	padding:1px 0 0 0;
	width : 67px;

}

#gheader .nnav dl.itemnnavi_list dt.itemnnavi_list{
	float:left;
	margin:0;
	padding:1px 0 0 0;
	width : 66px;
	font-size: 10px;
	color:#777777;
}

#gheader .nnav dl.itemnnavi_list dd.itemnnavi{
	float:left;
	margin:0;
	padding:1px 0 0 0;
	width : 67px;

}



.nnav a:link,
.nnav a:visited,
.nnav a:active {
color: #333333;
text-decoration: none;
font-weight: normal;
line-height:100%;
font-size: 10px;
}
.nnav a:hover {
color: #FF7100;
text-decoration: none;
font-weight: normal;
line-height:100%;
font-size: 10px;
}

		@media screen and (-webkit-min-device-pixel-ratio:0){*{letter-spacing:-0.1em;}}





/* gnavi cate018 add 100401 */

.nnav li.navA {
	width:140px;
	background: url(/head_images/nol_new5/grand_navi/navi03.gif) no-repeat right 0;
}
.nnav li.navB {
	width:170px;
	background: url(/head_images/nol_new5/grand_navi/navi07.gif) no-repeat 0 0;
}

.nnav li.itemnavi_last{
	width: 140px;
	height: 16px;
	line-height: 13px;
	background: url(/head_images/nol_new5/grand_navi/navi03.gif) no-repeat right 0;
}

.nnav li.itemnnavi_type{
	padding-top: 0;
	width: 185px;
	height: 16px;
	line-height: 13px;
	background: url(/head_images/nol_new5/grand_navi/navi06.gif) no-repeat right 0;
}

.nnav li.itemnnavi_type dl{ margin:0; padding:0; }
.nnav li.itemnnavi_type dl dt{
	float:left;
	margin:0;
	padding:1px 0 0 1px;
	width: 65px;
	font-size: 10px;
	color:#777777;
}

.nnav li.itemnnavi_type dl dd{
	float:left;
	margin:0;
	padding:1px 0 0 1px;
	width:57px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
.nnav li.itemnnavi_type dl dt { width:57px; }
.nnav li.itemnnavi_type dl dd { width:64px; }
.nnav li.itemnnavi_type dl dd.type_last { width:59px; }
}

/* 100319 TEST */
div#gheader p#logo_area { _height:30px !important; }
div#gheader div#nav_area ul.second li a { _height:22px; _overflow:hidden; }