@charset "utf-8";


/**** Isotope Filtering ****/

.isotope-item {
	z-index: 2;
	_z-index: 100 !important;
}
html>body .isotope-item{
	display:block;
}
.isotope-item a{
	_cursor:pointer !important;
}
.isotope-hidden.isotope-item,.isotope-hidden.isotope-item a{
	pointer-events: none;
	z-index: 1;
	cursor:default;
}
html>body .isotope-hidden.isotope-item,
html>body .isotope-hidden.isotope-item a{
	display:none;
}
.isotope-hidden{
	_pointer-events: none !important;
	_z-index: 1 !important;
	_cursor:default !important;
}

/**** Isotope CSS3 transitions ****/

.isotope, .isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property:    -moz-transform, opacity;
	-ms-transition-property:     -ms-transform, opacity;
	-o-transition-property:      -o-transform, opacity;
	transition-property:         transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}
/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
.element {
	margin:0 0 14px 3px;
}
.element:hover {
  z-index: 5;
  
}
#container {
	background:url("/product/img/top_box_bg.gif") repeat-y 0 0 ;
	padding:0 0 0 13px;
}
.in_bg {
	background:url("/product/img/top_box_bottom.gif") no-repeat bottom left;
	padding-bottom:13px;
}
.ml_col1 {
	margin-left:14px;
}





/* recommend */
.recommend_area{
	margin:20px 0 27px;
}
.span_p_top_left{
	width:610px;
	margin:0;
}
.top_recommend_in{
	padding:0 0 5px 14px;
	background: url("/product/img/top_recommend_bg.jpg") no-repeat bottom left;
	zoom:+1;
	min-height:192px;
}
.span_p_top_right{
	width:335px;
	margin:0 0 0 15px;
	padding:0;
}

.productSnippet .productSnippetContent img {
	margin: 14px 0 35px 0;
}
.productSnippetContent {
	background: url("/product/img/top_recommend_bg_box.gif") no-repeat top left;
	width: 186px;
	float: left;
	margin-right: 10px;
	_margin-right: 8px;
}
.productSnippetContent .figure{
	padding:6px 36px;
	display:block;
}
.productSnippetContent .badge{
	margin:2px 0 0;
}
.productSnippetContent .arrowedWrapper{
	font-size:85.7143%;
	margin:5px 0 0;
}
.productSnippetContent .releaseDate{
	font-size: 78.5714%;
}

/* search */
.productSearch_block{
	background: url("/product/img/top_search_bg.jpg") no-repeat 0 0;
	width:335px;
	height:230px;
	margin:0;
	padding:0;
	position:relative;

}
.productSearch_block form,
.productSearch_block fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
.productSearch_block fieldset{
	margin:40px 0 0;
}
.productSearch_block input.text {
 width: 220px;
	height:20px;
	padding-top: 4px;
}
.productSearch_block input.text {
 font-size: 100%;
 margin:2px 4px 0 20px;
 vertical-align: middle;
	border:1px solid #999;
}
.productSearch_block input.submit{
	background: url("/product/img/top_button_search.jpg") no-repeat 0 0;
	border: medium none;
	height: 34px;
	padding: 0;
	text-indent: 65px;
	vertical-align: middle;
	width: 65px;
	cursor:pointer;
}
.productSearch_block legend,.productSearch_block h2{
 text-indent: -9999px;
}
.button_next{
	position:absolute;
	left:27px;
	top:179px;
	display:block;
}
.button_allergy{
	position:absolute;
	right:28px;
	top:179px;
	display:block;
}




/* navi */
.navi_block{
 background: url("/product/img/top_title_bg.gif") no-repeat bottom left;
	padding:0 0 16px;
}
ul.compact {
	line-height: 0;
	margin: 0;
	background-color:#ffd28d;
}
ul.compact li {
	margin:0;
	/margin:0 0 -1px 0;
}

ul.compact li a{
 background: url("/product/img/top_navi_sprite_button.gif") no-repeat 0 0;
 height: 41px;
 outline: medium none;
 text-indent: -9999px;
 width: 156px;
	display:block;
	line-height:0;
	font-size:0;
}

ul.compact li a.nav01:hover, ul.compact li a.selected.nav01{
 background: url("/product/img/top_navi_sprite_button_over.gif") no-repeat 0 0;
 background-position: 0 0;
}
ul.compact li a.nav01{
 background: url("/product/img/top_navi_sprite_button.gif") no-repeat 0 0;
 background-position: 0 0;
	width:168px;
}
ul.compact li a.nav02:hover, ul.compact li a.selected.nav02 {
 background: url("/product/img/top_navi_sprite_button_over.gif") no-repeat 0 0;
 background-position: -168px 0;
}
ul.compact li a.nav02{
 background: url("/product/img/top_navi_sprite_button.gif") no-repeat 0 0;
 background-position: -168px 0;
}

ul.compact li a.nav03:hover, ul.compact li a.selected.nav03 {
 background: url("/product/img/top_navi_sprite_button_over.gif") no-repeat 0 0;
 background-position: -324px 0;
}
ul.compact li a.nav03{
 background: url("/product/img/top_navi_sprite_button.gif") no-repeat 0 0;
 background-position: -324px 0;
}

ul.compact li a.nav04:hover, ul.compact li a.selected.nav04 {
 background: url("/product/img/top_navi_sprite_button_over.gif") no-repeat 0 0;
 background-position: -480px 0;
}
ul.compact li a.nav04{
 background: url("/product/img/top_navi_sprite_button.gif") no-repeat 0 0;
 background-position: -480px 0;
}

ul.compact li a.nav05:hover, ul.compact li a.selected.nav05 {
 background: url("/product/img/top_navi_sprite_button_over.gif") no-repeat 0 0;
 background-position: -636px 0;
}
ul.compact li a.nav05{
 background: url("/product/img/top_navi_sprite_button.gif") no-repeat 0 0;
 background-position: -636px 0;
}

ul.compact li a.nav06:hover, ul.compact li a.selected.nav06 {
 background: url("/product/img/top_navi_sprite_button_over.gif") no-repeat 0 0;
 background-position: -792px 0;
		width:168px;
}
ul.compact li a.nav06{
 background: url("/product/img/top_navi_sprite_button.gif") no-repeat 0 0;
 background-position: -792px 0;
	width:168px;
}

ul.compact li a.nav07:hover, ul.compact li a.selected.nav07 {
 background: url("/product/img/top_navi_sprite_button_over.gif") no-repeat 0 0;
 background-position: -168px -41px;
}
ul.compact li a.nav07{
 background: url("/product/img/top_navi_sprite_button.gif") no-repeat 0 0;
 background-position: -168px -41px;
}
ul.compact li a.navkinou:hover, ul.compact li a.selected.navkinou {
 background: url("/product/img/top_navi_sprite_button_over.gif") no-repeat 0 0;
 background-position: 0px -41px;
	width:168px;
}
ul.compact li a.navkinou{
 background: url("/product/img/top_navi_sprite_button.gif") no-repeat 0 0;
 background-position: 0px -41px;
	width:168px;
}
ul.compact li a.nav08:hover, ul.compact li a.selected.nav08 {
 background: url("/product/img/top_navi_sprite_button_over.gif") no-repeat 0 0;
 background-position: -324px -41px;
}
ul.compact li a.nav08{
 background: url("/product/img/top_navi_sprite_button.gif") no-repeat 0 0;
 background-position: -324px -41px;
}

ul.compact li a.nav09:hover, ul.compact li a.selected.nav09 {
 background: url("/product/img/top_navi_sprite_button_over.gif") no-repeat 0 0;
 background-position: -480px -41px;
}
ul.compact li a.nav09{
 background: url("/product/img/top_navi_sprite_button.gif") no-repeat 0 0;
 background-position: -480px -41px;
}

ul.compact li a.navbusiness:hover, ul.compact li a.selected.navbusiness {
 background: url("/product/img/top_navi_sprite_button_over.gif") no-repeat 0 0;
 background-position: -636px -41px;
}
ul.compact li a.navbusiness{
 background: url("/product/img/top_navi_sprite_button.gif") no-repeat 0 0;
 background-position: -636px -41px;
}

ul.compact li a.navgift:hover, ul.compact li a.selected.navgift {
 background: url("/product/img/top_navi_sprite_button_over.gif") no-repeat 0 0;
 background-position: -792px -41px;
}
ul.compact li a.navgift{
 background: url("/product/img/top_navi_sprite_button.gif") no-repeat 0 0;
 background-position: -792px -41px;
}


/** carousel **/
.list_carousel {
	margin: 0;
	width: 920px;
	margin:25px 0 0;
	padding:10px 15px 10px 25px;
	position:relative;
	background: url("/product/img/top_cl_bg.gif") no-repeat 0 0;
}
.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.list_carousel li {
	font-size: 40px;
	color: #999;
	text-align: center;
	width: 222px;
	height: 68px;
	padding: 0;
	margin: 0 0 0 4px;
	display: block;
	float: left;
}
.list_carousel.responsive {
	width: auto;
	margin-left: 0;
}
.prev {
	position:absolute;
	left:2px;
	top:32px;
	background: url("/product/img/top_icon_left.gif") no-repeat 0 0;
	width:20px;
	height:20px;
}
.next {
	position:absolute;
	right:3px;
	top:32px;
	background: url("/product/img/top_icon_right.gif") no-repeat 0 0;
	width:20px;
	height:20px;
}
.timer {
	background-color: #999;
	height: 6px;
	width: 0px;
}

/** notice **/
.notice_area{
	border-width:0 2px;
	border-color:#d9d9d9;
	border-style:solid;
	width:956px;
	padding:8px 0;
}
.notice_area_bottom{
	background: url("/product/img/top_notice_bottom.gif") no-repeat bottom left;
	padding-bottom:3px;
}
/* ie6 */
.notice_area_bottom .span_120 {
 _width: 950px;
}
.notice_area_bottom .span_60 {
 _width: 463px;
}

dl.left_area{
	margin:0 20px;
}
.right_area{
	font-size:85.7143%;
	padding:0 0 60px;
	margin:0 25px 0 0;
}
dl.left_area dt{
	margin:8px 0 0;
	font-size:85.7143%;
}
.right_area dt{
	margin:8px 0 0;
}
dl.left_area dd,.right_area dd{
	padding:8px 0 0;
}
dl.left_area .t_red{
	color:#cc0000;
}

#container,.navi_block,.in_bg,.top_recommend_in{
 +zoom: 1;
}
#container:after,.navi_block:after,.in_bg:after,.top_recommend_in:after{
	content: '';
	display: block;
	clear : both;
	height: 1px;
	margin-bottom: -1px;
	visibility: hidden;
}