/**********************************************************************
WWCITY : [ list.css ]

00.00.00
**********************************************************************/

/*---------------------------------------------
 Initialization
---------------------------------------------*/
*{
	margin:0;
	padding:0;
	font-size:100%;
	font-family:"‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
}

body     { background-color:#FFFFFF; text-align:center; }
input    { font-size:12px; vertical-align:middle; }
select   { font-size:12px; }
textarea { font-size:12px; }
hr       { display:none; }
img      { border:none; }
br.clear { clear:both; }

a:link   { text-decoration:none; }
a:visited{ text-decoration:none; }
a:hover  { text-decoration:underline; }
a:active { text-decoration:underline; }

/*---------------------------------------------
 clearfix
---------------------------------------------*/
.clearfix:after,
#LinkBlock:after,
#SelectBlock:after,
#PagingBlock:after,
#ResultBlock:after,
#FoundBlock:after,
#ProductBlock .prd-row-wrap:after,
#ProductBlock .prd-box .prd-status:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix,
#LinkBlock,
#SelectBlock,
#PagingBlock,
#ResultBlock,
#FoundBlock,
#ProductBlock .prd-row-wrap,
#ProductBlock .prd-box .prd-status{
	display:inline-block;
	min-height:1%;
}
* html .clearfix,
* html #LinkBlock,
* html #SelectBlock,
* html #PagingBlock,
* html #ResultBlock,
* html #FoundBlock,
* html #ProductBlock .prd-row-wrap,
* html #ProductBlock .prd-box .prd-status{
	height: 1%;
}
.clearfix,
#LinkBlock,
#SelectBlock,
#PagingBlock,
#ResultBlock,
#FoundBlock,
#ProductBlock .prd-row-wrap,
#ProductBlock .prd-box .prd-status{
	display: block;
}


/*---------------------------------------------
 font size
---------------------------------------------*/
#SelectBlock,
#PagingBlock,
#ResultBlock,
#FoundBlock,
#ProductBlock{
	font-size:70%;
	line-height:120%;
}

/*
.M{
	font-size:80%;
	line-height:120%;
}
*/


/*---------------------------------------------
 color
---------------------------------------------*/
.selectPage span{
	color:#CCCCCC;
}
.selectPage{
	color:#999999;
}
#SelectBlock,
#PagingBlock,
#ResultBlock,
#FoundBlock,
#ProductBlock,
.selectPage a:link,
.selectPage a:visited,
.selectPage a:hover,
.selectPage a:active,
.selectPage strong{
	color:#666666;
}
#ProductBlock .prd-shop{
	color:#333333;
}
#ProductBlock .prd-title{
	color:#0066ff;
}
#ProductBlock .prd-magazine{
	color:#ff3366;
}

/*---------------------------------------------
 BreadArea
---------------------------------------------*/
#BreadArea{
	text-align:left;
	width:750px;
	margin:0 auto;
	padding:10px 0 5px 0;
}
#BreadArea p{
	font-size:70%;
	line-height:120%;
	color:#666666;
}
#BreadArea a         { color:#666666; }
#BreadArea a:link    { text-decoration:none; }
#BreadArea a:visited { text-decoration:none; }
#BreadArea a:hover   { text-decoration:underline; }
#BreadArea a:active  { text-decoration:underline; }

/*---------------------------------------------
 ShopArea
---------------------------------------------*/
#ShopArea{
	margin:0 auto;
}
#ShopArea p span{ display:none; }
#ShopArea p img {
	width:750px;
}

/*---------------------------------------------
 MainArea
---------------------------------------------*/
#MainArea{
	text-align:left;
	width:750px;
	margin:0 auto;
}

/*---------------------------------------------
 MenuArea
---------------------------------------------*/
#MenuArea{ display:none; }

/*---------------------------------------------
 ContentsArea
---------------------------------------------*/
#ContentsArea{
}

/* LinkBlock */
#LinkBlock{
	padding-top:10px;
}
#LinkBlock p span{ display:none; }
#LinkBlock p img{
	width:750px;
}
#LinkBlock .link-top { float:left; }
#LinkBlock .link-new { float:left; }
#LinkBlock .link-all { float:left; }
#LinkBlock .link-back{ float:right; margin-bottom:1px; }

#LinkBlock .link-top,
#LinkBlock .link-top img { width:91px; }
#LinkBlock .link-new,
#LinkBlock .link-new img { width:76px; }
#LinkBlock .link-all,
#LinkBlock .link-all img { width:76px; }
#LinkBlock .link-back,
#LinkBlock .link-back img{ width:57px; }

/* TitleBlock */
#TitleBlock{
	padding-top:3px;
}
#TitleBlock p span{ display:none; }
#TitleBlock p img{
	width:750px;
}

/* SelectBlock / PagingBlock */
#SelectBlock{
	padding-top:8px;
	padding-bottom:8px;
}
#PagingBlock{
	padding-top:8px;
	padding-bottom:30px;
	background:url(../img/list_line_contents_split.gif) 0 0 no-repeat #ffffff;
}
#SelectBlock form,
#PagingBlock form{
	display:inline;
}
.selectSort{
	float:left;
	width:400px;
}
.selectSort select{
	margin-left:15px;
}
.selectPage{
	float:right;
	width:350px;
	text-align:right;
}
#SelectBlock .selectPage{
	padding-top:5px;
}

/* ResultBlock / FoundBlock */
#ResultBlock,
#FoundBlock{
	padding-top:8px;
	padding-bottom:3px;
	background:url(../img/list_line_contents_split.gif) 0 0 no-repeat #ffffff;
}
#ResultBlock em,
#FoundBlock em{ font-style:normal; }

.resultCondition{
	float:left;
	width:400px;
}
.resultFound{
	float:right;
	width:350px;
	text-align:right;
}
.resultFound .resultPage{}
.resultFound .resultTotal{}

/* ProductBlock */
#ProductBlock{
	padding:20px 0;
}

/* prd-row */
#ProductBlock .prd-row{
	margin-bottom:15px;
	padding-top:1px;
	background:url(../img/list_prd_row_bg_top_btm.gif) 0 0 no-repeat;
}
#ProductBlock .prd-row-base{
	padding-bottom:1px;
	background:url(../img/list_prd_row_bg_top_btm.gif) 0 100% no-repeat;
}
#ProductBlock .prd-row-wrap{
	/* clearfix */
	background:url(../img/list_prd_row_bg.gif) 0 0 repeat-y;
}

/* prd-box */
#ProductBlock .prd-box{
	float:left;
	width:178px;
	padding-bottom:5px;
	text-align:center;
}
#ProductBlock .box1{ margin-left:0; }
#ProductBlock .box2{ margin-left:13px; }
#ProductBlock .box3{ margin-left:13px; }
#ProductBlock .box4{ margin-left:12px; }

#ProductBlock .prd-box-base{}

/* status */
#ProductBlock .prd-box .prd-status{
	width:140px;
	margin:0 auto;
}
#ProductBlock .prd-box .prd-status p{ height:18px; }

#ProductBlock .prd-box .prd-status p.comingsoon{ width:80px; float:left;  background:url(../img/list_prd_ic_comingsoon.gif) 0 50% no-repeat; }
#ProductBlock .prd-box .prd-status p.new       { width:80px; float:left;  background:url(../img/list_prd_ic_new.gif) 0 50% no-repeat; }
#ProductBlock .prd-box .prd-status p.onsale    { width:80px; float:left;  background:none; }
#ProductBlock .prd-box .prd-status p.soldout   { width:60px; float:right; background:url(../img/list_prd_ic_soldout.gif) 100% 50% no-repeat; }

#ProductBlock .prd-box .prd-status p span{ display:none; }

/* thumbnail */
#ProductBlock .prd-box .prd-thumbnail img{
	width:140px;
	margin:0 auto;
}

/* detail button */
#ProductBlock .prd-box .prd-btn{
	display:block;
	width:140px;
	height:13px;
	margin:5px auto 0 auto;
	background:url(../img/list_prd_dtn_detail.gif) 0 0 no-repeat #7a91a1;
}
#ProductBlock .prd-box .prd-btn p{ display:none; }

/* shop name */
#ProductBlock .prd-box .prd-shop{
	margin:5px 5px 0 5px;
	font-weight:bold;
}

/* item name */
#ProductBlock .prd-box .prd-title{
	margin:5px 1px 0 1px;
	padding:5px 18px;
	background-color:#ffffff;
	text-align:left;
}

/* price */
#ProductBlock .prd-box .prd-sprice{
	width:140px;
	margin:5px auto 0 auto;
	text-align:left;
}

/* update */
#ProductBlock .prd-box .prd-update{
	width:140px;
	margin:2px auto 0 auto;
	text-align:left;
}

/* magazine */
#ProductBlock .prd-box .prd-magazine{
	width:140px;
	margin:2px auto 0 auto;
	text-align:left;
}

/*---------------------------------------------
 
---------------------------------------------*/



/*********************************************************************/


