/** ヘッダーエリア  **/
header,
header a:link,
header a:visited {
	color: #FFF !important;
}

header a:hover {
	color:#FFCF00 !important;
}

header {
	top: 0;
	position: absolute;
	z-index: 99;
	width: 100%;
}


#header_login_area {
	padding-top: 2px;
	height: 28px;
	background: #999999; /* Old browsers */
	background: -moz-linear-gradient(top,  #999999 0%, #666666 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #999999 0%,#666666 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #999999 0%,#666666 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#666666',GradientType=0 ); /* IE6-9 */
}

#logo a {
	float:left;
	background-image: url(../img/graphica/logo.png);
	width: 200px;
	height: 60px;
	text-indent: -9999px;
	display: block;
	z-index: 100;
	margin: 25px 0;
	position:relative;
}


#logo a:link,
#logo a:visited {
	background-position:0px 0px;
}

#logo a:hover {
	background-position:0px 60px;
}


#ec_button,
#ec_button2,
#header_menu_area,
#header_menu_area ul {float: right;}

#ec_button li,
#ec_button2 li,
#header_menu_area li {
	float: left;
	padding-left:30px;
}

#ec_button li a:before,
#call li a:before {
	float: left;
	content:"";
	width:25px;
	height:25px;
	margin:0 5px 0 0;
	background:url(../img/graphica/icon30.png);
}
#ec_button .entry a:before {background-position:0 -2px;}
#ec_button .entry a:hover:before,
#ec_button .entry a:focus:before,
#ec_button .entry a:active:before {background-position:-60px -2px;}

#ec_button .mypage a:before {background-position:-30px -2px;}
#ec_button .mypage a:hover:before,
#ec_button .mypage a:focus:before,
#ec_button .mypage a:active:before {background-position:-90px -2px;}

#call .tel a:before {background-position:0 -32px;}
#call .tel a:hover:before,
#call .tel a:focus:before,
#call .tel a:active:before {background-position:-60px -32px;}

#call .fax a:before {background-position:-30px -32px;}
#call .fax a:hover:before,
#call .fax a:focus:before,
#call .fax a:active:before {background-position:-90px -32px;}


#header_menu_area {
	margin-top:30px;
}

#header_menu_area nav {
	padding: 15px 0px;
	height: 30px;
	clear:both;
}





/** ヘッダーメインカテゴリーエリア  **/

.header_category {
	height:40px;
	clear:both;
}

.header_category nav {
    overflow: hidden;
}

.header_category ul {
    height:40px;
}

.header_category li {
    float: left;
}

#cat01 .header_category,
#cat02 .header_category,
#cat03 .header_category {
	height:45px;
}



.header_category ul.nav01 {
    border-bottom-width: 5px;
    border-bottom-style: solid;
    border-bottom-color: #009999;
}

.header_category ul.nav02 {
    border-bottom-width: 5px;
    border-bottom-style: solid;
    border-bottom-color: #CD689B;
}

.header_category ul.nav03 {
    border-bottom-width: 5px;
    border-bottom-style: solid;
    border-bottom-color: #CD9C33;
}



/** 固定ヘッダー  **/

#fixheader {
	top: 0px;
	left: 0px;
	position: fixed;
	z-index: 9999;
	width: 100%;
	display: none;
}

#fixheader #call .tel a:before {background-position:60px -32px;}
#fixheader #call .tel a:hover:before,
#fixheader #call .tel a:focus:before,
#fixheader #call .tel a:active:before {background-position:-60px -32px;}

#fixheader #call .fax a:before {background-position:30px -32px;}
#fixheader #call .fax a:hover:before,
#fixheader #call .fax a:focus:before,
#fixheader #call .fax a:active:before {background-position:-90px -32px;}

#fixheader #logo a:link,
#fixheader #logo a:visited {
	background-position:0px 120px;
}

#fixheader #logo a {
	margin: 10px 0 !important;
}

#fixheader #logo a:hover {
	background-position:0px 60px;
}

#fixheader .header_fix_area {
	background-color:#FFF;
	/* box-shadow */
	box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 6px 3px;
}

#fixheader .header_fix_area a:link,
#fixheader .header_fix_area a:visited {
	color: #000 !important;
}

#fixheader .header_fix_area a:hover {color: #FFCF00 !important;}
#fixheader #header_menu_area {margin-top:10px !important;}
#fixheader #header_menu_area nav {padding: 10px 0px !important;}


#fixheader .header_category {
	background-image:url(../img/graphica/gray_back60.png);
}