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

/*----------------------------------------------------*/ 
/* 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;
}

/*----------------------------------------------------*/ 
/* mnavi
------------------------------------------------------*/ 

#header #mnavi {
	position:absolute;
	top:16px;
	left:265px;
	overflow:hidden;
}

#header #mnavi li {
	float:left;
	margin-right:15px;
}

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

#header #mnavi li a:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

#header #mnavi li.m01 a {	width:89px;	background-position:0 0;}
#header #mnavi li.m02 a {	width:117px;	background-position:-104px 0;}
#header #mnavi li.m03 a {	width:117px;	background-position:-236px 0;}
#header #mnavi li.m04 a {	width:76px;	background-position:-368px 0;}
#header #mnavi li.m05 a {	width:72px;	background-position:-459px 0;}

/*----------------------------------------------------*/ 
/* 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;
	background-image:url(/files/user/img/common/header_bg_gnavi.png);
	background-repeat:no-repeat;
	overflow:hidden;
	text-align:center;
	color:#000;
	font-weight:bold;
}

#header #gnavi li > a:before {
	content:"";
	width:0;
	height:56px;
}

#header #gnavi li > a:before,
#header #gnavi li > a span {
	display:inline-block;
	vertical-align:middle;
}

#header #gnavi li > a span {
	font-size:108%;
}

#header #gnavi li > a.on span,
#header #gnavi li > a:hover span {
	font-size:123.1%;
	color:#FFF;
	text-shadow: 0 0 3px #03658F;
}

#header #gnavi li > a.on,
#header #gnavi li > a:hover {
	background-position:0 -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 227px;
}

/*----------------------------------------------------*/ 
/* search_category
------------------------------------------------------*/ 

#header #ecnavi #search_category {
	position:absolute;
	z-index:300;
	left:0;
}

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

#header #ecnavi #search_category .line.active {
	display:block !important;
}

#header #ecnavi #search_category .btn {
	display:block;
	width:216px;
	height:65px;
	background-image:url(/files/user/img/common/header_category.png);
	background-repeat:no-repeat;
	white-space:nowrap;
	overflow:hidden;
	text-indent:100%;
}

#header #ecnavi #search_category .btn_s {
	display:block;
	width:216px;
	height:65px;
	background-image:url(/files/user/img/common/header_category_shogi.png);
	background-repeat:no-repeat;
	white-space:nowrap;
	overflow:hidden;
	text-indent:100%;
}

#header #ecnavi #search_category .btn_b {
	display:block;
	width:216px;
	height:65px;
	background-image:url(/files/user/img/common/header_category_books.png);
	background-repeat:no-repeat;
	white-space:nowrap;
	overflow:hidden;
	text-indent:100%;
}

#header #ecnavi #search_category .btn_m {
	display:block;
	width:216px;
	height:65px;
	background-image:url(/files/user/img/common/header_category_macfan.png);
	background-repeat:no-repeat;
	white-space:nowrap;
	overflow:hidden;
	text-indent:100%;
}

#header #ecnavi #search_category .btn.on,
#header #ecnavi #search_category .btn.active {
	background-position:0 -66px;
}
#header #ecnavi #search_category .btn_b.on,
#header #ecnavi #search_category .btn_b.active {
	background-position:0 -66px;
}
#header #ecnavi #search_category .btn_s.on,
#header #ecnavi #search_category .btn_s.active {
	background-position:0 -66px;
}
#header #ecnavi #search_category .btn_m.on,
#header #ecnavi #search_category .btn_m.active {
	background-position:0 -66px;
}

#header #ecnavi #search_category .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;
	height:240px;
	overflow:hidden;
	margin:0 0 0 2px;
	display:none;
	background-color:#FFF;
	/width:604px;
}

#header #ecnavi #search_category .box.active {
	display:block !important;
}

#header #ecnavi #search_category .parent {
	width:213px;
	border-right:solid 1px #E9E9E9;
	padding-top:9px;
	height:373px;
	float:left;
}

#header #ecnavi #search_category .parent li {
	padding:8px 0 8px 20px;
	color:#0085CC;
}

#header #ecnavi #search_category .parent p {
	padding:4px 0 8px 15px;
	color:#000000;
	font-size:119%;
}

#header #ecnavi #search_category .parent p a {
	padding-left:4px;
	display:inline-block;
	color:#000000;
}

#header #ecnavi #search_category .parent p:hover,
#header #ecnavi #search_category .parent p.on {
	padding:4px 0 8px 15px;
	color:#FA5858;
    font-weight:bold;
}

#header #ecnavi #search_category .parent li span {
	display:block;
	padding-left:15px;
	background:url(/files/user/img/common/icon_arrow_02.png) no-repeat 0 .4em;
	font-size:116%;
}

#header #ecnavi #search_category .parent li:hover,
#header #ecnavi #search_category .parent li.on {
	background:#CCEDFB url(/files/user/img/common/icon_arrow_04.png) no-repeat right center;
	font-weight:bold;
}

#header #ecnavi #search_category .category {
	float:left;
	padding:10px 0 0 30px;
	overflow:hidden;
	white-space:nowrap;
	display:none;
}

#header #ecnavi #search_category .category .heading {
	color:#E60000;
	font-weight:bold;
	font-size:123.1%;
	margin-bottom:10px;
}

#header #ecnavi #search_category .category ul {
	float:left;
	padding-right:10px;
	min-width:169px;
	max-width:350px;
}

#header #ecnavi #search_category .category ul.second {
	margin-left:25px;
	padding-right:10px;
	min-width:144px;
	max-width:325px;
}

#header #ecnavi #search_category .category li {
	margin-bottom:14px;
	font-size:108%;
	white-space:normal;
}

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

/*----------------------------------------------------*/ 
/* search_category
------------------------------------------------------*/ 

#header #ecnavi #search_keyword {
	padding:17px 0 0 10px;
	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:90px;
}

#header #ecnavi #search_keyword .category {
	position:absolute;
	left:0;
	height:35px;
	background:url(/files/user/img/common/header_searchkey.gif) no-repeat right top;
	display:inline-block;
	/display:inline;
	/zoom:1;
	cursor:pointer;
}

#header #ecnavi #search_keyword .category span {
	display:block;
	height:25px;
	padding:10px 20px 0 13px;
	font-size:108%;
	background:url(/files/user/img/common/header_searchkey02.gif) no-repeat;
}

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

#header #ecnavi #search_keyword .category_select.active {
	top:35px;
}

#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:60px;
	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 div img {
	max-width:46px;
	max-height:60px;
}

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

/*----------------------------------------------------*/ 
/* ウインドウサイズ 997px固定
------------------------------------------------------*/ 

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

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

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

#header_local .tagline {
	font-size:93%;
	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;
}

/*----------------------------------------------------*/ 
/* business_socialbutton
------------------------------------------------------*/ 

#business_socialbutton {
	margin : 15px 0 36px 500px;
	position:relative;
}
#business_socialbutton:after {	content:".";}

#business_socialbutton li {
	display:inline-block;
	vertical-align:middle;
	/display: inline;
	/zoom: 1;
}

#business_socialbutton li.googlep { position:absolute; top:0; left:0px;}
#business_socialbutton li.twitter {	position:absolute;	top:0;	left:81px;}
#business_socialbutton li.facebook { position:absolute; top:0; left:181px;}
#business_socialbutton li.gree { position:absolute; top:0; left:346px;}
#business_socialbutton li.mixi { position:absolute; top:1px; left:288px;}
#business_socialbutton li.hatena { position:absolute; top:0; left:368px;}