@charset "utf-8";

/*----------------------------------------------------*/ 
/* CSS Index

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

#header {
	position:relative;
	padding:16px 9px 10px 9px;
	z-index:50;
	background-color:#FFF;
}

#header #tagline {
	position:absolute;
	top:16px;
	left:0;
	width:266px;
	font-size:108%;
	text-align:center;
}

#header .logo a {
	position:absolute;
	top:43px;
	left:12px;
	width:236px;
	height:37px;
	background:url(/files/user/img/common/header_logo.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

body.simple {
	background:#FFF;
}

body.simple #header {
	width:979px;
	height:84px;
	background:url(/files/user/img/common/line_double_01.gif) repeat-x left bottom;
	margin:0 auto 13px auto;
	padding:16px 0 0 0;
}


/*----------------------------------------------------*/ 
/* infoline
------------------------------------------------------*/ 

#header #infoline {
	position:absolute;
	top:16px;
	left:265px;
	font-weight:bold;
}

#header #infoline span {
	display:inline-block;
	/display:inline;
	/zoom:1;
	background-color:#EF0012;
	color:#FFF;
	padding:3px 8px;
	margin-right:8px;
	vertical-align:top;
	font-size:90%;
	font-weight:normal;
	line-height:1;
}

/*----------------------------------------------------*/ 
/* gnavi
------------------------------------------------------*/ 

#header #gnavi {
	margin:29px 0 0 266px;
	position:relative;
	z-index:500;
	/zoom:1;
}

#header #gnavi:after {
	content:"";
}

#header #gnavi li {
	float:left;
	margin-right:2px;
	position:relative;
}

#header #gnavi li > a {
	display:block;
	width:130px;
	height:56px;
	background-image:url(/files/user/img/common/header_gnavi.png);
	background-repeat:no-repeat;
	white-space:nowrap;
	text-indent:100%;
	overflow:hidden;
}

#header #gnavi li.g01 > a {	background-position:0 0;}
#header #gnavi li.g01 > a.on {	background-position:0 -57px;}
#header #gnavi li.g02 > a {	background-position:-132px 0;}
#header #gnavi li.g02 > a.on {	background-position:-132px -57px;}
#header #gnavi li.g03 > a {	background-position:-264px 0;}
#header #gnavi li.g03 > a.on {	background-position:-264px -57px;}
#header #gnavi li.g04 > a {	background-position:-396px 0;}
#header #gnavi li.g04 > a.on {	background-position:-396px -57px;}
#header #gnavi li.g05 > a {	background-position:-528px 0;}
#header #gnavi li.g05 > a.on {	background-position:-528px -57px;}

#header #gnavi li > div.category {
	position:absolute;
	top:56px;
	left:20px;
	padding-top:10px;
	display:none;
}

#header #gnavi li > div.category > div {
	border-left:solid 1px #BABABA;
	border-right:solid 1px #BABABA;
	border-bottom:solid 1px #BABABA;
	box-shadow:0 5px 5px rgba(0,0,0,0.4);
	box-shadow:none\9;
	background-color:#FFF;
	padding:4px 0 15px;
}

#header #gnavi li > div.category > div:before {
	content:"";
	position:absolute;
	width:462px;
	height:4px;
	top:10px;
	left:0;
	background:#00ABEB;
}

#header #gnavi li > div.category > div > dl {
	padding:15px 0 0 30px;
	width:430px;
	border-top:solid 1px #E9E9E9;
	letter-spacing:-0.40em;
}

#header #gnavi li > div.category > div > dl:first-child {
	border-top:none;
}


#header #gnavi li > div.category > div > dl dt {
	color:#E50000;
	font-weight:bold;
	font-size:123.1%;
	letter-spacing:normal;
	margin-bottom:12px;
}

#header #gnavi li > div.category > div > dl dd {
	width:133px;
	letter-spacing:normal;
	display:inline-block;
	/display:inline;
	/zoom:1;
	margin:0 10px 12px 0;
	font-size:108%;
}

#header #gnavi li > div.category > div > dl dd a {
	padding-left:8px;
	background:url(/files/user/img/common/icon_arrow_03.png) no-repeat 0 .5em;
	display:inline-block;
}



/*----------------------------------------------------*/ 
/* ecnavi
------------------------------------------------------*/ 

#header #ecnavi {
	background:url(/files/user/img/common/header_bg_ecnavi.gif) repeat-x;
	margin-top:-2px;
	position:relative;
	height:65px;
	padding:0 406px 0 22px;
}

#header #ecnavi:before,
#header #ecnavi:after {
	content:"";
	position:absolute;
	width:3px;
	height:65px;
	top:0;
	background-repeat:no-repeat;
}

#header #ecnavi:before {
	background-image:url(/files/user/img/common/header_bg_ecnavi_l.gif);
	left:0;
}

#header #ecnavi:after {
	background-image:url(/files/user/img/common/header_bg_ecnavi_r.gif);
	right:0;
	height:65px;
	visibility:visible;
}

/*----------------------------------------------------*/ 
/* search_keyword
------------------------------------------------------*/ 

#header #ecnavi #search_keyword {
	padding:17px 0 0 0;
	background:url(/files/user/img/common/header_search.gif) repeat-x 0 17px;
	position:relative;
	z-index:300;
}

#header #ecnavi #search_keyword .box {
	height:35px;
	background:url(/files/user/img/common/header_search_btn_brand.gif) no-repeat right top;
	padding-right:100px;
}

#header #ecnavi #search_keyword form {
	height:35px;
	background:url(/files/user/img/common/header_searchkey03.gif) no-repeat;
	padding-left:13px;
}

#header #ecnavi #search_keyword .keyword {
	padding:0;
	height:25px;
	border:none;
	background-color:#FFF;
	font-size:100%;
	width:100%;
	margin-top:5px;
}

#header #ecnavi #search_keyword .submit {
	position:absolute;
	width:88px;
	height:35px;
	top:17px;
	right:0;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	cursor:pointer;
}

/*----------------------------------------------------*/ 
/* mypage_header
------------------------------------------------------*/ 

#header #ecnavi #mypage_header {
	top:0;
	right:168px;
	position:absolute;
	z-index:200;
}

#header #ecnavi #mypage_header .line {
	position:absolute;
	height:4px;
	background-color:#000;
	left:2px;
	top:61px;
}

#header #ecnavi #mypage_header .btn {
	display:block;
	width:220px;
	height:65px;
	background:url(/files/user/img/common/header_mypage_cart.png) no-repeat 0 0;
	position:relative;
	color:#FFF;
}

#header #ecnavi #mypage_header .btn.on {
	background-position:0 -66px;
}

#header #ecnavi #mypage_header .btn dl {
	position:absolute;
	top:50%;
	right:17px;
	margin-top:-1.3em;
}

#header #ecnavi #mypage_header .btn dt {
	display:none;
}

#header #ecnavi #mypage_header .btn dd {
	text-align:right;
}

#header #ecnavi #mypage_header .btn dd.name {
	font-size:108%;
	font-weight:bold;
	width:140px;
}

#header #ecnavi #mypage_header .btn dd span {
	margin-right:2px;
	font-size:132%;
	font-weight:bold;
}

#header #ecnavi #mypage_header .box {
	border-left:solid 1px #BABABA;
	border-right:solid 1px #BABABA;
	border-bottom:solid 1px #BABABA;
	box-shadow:0 5px 5px rgba(0,0,0,0.4);
	box-shadow:none\9;
	overflow:hidden;
	white-space:nowrap;
	margin:0 0 0 2px;
	padding:10px 0 5px;
	position:absolute;
	background-color:#FFF;
	display:none;
	/width:275px;
}

#header #ecnavi #mypage_header .box ul.mypagelist {
	width:249px;
	margin:10px 12px 5px;
	border-top:solid 1px #BABABA;
	padding-top:10px;
	margin-top:10px;
}

#header #ecnavi #mypage_header .box ul.mypagelist:first-child {
	border-top:none;
	padding-top:0;
	margin-top:0;
}

#header #ecnavi #mypage_header .box ul.mypagelist li {
	margin-bottom:5px;
}

/* logout */

#header #ecnavi #mypage_header.logout .btn {
	background-position:0 -132px;
}

#header #ecnavi #mypage_header.logout .btn.on {
	background-position:0 -198px;
}

#header #ecnavi #mypage_header.logout .btn a {
	color:#FFF;
	text-decoration:underline;
}

#header #ecnavi #mypage_header.logout .btn dd {
	font-size:108%;
}

#header #ecnavi #mypage_header.logout .btn dd.name {
	width:auto;
}

#header #ecnavi #mypage_header .box ul.regist  {
	margin:5px auto 15px;
	overflow:hidden;
	width:249px;
}

#header #ecnavi #mypage_header .box ul.regist li  {
	float:left;
}

#header #ecnavi #mypage_header .box ul.regist li:first-child  {
	margin-right:5px;
}


/*----------------------------------------------------*/ 
/* cart_header
------------------------------------------------------*/ 

#header #ecnavi #cart_header {
	top:0;
	right:0;
	position:absolute;
	z-index:100;
}

#header #ecnavi #cart_header .line {
	position:absolute;
	height:4px;
	background-color:#000;
	top:61px;
	right:2px;
	z-index:100;
}

#header #ecnavi #cart_header .btn {
	display:block;
	width:168px;
	height:65px;
	background:url(/files/user/img/common/header_mypage_cart.png) no-repeat -220px 0;
	position:relative;
	color:#FFF;
}

#header #ecnavi #cart_header .btn.on {
	background-position:-220px -66px;
}

#header #ecnavi #cart_header .btn dl {
	position:absolute;
	top:50%;
	right:17px;
	margin-top:-2em;
	width:90px;
}

#header #ecnavi #cart_header .btn dt {
	display:none;
}

#header #ecnavi #cart_header .btn dd {
	text-align:right;
}

#header #ecnavi #cart_header .btn dd span {
	margin-right:2px;
	font-size:132%;
	font-weight:bold;
}

#header #ecnavi #cart_header .box {
	border-left:solid 1px #BABABA;
	border-right:solid 1px #BABABA;
	border-bottom:solid 1px #BABABA;
	box-shadow:0 5px 5px rgba(0,0,0,0.4);
	box-shadow:none\9;
	overflow:hidden;
	white-space:nowrap;
	margin:0 0 0 2px;
	position:absolute;
	right:2px;
	display:none;
	background-color:#FFF;
	/width:296px;
}

#header #ecnavi #cart_header .box ul.cartlist {
	width:270px;
	margin:10px 12px 5px;
}

#header #ecnavi #cart_header .box ul.cartlist li {
	border-top:solid 1px #BABABA;
	padding-top:5px;
	margin-top:5px;
	overflow:hidden;
}

#header #ecnavi #cart_header .box ul.cartlist li:first-child {
	border-top:none;
	padding-top:0;
	margin-top:0;
}

#header #ecnavi #cart_header .box ul.cartlist li div {
	float:left;
	width:56px;
}

#header #ecnavi #cart_header .box ul.cartlist li dl {
	float:left;
	width:214px;
}

#header #ecnavi #cart_header .box ul.cartlist li dt {
	white-space:pre-line;
}

#header #ecnavi #cart_header .box .num {
	text-align:center;
	font-weight:bold;
	margin-bottom:5px;
}

#header #ecnavi #cart_header .box .noitem {
	width:270px;
	margin:10px 12px 5px;
}

#header #ecnavi #cart_header .box .noitem p {
	margin-bottom:8px;
	white-space:pre-line;
}

#header #ecnavi #cart_header .box .cartbtn {
	background-color:#CCEDFB;
	text-align:center;
	padding:10px 0;
}



/*----------------------------------------------------*/ 
/* ウインドウサイズ 997px以下
------------------------------------------------------*/ 

@media screen and (max-width: 997px){
#header {
	width:979px;
}
}

/*----------------------------------------------------*/ 
/* header_local
------------------------------------------------------*/ 

#header_local {
	width:976px;
	margin:0 auto;
	padding:10px 0;
}

#header_local .tagline {
	font-size:145%;
	margin-bottom:10px;
	text-align:center;
}

#header_local .logo {
	text-align:center;
	margin-bottom:5px;
}

#header_local .lnavi {
	display:table;
	width:100%;
	background:url(/files/user/img/brand/bg_lnavi_03.gif) no-repeat center top;
	height:36px;
}

#header_local .lnavi li {
	display:table-cell;
	/display:inline;
	/zoom:1;
	padding-left:1px;
}

#header_local .lnavi li:first-child {
	padding-left:0;
	width:70px;
}

#header_local .lnavi li a,
#header_local .lnavi li span {
	display:block;
	height:36px;
	font-weight:bold;
	font-size:108%;
	text-align:center;
	vertical-align:middle;
	color:#333;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:7px 16px 0 18px;
	background:#F9F9F9 url(/files/user/img/brand/bg_lnavi_02.gif) repeat-x left bottom;
	border:solid 1px #CCC;
	cursor:pointer;
}

#header_local .lnavi li:first-child a,
#header_local .lnavi li:first-child span {
	border-radius:3px 0 0 3px;
	-webkit-border-radius:3px 0 0 3px;
	-moz-border-radius:3px 0 0 3px;
}

#header_local .lnavi li:last-child a,
#header_local .lnavi li:last-child span {
	border-radius:0 3px 3px 0;
	-webkit-border-radius:0 3px 3px 0;
	-moz-border-radius:0 3px 3px 0;
}

#header_local .lnavi li a.current,
#header_local .lnavi li a.on,
#header_local .lnavi li a:hover,
#header_local .lnavi li span.current,
#header_local .lnavi li span.on,
#header_local .lnavi li span:hover {
	background:#242424;
	color:#FFF;
	text-decoration:none;
	border-color:#242424;
}

#header_local .lnavi li:first-child a.current,
#header_local .lnavi li:first-child a.on,
#header_local .lnavi li:first-child a:hover,
#header_local .lnavi li:first-child span.current,
#header_local .lnavi li:first-child span.on,
#header_local .lnavi li:first-child span:hover {
	background:url(/files/user/img/brand/bg_lnavi_01.gif) repeat-x 0 0;
}

#header_local .lnavi_child {
	background:#242424;
	position:relative;
	margin:5px 0 8px;
}

#header_local .lnavi_child.hide {
	margin-top:0;
}

#header_local .lnavi_child ul {
	background:#000;
	padding:1px 0 0 1px;
	overflow:hidden;
	position:absolute;
	top:-9999px;
}

#header_local .lnavi_child ul.others {	position:absolute;}


#header_local .lnavi_child li {
	float:left;
	width:194px;
	height:39px;
	margin:0 1px 1px 0;
	background:#242424;
}

#header_local .lnavi_child li a {
	display:block;
	height:39px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:10px 0 0 30px;
	background:#242424 url(/files/user/img/common/icon_arrow_10.gif) no-repeat 20px center;
	font-size:108%;
	color:#FFF;
}