/*//////////////////////////////////////////////////////////////////////////////// creators ////////////////////////////////////////////////////////////////////////////////*/
h2.vendorName{
	color: #000;
	height: 40px;
	font-size: 15px;
	line-height: 40px;
	background-color: #f9f9f9;
	padding: 0 20px;
	border-top: 1px solid #f5f5f5;
}

#detail{ width: 940px; margin:0 auto;}
.creatorInBox{padding:20px;}

#coverimage{ position:absolute; width:100%; height:288px; top:0; z-index:1; background-color: #f0f0f0;}
#coverimagemask{ position:relative; width:100%; height:70%; overflow: hidden; }
#coverimage img { display: block; width: 100%; height: auto;}

.creators { margin-bottom: 0;}
.creatorsTtl {
	background: url(../img/ttl_bg.gif) repeat-x left center;
	font-size: 18px;
	line-height: 18px;
	margin: 0 20px 35px 0;
	text-align: center;
	clear: both;
}
.creatorsTtl span {
	background-color: #f5f5f1;
	padding: 0 10px;
}

.creators-box-wrap {
	width: 230px;
	height: 240px;
	position: relative ;
	margin-bottom: 20px;
	margin-right: 20px;
	background-color: #fff;
	float: left;
	-moz-box-shadow: 0px 0px 5px rgba(102,102,102,0.1);
	-webkit-box-shadow: 0px 0px 5px rgba(102,102,102,0.1);
	box-shadow: 0px 0px 5px rgba(102,102,102,0.1);
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
}
.creators-box-wrap:nth-of-type(4n) { margin-right: 0;}
.creatorsImg { margin: 0 0 10px 0;}
.creatorsName { font-size: 16px; font-weight: normal; margin: 0 0 8px 0; padding: 0 10px;}
.creatorsGanre { font-size: 10px; color: #e9e9e9; margin: 0; padding: 0 10px;}

#detail{
	/*overflow: hidden;*/
}
.creatorsTxt p:first-child:first-letter {
	float: left;
	font-size: 500%;
	font-style: normal;
	line-height: 50%;
	margin-right: 0.1em;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
}
#creators-detailTitle{ position:relative; }
.creators-detail-l{ width:100%; position:relative; z-index: 2; height: 288px;}
.creators-detail-l img { width:220px; height: auto; display: block;}
#creatorThumbBox{position: absolute; width: 172px; height: 172px; overflow: hidden; left: 50%; margin-left: -89px; bottom: 55px; border: solid #fff 6px;}
#creatorThumbBox img{ width: 172px; height:auto; position: relative;}
#creatorNameBox{ position: absolute; z-index:1; width:500px; left:50%; margin-left: -250px; bottom: 6px; }
#creatorNameBox p{ display: block; text-align: center; }
.creators-detaileName{ font-size: 16px; }
.creators-detaileGanre{ font-size: 13px; color: #999;}


.creatorsTxt p {
	font-size: 13px;
	line-height: 22px;
}
#creators-detailTitle {
	background-color:#fff;
}
#creators-detailTitle dl {
	overflow:hidden;
	padding:0;
	margin:0l
}
#creators-detailTitle dl dt {
	float:left;
	margin:0;
	padding:0;
	width:230px;
	line-height: 0;
}
#creators-detailTitle dl dd {
	float:left;
	text-align:center;
	width:320px;
	padding:160px 0 0;
	line-height: 160% ;
}
dd span.creators-detaileName { font-size:24px;}
dd span.creators-detaileGanre { font-size:10px; color: #999;}

.creatorsName a:link, .creatorsName a:visited { color: #444; text-decoration: none;}
.creatorsName a:hover, .creatorsName a:active { color: #444; text-decoration: underline;} 

.goToBrandPage {
	width: 180px;
	margin: 40px auto 89px auto;
	text-align: center;
}
.goToBrandPage a {
	display: block;
	width: 100%;
	height: 50px;
	text-align: center;
	color: #fff;
	font-size: 13px;
	line-height: 50px;
	background-color: #7aa4dd;
	display: block;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	position:relative;	
    behavior: url("/user_data/packages/default/css/pie/PIE.htc");  	
}
.goToBrandPage a:hover {
	text-decoration: none;
	background-color: #e9e9e9;
}

/* ---------------------------------------------------------------------------------------------------------
ベンダー情報
--------------------------------------------------------------------------------------------------------- */
.vendorInfo {
	background-color: #fff;
	padding: 20px 0;
	font-size: 12px;
	color: #000;
	border-bottom: 1px solid #f5f5f5;
	margin-bottom: 12px;
}
.vendorInfoTbl {
	padding: 0px 1em;
	position: relative;
}
.vendorInfo table{ padding:20px 0 0 0;}
.vendorInfo table th { width: 70px;}
.vendorInfo table th, .vendorInfo table td {
	text-align: left;
	padding: 0 1em 8px 0;
	font-weight: normal;
	vertical-align: initial;
}
.vendorInfo .vendorMap {
	float: left;
	width: 470px;
}

.vendorTxtArea {
	padding: 40px 0 80px 0;
	border-bottom: #e9e9e9 solid 1px;
	border-top: #e9e9e9 solid 1px;
}
.vendorTxtArea h5 {
	font-size: 24px;
	color: #333;
	margin: 0 0 30px 0;
	clear: both;
	font-weight: normal;
}
.vendorTxtArea .vendorTxtL {
	word-wrap: break-word;
	float: left;
	width: 550px;
	margin: 0 0 30px 0;
	font-size: 14px;
	line-height: 24px;
}
.vendorTxtArea .vendorImgR {
	float: right;
	width: 360px;
	margin: 0 0 30px 0;
}
.vendorTxtArea .vendorTxtR {
	word-wrap: break-word;
	float: right;
	width: 557px;
	margin: 0 0 30px 0;
	font-size: 14px;
	line-height: 24px;
}
.vendorTxtArea .vendorImgL {
	float: left;
	width: 350px;
	margin: 0 0 30px 0;
}
.vendorDetailSns {
	position: absolute;
	bottom:-4px;
	left:0;
}
.vendorDetailTw, .vendorDetailFb{
	float: left;
	margin-right: 10px;
}
.vendorDetailTw {
	width: 98px;
}

#vendorLinkBox{ padding:20px; margin-top: 4px; border-top: 1px solid #f5f5f5; }
#vendorLinkBox li{ line-height:24px;}
.item-tag-sectionin-box {
padding: 10px 14px;
}