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

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

	ArtMeter / Search styles
	author   : (C)KAYAC http://www.kayac.com/

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

@import url("/css/common.css");
/* CONTENTS HEAD
---------------------------------------------- */

div#contHead h2 {
	height: 16px;
}

div#contHead div#headFeatureBox{
	width:900px;
	margin-left:30px;
	position:relative;
	top:0;
	left:0;
}
div#contHead div#headFeatureBox p.hdr_btn01{
	width:317px;
	position:absolute;
	top:43px;
	left:583px;
}
div#contHead div#headFeatureBox p.hdr_btn02{
	width:317px;
	position:absolute;
	top:95px;
	left:583px;
}
div#contHead div#headFeatureBox p.hdr_btn03{
	width:317px;
	position:absolute;
	top:147px;
	left:583px;
}

div#contHead div#headCatBox p.btnOrder a:hover,
div#contHead div#headCatBox p.btnBp a:hover{
	background:none;
}

div#contHead h2#headImg{
	height:250px;
}


/* SEARCH TAB
---------------------------------------------- */

div#contBody div.txtBox {
    float:left;
	text-align:left;
	margin-bottom:20px;
}

div#contBody div.txtBox h3{
    border-left:4px solid #333333;
    height:20px;
    margin-left:30px;
    padding-left:15px;
    padding-top:5px;
}

div#contBody div.txtBox p{
    margin-left:50px;
	margin-top:10px;
}


div#contBody div#tabSearch {
	padding: 0 0 10px;
}
div#contBody div#tabSearch ul.btnTabSearch {
	height: 34px;
	margin: 0 0 10px;
	padding: 5px 0 0 600px;
	background: url(/img/search/work/bg_tab_search.gif) no-repeat 0 0;
}
div#contBody div#tabSearch ul.btnTabSearch li {
	float: left;
	width: 161px;
	margin: 0 0 0 10px;
}
div#contBody div#tabSearch div#boxPushKey {
	position: relative;
	float: left;
	width: 665px;
}






div#contBody div#tabSearch div#boxPushKey p.btnQ {
	position: absolute;
	top: 2px;
	left: 140px;
	width: 20px;
	height: 10px;

}
div#contBody div#tabSearch div#boxPushTheme {
	float: right;
	width: 290px;
}

div.searchSort{
width: 950px;
clear:both;
}


div#searchSort div#freewordFIELD {
	position: relative;
	float: left;
	width: 500px;
}


div#searchSort div#levelFIELD {
	position: relative;
	float: right;
	width: 290px;
}




div.searchSort dt{
clear:left;
float:left;
padding:12px 0 0 10px;
width: 90px;
height:45px;
}



div#contBody div.searchSort dd{
padding:15px 10px 0 0;
font-size:93%;
text-align:left;
}

div#contBody div.searchSort select{

font-size:93%;
text-align:top;

}

div.searchSort ul li {
display: inline;
margin-bottom:5px;
margin-right:20px;


}




div#display{
width:960px;
clear: both;
overflow:hidden;}


div#contBody div#boxSearchLimit {
	clear: both;
	width: 960px;
	margin: 0 0 10px;
}
div#contBody div#boxSearchLimit ul {
	float: left;
}
div#contBody div#boxSearchLimit ul li {
	display: inline;
}
div#contBody div#boxSearchLimit ul.lstSearchSelect {
	width: 340px;
	padding: 3px 10px 0;
}
div#contBody div#boxSearchLimit ul.lstSearchSelect li {}
div#contBody div#boxSearchLimit ul.lstSearchSelect li select {
	border: 1px solid #99999px;
	color: #FFFFFF;
	text-align: center;
	background: #333333;
}
div#contBody div#boxSearchLimit ul.lstSearchSelect li select {
	color: #FFFFFF;
	text-align: left;
	background: #333333;
}
div#contBody div#boxSearchLimit ul.lstSearchFlag {
	width: 420px;
	padding: 3px 0 0;
	text-align: right;
}
div#contBody div#boxSearchLimit ul.lstSearchFlag.result {
	width: 600px;
	padding: 0px;
	text-align: right;
}
div#contBody div#boxSearchLimit ul.lstSearchFlag li {
	padding: 0 5px 0 11px;
	font-size: 93%;
}
div#contBody div#boxSearchLimit ul.lstSearchFlag li.flagAll {
	background: url(/img/search/work/icn_flag_all.gif) no-repeat 0 2px;
}
div#contBody div#boxSearchLimit ul.lstSearchFlag li.flagNew {
	background: url(/img/search/work/icn_flag_new.gif) no-repeat 0 2px;
}
div#contBody div#boxSearchLimit ul.lstSearchFlag li.flag2weeks {
	background: url(/img/search/work/icn_flag_2week.gif) no-repeat 0 2px;
}
div#contBody div#boxSearchLimit ul.lstSearchFlag li.flagDeadline {
	background: url(/img/search/work/icn_flag_deadline.gif) no-repeat 0 2px;
}
div#contBody div#boxSearchLimit ul.lstSearchFlag li.flagSale {
	background: url(/img/search/work/icn_flag_sale.gif) no-repeat 0 2px;
}
div#contBody div#boxSearchLimit ul.lstSearchCheck {
	width: 170px;
	float: right;
}
div#contBody div#boxSearchLimit ul.lstSearchCheck li {
	display: block;
	padding: 3px;
	font-size: 93%;
	background: #F0F0F0;
}
div#contBody div#boxSearchLimit ul.lstSearchCheck li input {
	margin: 0 4px 0 0;
	vertical-align: middle;
}

div#contBody div.boxSearchDisplay,
div#contBody div.boxSearchDisplayNum {
	float: left;
	width: 280px;
	padding: 5px;
	background: #F0F0F0;
}
div#contBody div.boxSearchDisplayNum {
	width: 200px;
	margin: 0 5px 0 0;
}
div#contBody div.boxSearchDisplay h3,
div#contBody div.boxSearchDisplayNum h3 {
	float: left;
	width: 72px;
	margin: 0;
	padding: 2px 5px 0 0;
}


div#contBody div#artResult1 {
	clear: both;
	margin: 10px 0 10px 0;
	width: 950px;
	clear:both;
	float:left;
}

div#contBody div#artResult1 ul {
	float: left;
}

div#contBody div#artResult1 ul li {
	display: inline;
}

div#contBody div#artResult1 dl.freewordFIELD {
	width: 350px;
	float:left;
}


div#contBody div#artResult1 dl.levelFIELD {
	width: 450px;
	float:left;
}





div#contBody div.boxSearchDisplay ul,
div#contBody div.boxSearchDisplayNum ul {
}
div#contBody div.boxSearchDisplay ul li,
div#contBody div.boxSearchDisplayNum ul li {
	display: inline;
	margin: 0 5px 0 0;
	white-space: nowrap;
	font-size: 93%;
}
div#contBody div.boxSearchDisplay ul li#displaySingle {
	padding: 0 2px 0 18px;
	background: url(/img/search/work/icn_display_single.gif) no-repeat 0 0;
}
div#contBody div.boxSearchDisplay ul li#displayDetail {
	padding: 0 0 0 28px;
	background: url(/img/search/work/icn_display_detail.gif) no-repeat 0 0;
}


div#UnitGroup {
	margin-left:0px;
	position: static;
}
div.unitConsider div.unit {
	height: 232px;
}



div#contents ul.mnInnrLink {
	margin: 0 0 5px;
	padding-top:10px;
	font-size:93%;
}
div#contents ul.mnInnrLink li {
	display: inline;
	float: none;
	width: auto;
	padding: 0 8px 0 0;
}

div#contents ul.mnInnrLink li a {
	display: inline !important;
	clear: none !important;
	float: none !important;
	border: none !important;
}


/*  KeywordFIELD
---------------------------------------------- */

dl#freewordFIELD dd#pushKWFIELD{
	padding-left:10px;
}
dl#freewordFIELD dd#pushKWFIELD ul.lstKey{
	padding:10px 0;
}
dl#keywordFIELD dt{
	padding-left:10px;
	float:left;
}
dl#freewordFIELD dd{
	padding:10px 0;
}
dl#keywordFIELD dd table#keywordBox{
	background:#FFFFFF;
}
dl#keywordFIELD dd table#keywordBox{
	border-collapse:collapse;
	margin:0;
	padding:0;
	width:750px;
}
dl#keywordFIELD dd table#keywordBox th,
dl#keywordFIELD dd table#keywordBox td{
	padding:4px 0 4px 4px;
}
dl#keywordFIELD dd table#keywordBox th {
	color:#9CCE2E;
	width:100px;
	vertical-align:top;
	
}
dl#keywordFIELD dd table#keywordBox td {
	padding-bottom:20px;
	vertical-align:top;
}
dl#keywordFIELD dd table#keywordBox td label{
	padding:10px;
	white-space:nowrap;
}


/* CLASS
---------------------------------------------- */

.btnShowAll a{
}

.btnShowAll a:visited,
.btnShowAll a{
color:#FFFFFF;
}

td .btnShowAll a{
}

.btnShowAll a{
}

.btnShowAll a:hover{
}

td .btnShowAll{
	text-align: right;
}




/* CLASS
 - resultTxt
---------------------------------------------- */
div#boxSearchResult dl{
background-color:#F9630D;
margin-bottom:10px;
color:#FFFFFF;
clear:both;
padding:5px 10px;
width:940px;}

div#boxSearchResult dl:after{
display:block;
clear:both;
content:"";
visibility:hidden;
height:0;
overflow:hidden;
font-size: 0em;
line-height: 0;}

div#boxSearchResult dl dt{
display:inline;
font-size:92%;}
div#boxSearchResult dl dd{
font-size:122%;
display:inline;
}

div#resultTxt dl{
background-color:#F9630D;
color:#FFFFFF;
clear:both;
padding:5px 10px;
width:940px;}

div#resultTxt dl:after{
display:block;
clear:both;
content:"";
visibility:hidden;
height:0;
overflow:hidden;
font-size: 0em;
line-height: 0;}

div#resultTxt dl dt{
display:inline;
font-size:92%;}
div#resultTxt dl dd{
font-size:122%;
display:inline;
}



/* noRESULT
---------------------------------------------- */
.noRESULT .btnShowAll a{
width:11em;
}


.noRESULT .btnShowAll{
margin:0;
}


div.searchInput{
text-align:center;
padding:40px 0;
}


div.noRESULT{
padding:40px 0;
text-align:left;
}

div.noRESULT dt{
font-weight:bold;}

div.noRESULT dd{
padding:20px 0 40px 0;}

/* unitDetail
---------------------------------------------- */
div#contents .unitDetail{
float:left;
width:320px;
height:230px;
position:relative;
_position:static;
}

div#contents .unitDetail dl{
width:308px;
height:208px;
margin:0 auto;
}

div#contents .unitDetail dl dt{
float:left;
clear:left;
text-align:left;
width:168px;
height:158px;
}

div#contents .unitDetail dl dt img{
display: block;
margin: auto;
vertical-align: middle;
}


div#contents .unitDetail dl dt img.thumbnail{
	visibility: hidden;
}

div#contents div.unitDetail dl dt a{
	position: relative;
	z-index: 1;
	display: block;
	width: 150px;
	height: 150px;
	border: 4px solid #FFFFFF;
	background-color: #F0F0F0;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

div#contents div.unitDetail dl dt a:hover{
z-index: 1;
display: block;
border: 4px solid #FFFF00;
background-color: #F0F0F0;
background-repeat:no-repeat !important;
background-position: 50% 50% !important;
}

div#contents .unitDetail dl dd span{
display:none;
/* \*/
display:block;
height:0;
width:0;
position:absolute;
overflow:hidden;
visibility:hidden;
/* */
}

div#contents .unitDetail dl dd{
padding: 15px 3px 3px 170px;
margin-right:10px;
background-repeat:no-repeat;
background-position:right top;
clear:right;
}

div#contents .unitDetail dl dd{
font-size:77%;
text-align:left;
}

div#contents .unitDetail dl dd.unitPrice{
	font-family: "ҥ饮ī Pro W3","ͣ ī","ī";
	font-size: 107%;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}


div#contents .fontS{
	display: block;
font-size:77%;}

div#contents .unitDetail dl dd em{
font-style:normal;}

div#contents .unitDetail dl dd.unitName{
background-image:url(/img/search/common/unit_level.gif);
}

div#contents .unitDetail dl dd.unitName a{
font-weight:bold;}

div#contents .unitDetail dl dd.unitPrice{
background-image:url(/img/search/common/unit_price.gif);
font-weight:bold;}

div#contents .unitDetail dl dd.unitSize{
background-image:url(/img/search/common/unit_size.gif);}

div#contents .unitDetail dl dd.unitTechnique{
background-image:url(/img/search/common/unit_technique.gif);
}

div#contents .unitDetail dl dd.unitPv{
background-image:url(/img/search/common/unit_pv.gif);}

div#contents .unitDetail dl dd.unitConsider{
background-image:url(/img/search/common/unit_consider.gif);}


/* NEW / SOLDOUT */
div.unitDetail img.COVERicon,
div.unitDetail img.NEWicon,
div.unitDetail img.SALEicon,
div.unitDetail img.SALESENDicon,
div.unitDetail img.SOLDOUTicon {
	z-index: 200;
	position: absolute;
	width: 150px;
	height: 150px;
	margin: 0 auto auto 0;
}
div.unitDetail img.SALESENDicon,
div.unitDetail img.SOLDOUTicon{
	z-index: 100;
}

div.unitDetail div.ieBOX,
div.unitDetail div.ieBOX	div.unitMessage,
div.unitDetail div.ieBOX	div.unitMessage p{
	z-index: 999;
	clear:both;}

div.unitDetail div.ieBOX{
	width:320px;
	z-index: 999;
	position:relative;
	text-align:left;}
	
div.unitDetail div.unitMessage{
margin-left:0;
left:10px;
overflow:visible;
text-align:left;
}

div.unitDetail div.ieBOX	div.unitMessage{
top:-5px;
margin:0;}

/*	div.unitDetail div.ieBOX	div.unitMessage{
	left:5px;
	top:auto;
	bottom:0;
	overflow:visible;
	margin:0;}

 unitMessage 
div.unitDetail 	div.unitMessage {
margin:0;
left:10px;
top:auto;
text-align:left;
bottom:0;
background: url(/img/common/bg_unit_info.gif) no-repeat 0 0;
}
div.unitDetail 	div.unitMessage p{
z-index:9999;}
*/

#otherRanking{
padding-top:30px;
border-top:3px solid #CCCCCC;}

/*
 - daily
---------------------------------------------*/
div.Pager#daily ul.pagerPages{}

div.Pager#daily ul.pagerPages li{}
div.Pager#daily ul.pagerPages li a{
	width: 160px !important;
}


/*
 - search sort
--------------------------------------------A*/


div.sortBox form{
display:inline;
}



div#contents div.sortBox table#searchDisplayTable{
clear:both;
float:left;
display:inline;
padding:14px 0 14px 10px;
text-align:left;
}


div#contents div.sortBox table#searchDisplayTable li{
	display: inline;
	padding: 0 8px 0 0;
	font-size:92%;
}

div#contents div.searchSort select {
background-color:#333333;
border:1px solid #CCCCCC;
color:#FFFFFF;
font-size:1.07em;
text-align:center;
width:148px;
}


div.sortBox div.Pager{
	clear:right;
	margin:0;
	padding:25px 0 10px 0;
}

div.sortBox{
	clear:both;
	width:960px;
	_height:20px;
	border-top:2px solid #EFEFEF;
	border-bottom:2px solid #EFEFEF;
	text-align: right;
}

div.sortBox:after{
display:block;
clear:both;
content:"";
visibility:hidden;
height:0;
overflow:hidden;
font-size: 0em;
line-height: 0;}

div#display h3 {
	padding-top:20px;
}

div.searchSort h4 {
background-color:#EEEEEE;
border-top:1px solid #CCCCCC;
color:#666666;
margin: 20px 0 0 0;
font-size:92%;
font-weight:bold;
padding:5px 3px;
text-align:left;
}


div.artistLIST{
	clear:both;
}


div#contents div.artistLIST h3{
	font-size:122%;
	font-weight:bold;
	padding: 5px 10px;
	background-color: #999999;
	color: #FFFFFF;
	clear: none;
}

div.artistLIST ul{
	clear:both;
	width: 960px;
	margin-bottom: 40px;
}

div.artistLIST ul:after{
display:block;
clear:both;
content:"";
visibility:hidden;
height:0;
overflow:hidden;
font-size: 0em;
line-height: 0;}

div.artistLIST li{
	float:left;
	width:240px;
}

div.artistLIST li a{
height: 16px;
padding:5px 0;
display:block;
float:left;
font-weight:bold;
clear:left;
border-bottom: 1px dotted #CCCCCC;
width:140px;}

div.artistLIST li em{
height: 16px;
_height: 17px;
padding:5px 0;
font-style:normal;
float:left;
clear:right;
width:80px;
display:block;
border-bottom: 1px dotted #CCCCCC;
text-align:left;
color:#666666;
font-size:77%;
}
div.artistLIST li i{
font-style:normal;
}

div.artistLIST li i.artistLvlTxt,
div#contents div.unitPeople dd em i.artistLvl{
font-size:114%;
background-color:#f0f0f0;}

div#contents div.unitPeople dd em i.artistLvl{
background-color:#FFFFFF;}

div.artistLIST li em strong,
div#contents div.unitPeople dd em strong{
color:#000000;
}

div.artistLIST li em i.artistBbsTxt strong,
div#contents div.unitPeople dd em,
div#contents div.unitPeople dd i,
div#contents div.unitPeople dd em i.artistBbs strong{
font-style:normal;
font-weight:normal;}

#newPicture{
width:960px;}


/*
 - unitpeople
--------------------------------------------*/

div.unitPeople{
float:left;
width:240px;
_width:239px;
height:120px;
overflow:hidden;}


div#contents div.unitPeople dl{
background-color:#f0f0f0;
height:110px;
width:230px;
margin-left: 4px;
}

div#contents div.unitPeople dt,
div#contents div.unitPeople dd{
text-align:left;
}
div#contents div.unitPeople dd{
	width: 123px;
	float: left;
	padding:2px 10px 2px 0;
}
div#contents div.unitPeople dd.picLvl{
font-size:92%;}

div#contents div.unitPeople dd.picComment{
font-size:77%;}

div#contents div.unitPeople dd strong{
display:none;}

div#contents div.unitPeople dd em{
font-style:normal;
color:#666666;}

div#contents div.unitPeople dd i{
font-style:normal;
}
div#contents div.unitPeople dd em strong{
display:inline;
color:#000000;}


div#contents div.unitPeople dt{
padding:10px 10px 0;
float:left;
width:67px;
clear:left;}

div#contents div.unitPeople dt a img{
border:5px solid #709ebe;}

div#contents div.unitPeople dt a:hover img{
border:5px solid #FFFF00;}

div#contents div.unitPeople dd.picMade{
margin: 10px 0 0;
font-size:107%;
font-weight:bold;
}

div#contents div.unitPeople dd.picLvl{
padding:0 10px;}

div#contents div.unitPeople dd.picComment{
padding-bottom:3px;
text-align:left;
}
div#contents div.unitPeople dd.picOption3{
padding: 0 3px 0 10px;
font-size: 77%;
background: #F6F6F6 url(/img/common/icn_head01.gif) no-repeat 2px 50%;
}
div#contents div.unitPeople dd.picOption3 strong{
	display: inline;
	font-weight: normal;
}




div#contents i.artistBbs{
font-size:92%;
color:#666666;}

div#contents i.artistBbs strong{
font-weight:normal;
color:#666666;}

div#contents p#bbsTxt{
	margin: 15px 0 25px;
	clear:both;
	color: #666;
	font-size:85%;
	line-height: 1.5;
}



/* Clearfix
---------------------------------------------- */

div#contBody div#tabSearch,
div#contBody div#tabSearch ul.btnTabSearch,
div#contBody div#boxSearchLimit {
		zoom: 1;/*for IE 5.5-7*/
}
div#contBody div#tabSearch:after,
div#contBody div#tabSearch ul.btnTabSearch:after,
div#contBody div#boxSearchLimit:after
 {/*for modern browser*/
		content: ".";
		display: block;
		height: 0px;
		clear: both;
		visibility: hidden;
}
* html div#contBody div#tabSearch,
* html div#contBody div#tabSearch ul.btnTabSearch,
* html div#contBody div#boxSearchLimit {
	display: inline;
	/*\*/display: block;/**/
}