@charset "UTF-8";
html, body {
	background-color:#efefef;
	margin: 0px; 
	padding:0;
	text-align:center;
	color: #43454b;
	font-size: 14px;
	font-family:"Source Sans Pro",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	height: 100%;
	line-height: 1.618;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400
}


body {
	height: 100%;
	font-family: Helvetica, Arial, sans-serif;
	background: #efefef;
	font-size: 14px;
	color: #6d6d6d;
	overflow-x: hidden;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	font-weight: 400;
	word-wrap: break-word;
	overflow-x: hidden;
	margin: 0;
	display: block;
}

#header div, #header ul, #header li {
	box-sizing:border-box;
}

#content{
	font-size: medium;
}


.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -90px;
	background: url(/css/img/main-bg.gif) repeat-y center;
    max-width: 900px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 10px 10px 10px rgba(0,0,0,0.1);
    overflow-x: hidden;
	}

/* search bar */
.product_search form:before, .product_search form:before{
    clear: left;
	right: 1em;
}

.header-widget-region .widget{
	margin-top: 3px;
	padding: 20px;
}

.product_search {
	background: #000000;
	margin-top:3px;
	margin-bottom: 0;
}

.product_search form{
	position: relative;
	display: block;
    margin-top: 0em;
}

.product_search form input[type="submit"], .product_search form button[type="submit"]{
    top: 0;
	left: auto;
    right: 0 !important;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
	background-color: #febd69;
    width: 55px;
	clip: inherit;
	text-align:center;
	padding:0;
	font: normal normal normal 20px/1 FontAwesome;
	font-size:250%;
	text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	position: absolute;
	text-shadow: none;
    display: inline-block;
	outline: 0;
	border: none !important;
}

.product_search form:before{
	content: "";
}
.screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    position: absolute!important;
}


.product_search input[type=search] {
	width: 100%;
	padding: .6180469716em;
    background-color: #f2f2f2;
    color: #43454b;
    outline: 0;
    border: 0;
    -webkit-appearance: none;
    font-weight: 400;
	/* box-shadow: inset 0 1px 1px rgba(0,0,0,.125); */
	display: inline-block;
	font-size: 140%;
	padding: .6180469716em;
	padding-left: 1.5em !important;
	border: none !important;
    font-family: "Source Sans Pro",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	line-height: 1.618;
}



.header-widget-region,.site-content{
	-webkit-tap-highlight-color:transparent
}
.site-header{
	/* background-color:#2c2d33; */
	/* padding-top:1.618em; */
	/* padding-bottom:1.618em; */
	padding-bottom: 0px;
	color:#9aa0a7;
	background-position:center center;
	position:relative;
	z-index:999;
	border-bottom:1px solid transparent
}
.site-header .custom-logo-link,.site-header .site-logo-anchor,.site-header .site-logo-link{
	display:block
}
.site-header .custom-logo-link img,.site-header .site-logo-anchor img,.site-header .site-logo-link img{
	max-width:210px
}
.site-header .custom-logo-link,.site-header .site-branding,.site-header .site-logo-anchor,.site-header .site-logo-link{
	margin-bottom:0;
	float:left
}
.site-header .widget{
	margin-bottom:0
}
.home.blog .site-header,.home.page:not(.page-template-template-homepage) .site-header,.home.post-type-archive-product .site-header{
	margin-bottom:4.235801032em
}
.no-wc-breadcrumb .site-header{
	margin-bottom:4.235801032em
}
.no-wc-breadcrumb.page-template-template-homepage .site-header{
	margin-bottom:0
}
.header-widget-region{
	position:relative;
	z-index:99
}
.site-branding .site-title{
	font-size:2em;
	letter-spacing:-1px;
	margin:0
}
.site-branding .site-title a{
	font-weight:700
}
.site-branding .site-description{
	font-size:.875em;
	display:none
}
.site-main{
	margin-bottom:2.617924em
}
.site-content{
	outline:0
}

.primary-navigation{
	display:none
}
.main-navigation:after,.main-navigation:before{
	content:"";
	display:table
}
.main-navigation:after{
	clear:both
}
.main-navigation div.menu{
	display:none
}
.main-navigation div.menu:last-child{
	display:block
}
.main-navigation .menu{
	clear:both
}
.handheld-navigation,.main-navigation div.menu>ul:not(.nav-menu),.nav-menu{
	overflow:hidden;
	max-height:0;
	-webkit-transition:all,ease,.8s;
	transition:all,ease,.8s
}
.handheld-navigation{
	clear:both
}
.handheld-navigation ul{
	margin:0
}
.main-navigation.toggled .handheld-navigation,.main-navigation.toggled .menu>ul:not(.nav-menu),.main-navigation.toggled ul[aria-expanded=true]{
	max-height:1750px
}
.main-navigation ul{
	margin-left:0;
	list-style:none;
	margin-bottom:0
}
.main-navigation ul ul{
	display:block;
	margin-left:1.41575em
}
.main-navigation ul li a{
	padding:.875em 0;
	display:block;
	font-size: 14px;
}
.main-navigation ul li a:hover{
	color:#e6e6e6
}
.site-main nav.navigation{
	clear:both;
	padding:2.617924em 0
}
.site-main nav.navigation:after,.site-main nav.navigation:before{
	content:"";
	display:table
}
.site-main nav.navigation:after{
	clear:both
}
.site-main nav.navigation .nav-next a,.site-main nav.navigation .nav-previous a{
	display:inline-block;
	-webkit-transition:all,ease,.3s;
	transition:all,ease,.3s;
	padding:.6180469716em 1em;
	border-radius:3px
}
.site-main nav.navigation .nav-previous{
	float:left;
	width:50%
}
.site-main nav.navigation .nav-previous a:hover{
	-webkit-transform:translate(-1em);
	-ms-transform:translate(-1em);
	transform:translate(-1em)
}
.site-main nav.navigation .nav-next{
	float:right;
	text-align:right;
	width:50%
}
.site-main nav.navigation .nav-next a:hover{
	-webkit-transform:translate(1em);
	-ms-transform:translate(1em);
	transform:translate(1em)
}
.main-navigation ul, .secondary-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
	display: block;
}
.main-navigation ul.menu, .main-navigation ul.nav-menu {
    max-height: none;
    overflow: visible;
}
.main-navigation .menu {
    clear: both;
}

#slider, #slider div{
	box-sizing: unset !important;
}

/* top menu */
#site-navigation {
	width: 100%;
	margin: 0;
}
#menu-top-menu li.menu-item  {
	 width:25%;
	 border-right: 3px solid #ffffff;
	 background:rgb(16,127,127);
	 float:left;
}
ul.nav-menu>li:last-child, #menu-top-menu li:last-child {
	 border-right: none !important;
}


.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a{
	 padding: 0.6em;
	 color: #ffffff;
	 font-weight:bold;
	 text-transform: uppercase;	
	 font-size: 160%;
}
.main-navigation ul.menu, .main-navigation ul.nav-menu{
	 background: #013B6D;
}
ul.menu li.current-menu-item{
	background: #83054C !important;
}

ul.menu li.current-menu-item > a{
	color: white !important;
}

.primary-navigation {
	display:block;
}
.main-navigation div.menu:last-child {
	display:none;
}

.main-navigation ul.menu>li:first-child, .main-navigation ul.nav-menu>li:first-child {
	margin-left: 0;
}

.handheld-navigation, button.menu-toggle {
	display:none !important;
}
#menu-top-menu li.menu-item a{
	text-align:center;
}

/* search bar */
.widget_search form:before, .product_search form:before{
    clear: left;
	right: 1em;
	position: absolute;
	top: 1em;
	left: 1em;
}

.header-widget-region .widget{
	margin-top: 3px;
	padding: 20px;
}

.product_search {
	background: rgb(203,230,221);
	margin-top:3px;
	padding: 20px;
}

form.eltbooks-product-search {
	margin-bottom: 0;
}
.product_search form input[type="submit"],.product_search form button[type="submit"]{
    top: 0;
	left: auto;
    right: 0 !important;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
	background-color: #febd69;
    width: 55px;
	clip: inherit;
	text-align:center;
	padding:0;
	font: normal normal normal 20px/1 FontAwesome;
	font-size:250%;
	text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	position: absolute;
	color: #333333;
}

.widget_search form:before, .product_search form:before{
	content: "";
}

@media screen and ( max-width: 782px ) {
	body, html{
		font-size: 13px;
	}
	.nav-menu{
		      overflow:visible;
	}
	#menu-top-menu li.menu-item{
		      display:inline-block;
		      width: 25%;
	}
	#menu-top-menu li.menu-item a {
			  font-size:11px;
	}	
	.handheld-navigation, .main-navigation div.menu>ul:not(.nav-menu), .nav-menu{
			  max-height: 42px;
			  overflow:hidden;
	}
	.site-header{
		padding-bottom:0;
	}
	.site-branding .site-description{
		display:block;
		font-weight:bold;
	}
	.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a{
		padding: 0.6em 0em;
	 }
	 .product_search input[type=search]{
		font-size: 100%;
		width: 100%;
	}

}

/* header */
.site-header {
	border-bottom: none;
}




.site-header .col-full {
    position: relative;
}

.col-full {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
}





p {
	font-size: 100%;
	color:#333;
}
	/*
.tab-content p br {
 display: none; 
}
*/

#ekncontents p br {
	display: block !important;
}


* { margin: 0; }
img { border:none; }
A:link { color: #185dbb; text-decoration: none; }
A:visited { color: #185dbb; text-decoration: none; }
A:hover { color: #e6671a; text-decoration:underline; }
A:active { color: #185dbb; text-decoration: none; }
.bigwhite { font-weight: bold;font-size:120%; color:white; }
.smallwhite { font-size:70%; color:white; }
.small { font-size:75%;}
em{	color:#c30; font-style:normal;}


.formtable {
	margin:20px 0 20px 0px;	
}

.formtable ul li {
	font-size:75%;
	margin:5px 5px 5px -25px;
}

.aboutustxt {
    font-size: 13px;
    margin-bottom: 15px;
}


/* --------main structure start ----------*/


#main {	
	width: 850px;
	margin:0 auto;
	/* background: url(/css/img/bookguy.jpg) bottom left no-repeat; */
}

 .push {
height: 20px;
clear: both;
}

#rightbody {
	width: 650px;
	float:right;
	background-color:#ffffff;
	text-align:center;
}

#rightbodywrapper {
	width: 650px; 
	overflow: hidden;
	margin: 0 auto;
}

.bigdotteddivider{
	width:100%;
	height:32px;
	margin:0;
	background:url(/css/img/divider-bg.gif) repeat-x;	
}

.bigsoliddivider{
	width:100%;
	height:32px;
	margin:0;
	background:url(/css/img/divider-bg-solid.gif) repeat-x;	
}

/* --------main structure end ----------*/



#subheadertop{
	height:144px;
	margin:0 2px;	
}
.searchFld {
	font-family:Calibri, Tahoma, Geneva, sans-serif;
	font-size:20px;
	margin-left:30px;
	border: none;
	width: 600px;
	text-align:left;
	height:32px;
}

#breadcrumbswrapper{
	width:850px;
	margin:0 auto;
	height:47px;
	background:#ffffff;	
}

#breadcrumbs {
	width:850px;
	background: url(/css/img/breadcrumbs-bg.gif) repeat-x;
	font-size: 65%;
	height:32px;
	overflow:hidden;
	margin: 5px auto 10px;
}

#breadcrumbs .crumbs{
	margin:10px 10px 5px 5px;
	float:left;
}

#breadcrumbs .asearchlink{
	float:right;	
	margin:10px 5px 5px 0;
}
.asearchlink a {
	color:#FF6633;	
	display: none;
}

#advancedsearchoptions{
	margin:5px auto;
	font-size:70%;
	color:#555;
}
#advancedsearchoptions td {
	padding-left: 10px;
	padding-right:10px;	
}


/* ----------header end -----------*/


/* ----------left menu start------------*/
#leftmenu {
		width: 195px;
		float: left;
		text-align: left;
		/* margin-bottom:190px; */
}
#leftmenubg {
	/* background:#E2F6FF;	 */
	background:rgb(203,230,221);
	margin-right:25px;
}
.menutitle{
	/* background:url(/css/img/leftmenubg.png); */
	
	background-color:#073A6C !important;
	width:169px;
	height:41px;
	font-size:90%;
	font-weight:bold;
	overflow:hidden;
	text-align:center;
	display:table;
	margin-bottom:10px;
}
.menutitle.cart{
	background-color:rgb(16,127,127) !important;
}

.menutitle a{
	display: table-cell;
	vertical-align:middle;	
	margin: 0 5px;
	line-height:1.2em;
	color:#fff;
}
.menutitle a:visited {color:#fff; }

.menuitem{
	margin: 0 0 5px 0;
	font-size: 70%;
}
.menuitemborder{
	height:17px;
	background:url(/css/img/leftmenu-itembottom-bg2.gif) bottom center repeat-x;	
}

.menuitembordersolid{
	height:17px;
	background:url(/css/img/leftmenu-itembottomsolid-bg.gif) bottom center no-repeat;	
}
.menuitem a{
	color:#222;
	line-height:1.4em;
	margin-left:15px;
}


/* ----------forms...------------*/


.form-row{
/*	min-height:35px;	*/
	clear:both;
	margin-bottom:2px;
	font-size: 13px;
}
.form-row-in{
	height:30px;
	}
.left {
	float:left;width:500px;
	padding:12px;
	margin-bottom:8px;
	border: 1px solid #a1a1ca;
	z-index:1;
}

.left-label{
	float:left;
	width: 120px;
	color:#333;
	font-weight:bold;
	text-align:right;
	padding:8px;
}
.left-label-in{
	float:left;width:80px;font-size:80%;padding-top:10px;
	}
.left-in {
	float:left;width: 350px;padding:8px;z-index:100;
	}
#register .left {
	float:left;width:260px;padding:4px;border:none;
	}
#register .left-label {
	float:left;width: 180px;font-weight:bold;text-align:right;padding:4px;background:none;color:#222;
	}	
.left-label em{
	color:#C30;
}
.left input.text,.left textarea,.left-in input.branchinput,.left-in input.digit3,.left-in input.digit4 
{
	width:300px;
	background-color:#ffffff;
	border:1px solid #a1a1ca;
	padding:2px;
	color:#222222;
}

.left-error{
	float:left;width:120px;margin-left: -130px;text-align:left;
	z-index:100;
	height:40px;
	}
.error-area{
	text-align: left;
	margin-top:10px;
	}



/* ----------login and user area------------*/


.centerwrapperLogin {
	margin: 30px auto 10px auto;
	border: 1px solid #a1a1ca;
	width:540px;
	text-align: center;
	}
.centerwrapper {
	margin: 30px auto 10px auto;
/*	border: 1px solid #a1a1ca;	*/
	width:700px;
	text-align: center;
	float:left;
	margin-left: 20px;
	}
.centerwrapper-lists {
	margin: 30px auto 10px auto;
/*	border: 1px solid #a1a1ca;	*/
	width:720px;
	text-align: center;
	float:left;
	margin-left: 20px;
	}
.centerbox{
	margin: 1px;
/*	background-color:#f4f4f4; */
	text-align: left;
	padding: 10px;
	vertical-align:top;
	width: 670px;
	text-align:left;
}
.centerbox-lists{
	margin: 1px;
	text-align: left;
	padding: 10px;
	vertical-align:top;
	width: 700px;
	text-align:left;
}

input.logintxtfield{
	width: 180px;height: 18px;background-color:#ffffff;border: 1px solid #a1a1ca;padding:1px;color:#222222;
}

/* ----------contents area------------*/


/*  news section */

.news{
	text-align:left;
	width:650px;
	margin-bottom: 15px;	
	float:right;
	overflow:hidden;
}

.news .entry-header {
	margin: 0;
	font-family: georgia,serif;
	font-size:18px;
	color: #222222;
	line-height:1.3;
}
.news .newsdate {
	font-size: 12px;
	color:#666666;
	text-align: left;
	margin-bottom: 3px;
	font-family: georgia,serif;
	line-height:1.3;
	}
.news .entry-body {
	margin-top:0;
	padding-top: 10px;
	}

.news .entry-body p{
	font-size:85%;
	line-height:1.4em;
	margin: 10px 0;
}
.news .entry-body p a {
	color:#F00;	
	}


/*          howto etc        */
.textual {
	text-align:left;
	font-size:90%;
	color:#333;
}

.textual h3 {
	font-size:120%;	
	color:#222;
	margin-top:0;
}
.textual h4 {
	font-size:110%;	
	color:#222;
	margin:20px 0 0 0;
}
.textual p {
	font-size:90%;	
	line-height:1.4em;
	margin: 10px 0;
	color:#222;
}

.faq-q {
	font-weight: bold;	
}
.faq-a {
	color:#555;
}

div.h1{
	font-weight: bold;
	color:#F00;
	font-size: 110%;
	line-height: 1.0em;
	text-align: left;
	padding: 25px 14px;
	margin:0 0 14px 0;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background-color:#efefef;	
}


.itemspec h1 {
	margin: 0 auto 10px auto;
	padding: 5px 0 0 5px;
	/* height:35px; */
	background:#FFFF65;
	font-size: 22px;
	line-height:1.6em;
	font-weight:bold;
	color:#f00;
	text-align:left;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	overflow:hidden;
}
.parent h2 {
	margin: 0;
	padding: 5px;
	/* height:34px; */
	background:#E2F6FF;
	/* line-height:1.4em; */
	font-size: 18px;
	font-weight:bold;
	color:#000000;
	text-align:left;
	border:none;
	overflow:hidden;
}


.parent h2 a{
	color: #000;
}

#rightbodywrapper h2,div.redgreybar	{
	width:100%;
	border-left:none;
	border-right: none;
	line-height: 1.4em;
}

h2,.redgreybar {
	font-weight: bold;
	color: white;
	font-size: 1.3em;
	line-height: 1.4em;
	text-align: left;
	padding: 8px 30px 8px 14px;
	margin:0 0 14px 0;
	/* border:1px solid #CCCCCC; */
	/* background-color:#efefef;
	 */
	background-color: rgb(16,127,127);
	box-sizing: border-box;

	/* font-weight: bold;
	color: white;
	font-size: 1.3em;
	line-height: 1.4em;
	text-align: left;
	padding: 8px 30px 8px 14px;
	margin:0 0 14px 0;
	background-color:rgb(16,127,127);
	box-sizing: border-box; */
}
.redgreybar {
	border-left:none;	
}

h2 a,.redgreybar a, h2 a:visited,.redgreybar a:visited {
	color: white !important;
	text-decoration: underline !important;
}
a.homepage_account_info_box:hover{
	text-decoration: none;
}
p.homepage_account_info_box_header{
	background-color:rgb(16,127,127) !important;
	font-size:24px;
	color:white !important;
	padding: 10px 14px 10px 14px;
   
}
p.homepage_account_info_box_content{
	background-color: rgb(203,230,221) !important;
	font-size:20px;
	color:rgb(10,47,93) !important;
	padding: 24px 14px 24px 14px;
	line-height: 1.3em;
	margin-bottom:16px;
   
}

h2.contactpublisherh2{
	padding-right: 20px;
	line-height: 1.6em;
}


.child .redgreybar{
	margin-bottom: 0;
	padding-left: 5px;
}

h2 span,.redgreybar span { 
	color: #E6E6E6;
 }

.addcart h2,.textual h2 {
	/*background-color:#efefef;
	background:#CEF2E4;
	color:#004080;*/
	padding: 8px 5px;
	border:1px solid #333333;
	font-size:120%;
}


h3 {font-size:120%;color:#333;margin:10px 0 20px 0;}
h4 {font-size:110%;color:#333;margin:10px 0 20px 0;} 

.haslink a,.haslink a:active,.haslink a:visited,.haslink a:hover {
	font-size: inherit;
	color: inherit;
	text-decoration: none;
}

.haslink a:hover {
	text-decoration: underline;
}

.itemdesc {
	padding:0;
	margin:0 0 14px 0;
	text-align:left;
}


.itemdesc em {
	font-weight:bold;
}


.itemspec .picture-container{
	padding: 2px; 
	margin-bottom: 15px;
	margin-left:10px;
}
.itemspec .picture-container span{
	font-size:90%;
}

.itemspec ul{
	margin-left:-30px;	
}

.itemspec ul li{
	font-size: 120%;
	font-style:normal;
}

.itemspec p em {
	font-size:100%;	
	
}

.itemdesc h2 {
	margin:24px 0 8px 0;
	padding:0;
	font-size:small;
	border:none;
	color:#01398b;
	background-color:#FFFFFF;	
}
.iteminfo {
	margin:15px 0 15px 0;
	font-size:80%;
	color:#444444;
	background:#eaefec;
	padding:20px;
	margin:0;
	text-align:left;
}
.iteminfo em {
	font-weight:bold;
	font-size:100%;
	margin-left: 5px;
	}

.publisherlist {
	position: relative;
	display:block;
	margin:20px auto;
}
.publishertile,.publishertileright {
	display:inline;
	width:101px;
	margin:0 35px 10px 0;
	float:left;	
	text-align:left;
	font-size: 70%;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
	height:30px;
}

.publishertileright {
	margin:0 0 10px 0;
}

.smallerformitems
	{
	width:280px;
	}



.itemspec h3 {
	margin: 15px 0 0 0;
	padding: 5px 0 0 5px;
	height:22px;
	background:#E2F6FF;
	line-height:1.2em;
	font-size: 16px;
	font-weight:bold;
	color:#000000;
	text-align:left;
	border:none;
	overflow:hidden;
}
.itemspec p {
	text-align:left;
	color:#333;
	font-size: 80%;
	margin: 10px 0;	
}

.itemspec .imgbox{
	width:480px;
	height:270px;
	float:left;
	text-align:center;
	/* background:url(/css/img/books-bg.gif) bottom left repeat-x;	 */

	border-bottom: solid 40px rgb(203,230,221);
	padding-bottom: 28px;
	margin-bottom: -28px;
}
.itemspec .imgboxlist{
	width:306px;
	height:172px;
	float:left;
	text-align:center;
	/* background:url(/css/img/books-bg.gif) bottom left repeat-x; */
	overflow:hidden;

	/* border-bottom: solid 40px rgb(203,230,221);
	padding-bottom: 28px;
	margin-bottom: -28px; */
}



table#additembox{
	border-collapse: collapse !important;
	table-layout:fixed;
	color:#444;
	margin-top: 15px;
}

table#additembox td {
	background:#E2F6FF;
	font-size:80%;
	border: 1px solid #cecece;
	text-align: center;
	padding:5px;
	}
	
table#additembox th {
	background:#A6D7D7;
	border:1px solid #222;
	font-size: 90%;
	padding: 5px;
	text-align:center;
}
	
table#additembox td.ordertdfooter{
	border: none;
	border-top:1px solid #000;	
	border-bottom:2px solid #000;	
	text-align:right;
	background:#D4EFE4;
}

.linkpackage{
	margin: 10px 0 0 0;
	padding: 7px 0 7px 7px;
	/* background:#D8D8D8; */
	background:rgb(203,230,221);
	line-height:1.2em;
	font-size: 16px;
	font-weight:bold;
	color:#000000;
	text-align:center;
	border:none;
	overflow:hidden;	
}
.linkpackage a{
	color:#000000;	
}
.linkpackage a:hover{
	color:#a00;	
}



.bluelinkpackage{
	margin: 20px 0;
	background:#073A6C !important;
	line-height:3em;
	font-size: 18px;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	border:none;
	overflow:hidden;
	text-decoration: none;	
}
.bluelinkpackage a{
	color: inherit;	
}
.bluelinkpackage a:hover{
	text-decoration: none;	
}


#queryresult {
	padding: 20px;	
	font-size:90%;
	text-align:left;
}

#queryresult a {
	font-size: 100%;	
}


table.searchresults {
	border-bottom:1px solid #aaa;	
	
}

.recommendedbox {
	width:680px;
	margin:0 auto;
	text-align: left;
	color: #222222;
}
.recommendedbox .bookTitle {
	font-size:large;
}
.recommendedbox .description {
	width:530px;
	float:left;
}
.recommendedbox .description h2 {
	margin:24px 0 8px 0;
	padding:0;
	font-size:small;
	border:none;
	color:#01398b;
	background-color:#FFFFFF;	
}
.recommendedbox b {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:small;
}
.recommendedbox ul{
	padding-left: 60px;
}
.recommendedbox p img {
	margin-right: 30px;
}
.recommendedbox li {
	margin-left: 20px !important;
}
.strikethrough {
	font-size: 1.0em; 
	text-decoration:line-through;
	color:#cc0000;
}	
.originalPrice {
	font-size:small; 
	text-decoration:line-through;
	color:#000000;
}	
.discountedPrice {
	font-size:small; 
	color:#cc0000;
}

.discountInfo {
	margin-top:30px;
	color:#c00;
	text-align: left;
	font-weight:bold;
}

.error {
	width:450px;
	margin:10px auto 0 auto;
	padding:0;
	height:60px;
	background:url(/img/error_mark.gif) left top no-repeat;
}

.error p {
	margin:0;
	padding:16px 0 10px 80px;
	color:#CE0002;
	font-size:140%;
	font-weight:bold;
}


#rightbody .focusField{  
        border:solid 2px #73A6FF;  
        background:#EFF5FF;  
        color:#000; 
		font-size: 90%;
		padding: 2px;
    }  
#rightbody .idleField{  
        background:#EEE;  
        color: #6F6F6F;  
        border: solid 2px #DFDFDF;  
		font-size: 90%;
		padding: 2px;
    }

#attention {
	width:95%;
	border-top: 1px dotted #CC3300;
	border-bottom: 1px dotted #CC3300;
	background:#ffffcc;
	padding:3px;
	margin:14px auto;
	text-align:left;
	font-size: 12px;
	color: #222222;
	overflow:hidden;
}
.message {
	width:455px;
	padding: 10px;
	border: 1px solid #Ca97Ca;
	background-color:#FFCC66;
	font-size: 16px;
	text-align:center;
	margin-top: 15px;
	margin-bottom: 15px;
		}
		
.smallmessage {
	background-color:#fde4e4;
	font-weight: bold;
	text-align:center;
	color:#cc0000;
	padding:8px 0px;
	margin:0 0 8px 0;
}
		

/*		table styles		*/

.profiletable table tr td img {
	border:1px solid #000;	
}

.carttable {
	margin: 1em 1em 1em 0;
	border: 1px solid #cecece;
	border-collapse: collapse;
	empty-cells: show;
	font-size:75%;
	color:#222;
}
.carttable th { 
	padding: 0.2em;
	border: 1px solid #000;
}


.carttable td { 
	padding: 0.2em;
	border: 1px solid #cecece;
}
.carttable tfoot tr{
	border: 1px solid #fff;
}
.carttable table td, .carttable tfoot td {
	border: none;
} 



.carttable p {line-height:1.2em; }
.carttable div {line-height:1.2em; }

.contentstable-label, .contentstable-contents
	{
	color:#555;
	font-size: 95%;
	}
	
.contentstable-label {
	font-weight:bold;
	background:#E5EBF4;	
}

.contentstable-label .tablelist .inner div span {
	line-height: 1.9em;
}

.contentstable-header {
	background:#00257A;
	}
.contentstable-header h3 {
	color:#ffffff;
	font-size:130%;
	margin: 5px 10px;
	text-align:left;
	line-height:1.5em;
}

.tablelist {
	float:left; clear:both;
	}
.inner{
	float:left; overflow: hidden;
	}

#ekncontents .inner {
	float: none;
}

.tablelist .inner div {
	float: left;
	color: #222;
	}
.productBoxleftDescTable{
	width:165px;background:#E6E6E6;float:left;min-height:172px;overflow:hidden;	display:block;
}
.productBoxRightDescTable{
	width:178px;background:#E6E6E6;float:right;min-height:172px;overflow:hidden;display:block;
}
.productBoxDescTableContents{
	margin:3px 10px;color:#000;font-size:70%;text-align:left;line-height:1.1em;	
}

/* check out */

div#etjmember, div#noneetj {
	margin: 0;
	display:block;
}
		
div#showselect {
	margin: 0px 20px 0px 20px;
	display:none;
}	

table.checkouttable td {
	text-align:left;
	font-size: 85%;
	padding-top:10px;
	padding-bottom:10px;
}

.longinput { width:260px;}
input.shortinput3 { width:40px;}
input.shortinput4 { width:55px;}
textarea.longinput { height: 60px; }
input.longinput,input.shortinput3,input.shortinput4, textarea{
	border: 1px solid #666;	
}

.addcart h2.checkout, .popuptext h3 {
	border-top: 1px solid #004080;
	border-bottom: 1px solid #004080;
	background: #004080;
	color: #fff;
	margin-bottom: 10px;
}
.popuptext h3 {
	line-height:1.6em;
	padding:5px;	
}

.paymentmsg {
	font-size:75%;
	color:#555;
	line-height: 1.4em;
	margin:10px 0 10px 0;
	width:266px;	
}


.chooseform {
	width: 650px;
		}
		
		
.formtitle {
	background:#FF8104;
	border: 1px solid #333;
	padding:10px;
	font-size: 100%;
	text-align:left;
}

.formchooseform {
	background:#DFF4FF;
	border: 1px solid #efefef;
	padding:15px;
	font-size: 100%;
	text-align:left;
	font-weight:bold;
	line-height: 2.0em;
	}
	
#holiday {
	font-size: 80%;
	color:#333;	
}

#holiday {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-radius: 4px;
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}


/* add to cart */

.addcart .tablelist .inner div p,
.addcart .tablelist .inner div span
	{
	margin: 5px;
	}

.addcart .contentstable-contents .inner div {
	border-bottom: 1px solid #aaa;
	height:42px;
}
.addcart .inner .w300px,
.addcart .inner .w140px,
.addcart .inner .w120px,
.addcart .inner .w280px,
.addcart .inner .w60px,
.addcart .inner .w160px 
	{
	border-right: 1px solid #aaa;
	}
.addcart .inner .w300px
	{
	width: 296px;
	border-left: 1px solid #aaa;
	}
.addcart .inner .w280px
	{
	width: 275px;
	border-left: 1px solid #aaa;
	}
	
.addcart .contentstable-label .inner div {
	border-top: 1px solid #aaa;	
	border-bottom: 1px solid #aaa;
}

.addcart .contentstable-contents {
	margin-top: -1px;
}
.addcart .contentstable-label .w300px,.addcart .contentstable-label .w280px {
	text-align:left;	
}

a.currentpage { font-size:15px; }
a.otherpage { font-size:11px; }
a.nextpage { font-size:13px; }
	
.textual { font-family:Georgia, "Times New Roman", Times,"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }
.textual h2, .textual h3, .textual h4 { font-family:Verdana, Geneva, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.cartnbbox {
	margin: 20px 0 0 0;
	border: 1px solid #888;
	background:#FFEAE5;
	font-size: 13px;
	padding:10px;
}


#cartmodulebutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:25px;
	line-height:18px;
	width:120px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
	padding: 2px;
	margin-top:10px;
}
#cartmodulebutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
	cursor:pointer;
}
#cartmodulebutton:active {
	position:relative;
	top:1px;
}


.uxmessage{
    background-size: 40px 40px;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                        transparent 75%, transparent);                                      
     box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
     width: 100%;
     border: 1px solid;
     color: #fff;
     padding: 15px;
 /*    position: fixed; */
/*     _position: absolute; */
     text-shadow: 0 1px 0 rgba(0,0,0,.5);
     animation: animate-bg 5s linear infinite;
}

.uxinfo{
     background-color: #4ea5cd;
     border-color: #3b8eb5;
}

.uxerror{
     background-color: #de4343;
     border-color: #c43d3d;
}
     
.uxwarning{
     background-color: #eaaf51;
     border-color: #d99a36;
}

.uxsuccess{
     background-color: #61b832;
     border-color: #55a12c;
}

.uxmessage h3{
     margin: 0 0 5px 0;
	color:#fff;                                            
	text-align:left;                                          
}

.uxmessage p{
     margin: 0;                                                  
	color:#fff; 
	text-align:left;                                          
}

@keyframes animate-bg {
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}

table.prettydatatable {
  margin: 1em 1em 1em 0;
  border: 1px solid #c0c0c0;
  border-collapse: collapse;
  empty-cells: show;
  font-size: 13px;
}
table.prettydatatable th {
  padding: 0.2em;
  border: 1px solid #c0c0c0;
  background-color: #BDD3DD;
  font-size: 13px;
}
table.prettydatatable td {
  padding: 0.2em;
  border: 1px solid #c0c0c0;
  font-size: 13px;
}

.totalline{
  background: #F9DE28 !important;
  font-weight: bold;
}


/*.lazy { display: none; }*/

/* ----------contents area end------------*/

.clear{
	clear:both;	
}

.clearfix:after {
 content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
 display:inline-block;
}
/* Hides from IE-mac */
* html.clearfix {
 height:1%;
}
.clearfix {
 display:block;
}	
	
    .mobile {
        display: none;
	}
	
@media screen and ( max-width: 782px ) {
	select#category {
		font-size: 50px;
	}

}



/* the footer */
/* footer */

.site-footer * {
	box-sizing: border-box !important;
}

.footer-widget-1, .footer-widget-2, .footer-widget-3, .footer-widget-4{
    background: black;
}


.site-footer {
	text-align:center;
	background-color:#fff;
	margin-bottom: 0;
    padding-bottom: 0;
    clear: both;
}

.site-footer .widget_nav_menu ul li:before {
    content: "";
	display:none;
}
.site-footer a:not(.button) {
	color:#fff;
}
.site-footer .col-full{
	margin:0;
	padding:0;
	color:#fff;
}

.footer-widgets{
	background: #000;
	color: #fff;
}

.site-footer .widget {
	margin: 0;
}

.footer-widgets.col-4 .footer-widget-1,.footer-widgets.col-4 .footer-widget-2,.footer-widgets.col-4 .footer-widget-3,.footer-widgets.col-4 .footer-widget-4{
	margin-right:0;
	width:25%;
	display:inline-block;
}

.footer-widgets.col-4 .footer-widget-1 ul,.footer-widgets.col-4 .footer-widget-4 ul,.footer-widgets.col-4 .footer-widget-3 ul{
	border-right: 1px dotted white;
}

.footer-widgets.col-4 .block.footer-widget-2,.footer-widgets.col-4 .footer-widget-3,.footer-widgets.col-4 .footer-widget-4{
	float:right;
	width:25%;
}

.site-footer .widget_nav_menu ul li {
	padding-left:0;
	margin-bottom:0;
    line-height:3em;
    list-style: none;
	box-sizing: border-box !important;
}

.site-footer ul{ 
	margin: 0 !important;
	padding: 0;
}
.site-footer li{
	border-bottom: 1px dotted white;
}
.site-footer .widget span, .site-footer .widget span {
	font-weight:bold;
	padding:0;
	border-bottom: 1px dotted white;
	line-height: 3em;
	margin-bottom:0;
    font-size: 130%;
    display: block;
}
.footer-widgets.col-4 .footer-widget-1 span, .footer-widgets.col-4 .footer-widget-1 span,
.footer-widgets.col-4 .footer-widget-4 span, .footer-widgets.col-4 .footer-widget-4 span,
.footer-widgets.col-4 .footer-widget-3 span, .footer-widgets.col-4 .footer-widget-3 span{
	border-right: 1px dotted white;
}
.site-footer ul li:last-child{
	border-bottom: none;
}
.site-footer .site-info{
	background:#fff;
	color:#000;
}

.footer-widgets {
	padding-top:0;
}

.footer-widgets.col-4 .block{
	margin-right: 0;
}

.site-info {
    padding: 2.617924em 0;
}


.site-footer #txtBox {
	  padding: 20px 0 40px 0;
      background-position: top;
      background-image: linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%);
      background-size: 5px 2px;
      background-repeat: repeat-x;
}
.storefront-handheld-footer-bar{
	display:none;
}
.footer-widgets.col-4 .footer-widget-1, .footer-widgets.col-4 .footer-widget-2, .footer-widgets.col-4 .footer-widget-3, .footer-widgets.col-4 .footer-widget-4 {
    margin-right: 0;
    width: 25%;
    display: inline-block;
}

.site-footer .widget span{
    font-weight: bold;
    padding: 0;
    border-bottom: 1px dotted white;
    line-height: 3em;
    margin-bottom: 0;
    font-size: 130%;
}

	
@media screen and ( max-width: 767px ) {
	body, html{
		font-size: 13px;
	}
	.nav-menu{
		      overflow:visible;
	}
	#menu-top-menu li.menu-item{
		      display:inline-block;
		      width: 25%;
	}
	#menu-top-menu li.menu-item a {
			  font-size:11px;
	}	
	.handheld-navigation, .main-navigation div.menu>ul:not(.nav-menu), .nav-menu{
			  max-height: 42px;
			  overflow:hidden;
	}
	.site-header{
		padding-bottom:0;
	}
	.site-branding .site-description{
		display:block;
		font-weight:bold;
	}
	.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a{
		padding: 0.6em 0em;
	 }
	 .product_search input[type=search]{
		font-size: 100%;
		width: 100%;
    }
    .main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a{
        padding: 0.6em 0em;
     }
     
     .footer-widgets.col-4 .footer-widget-1,.footer-widgets.col-4 .footer-widget-2,.footer-widgets.col-4 .footer-widget-3,.footer-widgets.col-4 .footer-widget-4{
         width:50% !important;
     }
     .footer-widgets.col-4 .block.footer-widget-2,.footer-widgets.col-4 .footer-widget-3,.footer-widgets.col-4 .footer-widget-4{
         float:right;
         width:50% !important;
	 }
	 .footer-widgets.col-4 .footer-widget-1, .footer-widgets.col-4 .footer-widget-2, .footer-widgets.col-4 .footer-widget-3, .footer-widgets.col-4 .footer-widget-4 {
		margin-right: 0;
		width: 50% !important;
		display: inline-block;
	}



     .footer-widgets.col-4 .footer-widget-3, .footer-widgets.col-4 .footer-widget-1{
         float:left;
     }
     .footer-widgets.col-4 .footer-widget-4 ul, .footer-widgets.col-4 .footer-widget-4 .widget-title, .footer-widget-4 span{
         border-right: none !important;
     }
     .site-footer .site-info {
         background: black;
     }
    .site-footer #txtBox {
       clear:both;
       background: white;
       padding: 20px 0 40px 0;
       background-position: top;
       background-image: linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%);
       background-size: 5px 2px;
       background-repeat: repeat-x;
     }

     .account h1 {
        font-size: 180%;
        background: none;
     }
     #product_search {
         display: none;
     }

     .site-branding {
         float: none !important;
         display: block;
         border-bottom: 1px solid #888;
         padding-bottom: 10px;
     }

     .desktop{
         display: none;
     }

     .ui-dialog{
        z-index: 10002;
        max-width: 95%;
        left: 5px !important;

     }
    
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #555 !important;
    opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #555 !important;
  }
  
::-ms-input-placeholder { /* Microsoft Edge */
    color: #555 !important;
}


.complete-page-thanks-confirm{

		padding: 20px;
		border: 1px solid #555;
		font-size:14px; color:#333;
		line-height:1.4em;
		margin:30px auto 10px auto;
}


.shoppingCartCounter {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    padding: 1px;
    background: #f00;
    border: none;
    color: #fff;
    text-align: center;
    font-size: 16px;
    display: inline-block;
    margin-left: 5px;
    vertical-align: text-top;
	cursor: pointer;
	font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
}

ul.previews, .previews li, ul.samplelist, .samplelist li {
	list-style: none !important;
	margin-left: 0 !important;
}
.previews li {
	display: inline-block;
	width: 24%;
}
.previews li img{
	border: 1px solid #888;
	width: 100%;
}
.fancybox-next span {
	left: auto;
	right: 20px;
   }
.fancybox-prev span {
	left: 20px;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url(/js/fb/fancybox_sprite@2x.png);
    background-size: 44px 152px;
}

.related {
	width:100%;
	border-top:1px solid #888;
	padding-top:10px;
	text-align: left;
	font-size: 90%;
}

.samples-block.multiple {
	margin-bottom: 20px;
	float: left;
	max-width: 280px;
	margin-right: 20px;
}
.samples-block.single {
	margin-bottom: 20px;
	float: none;
	width: 95%;
	margin-right: 20px;
}

.samplelist .svg-inline--fa {
	font-size: 18px;
	vertical-align: bottom;
}

h4.samples {
	margin: 10px 0;
}

.videobox {
	margin: 10px 0 20px 0;
}
.showlink {
    display: inline;
}
.hidelink {
    display: none;
}

li.sampleitem {
	margin-bottom: 15px !important;
}

li.sampleitem:before{
	font-family: "Font Awesome 5 Free";
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-right: 0.5407911001em;
	vertical-align: bottom;
}

li.audio:before {
	content: "\f1c7";
	font-size: 20px;
}  

li.sampleitem>div{
	margin-left: 1.5em;
	margin-top: -1.5em;
}