@charset "UTF-8";
/* new css comes here */
body { /* background: url(pix/stripe.gif); */
	background-color:#c7c7c7; 
	margin: 0px; 
	padding:0;
	text-align:center;
	color: #222;
	font-size: 14px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}
UL, LI, OL {
	color: #222;
	font-size: 12px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}
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; }
.itemdesc {
	font-size:small;
	padding:0;
	margin:0 14px 14px 0;
}
.itemdesc em {
		color: #770000;
}
.itemdesc small {
		font-size: 12px;
}
.itemdesc h2 {
	margin:24px 0 8px 0;
	padding:0;
	font-size:small;
	border:none;
	color:#01398b;
	background-color:#FFFFFF;	
}
.iteminfo {
	width:300px;
	font-size:small;
	color:#444444;
	background-color:eaefec;
	padding:20px;
	margin:0;
}
#main {	
		background-color: #eaeaea;
		background-image:url(/img/bg_main.gif);
		background-repeat:repeat-y;		
		width: 940px;
		margin:0 auto;
}
#header {
		background-color: #ffffff; 
		width: 940px;
		margin:0 auto;
}
#headerSearchBox {
	margin:0;
	padding:0;
	height:40px;
	background-image:url(/img/bg_header_search.jpg);
	background-repeat:repeat-x;
}
#footerBox {
	margin:0px;
	padding:14px 0px;
	width:940px;
	background-color:#01398b;
}
#footerBox #txtBox {
	margin:0 0 0 14px;
	padding:0px;
	width:336px;
	color:#ffffff;
	font-size:10px;
	text-align:left;
	float:left;
}
#footerBox #logoBox {
	margin:0 14px 0 0;
	padding:0px;
	width:554px;
	text-align:right;
	float:right;
}
#footerBox .logo {
	margin:0 20px 0 0;
	padding:0;
}
#leftmenu {
		width: 160px;
		padding: 10px;
		padding-right: 0px;
		float: left;
		text-align: left;
}
#leftmenu em {
	font-size: 10px;
}

form em {
	font-size: 10px;
}
#leftmenu p {
	background-image:url(/img/bg_left_menu.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color: #a0c7dd;
	border: 1px #7eb3d1 solid; 
	font-size:small;
	font-weight:bold;
	text-align: left; 
	padding: 0.3em; 
	margin: 14px 0 4px 0;
	width:164px;
}
#leftmenu a {
	font-size:11px;
	line-height: 1.4; 
	color: #073f92; 
	text-decoration: none;
	margin-left: 4px;
}

#leftmenu p>a {
	font-size: small;
	text-decoration: underline;
	}
#leftmenu a:hover {
	color:#376fc2;
	text-decoration:underline;
}
#leftmenu a:active {
	color: #073f92;
}
.lmenuBtn {
	vertical-align:bottom;
}
.lmenuBtnChk {
	vertical-align:bottom;
	margin:8px 0 0 0;
}
.langLink {
	margin:8px 0 12px 0;
	padding:0;
	text-align:right;
}
#rightbody {
	width: 740px;
	float:right;
	background-color:#ffffff;
}
.clear {
	clear:both;
}
.recommendedbox {
	width:680px;
	margin:0 auto;
	text-align: left;
	color: #222222;
}
.recommendedbox .bookTitle {
	font-size:large;
}
.recommendedbox .discription {
	width:530px;
	float:left;
}
.recommendedbox .discription 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;
}	
.aware {
		font-size: 14px;
		font-weight:bold;
		color:#DD0000;
		margin-top: 15px;
		}
	
.blue {
	font-size: 10px;
	color:#3399FF;
	}		
.writecomment { 
		color:#333333; 
		font-size: 0.9em;
		}
#comments {
	width:455px;
	padding: 0px 10px;
	border: 3px dotted #Ca97Ca;
	color:#222;
	font-size:14px;
	text-align: left;
	margin-bottom: 10px;
	}
.commentline {
	width: 455px;
	color:#002200;
	border-bottom: 1px solid #020;
	line-height: 1.6em;
		}	
	
#attention {
	width:94%;
	border-top: 1px dotted #CC3300;
	border-bottom: 1px dotted #CC3300;
	background:#ffffcc;
	padding:3px;
	margin:14px 0;
	text-align:left;
	font-size: 12px;
	color: #222222;
}
.message {
	width:455px;
	padding: 10px;
	border: 1px solid #Ca97Ca;
	background-color:#FFCC66;
	font-size: 16px;
	text-align:center;
	margin-top: 15px;
	margin-bottom: 15px;
		}
.smallcentertinygap {
	font-size: 12px; 
	line-height: 10px;
	margin-top: 0px;
	text-align:center;
		}
div#etjmember, div#noneetj {
	margin: 0px 20px 0px 20px;
	display:block;
}
		
div#showselect {
	margin: 0px 20px 0px 20px;
	display:none;
}		
.special {
	padding:8px 0;
	border-bottom: 2px solid #cc0000;
	border-top: 2px solid #cc0000;
	color:#444444;
	font-size: 14px;
	text-align:left;
	font-weight:bold;
}

P.centlarge { text-align: center; 
	 font-size: 16px; 
	 line-height: 1.2em; 
}
P.selection {
	border:1px #f0c483 solid;
	background-color: #f4d3a2;
	background-image:url(/img/bg_selection.gif) ;
	background-repeat:repeat-x;
	background-position:top;
	font-weight:bold;
	font-size:large;
	text-align:left; 
	text-indent: .8em; 
	margin:0 0 24px 0; 
	padding:6px 0;
}
em {
	text-decoration:none;
	font-style: normal;
	color:#EE0000;
	}
.pageselect {
	text-align:right;
	font-size: 10px;
		}
.thispage, .pagenumber {
	font-size:12px;
	background-color: #FFaa33;
	padding: 2px;
	font-weight:bold;
	border: 1px solid #444;
		}
.pagenumber {
	font-size: 10px;
	background-color:#ddFFaa;
	font-weight:normal;
		}

.chooseetj {
	width: 465px;
	border:1px solid #ff6f08;
	padding: 1px;
	text-align:left;
	margin: 10px auto;
		}
.etjtitle {
	background:#ff6f08;
	width: 100%;
	font-size: 14px;
	font-weight:bold;
	color:#222222;
	padding:8px 0;
}		
.etjchooseform {
	padding: 5px 5px 5px 3px;
	}
p.center {
	text-align:center;
	margin:auto;
}
.headerSrchBox {
	margin: 0;
	padding:0;
}

.pageNavi {
	margin:0;
	padding:0 24px 0 0;
}
#booktitlebox,#booktitle {
	margin:5px 0 0 72px;
	padding:0;
	width: 310px;
	height: 20px;
	font-weight: bold;
	font-size: 11px;
	color: #666666;
}

.searchmodulebox,.searchmodule {
	width: 670px;
	margin:0;
	padding:5px 0 0 0;
	float:left;
}
.txtSrch {
	width:200px;
	margin:5px 0 0 14px;
	padding:0;
	float:left;
	font-size:11px;
	line-height: 1.1;
	text-align:left;
}
.srchInputBox {
	margin:0;
	padding:0;
	background-image:url(/img/bg_search_input.gif);
	background-repeat:no-repeat;
	width:439px;
	height:30px;
	text-align:left;
	float:left;
}
/*
.searchmodule {
	width: 160px;
	margin: 0 0 20px 0;
}
.searchmodule span {
	line-height: 10px;
	font-size:9px;
	padding:0;
}
*/
#serchBtn {
	margin:0 0 0 2px;
	padding:0;
}
#topMenuBtnBox {
	margin:0;
	padding:6px 0 0 0;
	width:270px;
	float:right;
}
/* old css comes here */

DIV.layout { tex-align: center; width=780px }

TABLE.header {  background-color: "ffffff"; border-left: 1px #000000 solid; border-right: 1px #000000 solid; border-top: 1px #000000 solid; width=780px; margin-left: auto; margin-right: auto}

TABLE.footer {  background-color: "ffffff"; border-left: 1px #000000 solid; border-right: 1px #000000 solid; border-bottom: 1px #000000 solid; width=780px; margin-left: auto; margin-right: auto }

TABLE.body {  background-color: "ffffff"; border-left: 1px #000000 solid; border-right: 1px #000000 solid; width=781px; margin-left: auto; margin-right: auto }

TABLE.gold { border : solid 1px #ffb573;  margin-bottom: 10px; }

TABLE.content {
	margin-bottom:14px;
	padding:14px 0 0 0;
	border-top: dotted 1px #cccccc;
}
A.nav:link { font-weight: bold; font-size: 0.7em; line-height: 1.5em; color: #ad4a18; text-decoration: none; margin-left: 4px; font-family: "arial","verdana","helvetica"; }
A.nav:visited { font-weight: bold; font-size: 0.7em; line-height: 1.5em; color: #ea8c06; text-decoration: none; margin-left: 4px; font-family: "arial","verdana","helvetica"; }
A.nav:hover { font-weight: bold; font-size: 0.7em; line-height: 1.5em; color: red; text-decoration: none; margin-left: 4px; font-family: "arial","verdana","helvetica"; }
A.nav:active { font-weight: bold; font-size: 0.7em; line-height: 1.5em; color: black; text-decoration: none; margin-left: 4px; font-family: "arial","verdana","helvetica"; }

A.cat:link { font-weight: bold; font-size:large; line-height: 1.5em; color:#185dbb; margin-left: 4px;}
A.cat:visited { font-weight: bold; font-size:large; line-height: 1.5em; color: #185dbb;  margin-left: 4px;}
A.cat:hover { font-weight: bold; font-size:large; line-height: 1.5em; color: #e6671a; text-decoration:underline; margin-left: 4px;}
A.cat:active { font-weight: bold; font-size:large; line-height: 1.5em; color: #e6671a; margin-left: 4px;}

A.select:link { font-weight: bold; font-size: 0.9em; line-height: 1.5em; color: #ad4a18; text-decoration: none; font-family: "arial","verdana","helvetica"; }
A.select:visited { font-weight: bold; font-size: 0.9em; line-height: 1.5em; color: #ea8c06; text-decoration: none; font-family: "arial","verdana","helvetica"; }
A.select:hover { font-weight: bold; font-size: 0.9em; line-height: 1.5em; color: red; text-decoration: none; font-family: "arial","verdana","helvetica"; }
A.select:active { font-weight: bold; font-size: 0.9em; line-height: 1.5em; color: black; text-decoration: none; font-family: "arial","verdana","helvetica"; }


P.ultrasmall { font-size: 6px;  line-height: 1em;}

P.palebluej,P.paleblue {
	font-size:large;
	font-weight:bold;
	color: #01398b;
	text-align: center;
	margin: 20px 0 14px 0;
	padding:0;
}

P.title {
	font-size:x-large;
	text-align: left;
}
P.discountInfo {
	font-size:small;
	color:#cc0000;
	text-align: left;
	font-weight:bold;
}
P.subheadertext {
	text-align: center;
	margin: 0;
}
P.subheadertext_j {
	margin:0;
	padding:0 30px;
	text-align: left;
	font-size:small;
}
P.topanchortext { font-size: 0.7em; text-decoration: none; font-family: arial,verdana,helvetica,sans-serif ; text-align: center; margin: 5px; }

P.homesection { background-color: #ffe7c6; font-size: 0.8em;  color: #000000; font-family: "arial","verdana","helvetica"; border: 1px #ffb573 solid; text-align: left; padding: 0.3em; margin: 3px 0 4px 0; }

P.sitesection { background-color: #ffe7c6; font-size: 0.8em;  color: #000000; font-family: "arial","verdana","helvetica"; border: 1px #ffb573 solid; text-align: left; padding: 0.3em; margin: 15px 0 5px 0; }

/* EM { font-weight: bold; font-size: 0.7em;  color: #FF0000; } */



P.jcent { text-align: center; font-weight: normal; color: black; font-size: 0.8em; line-height: 1.2em; font-family: "osaka"; }
P.jfooter { text-align: center; font-weight: bold; color: black; font-size: 0.7em; line-height: 1.2em; font-family: "osaka"; }

.blacktextarea { font-weight: normal; color: black; font-size: 0.9em; line-height: 1.2em; font-family: "arial","verdana","helvetica"; }

.button { font-weight: bold; color: white; font-size: 12px; font-family: "arial", "verdana", "helvetica"; bgcolor: "#ff6342"; background-color: #FF6600}

SPAN.small { font-size: 12px; line-height: 14px; font-family: "arial","verdana","helvetica"; }

---------------------------------------------------------------

font { font-weight: normal; color: black; font-size: 0.9em; line-height: 1.2em; font-family: "times","verdana","helvetica"; }

.saveHistory {behavior:url(#default#savehistory);}
.small{ font-size: 0.7em; line-height: 1.0em;  }


TABLE.red {  background-color: "ffffff"; border: 1px #ff0000 solid; }

TABLE.redmonthly {  background-color: "ffffff"; border: 1px #ff0000 solid; margin-right: 10;  margin-bottom: 10; }

TABLE.black {  background-color: "ffffff"; border: 1px #000000 solid; }

TABLE.bikkuri {  background-color: "ffffff"; border: 1px #000000 solid; margin-left: 10; margin-bottom: 10; }

TABLE.pink {  background-color: "f7bdde"; border: 1px #000000 solid; }


TABLE.form { align:center; }
td.form { border-bottom: 1px #333333 solid; }

P.form { text-align: center; margin-top: 7px; margin-bottom: 7 px; color:#333333; vertical-align:middle; font-size: 0.9em; }
P.formleft { text-align: left; margin-top: 7px; margin-bottom: 7 px; margin-left: 4 px; margin-right: 4 px; color:#333333; vertical-align:middle; font-size: 0.9em;}
P.formright { text-align: right; margin-top: 7px; margin-bottom: 7 px; margin-right: 4 px; color:#333333; vertical-align:middle; font-size: 0.9em;}


TABLE.featurebar {  background-color: "ffffcc"; border-bottom: 1px #000000 solid; }

TABLE.topbar {  background-color: "ff9c4a"; border-left: 1px #000000 solid; border-right: 1px #000000 solid; border-bottom: 1px #000000 solid; }

TABLE.maincontent {  background-color: "ffffff"; border: 0px; padding: 10px; spacing: 0px; }

TABLE.bannerad {  margin-top: 10; margin-bottom: 10; margin-right: 10; }

caption { font-weight: bold; color: black; font-size: 0.8em; font-family: "arial","verdana","helvetica"; }

img.featureheading { margin-bottom: 5; }

img.featureimage { margin-top: 8; margin-bottom: 2; }


.combobox { background-color: #FFFFFF; color: #808080; font-size: 12px; font-family: arial; font-weight: bold; }


.title {
	font-weight: bold;
	font-size: x-small;
	line-height: 1.2em;
}
 .orangeradio { background: #ff9c4a; font-size: 10px; line-height: 12px; }
 
 .regular { font-weight: normal; color: black; font-size: 0.9em; line-height: 1.2em; font-family: "arial","verdana","helvetica"; }

.section { text-align: center; font-weight: bold; color: #FF6342; font-size: 1.2em;  text-align: center; font-family: "arial", "verdana", "helvetica"; padding-top: 5px; padding-bottom: 5px}

SPAN.background {background:"#ffffcc" }



/* UL { font-weight: normal; color: black; font-size: 0.9em; line-height: 1.2em; font-family: "times","verdana","helvetica"; } */

/* OL { font-weight: normal; color: black; font-size: 0.9em; line-height: 1.2em; font-family: "times","verdana","helvetica"; } */


/* div { text-align: left; font-weight: normal; color: black; font-size: 0.9em; line-height: 1.2em; font-family: "times","verdana","helvetica"; } */


code { font-size: font-size: 0.9em; line-height: 1.2em; }
p.cattitle { 
	width: 90%;
	padding: 8px 14px;
	margin:24px 0 14px;
	background: #efefef;
	font-size:x-small;
	font-weight: bold;
	color: #444444;
}

.thisone {
	background: #01398b;
	color:#ffffff;
}

P { text-align: left; font-weight: normal; color: black; font-size: 13px; line-height: 1.2em; } 
P EM { font-style:normal; color:"#d60000"; ; font-size: 1em; line-height: 1.5em;  font-weight: bold; font-family: "arial","verdana","helvetica"; }
P B { font-weight: bold; font-size: 1em; line-height: 1.2em; font-family: "times","verdana","helvetica";}
P SMALL { font-size: 0.7em; line-height: 1.2em;  }
P.small { font-size: 0.7em; line-height: 1.2em;  }
P BIG {  font-weight: bold; color: black; font-size: 1.2em; line-height: 1.6em; }
P.j { text-align: left; font-weight: normal; color: black; font-size: 0.8em; line-height: 1.2em; font-family: "osaka"; }
P.j EM { font-style:normal; color:"#d60000"; font-size: 0.8em; line-height: 1.2em; font-weight: bold}
P.j B { font-style: normal; font-size: 0.8em; line-height: 1.2em; font-weight: bold}
P.j SMALL { font-size: 0.7em; line-height: 1.2em; }
P.j BIG {  font-weight: bold; color: black; font-size: 1.1em; line-height: 2em; }
P.bigwhite { font-weight: bold; font-size: 13pt; color: white; font-family: "times","verdana","helvetica"; }
P.bigwhite_j { font-weight: bold; font-size: 0.9em; color: white;}



P.right { text-align: right; font-weight: normal; color: black; font-size: 0.9em; line-height: 1.2em; font-family: "times","verdana","helvetica"; }
P.cent {
	padding:0 30px 14px;
	margin:0;
	text-align:center;
	font-weight: normal;
	font-size:small;
	line-height: 1.2em;
}
P.lead {
	padding:0 30px 14px;
	margin:0;
	text-align:left;
	font-weight: normal;
	font-size:small;
	line-height: 1.2em;
}

P.cent EM { font-style:normal; color:"#d60000"; font-family: "times","verdana","helvetica"; }
P.cent B { font-weight: bold; font-size: .9em; line-height: 1.2em; font-family: "times","verdana","helvetica";}
P.cent SMALL { font-size: 0.7em; line-height: 1.2em;  }
P.cent BIG {  font-family: "Arial", "Verdana", "Helvetica"; font-size: 1.2em; line-height: 1.6em; font-weight: bold; color: #000000; text-align: center}
P.right { text-align: right; font-weight: normal; color: black; font-size: 0.9em; line-height: 1.2em; font-family: "times", "verdana", "helvetica"; }
P.left { text-align: left; font-weight: normal; color: black; font-size: 0.9em; line-height: 1.2em; font-family: "times", "verdana", "helvetica"; }

.break
	{
	border: 3px dotted;
	border-color: #375E72; 
	text-align: center;
	background-color:#ffc;
	width: 429px;
*   width: 455px;	
	padding: 10 10 10 10;
	font-size: 0.8em;
	color: #002200;
}

.break em 
	{
	color:#770000;
	text-decoration:underline;
	font-size: 0.9em;
	}
		
#eigoTownBox {
	margin: 20px auto;
	width: 455px;
	border: 1px solid #555;
	min-height:95px;
	vertical-align:middle;
	}
#eigoTownBox img {
	margin: 15px 5px 5px 5px;
	float: left;
	}
#eigoTownBox p {
	margin: 5px 5px 5px 180px;
	color: #333;
	font-size: 12px; 
	}
	
.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;
}	
	
	
h1 { font-weight: bold; color: black; font-size: 1em; line-height: 1em; font-family: "arial","verdana","helvetica", "osaka"; }

h2 {
	font-weight: bold;
	color: #cc4120;
	font-size: 1.3em;
	line-height: 1em;
	text-align: left;
	padding: 8px 14px;
	margin:0 22px 14px;
	border:1px solid #CCCCCC;
	background-color:#efefef;
}
/*
h3 { font-weight: bold; color: black; font-size: 1.1em; line-height: 1.0em; font-family: "arial", "verdana", "helvetica", "osaka"; text-align: center; background-color: #99CCFF; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px}

h4 { font-weight: bold; color: black; font-size: 1.2em; line-height: 1.5em; font-family: "arial", "verdana", "helvetica", "osaka"; text-align: center; background-color: #ffffcc; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px}
*/