@charset "utf-8";

article {
	padding:60px 0 30px 0;
}


#contents p{
	color:#646464;
	line-height:160%;
	font-size:14px;
}

#contents h3{
	margin-top:1em;
	margin-bottom:1em;
	border-left:5px solid #FF9999;
	padding-left:8px;
	padding-top:3px;
	font-size:22px;
}


#contents .parent_title {
	border-top:5px solid #FF9999;
	padding:20px 0 30px 0;
	font-size:30px;
	color:#FF9999;
}

#contents .parent_title .icon_on {
	display:inline-block;
	*display:inline;
	*zoom:1;
	text-indent:-50px;
	margin-left:50px;
	line-height:40px;
	width:100%;
}

#contents .parent_title img {
	vertical-align:middle;
}

#contents #newitem,
#contents #series {
	padding-bottom:30px;
}

#contents .item_wrap {
	margin:0 auto;
	position:relative;
}

#contents .item_wrap .group {
	margin:0 auto;
}

#contents .item_wrap .item {
	float:left;
	padding:0 7px;
	margin-bottom:20px;
	text-align:center;
}

#contents .item_wrap .item .item_thumb {
	display:block;
	width:100%;
	height:100px;
	text-align:center;
	position:relative;
	z-index:1;
}

#contents .item_wrap .item img {
	vertical-align:middle;
	max-width:100%;
	max-height:100%;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}



#contents .item_wrap .item a {
	text-decoration:none;
	display:block;
	width:170px;
	background:#fff;
	position:relative;
	border:1px solid #ccc;
}

#contents .item_wrap .item .player {
	width:100%;
	height:100px;
	background:rgba(0,0,0,0.15) url(/common/img/play_btn.png) center center no-repeat;
	position:absolute;
	top:0;
	left:0;
	z-index:3;
}

#contents .item_wrap .item a:hover .player{
	background-color:rgba(255,255,255,0.10);
}

#contents .item_wrap .item .goods_name{
	display:block;
	background:#FA8867;
	color:#fff;
	padding:7px;
	font-size:12px;
	line-height:120%;
	text-align:left;
}

#eyecatch {
	padding-bottom:30px;
}

#eyecatch .lead {
	background:#ccc;
}

#eyecatch p {
	padding:15px;
	color:#fff;
}

#goods_spec .images {
	width:380px;
	float:left;
}

#goods_spec .images .preview {
	border:2px solid #eee;
	width:100%;
	height:380px;
	position:relative;
}

#goods_spec .images .preview img {
	vertical-align:middle;
	max-width:100%;
	max-height:100%;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

#goods_spec .images .thumb {
	margin-top:10px;
}

#goods_spec .images .thumb li {
	width:55px;
	margin-left:10px;
	float:left;
}

#goods_spec .images .thumb li a {
	display:block;
	width:55px;
	height:55px;
	position:relative;
	border:1px solid #eee;
}
	

#goods_spec .images .thumb li a img {
	vertical-align:middle;
	max-width:100%;
	max-height:100%;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

#goods_spec .images .thumb li:first-child {
	margin-left:0;
}
#goods_spec .spec {
	width:330px;
	float:right;
}

#goods_spec .spec h4 {
	background:url(../img/spec_line.gif) center left repeat-x;
	margin-bottom:15px;
}

#goods_spec .spec h4 span {
	display:inline-block;
	*display:inline;
	*zoom:1;
	border-radius:99px;
	background:#FF9999;
	color:#fff;
	padding:7px 20px;
	font-size:16px;
}

#goods_spec .spec .row {
	display:block;
}

#goods_spec .spec dl {
	padding-top:15px;
	font-size:14px;
	line-height:140%;
}

#goods_spec .spec dl dt {
	background:#FFF5F5;
	padding:5px 10px;
}

#goods_spec .spec dl dd {
	padding:5px 10px 15px 10px;
}

#leaflet {
	text-align:center;
	padding:40px 0;
}

#leaflet a {
	display:inline-block;
	*display:inline;
	*zoom:1;
	background:#FF9999;
	color:#fff;
	text-decoration:none;
	padding:15px 40px;
	border-radius:3px;
}

#leaflet a:hover {
	background:#FF4D4D;
}

#howto {
	padding-top:30px;
}

#howto .parent_title .caption {
	font-size:14px;
	color:#666;
}

#material thead th{
	background:#FFEBEB;
	text-align:center;
	border:1px solid #D6D6D6;
	padding:15px;
}

#contents #material tbody th {
	border-right:1px solid #D6D6D6;
}

#contents #material tbody td {
	border-left:1px solid #D6D6D6;
}

#contents #serach_list p.search_lead {
	padding:0 0 1em 0;
}


#movie {
	width:640px;
	padding:20px 0;
	margin:0 auto;
}

#movie .rel_link {
	padding-top:10px;
	text-align:center;
}

#movie .rel_link a {
	display:inline-block;
	*display:inline;
	*zoom:1;
	background:#FF9999;
	color:#fff;
	font-size:14px;
	text-decoration:none;
	padding:10px 20px;
	border-radius:5px;
}

#movie .rel_link a:hover {
	background:#FF4D4D;
}