@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; }



/* 100921 gnavi cate019 + cate020  */
.nolnav {
	position:relative;
	width:775px;
	overflow:hidden;
}
.nolnav a:link,
.nolnav a:visited,
.nolnav a:active {
	color: #333333;
	text-decoration: none;
	font-weight: normal;
	line-height:100%;
	font-size: 10px;
}
.nolnav a:hover {
	color: #FF7100;
	text-decoration: none;
	font-weight: normal;
	line-height:100%;
	font-size: 10px;
}

.nolnav ul{
	float: left;
	margin: 0px;	padding: 0px;
	list-style:none;
	width: 780px;
}

.nolnav li {
	float: left;
	width:127px;
	margin: 0px;
	padding-left:1px;
	padding-top:3px; padding-top:2px\9; *padding-top:2px;
	height:14px; height:15px\9; *height:15px;
	background: url(/head_images/nol_new6/grand_navi/navi_bg_stand.gif) no-repeat right 0;
	text-align: center;
	color: #999900;
	font-size: 10px;		line-height:1.0; line-height:1.1\9; *line-height:1.1;
}
.nolnav li a { font-size:10px; }

.nolnav li.nv_f {
	width:127px;
	background: url(/head_images/nol_new6/grand_navi/navi_bg_first.gif) no-repeat right 0;
}
.nolnav li.nv02 { width:127px; }
.nolnav li.nv03 { width:121px; }
.nolnav li.nv04 { width:126px; }
.nolnav li.nv05 { width:134px; }
.nolnav li.nv05_item { width:134px; margin-right:100px; }
.nolnav li.nv_l {
	width:134px;
	background: url(/head_images/nol_new6/grand_navi/navi_bg_last.gif) no-repeat right 0;
}

.nolnav li.nv_sub {
	position:absolute;
	top:16px;
	left:640px;
	width:135px;
	height:34px;
	padding-top:0;
	background: url(/head_images/nol_new6/grand_navi/navi_bg_sub.gif) no-repeat 0 0;
}
.nolnav li.nv_sub dl {
	position:relative;
	width:135px;
	line-height:1.0;
	font-size:10px;
	margin:0;
}
.nolnav li.nv_sub dl dt,
.nolnav li.nv_sub dl dd,
.nolnav li.nv_sub dl dd a { line-height:1.0; margin:0; padding:0; font-size:10px; }
.nolnav li.nv_sub dl dd a:link,
.nolnav li.nv_sub dl dd a:visited,
.nolnav li.nv_sub dl dd a:hover { font-size:10px; line-height:1.0; }
.nolnav li.nv_sub dl dt {
	color:#333;
	padding-top:4px;
	font-size:10px; font-weight:bold;
	text-align:center;
}
.nolnav li.nv_sub dl dd {
	background: url(/head_images/nol_new6/grand_navi/ar_sub_001.gif) no-repeat 0 2px;
	padding-left:6px;
}
.nolnav li.nv_sub dl dd.nvs01 { position:absolute;
	top:21px;
	left:3px;
}
.nolnav li.nv_sub dl dd.nvs02 { position:absolute;
	top:21px;
	left:71px;
}



/* 検索エリア */
#header-seachBlock {
width:775px;
height:47px;
background:url(/head_images/bg_search_head.gif) no-repeat left top;
padding-left:70px;
padding-top:7px;
}

#header-seachBlock select.search_01{
float:left;
width:190px;
margin:6px 12px 0 0;
font-size:14px;
}

#header-seachBlock input.search_02{
float:left;
width:127px;
margin:6px 4px 0 0;
font-size:14px;
}

#header-seachBlock input.search_03{
float:left;
width:58px;
margin:6px 4px 0 0;
}

#header-seachBlock .priceTtl{
float:left;
font-weight:bold;
color:#545252;
margin:10px 4px 0 0;
}

#header-seachBlock select.price{
float:left;
width:100px;
margin:6px 8px 5px 0;
}

#header-seachBlock .nosearch {
float:left;
padding-top:11px;
padding-right:5px;
font-size:10px;
color:#d01f01;
}

#header-seachBlock .searchbox {
float:left;
}

#header-seachBlock .searchbox p.size{
margin-top:4px;
}

#header-seachBlock .searchbox p.cateno{
margin-top:11px;
}

#header-seachBlock .cateno2 {
float:left;
font-size:12px;
font-weight:bold;
padding-top:11px;
padding-left:5px;
}

#header-seachBlock .searchbox p{
letter-spacing:-0.03em;
_letter-spacing:-0.05em;
}

#header-seachBlock .searchbox p a{
display:block;
background:url(/images/100107/ar_img001.gif) no-repeat scroll 0 0.3em;
padding:0 0 0 10px;
font-size:10px;
color:#333333;
}

/* 検索エリア-tesera */
#header-seachBlock-t {
width:775px;
height:47px;
background:url(/head_images/bg_search_head_t.gif) no-repeat left top;
padding-left:100px;
padding-top:7px;
}

#header-seachBlock-t input.search_02-t{
float:left;
width:227px;
margin:6px 16px 0 0;
font-size:14px;
}

#header-seachBlock-t input.search_03-t{
float:left;
width:58px;
margin:6px 4px 0 0;
}

#header-seachBlock-t .nosearch-t {
float:left;
padding-top:11px;
padding-right:5px;
font-size:12px;
color:#d01f01;
}

#header-seachBlock-t .searchbox-t {
float:left;
}

#header-seachBlock-t .searchbox-t p.cateno-t{
margin-top:11px;
}

#header-seachBlock-t .searchbox-t p{
letter-spacing:-0.03em;
_letter-spacing:-0.05em;
}

#header-seachBlock-t .searchbox-t p a{
display:block;
background:url(/images/100107/ar_img001.gif) no-repeat scroll 0 0.2em;
padding:0 0 0 10px;
font-size:12px;
color:#333333;
}

/* 検索エリア-bargain */
#header-seachBlock-b {
width:775px;
height:47px;
background:url(/head_images/bg_search_head_b.gif) no-repeat left top;
padding-left:250px;
padding-top:7px;
}

#header-seachBlock-b input.search_02-b{
float:left;
width:227px;
margin:6px 16px 0 0;
font-size:14px;
}

#header-seachBlock-b input.search_03-b{
float:left;
width:58px;
margin:6px 4px 0 0;
}