@charset "utf-8";


/* ------------------------------------------------------
Top SlideShow
------------------------------------------------------ */
#mainvisi{
width:100%; min-width:1200px; height:426px; overflow-x:hidden; background:none;
margin:0 auto;
position:relative;
z-index:40;
}
#mainvisiWrap{
/*width:1200px;*/
/*width:1600px;*/
position:relative;
margin:0 auto;
}
#mainvisiWrap .image-area{
width:100%;
height:401px;
overflow:hidden;
position:relative;
}
#mainvisiWrap .image-area ul{
width:10000px;
margin-left:-10px;
position:absolute;
top:0px;
left:407px;/* -430 */
/zoom:1;
}
#mainvisiWrap .image-area ul:after{content:''; display:block; clear:both; height:0;}
#mainvisiWrap .image-area li{
float:left;
width:492px;
height:368px;
margin:24px 6px 35px 6px;
/*
width:400px;
height:506px;
padding:21px 2px 33px 2px;
*/
position:relative;
}
#mainvisiWrap .image-area li img{
-webkit-box-shadow: 0px 0px 3px #909090;-moz-box-shadow: 0px 0px 3px #909090;box-shadow: 0px 0px 3px #909090;
border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;
}
/*#mainvisiWrap .image-area li.focus{opacity:1.0;filter: alpha(opacity=100);-ms-filter: "alpha(opacity=100)";-moz-opacity:1.0;-khtml-opacity: 1.0;}*/
#mainvisiWrap .image-area li a:hover{ 
opacity:0.75;filter: alpha(opacity=75);-ms-filter: "alpha(opacity=75)";-moz-opacity:0.75;-khtml-opacity: 0.75;
behavior: url("http://mb-live.jp/share/css/PIE.htc");}



#mainvisiWrap .image-area li a{display:block;width:492px;height:506px; text-decoration:none;}
#mainvisiWrap .image-area li a span.info{display:block;width:394px;height:120px; position:absolute; left:0px; bottom:0px; background:url(../images/topslider/tps_cover.png) left top no-repeat;}
#mainvisiWrap .image-area li a span.info span.txt{ margin-left:20px; color:#E5E5E5;
text-shadow: 0 0 10px #000, 0 0 12px #000, 0 0 0.40px #000;
behavior: url("http://mb-live.jp/share/css/PIE.htc");}
#mainvisiWrap .image-area li a span.info img.btn{ position:absolute; left:20px; bottom:20px;}


#mainvisiWrap .image-area li.label span.label{ display:block; width:60px; height:60px; position:absolute; right:0px; top:0px;}
	li.label.special span.label{background:url(http://mb-live.jp/share/images/topslider/label_sp.png) left top no-repeat;}
	li.label.fashion span.label{background:url(http://mb-live.jp/share/images/topslider/label_fs.png) left top no-repeat;}
	li.label.campaign span.label{background:url(http://mb-live.jp/share/images/topslider/label_cp.png) left top no-repeat;}
	li.label.sports span.label{background:url(http://mb-live.jp/share/images/topslider/label_spt.png) left top no-repeat;}

#mainvisiWrap .image-area li img{}
#mainvisiWrap .image-area li.new img.newtag{ position:absolute; left:11px; top:10px;}

#mainvisiWrap .image-area .loading{
text-align:center;
margin-top:194px;
}

#mainvisiWrap .btn-area{
width:100%;
height:25px;
position:relative;
}
#mainvisiWrap .btn-area li{
position:absolute;
top:2px;
}
#mainvisiWrap .btn-area li.btn01{ left:356px; }
#mainvisiWrap .btn-area li.btn02{ left:421px; }
#mainvisiWrap .btn-area li.btn03{ left:505px; }
#mainvisiWrap .btn-area li.btn04{ left:608px; }

#mainvisiWrap .controll-area{ display:none;}
#mainvisiWrap .controll-area li{
position:absolute;
top:173px;
}
#mainvisiWrap .controll-area li.prev{ left:136px;}
#mainvisiWrap .controll-area li.next{ left:883px;}/*right:136px;*/


#controll-btnWrap{ width:996px; height:9px; margin:0 auto; position:relative; text-align:center;}
#mainvisi .controll-btn { position:absolute; bottom:0px; left:10px;}
#mainvisi .controll-btn li{ float:left; width:9px; height:9px; padding:0 1px;}
#mainvisi .controll-btn li a{ display:block; width:9px; height:9px; background:url(../images/topslider/indicator.png) left -10px; line-height:0; text-indent:-9999px;}
#mainvisi .controll-btn li.focus a{ display:block; width:9px; height:9px; background:url(../images/topslider/indicator.png) left top; line-height:0; text-indent:-9999px;}


.title_lv02{ /*border-bottom:solid 1px #dddddd;*/ margin-bottom:0px;}

/* ------------------------------------------------------
Original Contents
------------------------------------------------------ */
#originalCont{ padding-bottom:0px;}
#originalContWrap{ width:996px; margin:0 auto; position:relative; z-index:60;}


#originalCont .items{width:996px; } 
/*#originalCont .item {display:table-cell; padding-right:12px; position:relative;*display:inline;*zoom:1;}*/
#originalCont .item {display: block; float:left; padding-right:12px; position:relative;*display:inline;*zoom:1;}

#originalCont .item .title img{-webkit-box-shadow: 0px 0px 3px #999;
-moz-box-shadow: 0px 0px 3px #999;box-shadow: 0px 0px 3px #999;
border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;behavior: url("http://mb-live.jp/share/css/PIE.htc");}
#originalCont .item .title h3 img{ margin-top:10px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;}
#originalCont .item .detail{ display:none;}
#originalCont .item .ocPop{ position:absolute; left:0; bottom:-29px; z-index:60; width:240px; height:29px; text-align:center; visibility:visible;}
#originalCont .item .ocPop.hide{ visibility:hidden;}

.ocCarousel {
	margin: 0 auto;
	width: 996px;
	height: 216px;
	text-align: left;
	position: relative; 
}

.ocCarousel .carousel_prev,
.ocCarousel .carousel_next {position: absolute;top: 38px;	width: 45px; height: 45px; cursor: pointer; text-indent:-9999px;}
.ocCarousel .carousel_prev {
	left: -65px;
	background:url(../images/top/btn_prev.png) left top no-repeat;
}
.ocCarousel .carousel_next {
	right: -65px;
	background:url(../images/top/btn_next.png) left top no-repeat;
}
.ocCarousel .carousel_prev:hover,.ocCarousel .carousel_prev.stay,
.ocCarousel .carousel_next:hover,.ocCarousel .carousel_next.stay{ background-position:left -45px;}
.ocCarousel .ocCarousel ul li {
	width: 240px;
	float: left;
	display: inline;
	padding:0 0px;
}

#detailInfo{ width:100%; color:#666; text-align:center; background:url(../images/top/oc_detal_bg.png) left top repeat-x; padding:47px 0 24px 0; margin-bottom:46px;
box-shadow:inset -1px -1px 2px rgba(0,0,0, 0.15); display:none; position:relative; z-index:55; margin-top:-34px; zoom:1;
behavior: url("http://mb-live.jp/share/css/PIE.htc");}
/* *:first-child+html #detailInfo{ top:-34px;}*/ /* IE7 negative-margin */
#detailInfoWrap{ width:1000px; margin:0 auto; text-align:left; position:relative;}

#detailInfo .left{ width:325px; float:left;}
#detailInfo .links{ width:672px; display:block; float:right;}
#detailInfo .links li{display:block; width:324px; padding-left:12px; padding-bottom:12px; float:left;}
#detailInfo .links li a{
display: block;
-webkit-box-shadow: 0px 0px 3px #BFBFBF;-moz-box-shadow: 0px 0px 3px #BFBFBF;box-shadow: 0px 0px 3px #BFBFBF;
border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;
behavior: url("http://mb-live.jp/share/css/PIE.htc");}


#detailInfo .detalClose{ position:absolute; left:478px; bottom:-47px;}


/* ------------------------------------------------------
What's New - visual under
------------------------------------------------------ */
#whatsNew{ clear:both; width:100%; text-align:center; margin-top:40px; /*margin-bottom:40px;*/}
#whatsNewWrap{ width:996px; height:60px; text-align:left; background:#FFF; margin:0 auto; position:relative;
-webkit-box-shadow: 0px 0px 3px #BFBFBF;-moz-box-shadow: 0px 0px 3px #BFBFBF;box-shadow: 0px 0px 3px #BFBFBF;
border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;
behavior: url("http://mb-live.jp/share/css/PIE.htc");}

#whatsNew .title_lv02{ display:inline; border-bottom:none; margin-bottom:0px; position:absolute; left:15px; top:10px;}


#wnCarousel{ 	margin-left:252px;width: 492px;	height: 60px;	text-align: left;	position: relative;}
	#wnCarousel .items li{ float:left;width: 492px;	height: 60px;}
	#wnCarousel .items li a{ display:block; text-decoration:none;}
	#wnCarousel .items li:hover,#wnCarousel .items li a:hover {opacity:0.75;filter: alpha(opacity=75);-ms-filter: "alpha(opacity=75)";-moz-opacity:0.75;-khtml-opacity: 0.75;}
	#wnCarousel .items li{ display:block; padding:10px 0; position:relative; color:#666666;}
	#wnCarousel .items li .date,#wnCarousel .items li .title{ margin-left:50px;}
	#wnCarousel .items li .date{font-size:10px;}
	#wnCarousel .items li title{ font-size:12px;}
	#wnCarousel .items li .thumb{ position:absolute; left:0px; top:10px;}

	#wnCarousel .carousel_prev,
	#wnCarousel .carousel_next {position: absolute;top:10px;width: 20px; height: 40px; cursor: pointer; text-indent:-9999px;}
	#wnCarousel .carousel_prev {right: -47px; background:url(../images/top/btn_news_prev.png) left top no-repeat;}
	#wnCarousel .carousel_next {right: -235px;	background:url(../images/top/btn_news_next.png) left top no-repeat;}
	#wnCarousel .carousel_prev:hover,#wnCarousel .carousel_next:hover{ background-position:left -40px;}
	#wnCarousel .carousel_prev.stay,#wnCarousel .carousel_next.stay{background-position:left -40px; cursor:default;}

	#wnCarousel .carousel_cnt{width:170px; height:40px;text-align:center; font-size:16px; font-weight:bold; line-height:40px; position:absolute; right:-217px; top:10px;}