*{
	font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ƒqƒ‰ƒMƒmŠpƒS Pro W3','‚l‚r ‚oƒSƒVƒbƒN', sans-serif;
}

body         { color: #333; font-size: 12px; line-height: 150%; background-color: #efefef; text-align: center; margin: 0; padding: 0 }

div#wrapper         { text-align: left; margin: 0 auto; padding: 0; width: 690px }

div#contents                  { background-color: #fff; margin: 0; padding: 20px 0 0; width: 690px; float: left }  
pre { word-wrap: break-word; }

div#banner                  { width: 690px; text-align: center }

div#tableblock                     {width:690px; margin-left: 350px;  margin-right: auto; } 

div#right{text-align: right;}

/* ____________________ header ____________________ */
div#title                         { background-color: #efefef; margin: 0 auto; padding: 0 0 10px; width: 690px; height: 120px }

div#title ul                { font-size: 12px; line-height: 12px; text-align: right; display: inline; margin: 5px 0; padding: 0; width: 690px; float: right }

div#title ul li        { background-image: url("../images/mark_tri_small.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: left center; display: inline; padding: 0 15px }
/* ____________________ headermenu ____________________ */
div#headermenu                       { background-color: #efefef; margin: 0; padding: 0; width: 690px; height: 35px; float: left }

div#headermenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#headermenu ul li,
div#headermenu ul li a         { background-color: transparent; background-image: url("../images/header_menu.gif"); background-repeat: no-repeat; text-indent: -99999px; display: block; margin: 0; padding: 0; width: 175px; height: 35px }

div#headermenu ul li { float: left }

div#headermenu ul li a:hover  { background-image: url("../images/header_menu.gif") }

div#headermenu ul li#headermenu_a,
div#headermenu ul li#headermenu_a a,
div#headermenu ul li#headermenu_d,
div#headermenu ul li#headermenu_d a    { width: 170px }

div#headermenu ul li#headermenu_a a{ background-position: 0 0; }
div#headermenu ul li#headermenu_a a:hover{ background-position: -0 -70; }

div#headermenu ul li#headermenu_b a{ background-position: -170px 0; }
div#headermenu ul li#headermenu_b a:hover{ background-position: -170px -70; }

div#headermenu ul li#headermenu_c a{ background-position: -345px 0; }
div#headermenu ul li#headermenu_c a:hover{ background-position: -345px -70; }

div#headermenu ul li#headermenu_d a{ background-position: -520px 0; }
div#headermenu ul li#headermenu_d a:hover{ background-position: -520px -70; }
/* ____________________ chapters ____________________ */

h2,h3,h4,h5,h6 { margin: 0; padding: 0; clear: both }
h1 { color: #323230; font-size: 12px; text-align: center; margin: 0; padding: 0; height: 20px; vertical-align: middle }
h2                       { color: #333; font-size: 16px; line-height: 35px; background-image: url("../images/h2.gif"); text-indent: 55px; margin: 0; padding: 0; width: 690px; height: 35px }
h3                 { color: #333; font-size: 15px; line-height: 150%; text-indent: 5px; margin: 10px 30px; padding: 0; width: 630px; border-bottom: 1px dotted #666 }
h4               { color: #333; font-size: 14px; line-height: 110%; text-indent: 5px; margin: 25px 30px 10px; position: relative; left: 5px; width: 630px; border-left: 5px solid #360 }
h5               { color: #333; font-size: 12px; margin: 25px 45px 10px; position: relative; font-weight: 500; }


/* ____________________ selecters ____________________ */

.cleared{
	clear: both;
}

.image_right  { margin: 0 10px 10px; padding: 0; width: 240px; height: 180px; float: right }

.image_right_w150   { margin: 0 20px 10px 5px; padding: 0; width: 150px; float: right }

.image_left { margin: 0 0 10px 50px; width: 240px; height: 180px; float: left }

.align_right{
	text-align: right;
}

.no_margin{
	margin-top: 0;
}

.align_left{
	text-align: left;
}

.align_center{
	text-align: center;
}

p,dl,ul,ol  { color: #333; line-height: 150%; background-color: transparent; text-align: left; margin: 0 0 0.5em; padding: 0 }

ul, ol    { margin-right: 3em; margin-left: 3em }

.pagetop { font-size: 11px; text-align: right; padding: 5px; width: 530px }

div#contents ol li   { margin: 10px 0 10px 40px; padding: 0 }

div#contents ul li   { margin: 10px 0 10px 30px; padding: 0 }

dl dt     { font-size: 13px; font-weight: bold; margin: 0 0 1em 15px; width: 8em; float: left; clear: left }

dl dd    { font-size: 13px; margin: 0 0 1em 10em; padding: 0 0 0 10px; border-left: 1px dotted #666 }

table  { font-size: 12px; margin: 10px auto}

.b_gray  { background-color: #999 }
.b_gray2 { background-color: #efefef }
th  { font-size: 12px; background-color: #efefef; text-align: left }
td { background-color: #fff }
p   { margin: 5px 40px 10px }
.midasi  { color: #360; font-size: 14px; font-weight: bold; text-align: center }
.m_right { font-weight: bold; text-align: right }
/* ____________________ btn ____________________ */
div#btn      { background-image: url("../images/btn.gif"); background-repeat: no-repeat; background-position: center top; text-align: center; margin-top: 30px; margin-bottom: 30px; height: 50px }

div#btn a    { font-size: 13px; line-height: 50px; text-align: center }


/* ____________________ footer_menu ____________________ */
div#footer_menu          { font-size: 13px; line-height: 30px; text-align: center; margin: 0; padding: 0; width: 690px; height: 30px }


/* ____________________ footer ____________________ */

div#footer           { background-image: url("../images/footer.gif"); background-repeat: no-repeat; background-position: center top; margin: 0; padding: 10px 0 0; width: 690px; height: 50px }
div#footer p      { color: #030; font-size: 11px; font-weight: bolder; line-height: 100%; text-align: center; margin: 0; padding: 0 }
/* ____________________ borders ____________________ */

.border_hidden  { background-color: #fff; margin: 0; padding: 0; height: 1px; clear: both }

.border_green   { background-color: #696; margin: 0; padding: 0; height: 5px; clear: both }

.border_footer     { background-image: url("../images/footer_menu_top.gif"); background-repeat: no-repeat; margin: 0; padding: 0; height: 15px; clear: both }

.border_green hr,
.border_hidden hr,
.border_footer hr,
.border_broad hr{
	display: none;
	clear: both;
}

.longurl{
	width:300px;
	word-wrap: break-all;
	overflow-wrap: break-all;
}

.longurl2{
	width:320px;
	word-wrap: break-all;
	overflow-wrap: break-all;
}


/* ____________________ books/ ____________________ */

.book_title{font-size: medium; font-weight: bold;}
.book_subtitle{font-size: small;}
.book_series{font-size: small;}
.book_author{margin: .5em 0; font-size: x-small;}
.book_price{font-size: x-small;}
.bolder{font-weight: bold;}

.pager{
	text-align: center;
}

.pager span,
.pager a{
	padding: 2.5px 5px;
	border: 1px grey solid;
}

.pager span{
	background-color: #666;
	color: #fff;
}

.pager a:link,
.pager a:visited{
	background-color: #fff;
}


.pager a:hover,
.pager a:visited:hover{
	color: #fff;
	background-color: #c00;
}