@import "reset.css";
@import "fonts.css";

body{ font-size: 85%; }
a	{ color: #07c; }

#wrapper { width: 720px; margin: auto; border-right: 2px solid #000; border-left: 2px solid #000; }

#header { margin: 0 0 10px; padding: 10px; background-color: #f50; color: #fff; border-bottom: 3px solid #000; }
h1		{ margin: 0; padding: 0; font-size: 150%; }
h1 strong { font-weight: bold; }

#footer { padding: 5px; background-color: #f50; color: #fff; text-align: center; }

.pickUp	{ padding: 0 10px 5px; zoom: 1; }
.pickUp:after	{ content: "."; height: 0; display: block; clear: both; visibility: hidden; }

#wordSearch {
	padding: 5px 10px;
	background-color: #efe;
	color: #000;
	border-top: 1px solid #393;
	border-bottom: 3px solid #7b7;
}
.wordSearchBox {
	padding: 5px 10px;
}
.categorys {
	padding: 5px 10px;
	background-color: #fed;
	color: #000;
	border-top: 1px solid #f96;
	border-bottom: 3px solid #fb7;
}
.categorysLists {
	padding: 5px 10px;
}

/* itemList */
.itemListBox	{ padding: 5px 10px; border-bottom: 1px solid #aaa; zoom: 1; }
.itemListBoxEven{
	padding: 5px 10px;
	background-color: #eee;
	border-bottom: 1px solid #aaa;
	zoom: 1;
}
.itemListBox:after		{ content: "."; height: 0; display: block; clear: both; visibility: hidden; }
.itemListBoxEven:after	{ content: "."; height: 0; display: block; clear: both; visibility: hidden; }

.categoryList	{ border-right: 1px solid #fd7; }
.ofs { padding: 5px 10px; text-align: center; background-color: #def; }
.searchLink		{ padding-right: 10px; text-align: right; }

/* itemDetail */
.itemDetailAuthor{ margin-left: 10px; }
.itemDetailImage{ margin: 0 auto 10px; text-align: center; }
.itemDetailInfo	{ padding: 5px 10px; background-color: #eee; }
.price			{ margin-right: 10px; text-align: right; color: #f33; font-weight: bold; font-size: 120%; }
.get			{ margin-bottom: 10px; text-align: center; font-size: medium; }
.get a			{
	display: block;
	width: 180px;
	margin-right: auto;
	margin-left: auto;
	padding: 5px;
	background-color: #f36;
	color: #fff;
	border-top: 2px solid #888;
	border-right: 2px solid #444;
	border-bottom: 2px solid #444;
	border-left: 2px solid #888;
	text-decoration: none;
	font-weight: bold;
}
.backLink	{ padding-left: 10px; }

/* review */
#reviewsTitle {
	padding: 5px 10px;
	background-color: #7b7;
	color: #fff;
	border-bottom: 3px solid #393;
}
.reviewRatingTotal{ margin-left: 10px; color: #f70; font-weight: bold; }
.reviewBox	{ padding: 5px 0 0; border-top: 1px solid #aaa; }
.star		{ margin: 0 0 5px 10px; color: #f90; }
.reviewName	{ margin: 0 0 5px 10px; }
.reviewTitle{ margin: 0 0 5px; padding: 5px 10px; color: #393; background-color: #efe; }
.reviewBody	{ margin: 0 0 5px; padding: 5px 10px; color: #555; }

/* relation */
#relationsTitle {
	padding: 5px 10px;
	background-color: #49c;
	color: #fff;
	border-bottom: 3px solid #17b;
}
.relationItem {
	padding: 5px 10px;
	border-bottom: 1px solid #ccc;
}
.relationItemEven {
	padding: 5px 10px;
	border-bottom: 1px solid #ccc;
	background-color: #eff;
}

.x_small	{ font-size: 85%; }
.colorBlack	{ color: #000; }
.colorWhite	{ color: #fff; }
.colorOrange{ color: #f70; font-weight: bold; }
.clear		{ clear: both; }