@import "common.css";
@import "right_column.css";

/* ----- index CSS ----- */
/* // rayouts // */
#eyecatch {
	height			: 170px;
	display			: block;
	text-indent		: -9999em;
	margin			: 10px 0;
	background		: URL(../images/index/eyecatch.gif) no-repeat;
}

#theme_title {
	margin			: 0 10px;
	padding			: 10px;
	background		: #ffcc66;
	font-size		: 120%;
}

#theme_article {
	margin			: 0 10px;
	padding			: 10px;
	background		: #ffffcc;
	font-size		: 90%;
}

.limit {
	padding			: 10px 0 0 0;
	font-size		: 80%;
}

#coordinate_btn {
	height			: 52px;
	margin			: 20px 10px;
	padding			: 0 0 0 216px;
	background		: URL(../images/index/coordinate.gif) no-repeat;
	background-position : center top;
}

#coordinate_btn a {
	width			: 242px;
	height			: 52px;
	display			: block;
	text-indent		: -9999em;
}

#index_notice_1 {
	margin			: 0 0 20px 0;
	text-align		: center;
}

/* sort */
#sort {
	margin			: 0 10px;
	font-size		: 80%;
}

#sort_l {
	float			: left;
}

#sort_l img {
	margin			: 0 2px;
}

#sort_r {
	float			: right;
	font-size		: 90%;
}

/* article */
.article {
	margin			: 0 10px 20px 10px;
}

.article h3 {
	margin			: 5px 0 0 0;
	padding			: 10px 0 10px 20px;
	background		: URL(../images/common/h3_deco.gif) no-repeat;
	background-position : left center;
	color			: #660066;
	font-size		: 110%;
	text-align		: rihgt;
}

.article_head {
	height			: 20px;
	padding			: 5px;
	background		: #ff44a2;
	color			: #fff;
	font-size		: 90%;
}

.article_n_l {
	float			: left;
}

.article_n_r {
	float			: right;
}

.article_n {
	font-weight		: bold;
	font-size		: 100%;
}

.vote {
	margin			: 5px 0 0 5px;
	padding			: 0 0 0 15px;
	background		: URL(../images/common/link_head.gif) no-repeat;
	background-position : 2% center;
	font-size		: 90%;
	text-align		: rihgt;
}

/* article table */
.article_tbl {
	clear			: both;
	padding			: 2px;
	background		: #fff0f0;
	text-align		: center;
	font-size		: 80%;
}

.obj_1 {
	background		: #e8e8e8;
	text-align		: center;
	vertical-align	: middle;
}

.obj_2 {
	background		: #cccccc;
	text-align		: center;
	vertical-align	: middle;
}

.obj_name {
	width			: 97px;
	background		: #ffcccc;
}

.obj_price {
	background		: #ff44a2;
	color			: #fff;
}

.total_price {
	padding			: 5px;
	background		: #e8e8e8;
	font-weight		: bold;
}

/* page area */
#page_area {
	margin			: 30px 0;
	text-align		: center;
	font-size		: 80%;
}

/* // tags // */
h2 {
	height			: 30px;
	display			: block;
	text-indent		: -9999em;
	margin			: 0 0 20px 0;
}

h2.h2_1 {
	background		: URL(../images/index/index_h2_1.gif) no-repeat;
}

h3 {
	margin			: 20px 0;
}