div#container{text-align:left}
div#content p{line-height:1.4}

div#extra{background:#FF8539}
/* div#footer{background: #333;color: #FFF} */
div#footer p{margin:0;padding:5px 10px}

div#container{width:900px;margin:0 auto}



div#extra{float:left;width:160px;margin-left:-160px}
div#footer{clear:left;width:100%}



body {
	font-family: HGP‘n‰pŠpΞί―Μί‘Μ
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	background-repeat:repeat-y;
	font-size:12px;
	color:#000066;
}

.header {
	background-color: #000080;
	/* background-image: url(../img/title_logo.png); */
	background-repeat: no-repeat;
	background-position: 100% 0;

}
	
.logo {
	margin: 0;
	padding: 0px 0px 0px 0px;
		float: left;
}
.logo img {
	border: none;
}

div#content{margin: 0 150px}

.main {
	/* margin: 0 0px 0 180px; */
	margin: 0 160px;
	padding: 20px;
}

.main h1 {
	margin: 0 0 20px 0;
	padding: 2px 5px;
	border: double 3px #CCCC99;
	background-color: #3366CC;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	letter-spacing: 0.5em;
}

.main h2 {
	margin: 0 0 5px 0;
	padding: 2px 5px;
	border-left: solid 15px #6699FF;
	background-color: #CCFFFF;
	font-size: 14px;
	color: #000066;
}

.contents {
	float:left;
	width:100%;
	/* background-image: url(../img/bg_left_blue.gif); */
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	/* width: 900px; */
}

.menubar {
	border-top: solid 1px #CCCC99;
	border-bottom: solid 1px #CCCC99;
	background-color: #3366CC;
	width: 900px;
}
.menu {
	margin: 0 0px;
	width: 900px;
	float: left;
}



tr.header {
	background: #C9BFED;
}

tr.record {
	background: #EDEDED;
}

input.itemName {
	height: 20px;
	width: 130px;
	border-width: 1px;
	border-style: solid;
}

input.price {
	height: 20px;
	width: 60px;
	border-width: 1px;
	border-style: solid;
	text-align: right;
}

input.pictureUrl {
	height: 20px;
	width: 130px;
	border-width: 1px;
	border-style: solid;
}

input.userId {
	height: 20px;
	width: 100px;
	border-width: 1px;
	border-style: solid;
}

input.password {
	height: 20px;
	width: 100px;
	border-width: 1px;
	border-style: solid;
}

textArea.description {
	height: 80px;
	width: 260px;
	border-width: 1px;
	border-style: solid;
}

input.userId {
	height: 20px;
	width: 150px;
	border-width: 1px;
	border-style: solid;
}

input.password {
	height: 20px;
	width: 150px;
	border-width: 1px;
	border-style: solid;
}

input.userName {
	height: 20px;
	width: 150px;
	border-width: 1px;
	border-style: solid;
}

input.postCode {
	height: 20px;
	width: 80px;
	border-width: 1px;
	border-style: solid;
}

input.address {
	height: 20px;
	width: 240px;
	border-width: 1px;
	border-style: solid;
}

input.email {
	height: 20px;
	width: 240px;
	border-width: 1px;
	border-style: solid;
}

input.birthDay {
	height: 20px;
	width: 100px;
	border-width: 1px;
	border-style: solid;
}

select.jobs {
	width: 100px;
}

.error {
	background-color: silver;
}

#errors ul li {
	color: red;
}







.contents_sitemap {
	border-bottom: solid 1px #CCCC99;
	background-image: url(../img/bg_all_sitemap.jpg);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	height: 800px;
}

.main_sitemap {
	margin: 0 120px 0 20px;
	padding: 20px;
}



.main_sitemap h1 {
	margin: 0 0 20px 0;
	padding: 2px 5px;
	border: double 3px #CCCC99;
	background-color: #3366CC;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	letter-spacing: 0.5em;
}



.main_sitemap h2 {
	margin: 0 0 5px 0;
	padding: 2px 5px;
	border-left: solid 15px #6699FF;
	background-color: #CCFFFF;
	font-size: 14px;
	color: #000066;
}

.text p {
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 150%;
}

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

.credit {
	background-color: #FFFFFF;
	border-top: solid 1px #CCCC99;
	padding: 20px;
	width: 900px;
}

.footer {
	border-top: solid 1px #CCCC99;
	padding: 5px 0px 20px 0px;
	font-size: 10px;
	color: #CCCC99;
	background-color: #FFFFFF;
	text-align: center;
	width: 900px;
}



.floatClear {
	clear: both;
	overflow: hidden;
}
.menu div {
	float: right;
	padding: 5px 10px;
	border-right: dashed 1px #CCCC99;
}
.menu div.left {
	border-left: dashed 1px #CCCC99;
}
.menu a {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
}
.menu a:link {
	color: #99FF00;
}
.menu a:visited {
	color: #99CC00;
}
.menu a:hover {
	color: #FFFFFF;
}


/* ƒiƒrƒQ[ƒVƒ‡ƒ“ƒƒjƒ…[ */
.leftMenu {
	float: left;
	width: 160px;
	margin-left:-900px;
	background-color: #FFCC00;
	/* background-color: #DDDDDD; */
}
.leftMenu div {
	width: 160px;
	padding: 8px 0;
	border-bottom: dashed 2px #996666;
}
.leftMenu div.current {
	background-color: #FF9900;
}
.leftMenu a {
	padding-left: 15px;
	background-image: url(../img/arrow1.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
	
.leftMenu a:link {
	color: #339933;
}
.leftMenu a:visited {
	color: #336633;
}
.leftMenu a:hover {
	background-image: url(../img/arrow2.gif);
	color: #CC3333;
}
.hiddenImg {
	display: none;
}


h2 {
	margin: 0 0 10px 0;
	padding: 2px;
	border-left: solid 10px skyblue;
	border-bottom: solid 2px skyblue;
	font-size: 12px;
	font-weight: bold;
	color: navy;
}

table,th,td{
	border: none;
}


th {
	padding: 5px;
	border-top: solid 1px darkorange;
	border-right: solid 1px darkorange;
	border-bottom: solid 1px darkorange;
	background-color: seagreen;
	color: white;
}

td {
	padding: 5px;
	/* border-right: solid 1px darkorange; */
	/* border-bottom: solid 1px darkorange; */
	/* background-color: lemonchiffon; */
}

td.nospan {
	padding: 0px;
}

.leftcell{
	border-left: solid 1px darkorange;
}

tr {
	font-size: 12px;
}

div.list{
	margin-bottom: 0em;
	border:solid 1px #76A6D4;
	
}

td.noline {
	padding: 5px;
	border-right: solid 0px;
	border-bottom: solid 0px;
	background-color: white;	
	
}

td.rightline {
	padding: 5px;
	border-right: solid 1px black;
	border-bottom: solid 0px;
	background-color: white;

}

legend {
	font-weight: bold;
	color: royablue;
}

fieldset {
	margin: 0 0 10px 0;
	padding: 0 5px 5px;
	border: solid 1px skyblue;
}


.itemframe {
    border: 1px solid #4c4c4c;
    background-color: #eeeeee;
    margin: 5px;
    padding: 3px;
    width: 160px;
    display: none;
}

.book_title a {
    font-weight: bold;
    word-wrap: break-word;
}

.book_price {
    font-color: #4c4c4c;
}

.book_used_prise{
	font-color: red;
}

.book_date {
    color: green;
}