body { text-align: center; font: 0.75em/1.7 sans-serif; }
/* framework */
#mbn {width: 800px; margin: 16px auto; /*-moz-box-shadow: 0 0 24px #E0E0E0;*/ text-align:left; }
h1 {margin: 0; line-height: 1.0; border: 1px #A0A0A0 solid; position:relative;}
h1 a {display: block; padding: 16px; border-top: 18px #835205 solid; background: url(assets/images/top_icon.png) bottom right no-repeat;}
#mbnc { clear: both; position: relative; }
#mbnf { text-align: center; font-size: 0.75em; color: #A0A0A0; clear: both; border-top: 1px #D0D0D0 solid; margin-top: 2em; padding-bottom: 1em;}

/* element */
a {text-decoration:none;}
a:link, a:active {color: #007bbb;}
a:visited {color: #a22041;}
a:hover {color: #60C000; text-decoration: underline;}

hr {border: none; border-bottom: 2px #E0E0E0 dotted; margin: 1em 0;}
img {border: 0px none; vertical-align: middle;}

h2, h3, h4 {line-height: 1.4; margin: 12px 0 4px 0; padding: 0; font-weight: bold;}
h2 span, h3 span, h4 span {font-size: 0.5em; font-weight: normal;}
h2 { font-size: 1.4em; border-left: 6px #835205 solid; padding-left: 4px;}
	h2.imgin { border-left: none !important; }
h3 {color: #52a8bb; font-size: 1.2em;}
h4 {color: #ff6633; font-size: 1.0em;}
#mbnc ul { margin: 0 0.75em 8px 0.75em; padding: 0; }
#mbnc li { margin: 0 0 2px 2em; padding: 0; }
p, #mbnc dl { margin: 0 1em 12px 1em; }
dd {margin: 0 0 6px 1.25em;}

.clear { clear: both; }


/* shop */
.booknewlist, .booklistitem {margin-bottom:24px;}
.booknewlist {border-bottom: 1px #F0F0F0 solid;}
.booklistitem > a {display:block; float:left; width: 160px;}
.booknewlist > a {display:block; float:left; width: 200px;}
.booklistitem > a img {max-width: 160px; max-height:200px;}
.booknewlist > a img {max-width: 200px;}
.booklistitem div {margin-left: 168px;}
.booknewlist div {margin-left: 212px;}
.booknewlist div:after, .booklistitem div:after {clear:both; content:""; display:block;}

/* works */
.works_list {display: block; float: left; text-align: center; padding: 10px; }
.works_list a { display: block; position: relative; width: 130px; height: 130px; }
.works_list img { display: block; margin: auto; }
.PJN_Menu a { color: #52a8bb; font-size: 8pt; }
.PJN_Menu td { width: 200px; }

/* menu */
#mbnwf {position: relative; overflow: hidden; width: 800px; height: 60px; margin: 2px 0 0 0; padding: 0; text-align: center;}
#mbnwf li {margin: 0; padding: 0; float: left; list-style: none; display: block; background-color: #FFFFFF; overflow: hidden;}
#mbnwf a {display: block; text-decoration: none;}
	/*L1*/
	#mbnwf > li {width: 98px; font: bold 13px/20px sans-serif; border-left: 1px #C0C0C0 solid; border-right: 1px #C0C0C0 solid;}
	#mbnwf > li > a:link , #mbnwf > li > a:visited {width: 98px; height: 20px; color: #606060; }
	#mbnwf > li > a:hover {background-color: #C0C0C0; }
	/*L2*/
	#mbnwf ul {
		position: absolute; left: 0; top: 18px; width: 800px; height: 20px;
		margin: 0; padding: 6px 0; background-color: #FFFFFF; display: none;
	}
	#mbnwf ul li { font: bold 12px/16px sans-serif; }
	#mbnwf ul li a {display: block; color: #000000; background-color: #FFFFFF; width: auto; height: auto; margin-right: 10px; padding: 0 2px;}
	#mbnwf ul li a:link , #mbnwf ul li a:visited {border-bottom: 4px #B08E44 solid;}
	#mbnwf ul li a:hover { border-bottom: 4px #60A0E0 solid; }
	/*active,hover*/
	#mbnwf > li:hover {background: #F0F0F0; }
	#mbnwf > li:hover ul {display: block !important; z-index:10;}
	#wfactive ul {display: block !important; z-index: 5;} /* active parent */
	#mbnwf > li.active > a { color: #000000; background: #F0F0F0; } /* L1 here gray-bg */
	#wfactive ul li.active a { border-bottom: 4px #FF8000 solid !important; } /* L2 here orange */

/* other */
.right { text-align:right; }
.p4atom {border: 1px #C0C0C0 solid;}
#sidebanners p {padding:0 0 1em 0; margin: 0; overflow:hidden; text-align:center;}
#sidebanners {width: 184px; float:right; font-size: 10px;}

/* forms */
form { border:1px #C0C0C0 solid; vertical-align: middle; margin: 4px 0 8px 0; padding: 0 8px; }
fieldset { margin: 0; padding: 0; border: none; }
label {display: block; margin-top: 4px;}
input {display: block; margin-bottom: 4px;}
.addtocart input, .singleline input {display: inline;}
.addtocart {clear: left; background: #FFFFFF;}
div > form.addtocart {float:right;}
.introtext {clear: both;}
#addcart {width:73px; height:21px; background: url(assets/images/cart/cart.jpg); border: none; margin: 2px;}
td select {display: inline;}
#scCartTable td, #scverify td { padding: 4px 8px; border-bottom: 1px #E0E0E0 solid; }

#sxcart { float: right; margin-left: 8px; padding: 2px; border: 1px #F0F0F0 solid; background: #FFFFFF; }
#sxcart table { border: 1px #404040 solid; width: 120px; }
#sxcart td { padding: 2px; font-size: 8pt; }
#sxcart img { margin-bottom: 4px; }


/* top image */
#flashContent { width:100%; height:100%; border:solid #cc9966 1px}
#slideshow { position:relative; width:800px; height:273px;  border:solid #c0c0c0 1px; border-top:solid #c0c0c0 8px;}
#slideshow img { position:absolute; top:0; left:0; z-index:8; }
#slideshow img.active { z-index:10; }
#slideshow img.last-active { z-index:9; }
/* top image child */
#top_child{position:relative; width:800px; height:87px;  border:solid #c0c0c0 1px; border-top:solid #c0c0c0 8px;}
/* book ジャンル別一覧　*/
.booklist{
        margin-bottom:20px;
        height:100%;
}
.bookwrap {
        display:block;
	float:left;
/*	border: 1px solid #cccccc;   */
	width: 225px;
	height:100%;
	text-align: center;
	margin-left: 30px;
        margin-bottom:20px;
        padding: 0;
}
 
div.bookwrap div {
	display: table-cell;
	vertical-align: middle;
	font-size: 1.1em;
	margin: 0;
        height: 100%;
　　　　padding: 0;

}
div.bookwrap div.dec {
	background-color: #FFF;
	width: 1em;
	margin: 0;
        border-top: 1px solid #FFF;
        color: #FFF;
}
div.bookwrap div.thumb {
	background-color: #FFF;
	width:211px;
}
div.bookwrap div.thumb img {
        max-height:160px;
	max-width:160px;
}

.book_cont {
	margin-left: 300px;
	width: 450px;
}
.book_cont div:after,  {clear:both; content:""; display:block;}
.bookwrap .thumb p {
	margin: 0;
	padding-top: 3px;
}
/* IE 6 */
* html div.bookwrap div {
    display: inline;
    zoom: 1;
}
 
/* IE 7 */
 *:first-child+html div.bookwrap div {
    display: inline;
    zoom: 1;
}
 
/*\*//*/
* html div.bookwrap div {
        display: inline-block;
    }
/**/

/* book 詳細注文　*/
#bdblock_wrap {
    float: left;
    padding-right:30px; 
    margin-left:30px;
    height:300px; 
    Width:210px  
}
#bdblock_wrap div {
        display:block;
	text-align: center;    
}
#bdblock_wrap div img {
        max-height:300px;
	max-width:210px;    
}

.bdcont{
    margin-right:40px; 
} 


.style11 {
	font-size: 18px;
	color: #CC0033;
}
.style19 {
	font-size: 30pt;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-weight: bold;
}
.style22 {
	font-size: 16px;
	font-weight: bold;
	color: #CC0033;
}
.style26 {
	font-size: 14pt;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-weight: bold;
}
.style27 {
	font-size: 16px;
	font-weight: bold;
	color: #0066FF;
}
.style28 {
	font-size: 18px;
	font-weight: bold;
	color: #3366FF;
}
.style34 {font-size: 10px}
.style36 {font-size: 16px; font-weight: strong; color: #006e54; }
.style37 {font-size: 11px}
.style38 {color: #006633} 
.kihon {
	font-size: 12pt;
	font-style: normal;
	color: #000;
	line-height: 23px;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; 

.kihon02 {
	font-size: 12pt;
	font-style: normal;
	color: #000;}
	
	 

