@charset "utf-8"; 
/*** animate CSS Document ***************************************

	ver.2009/08/10

	commodity.css

----------------------------------------------------------------***/

/**  commodity.css Menu *********************************************

	1.ページトップに戻る
	2.共通スタイル

*******************************************************************/

/*-----------------------------------------------------------------

	1.ページトップに戻る

-------------------------------------------------------------------*/
div.pagetop
{
	clear: both;
	padding-bottom: 15px;
	margin-top: 30px;
	text-align: right;
}
div.pagetop p
{
	background: url(../../images/common/bg_pagetop.gif) 0 0 repeat;
}
div.pagetop p img
{
	vertical-align: top;
	border-left: 10px solid #FFF;
}

p.pagetop
{
	text-align: right;
}
p.pagetop a
{
	padding-left: 17px;
	background: url(../../images/ico_pagetop.gif) left center no-repeat;
}


/*-----------------------------------------------------------------

	2.共通スタイル

-------------------------------------------------------------------*/
/* Main Banner */

#mainContetns .mainBanner
{
	padding-top: 10px;
	padding-bottom: 19px;
	background: url(../../images/line_dot_2tone.gif) left bottom repeat-x;
}
#mainContetns div.mainBanner
{
	padding-bottom: 9px;
}


#mainContetns .mainBanner img
{
	border: 1px solid #CCC;
}


#mainContetns .mainBanner .update
{
	margin-top: 8px;
	text-align: right;
}



/* 青い四角のアイコン付タイトル */
h2.square
{
	padding-left: 20px;
	font-size: 133.3%;
	line-height: 22px;
}

h2.circle
{
	padding-left: 28px;
	font-size: 133.3%;
	line-height: 23px;
	background: url(../images/ico_til_commodity01.gif) left center no-repeat;
}

h2.square span,
h2.circle span
{
	font-size: 75%;
	font-weight: normal;
}

h2.blue
{
	background: url(../images/ico_til_commodity02.gif) left top no-repeat;
}

h2.yellow
{
	background: url(../images/ico_til_commodity03.gif) left top no-repeat;
}

h2.pink
{
	background: url(../images/ico_til_commodity04.gif) left top no-repeat;
}

h2.sky
{
	background: url(../images/ico_til_commodity06.gif) left top no-repeat;
}

h2.icon_anitag {
	padding-left: 60px;
	font-size: 133.3%;
	line-height: 23px;
	height: 50px;
	background: url(../images/ico_til_tag.gif) left top no-repeat;
}

h2.icon_review {
	padding-left: 60px;
	font-size: 133.3%;
	line-height: 23px;
	height: 50px;
	background: url(../images/ico_til_review.gif) left top no-repeat;
}

p.more
{
	text-align: right;
}

a.more,
.more a
{
	padding-left: 20px;
	background: url(../images/ico_commodity18.gif) left center no-repeat;
}

.sortBox
{
	position: relative;
	padding: 10px;
	margin-bottom: 15px;
	width: 678px;
	background-color: #f5f5f5;
}
.sortBox dt
{
	position: absolute;
	left: 10px;
}
.sortBox dt img
{
	vertical-align: middle;
}
.sortBox dd
{
	padding-left: 77px;
}

#mainContetns .anchor
{
	padding: 15px 0;
}

#mainContetns .anchor li
{
	float: left;
	text-align: center;
	background: none;
	border: none !important;
}
#mainContetns form.search
{
	position: relative;
	margin-bottom: 15px;
	background: url(../images/bg_ranking_search.gif) 0 0 repeat-y;
}

#mainContetns form.search dl
{
	padding: 15px;
	width: 572px;
}

#mainContetns form.search dl dt,
#mainContetns form.search dl dd
{
	float: left;
}

#mainContetns form.search dl dt
{
	margin-right: 15px;
}

#mainContetns form.search dl dd
{
	margin-right: 25px;
}

#mainContetns form.search dl dd input
{
	margin-right: 5px;
	vertical-align: middle;
}

#mainContetns form.search p
{
	position: absolute;
	top: 0;
	right: 0;
	left: auto;
	padding: 15px;
	width: 66px;
	text-align: center;
}

div.turnPage {
	clear: both;
	text-align: center;
	margin-bottom: 10px;
}

div.turnPage p span {
	margin-right: 15px;
}


/*---------------------------------------------------------------------------- clearfix**/

div#localContetns div.localCt div.wrapSecond:after,
div#localContetns .member ul:after,
div.iconArea ul:after,
div.privilege:after,
div.details:after,
div.details div.column2B div.detailsBox div.wrapSecond:after,
div.mediaBox div.wrapSecond:after,
div.infoArea dl:after ,
.recommendation div.itemWrap:after,
div.commodity:after,
div.div.animeigoItem:after,
div.commodity div.titleBox:after,
div#relation div.commTile:after,
.userReview div.reviewBox:after,
.userReview div.reviewBox dl:after,
.tagArea form:after,
div.commodity ul.itemArea:after,
div.commodity ul.itemArea li:after,
div.animeigoItem ul.itemArea:after,
div.animeigoItem ul.itemArea li:after,
#mainContetns .list tbody th div:after,
.detail .define:after,
.detail .otherContent ul:after,
.recommendation .carouselItem:after,
.anchor:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

div#localContetns div.localCt div.wrapSecond,
div#localContetns .member ul,
div.iconArea ul,
div.privilege,
div.details,
div.details div.column2B div.detailsBox div.wrapSecond,
div.mediaBox div.wrapSecond,
div.infoArea dl,
.recommendation div.itemWrap,
div.commodity,
div.animeigoItem,
div.commodity div.titleBox,
div#relation div.commTile,
.userReview div.reviewBox,
.userReview div.reviewBox dl,
.tagArea form,
div.commodity ul.itemArea,
div.commodity ul.itemArea li,
div.animeigoItem ul.itemArea,
div.div.animeigoItem ul.itemArea li,
#mainContetns .list tbody th div,
.detail .define,
.detail .otherContent ul,
.recommendation .carouselItem,
.anchor{ display:inline-block; }

/*\*/
* html div#localContetns div.localCt div.wrapSecond,
* html div#localContetns .member ul,
* html div.iconArea ul,
* html div.privilege,
* html div.details,
* html div.details div.column2B div.detailsBox div.wrapSecond,
* html div.mediaBox div.wrapSecond,
* html div.infoArea dl,
* html .recommendation div.itemWrap,
* html div.commodity,
* html div.animeigoItem,
* html div.commodity div.titleBox,
* html .userReview div.reviewBox,
* html .userReview div.reviewBox dl,
* html .tagArea form,
* html div.commodity ul.itemArea,
* html div.commodity ul.itemArea li,
* html div.animeigoItem ul.itemArea,
* html div.animeigoItem ul.itemArea li,
* html #mainContetns .list tbody th div,
* html .detail .define,
* html .detail .otherContent ul,
* html .recommendation .carouselItem,
* html .anchor{ height:1%; }

div#localContetns div.localCt div.wrapSecond,
div#localContetns .member ul,
div.iconArea ul,
div.privilege,
div.details,
div.details div.column2B div.detailsBox div.wrapSecond,
div.mediaBox div.wrapSecond,
div.infoArea dl,
.recommendation div.itemWrap,
div.commodity,
div.animeigoItem,
div.commodity div.titleBox,
div#relation div.commTile,
.userReview div.reviewBox,
.userReview div.reviewBox dl,
.tagArea form,
div.commodity ul.itemArea,
div.commodity ul.itemArea li,
div.animeigoItem ul.itemArea,
div.animeigoItem ul.itemArea li,
#mainContetns .list tbody th div,
.detail .define,
.detail .otherContent ul,
.recommendation .carouselItem,
.anchor{ display:block; }
/**/
 
.addCart,
.addtag,
.reference_review,
.reviewreport {
	position: relative;
}
	 
.addCart .popup,
.addtag .popup,
.reference_review .popup,
.reviewreport .popup {
	position: absolute;
	right: 0;
	left: auto;
}