@charset "euc-jp";

/*----------------------------------------------------*/ 
/* element reset
------------------------------------------------------*/ 

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, a {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	background:transparent;
}
input {
        margin:0;
        padding:0;
        outline:0;
}
body { line-height:1; position:relative;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ul, ol, dl { list-style:none; }
del { text-decoration: line-through; }
table {	border-collapse:collapse;	border-spacing:0;	empty-cells:show;	font-size:inherit;	font:100%;}
th,td,img {	border:0;}
caption, th {	text-align:left;}
img,a img{	background:transparent; font-size:8px}
address {	font-style:normal;}
hr { display:none;}
input, select { vertical-align:middle; }


/*----------------------------------------------------*/ 
/* link
------------------------------------------------------*/ 

a:link {	color:#214897; text-decoration:none;}
a:visited {	color:#214897;	text-decoration:none;}
a:hover {	color:#214897;	text-decoration:underline;}
a:active {	color:#214897;	text-decoration:underline;}

a h2,
a h3 {
	color:#214897;
}

/*----------------------------------------------------*/ 
/* text
------------------------------------------------------*/ 

body {
	background:#FFF;
	color:#333;
	font: 14px/24px "メイリオ", "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","ＭＳ Ｐゴシック",Helvetica,Arial,sans-serif;
	*font-size:small;
	*font:x-small;
}

/*
	Font-size Setting
	8px  :  57.1%		17px : 121.4%
	9px  :  64.3%		18px : 128.6%
	10px :  71.4%		19px : 135.7%
	11px :  78.6%		20px : 142.9%
	12px :  85.7%		22px : 157.1%
	13px :  92.9%		24px : 171.4%
	14px :   100%		26px : 185.7%
	15px : 107.1%		28px :   200%
	16px : 114.3%		30px : 214.3%
*/

p {
	line-height:1.6;
}

dt,dd,li,th,td,address {
	line-height:1.6;
}

p,dt,dd,li,th,td,input,textarea,address {
	font-size:100%;
}

img {
	vertical-align:bottom;
}

/*----------------------------------------------------*/
/* eb_wrapper
------------------------------------------------------*/

#eb_wrapper {
	overflow-x: hidden;
	min-width: 1050px;
}

/*----------------------------------------------------*/ 
/* eb_container
------------------------------------------------------*/ 

#eb_container {
	width:1050px;
	margin:0 auto;
}

#eb_container h1 {
	float: none;
}

#eb_container .eb_kadokawa_logo {
	font-family: "Yu Gothic","Hiragino Kaku Gothic ProN","Meiryo","Noto Sans CJK" ;
	text-align: right;
	border-bottom: solid 1px #cccccc;
}

/*----------------------------------------------------*/ 
/* eb_header
------------------------------------------------------*/ 

#eb_header {
	margin-bottom:10px;
	position: relative;
}

.eb_cartheader { border-bottom:solid 1px #646464; }

#eb_header:after {	content:"."; display:block;	clear:both;	height:0;	visibility:hidden;} 

/* eb_logo */

#eb_header .eb_logo {
	float:left;
	padding:15px 0 19px 2px;
}

#eb_header .eb_logo > div,
#eb_header .eb_logo > h1,
#eb_header .eb_logo p {
	display:inline-block;
	vertical-align:middle;
}

#eb_header .eb_logo p {
	color:#999999;
	font-size:78.6%;
	margin-left:15px;
}

#eb_top #eb_header .eb_logo p {
	margin-left:6px;
}

/* eb_util */

#eb_header .eb_util {
	float:right;
	overflow:hidden;
	white-space:nowrap;
	margin-bottom:9px;
}

#eb_header .eb_util .eb_useful {
	text-align:right;
	margin-bottom:10px;
}

#eb_header .eb_util .eb_useful li {
	display:inline-block;
	letter-spacing:normal;
	vertical-align:bottom;
	margin-left:8px;
	font-size:78.6%;
}

#eb_header .eb_util .eb_useful li a {
	color:#333333;
}

#eb_header .eb_util .eb_user {
	text-align:right;
}

#eb_header .eb_util .eb_user li {
	display:inline-block;
	font-size:0;
	line-height:1;
	vertical-align:bottom;
	margin-left:2px;
}

#eb_header .eb_util .eb_user li.eb_alpbtn a:hover,
#eb_header .eb_util .eb_user li.eb_alpbtn a.active {
	background:#f2f2f2;
	display:block;
	height:30px;
	width:120px;
}

#eb_header .eb_util .eb_user li.eb_cart {
	margin-left:10px;
}

#eb_header .eb_util .eb_user li.eb_cart a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

/* eb_searchbar */

#eb_header .eb_searchbar {
	height:46px;
	background:#626262;
	position:relative;
	clear:both;
	z-index:10;
}


/* eb_kubun */

#eb_header .eb_searchbar .eb_kubun {
	position:absolute;
	left:0;
	top:-12px;
	background:#FFF;
}

#eb_header .eb_searchbar .eb_kubun:after {	content:"."; display:block;	clear:both;	height:0;	visibility:hidden;} 

#eb_header .eb_searchbar .eb_kubun dl {
	position:absolute;
	width:740px;
}

#eb_header .eb_searchbar .eb_kubun .eb_home {
        float:left;
        width:59px;
        height:58px;
}

#eb_header .eb_searchbar .eb_kubun dl.eb_category {
        left:59px;
        top: 0;
}

#eb_header .eb_searchbar .eb_kubun dl.eb_shop {
	left:291px;
	width:800px;
	top: 0;
}

#eb_header .eb_searchbar .eb_kubun dt {
	background:#FFF;
	cursor:pointer;
}

#eb_header .eb_searchbar .eb_kubun dt:hover img,
#eb_header .eb_searchbar .eb_kubun dl.active dt img {
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
}

#eb_header .eb_searchbar .eb_kubun dl.eb_category dt {
	width:232px;
}

#eb_header .eb_searchbar .eb_kubun dl.eb_shop dt {
	width:217px;
}

#eb_header .eb_searchbar .eb_kubun dd {
	background:#FFF;
	padding:20px 5px 5px 28px;
	box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 5px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 5px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 5px 0px;	position:absolute;
	display:none;
}

.lt-ie9 #eb_header .eb_searchbar .eb_kubun dd {
	border:solid 1px #aeaeae;
	border-top:none;
}

#eb_header .eb_searchbar .eb_kubun dl.eb_shop dd {
	padding:20px 5px 0 28px;
}

#eb_header .eb_searchbar .eb_kubun dd ul {
	overflow:hidden;
	white-space:nowrap;
}

#eb_header .eb_searchbar .eb_kubun dl.eb_category dd li {
	float:left;
	width:220px;
	margin-bottom:10px;
	font-size:92.9%;
}

#eb_header .eb_searchbar .eb_kubun dl.eb_category dd li a {
	display:inline-block;
	color:#333333;
	padding-left:15px;
	background:url(../../assets/img/cmn/icon_arrow_red.png) no-repeat 0 .3em;
}

#eb_header .eb_searchbar .eb_kubun dl.eb_category dd li a:hover,
#eb_header .eb_searchbar .eb_kubun dl.eb_category dd li a:active {
	background-color:#F5F5F5;
	text-decoration:none;
}

#eb_header .eb_searchbar .eb_kubun dl.eb_shop dd li a:hover,
#eb_header .eb_searchbar .eb_kubun dl.eb_shop dd li a:active {
	background-color:#F5F5F5;
	text-decoration:none;
}

#eb_header .eb_searchbar .eb_kubun dl.eb_shop dd ul {
	margin-left:-30px;
	width:827x;
	white-space:normal;
}

#eb_header .eb_searchbar .eb_kubun dl.eb_shop dd li {
	display:inline-block;
	margin:0 0 25px 30px;
	text-align:center;
	vertical-align:top;
}

#eb_header .eb_searchbar .eb_kubun dl.eb_shop dd li a {
	display:block;
	padding-bottom:10px;
}

#eb_header .eb_searchbar .eb_kubun dl.eb_shop dd li div {
        width:120px;
        height:48px;
        vertical-align:middle;
        display: table-cell;
        background-color:#fff
}
#eb_header .eb_searchbar .eb_kubun dl.eb_shop dd li img {
        max-width:120px;
        max-height:48px;
}

#eb_header .eb_searchbar .eb_kubun dl.eb_shop dd li a span {
	display:block;
        width: 120px;
	font-size:78.6%;
	margin-top:10px;
	color:#333333;
        white-space:normal;
}

/* eb_keyword */

#eb_header .eb_searchbar .eb_keyword {
	position:absolute;
	top:0;
	right:0;
	padding:0 18px 0 15px;
	height:46px;
}

#eb_header .eb_searchbar .eb_keyword:before {
	content:"";
	position:absolute;
	width:100%;
	top:-12px;
	left:0;
	height:12px;
}

#eb_header .eb_searchbar .eb_keyword dl,
#eb_header .eb_searchbar .eb_keyword p {
	float:left;
}

#eb_header .eb_searchbar .eb_keyword dl {
	overflow:hidden;
	margin-top:7px;
}


#eb_header .eb_searchbar .eb_keyword dd {
	width:355px;
	background:#FFF;
	overflow:hidden;
	float:left;
	position:relative;
}

#eb_header .eb_searchbar .eb_keyword dd:before {
	content:"";
	width:17px;
	height:17px;
	background:url(../../assets/img/cmn/icon_search.png) no-repeat;
	position:absolute;
	left:8px;
	top:50%;
	margin-top:-8px;
}

#eb_header .eb_searchbar .eb_keyword dd input[type=text] {
	position:absolute;
	left:35px;
	top:8px;
	width:250px;
	border:none;
}



#eb_header .eb_searchbar .eb_keyword dd input[type=submit] {
	float:right;
	background-image:url("../../assets/img/cmn/btn_search.png");
	background-repeat:no-repeat;
	border:none;
	width:65px;
	height:32px;
	text-indent: -9999px;
	cursor: pointer;
}

#eb_header .eb_searchbar .eb_keyword dd input[type=submit]:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#eb_header .eb_searchbar .eb_keyword p {
	margin:12px 0 0 22px;
}

#eb_header .eb_searchbar .eb_keyword p a {
	padding-left:12px;
	background:url(../../assets/img/cmn/icon_arrow_white.png) no-repeat 0 center;
	color:#FFF;
}

/* eb_info */

#eb_header .eb_info {
	background:#eaeaea;
	padding:15px 15px 15px 15px;
}

#eb_header .eb_info ul {
	overflow:hidden;
	margin-left:-20px;
}

#eb_header .eb_info li {
	float:left;
	margin-left:20px;
}

#eb_header .eb_info li img {
	vertical-align:middle;
	margin-right:5px;
}

/* eb_outsidebanner */

#eb_header .eb_outsidebanner .left,
#eb_header .eb_outsidebanner .right {
	position: fixed;
	top: 10px;
}

#eb_header .eb_outsidebanner .left {
	left: 50%;
	margin-left: -683px;
}

#eb_header .eb_outsidebanner .right {
	right: 50%;
	margin-right: -687px;
}

#eb_header .eb_outsidebanner a:hover img{
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
}

/*----------------------------------------------------*/ 
/* freearea
------------------------------------------------------*/ 

#freearea {
	margin-bottom:8px;
	overflow:hidden;
}

#freearea #freearea_large {
	width:790px;
	float:left;
	margin-bottom:2px;
}

#freearea #freearea_small {
	width:250px;
	float:left;
	margin:0 0 2px 10px;
}

#freearea #freearea_small li:not(:last-child) {
	margin-bottom:8px;
}

/*----------------------------------------------------*/ 
/* eb_main
------------------------------------------------------*/ 

#eb_main {
	overflow:hidden;
	margin-bottom:50px;
}

#eb_main #eb_contents {
	float:left;
	width:790px;
}

#eb_main #eb_side {
	float:right;
	width:250px;
}

#eb_main.lower #eb_contents {
	float:right;
}

#eb_main.lower #eb_side {
	float:left;
}

/*----------------------------------------------------*/ 
/* eb_footer
------------------------------------------------------*/ 

#eb_footer {
	border-top:solid 1px #cccccc;
	padding-top:20px;
        clear:both;
}

/* eb_store */

#eb_footer .eb_store {
	overflow:hidden;
	margin-bottom:25px;
}

#eb_footer .eb_store .eb_logo {
	float:left;
	margin-right:20px;
}

#eb_footer .eb_store ul {
	overflow:hidden;
	width:740px;
}

#eb_footer .eb_store li {
	float:left;
	font-size:92.9%;
	margin:0 10px 0 0;
}

#eb_footer .eb_store li a {
	color:#333333;
}

/* eb_util */

#eb_footer .eb_util {
	background:#151515;
	height:60px;
	overflow:hidden;
}

#eb_footer .eb_util ul {
	float:left;
	overflow:hidden;
	margin:13px 0 0 15px;
}

#eb_footer .eb_util li {
	float:left;
	font-size:85.7%;
	margin-right:10px;
}

#eb_footer .eb_util li a {
	color:#FFF;
}

#eb_footer .eb_copy {
	float:right;
	font-size:71.4%;
	margin:13px 15px 0 0;
	color:#FFF;
}

/*----------------------------------------------------*/ 
/* eb_pagetop
------------------------------------------------------*/ 

#eb_pagetop {
	display:none;
}

#eb_pagetop a {
	position:fixed;
	right:10px;
	bottom:60px;
	z-index:200;
}

