@charset "utf-8";
/* CSS Document */
#breadcrumb p:first-child {
	width: 600px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#infoTab {
	font-size:14px;
	height:52px;
	line-height:52px;
	padding-left:23px;
}

#infoTab .active {
	color:#3b3d40;
}

#infoTab a {
	color:#c4c5c6;
}


#infoTab p, #infoTab span {
	float:left;
}

#infoTab span {
	display:inline-block;
	padding:0px 10px;
}

/* List */

.mailService {
	text-align:right;
	width:880px;
	margin:0px auto;
	margin-top:10px;
}

.mailService span {
	color:#979B9E;
}

#informationList li {
	padding:20px 0px;
	position:relative;
}

#informationList li:first-child {
	border:none;
}

#informationList li.hasImage {
	min-height:173px;
}

#informationList li.hasImage p {
	width:612px;
}

#informationList li.hasImage div.infoImage {
	width:231px;
	height:173px;
	position:absolute;
	right:0px;
	top:20px;
	overflow:hidden;
	
	background:#f7f7f8;
}

#informationList li .infoTitle {
	color:#444546;
	font-size:18px;
}

#informationList li .infoTitle span {
	height:16px;
	line-height:16px;
	font-size:12px;
	color:#fff;
	background:#c6c6c6;
	padding:0px 5px;
	display:inline-block;
	margin-left:10px;
}

#informationList li.infoTitle a {
	text-decoration:underline;
	font-size:18px;
}

#informationList li:hover .infoTitle a {
	text-decoration:underline;
	font-size:18px;
}

.infoDate {
	font-size:12px;
	height:16px;
	line-height:16px;
}

.infoDigest {
	margin-top:20px;
	font-size:14px;
	line-height:1.7em;
}

#informationList li.hasImage .infoDigest {
	width:630px;
}

.infoMore {
	margin-top:20px;
}

#informationList li:hover .infoMore a {
	text-decoration:underline;
}




/* detail */
#infoDetailArea {
	padding:0;
	padding-bottom:20px;
}

#infoDetailTitle {
	padding-top:20px;
	padding-bottom:15px;
}

#infoCaption {
	font-size:18px;
	font-weight: bold;
}

#infoCaption span {
	height:20px;
	line-height:20px;
	font-size:12px;
	color:#fff;
	background:#c6c6c6;
	padding:0px 5px;
	display:inline-block;
	margin-left:10px;
}

#infoDetail {
	margin-top:18px;
}

#infoDetail .leftArea {
	width:560px;
	float:left;
}

#infoDetail .rightArea {
	width:114px;
	margin-left:35px;
	float:left;
}

#infoArticle {
	color:#444546;
	font-size:14px;	
	line-height:1.7em;
}

#infoArticle a {
	color:#1161c0;
	text-decoration:underline;
}

/*socialArea */
.socialArea {
	position:relative;
	margin-top:30px;
	width:100%;
}

.socialArea .socialList{
	margin-right: 10px;
}

#infoDetailArea .socialTwitter, #infoDetailArea .socialFaceBook, #infoDetailArea .socialGoogle,  #infoDetailArea .socialMixi, #infoDetailArea .socialRSS {
	float:left;
	position: relative;
}

#infoDetailArea .mailService {
	position:absolute;
	right:0px;
	top:0px;
}

#infoFoot {
	height:50px;
	font-size:12px;
	
	position:relative;
}

#infoFoot a {
	color:inherit;
	text-decoration:underline;
}

#infoPrev {
	position:absolute;
	left:10px;
	top:50%;
	margin-top:-6px;
}

#infoNext {
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-6px;
}

/* photoViewer */
#photoViewer {
	width:285px;
	height:215px;
	position:relative;
	overflow:hidden;
}

#photoViewer li {
	position:absolute;
	width:285px;
	height:215px;
	left:285px;
	top:0px;
	background:#f7f7f8;
}

#photoNavigator {
	margin-top:5px;
	width:285px;
}

#photoNavigator li {
	float:left;
	width:67px;
	height:50px;
	overflow:hidden;
	margin-left:5px;
	cursor:pointer;
	position:relative;
	background:#f7f7f8;
}

#photoNavigator li.active {
	cursor:default;
}

/* related */
#relatedProduct {
	padding:15px 20px;
	width:245px;
	margin-top:20px;
}

#relatedProduct h3 {
	font-size:14px;
}

#relatedProductList li {
	padding-left:90px;
	position:relative;
	min-height:80px;
	margin-top:15px;
	background:#efefef;
}

#relatedProductList li .discoImage {
	position:absolute;
	left:0px;
	top:0px;
	
	width:80px;
	height:80px;
	overflow:hidden;
	background:#f7f7f8;
}

.relatedItem {
	color:#858a8e;
	font-size:11px;
}

.relatedItem dt {
	color:#636669;
	font-size:12px;
}


.discoDate, .discoType, .discoPrice {
	height:18px;
	line-height:18px;
}

.discoCatch {
	line-height:1.4em;
}

/* recent */
#recentInfo {
	margin-top:20px;
}


#recentInfoHead {
	height:38px;
	line-height:38px;
	
	font-size:14px;
	padding-left:15px;
}

#recentInfoBody {
}

#recentInfoList li {
	position:relative;
	padding:10px 0px;
	padding-left:15px;
	cursor:pointer;
}

#recentInfoList li .infoTitle {
	line-height:21px;
}

#recentInfoList li .infoDate {
	height:16px;
	line-height:16px;
}

#recentInfoList .listArrow {
	position:absolute;
	right:15px;
	top:50%;
	margin-top:-6px;
	color:#d2d2d2;
	font-size:10px;
}

#recentInfoFoot {
	background:#fff;
	height:5px;
}

.socialMixi {
	overflow: hidden;
}