@charset "utf-8";

/* index.html layout css */

/* 
  author : tetsuya yamashita
  date : 2009/3/2
 */

/***********************************************
 * index.html 基本レイアウト
 **********************************************/


#contents #mainVisual{ /* グランドトップ　メインビジュアル */
	height: 275px;
	margin: 3px 0px 0px;
	padding: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: url(img/visualBG.gif);
}
/* トップ　メインビジュアル内スライダー */
#slider{
	width: 595px;
	height: 274px;
	_height: 272px;
	float: left;
	position: relative;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #333333;
	border: 1px solid #1F1F1F;
}


#slider ul#sliderContent,
#slider ul#sliderContent li {
	position: absolute;
	overflow: hidden;
	top: 5px;
	left: 5px;
	width: 585px;
	height: 264px;
}
#slider ul#sliderContent li {
	top: 0;
	left: 0;
}
#slider ul#sliderContent li p.description {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 575px;
	padding: 3px 5px 12px;
	background-color: #000;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	color: #fff;
	*font-size: 13px;
}
#slider ul#sliderContent li p.description strong {
	font-size: 116.6%;
}
/* スライドショーのコントローラー */


#slider p#sliderPagerPrev,
#slider p#sliderPagerNext {
	position: absolute;
	top: 120px;
	overflow: hidden;
	width: 30px;
	height: 30px;
	cursor: pointer;
}
#slider p#sliderPagerPrev a,
#slider p#sliderPagerNext a {
	position: absolute;
	top: 0;
	display: block;
	overflow: hidden;
	width: 120px;
	height: 30px;
	background: url("../_mimg/top-images/campaign-showcase/switcher.png") no-repeat center center;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../_mimg/top-images/campaign-showcase/switcher.png", sizingMethod="scale");
	_background: transparent;
}
#slider p#sliderPagerPrev { left: 10px; }
#slider p#sliderPagerNext { right: 10px; }
#slider p#sliderPagerPrev a { left: 0; }
#slider p#sliderPagerNext a { left: -30px; }
#slider p#sliderPagerPrev a:hover { left: -60px; }
#slider p#sliderPagerNext a:hover { left: -90px; }


#slider ul#sliderController {
	position: absolute;
	overflow: hidden;
	bottom: 2px;
	left: 5px;
	width: 587px;
	height: 12px;
	margin: 0 -1px;
	padding-top: 2px;
	background: #333;
}
#slider ul#sliderController:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#slider ul#sliderController li {
	_display: inline;
	float: left;
	height: 10px;
	background: #ccc url("../_mimg/top-images/campaign-showcase/inactive-selection.png") repeat-x center center;
	border: solid 1px #333;
	cursor: pointer;
}
#slider ul#sliderController li:hover {
	background-image: url("../_mimg/top-images/campaign-showcase/inactive-selection-hover.png");
}
#slider ul#sliderController li.active,
#slider ul#sliderController li.active:hover {
	background-color: #f90;
	background-image: url("../_mimg/top-images/campaign-showcase/active-selection.png");
	cursor: default;
}


/* トップ　メインビジュアル内ナビメニュー */
#mainVisual .navi-menu{
	float :right;
	width: 320px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #666;
}
#mainVisual .navi-menu span{
	display: none;
}
#mainVisual .navi-menu li {
	margin: 5px;
	_margin: 3px 5px;
}
#mainVisual .navi-menu a{
	display: block;
	height: 85px;
	text-decoration: none;
}
#mainVisual .navi-menu li a.shopping{
	background: url(img/navi-manu.gif) left top;
}
#mainVisual .navi-menu li a.pocket{
	background: url(img/navi-manu.gif) left center;
}
#mainVisual .navi-menu li a.shop-about{
	background: url(img/navi-manu.gif) left bottom;
}
#mainVisual .navi-menu li a:hover.shopping{
	background: url(img/navi-manu.gif) right top;
}
#mainVisual .navi-menu li a:hover.pocket{
	background: url(img/navi-manu.gif) right center;
}
#mainVisual .navi-menu li a:hover.shop-about{
	background: url(img/navi-manu.gif) right bottom;
}


#in-Left{ /* フラッシュ以下、左カラム */
	float: left;
	width: 580px;
}

#in-Right{ /* フラッシュ以下、右カラム */
	float: right;
	width: 320px;
	padding: 10px 0px 10px 5px;
	height: 100%;
}

#cont-Box{ /* フロートさせるclassを内包する */
	margin: 0px;
	padding: 10px 0px 0px;
	height: 100%;
}

#inner-wrap h2{
	font-size: 14px;
	margin: 15px 0px 5px;
	height: 23px;
	line-height: 170%;
}

#inner-wrap h3{
	margin: 10px 0px 0px;
	background: #333333;
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#inner-wrap #in-Right h3{
	margin-left: -15px;
	background: url(../_mimg/top-images/Right-h3-bg.gif) no-repeat;
	height: 18px;
	padding-left: 20px;
	line-height: 130%;
}

#inner-wrap #in-Right h4{
	margin-left: -15px;
	background: url(../_mimg/top-images/Right-h4-bg.gif) no-repeat;
	height: 35px;
	padding-left: 20px;
	font-size: 14px;
	line-height: 250%;
	font-weight: bold;
}

/* h2別スタイル */
h2.newcomer{
	background: url(img/h2-newspaper.gif) no-repeat;
	text-indent: -999px;
}

h2.web-catalog{
	background: url(img/h2-catalog.gif) no-repeat;
	text-indent: -999px;
}

h2.top-rumi{
	background: url(img/h2-rumi.gif) no-repeat;
	text-indent: -9999px;
}

h2.event{
	background: url(img/h2-event.gif) no-repeat;
	text-indent: -9999px;
}

h2.pamera{
	background: url(_img/cam_bk_01.gif) no-repeat;
	text-indent: -9999px;
}

h2.cars-gallery{
	background: url(img/h2-event.gif) no-repeat;
	text-indent: -9999px;
	_width: 330px;
}

h2.newspaper{
	background: url(img/h2-newspaper.gif) no-repeat;
	text-indent: -999px;
}

h2.recommend{
	background: url(img/h2-recommend.gif) no-repeat;
	text-indent: -999px;
}

h2.feature{
	background: url(img/h2-feature.gif) no-repeat;
	text-indent: -999px;
}

h2.news{
	background: url(img/h2-news.gif) no-repeat;
	text-indent: -9999px;
}

h2.ranking{/* 2010.4.8プロモ追加 */
	background: url(img/h2-ranking.gif) no-repeat;
	color:#FFFFFF;
	padding:8px 0 2px 49px;
	width:531px;
}

h2.recommend2{/* 2010.4.8プロモ追加 */
	background: url(img/h2-recommend2.gif) no-repeat;
	color:#FFFFFF;
	padding:8px 0 2px 43px;
	width:537px;
}

p.recommend2_text{/* 2010.4.8プロモ追加 */
	margin:0 30px 10px 6px;
}



/* インデックスページスタイル　*/


a.top_gallery{
	display: block;
	height: 120px;
	width: 235px;
	outline: none;
	background: url(img/3th_banner.gif) no-repeat;
	text-indent: -9999px;
}

a:hover.top_gallery{
	background: url(img/3th_banner.gif) no-repeat;
}

.date{
	font-weight: bold;
	color: #333333;
	margin-right: 10px;
}

ul.rec-Item{
	height: 135px;
	background: url(../_mimg/top-images/new-item-BG.gif);
	border: 1px solid #999999;
	padding: 5px 0px 4px;
	margin: 0 10px;
}

ul.rec-Item li{ /* 新商品サムネールリンク */
	float: left;
	height: 130px;
	width: 100px;
	border: 1px solid #CCCCCC;
	display: block;
	margin-left: 7px;
	_margin-left: 6px;
	background: #FFFFFF;
}

ul.News-info{
	height: 150px;
	border: 1px solid #999999;
	padding: 5px 7px 4px;
	margin-left: 10px;
	margin-right: 8px;
	overflow: auto;
}

ul.News-info li{
	background: #FFFFFF;
	border-bottom: 1px dotted #0099FF;
	line-height: 170%;
}

.event{
	width: 330px;
	float: left;
}

.event ul{
	font: 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	_font-size: 13px;
	padding: 0px 5px;
}
.event li{
	border-bottom: 1px dotted #0099CC;
	line-height: 170%;
	margin-bottom: 3px;
}

.gallery{
	width: 235px;
	margin-left: 15px;
	font-size: 11px;
	float: right;
}

ul.conts-banner, ul.new-item{
	padding-left: 10px;
}

ul.new-item li{ /* 新商品バナーリンク */
	display: block;
	height:215px;
	width: 175px;
	float: left;
	border: 1px solid #CCCCCC;
	margin: 5px 15px 5px 0px;
}

ul.new-item li.last-li{
	margin-right: 5px;
}

ul.conts-banner li{    /* コンテンツバナーリンク */
	display: block;
	height:59px;
	width: 170px;
	float: right;
	margin: 5px 0px;
	padding-right: 15px;
	border-top: #CCCCCC;
	border-right: #CCCCCC;
	border-bottom: #CCCCCC;
	border-left: #CCCCCC;
}

ul.conts-banner li.last-li{
	margin-right: 5px;
}

ul.conts-banner li.big{
	height:120px;
	width: 556px;
}

.campaign02 {
	margin-top: 15px;
	margin-left: 10px;
}

.jpg_icon {
	float: right;
	background: url(../_mimg/top-images/jpg_icon.jpg) no-repeat;
	text-indent: 30px;
	line-height: 30px;
	margin-top: 2px;
}

.jpg_icon a {
	text-indent: 30px;
}






/* ペーパークラフトのバナー */
p#MaluzenTop-Campaign-PapercraftBannerContainer {
	_display: relative;
	overflow: hidden;
	width: 530px;
	height: 160px;
	padding: 0 5px 0 60px;
	margin: 10px 5px 0 -15px;
	background: url("../_mimg/top-images/papercraft-banner.jpg") no-repeat left top;
}
p#MaluzenTop-Campaign-PapercraftBannerContainer a {
	display: block;
	overflow: hidden;
	padding: 128px 0 0 65px;
	text-decoration: none;
	border: none;
}
p#MaluzenTop-Campaign-PapercraftBannerContainer a:hover {
	background: url("../_mimg/top-images/papercraft-banner.jpg") no-repeat -60px -160px;
}




/*********** 右カラム　スタイル *************/





.Promo-erea{ /* 右カラムムービー */
	_margin: 0px 0 15px -10px;
	/*height: 278px;*/
	width: 320px;
	text-align: center;
	margin: 0px 0 15px 0px;
	padding: 10px 0px 0px;
}

.beginners{
	height: 85px;
	background: #CCCCCC;
}

.beginners a{
	background: url(img/beginners.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 85px;
	width: 320px;
	border: 1px solid #CCCCCC;
	outline: none;
}

.sub-conts-big {
	margin-top: 10px;
}

.blog, .sub-conts, .shops{
	width: 155px;
	margin-top: 10px;
	margin-right: 5px;
}

.sub-conts-last{
	width: 155px;
	margin-top: 10px;
	margin-right: 5px;
	_margin-bottom: 15px;
}

.widget {
	font-weight: normal;
	margin: 10px 0;
	padding: 0px;
}
.twtr-hd {
	line-height: normal;
	margin: 0px;
	padding: 0px;
}
.twtr-hd h3,
.twtr-hd h4 {
	background: transparent !important;
	height: auto !important;
}

/***********  フロートするclass  *************/



.catalog, .gallery, .blog, .sub-conts, .sub-conts-last, .shops{
	float: left;
}

.catalog ul{
	width: 310px;
	_width: 310px;
}

/******************************************************

 * ギャラリーページスタイル

 *****************************************************/


#sidebar {
	width: 220px;
	float: left;
	padding-top: 30px;
}

#sidebar h2{
	background: url(../_mimg/gallery/gallery-h2.gif) no-repeat;
	text-indent: -9999px;
	height: 115px;
	width: 220px;
}

#sidebar p{
	font-size: 11px;
	color: #999999;
	margin: 15px 0px 0px 10px;
}

#galleries {
	float: left;
	padding: 30px 15px 15px 30px;
}

#galleries ul{
    margin-top: 15px;
}

#galleries li h3.jp{
	background: url(../_mimg/gallery/jp.gif) no-repeat;
	text-indent: -9999px;
	height: 20px;
	width: 80px;
}

#galleries li h3.eu{
	background: url(../_mimg/gallery/eu.gif) no-repeat;
	text-indent: -9999px;
	height: 20px;
	width: 80px;
}

#galleries li h3.us{
	background: url(../_mimg/gallery/us.gif) no-repeat;
	text-indent: -9999px;
	height: 20px;
	width: 80px;
}

#galleries ul ul{
	margin: 10px 15px 10px 25px;
}

#galleries li li{
	display: inline;
	margin-left: 12px;
	font: 11px/400% Geneva, Arial, Helvetica, sans-serif;
}

#galleries li li a{
}



/******************************************************

 * 情報系ページスタイル

 *****************************************************/



#guide{
	padding-top: 5px;
	padding-left: 165px;
}



#guide .oteire{
	background: url(../_mimg/intel-images/oteire.jpg) no-repeat;
	height: 200px;
	width: 670px;
}

#guide h3{
	width: 670px;
	height: 50px;
	text-indent: -9999px;
	margin-top: 10px;
}

#guide h3.nitijyou{
	background: url(../_mimg/intel-images/check-nitijyou.gif) no-repeat;
}

#guide h3.mizo{
	background: url(../_mimg/intel-images/check-mizo.gif) no-repeat;
}

#guide h3.mamou{
	background: url(../_mimg/intel-images/check-mamou.gif) no-repeat;
}

#guide h3.hokan{
	background: url(../_mimg/intel-images/check-hokan.gif) no-repeat;
}

#guide ul{
	padding-left: 25px;
	list-style: square;
}

#guide ul li{
	line-height: 200%;
}



#guide p{
	margin-left: 15px;
	line-height: 170%;
}



/* 初めての方へ・サイトマップのスタイル */



#begining, #sitemap{
	width: 800px;
	margin-left: 100px;
}

#begining  a.b-shinki2{
	background: url(../_mimg/intel-images/begin-sinki2.gif);
	display: block;
	height: 43px;
	width: 220px;
	text-indent: -9999px;
	margin-left: 200px;
}

#begining  a:hover.b-shinki2{
	background: url(../_mimg/intel-images/begin-sinki2-hover.gif);
	margin-left: 200px;
}

#begining .wellcome, #begining .entry, #sitemap .inbox, #begining .whats_pocket{
	height: 255px;
	width: 800px;
	position: relative;
}

#begining .wellcome{
	background: url(../_mimg/intel-images/begin.gif) no-repeat left;
}




#begining .wellcome a.b-shinki, #begining .entry a.b-shinki, #sitemap .inbox a.b-shinki, #begining .whats_pocket a.b-shinki{
	background: url(../_mimg/intel-images/begin-sinki.gif);
	display: block;
	height: 27px;
	width: 140px;
	text-indent: -9999px;
	margin-left: 10px;
}

#begining .wellcome a:hover.b-shinki, #begining .entry a:hover.b-shinki, #sitemap .inbox a:hover.b-shinki, #begining .whats_pocket a:hover.b-shinki{
	background: url(../_mimg/intel-images/begin-sinki-hover.gif) no-repeat;
}



#begining .wellcome .touroku, #begining .entry .touroku, #begining .whats_pocket .touroku{
	position: absolute;
	left: 25px;
	top: 213px;
	font-size: 11px;
	width: 455px;
	height: 40px;
}



#begining h3{
	height: 35px;
	width: 600px;
	margin-top: 15px;
	margin-bottom: 10px;
	text-indent: -9999px;
}

#begining h4{
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 13px;
	font-weight: bold;
	color: #0066CC;
}

#begining h5{
	margin-top: 8px;
	margin-bottom: 5px;
	font-size: 13px;
	font-weight: bold;
	color: #333333;
}

#begining h3.service{
	background: url(../_mimg/intel-images/begin-h3.gif) no-repeat;
}

#begining h3.torikumi{
	background: url(../_mimg/intel-images/torikumi.gif) no-repeat;
}

#begining h3.tokuten{
	background: url(../_mimg/intel-images/tokuten.gif) no-repeat;
}

#begining h3.touroku{
	background: url(../_mimg/intel-images/touroku.gif) no-repeat;
}

#begining h3.car-sellect{
	background: url(../_mimg/intel-images/car-sellect.gif) no-repeat;
}

#begining h3.pocket1{
	background: url(../_mimg/intel-images/b-pocket1.gif) no-repeat;
}

#begining h3.pocket2{
	background: url(../_mimg/intel-images/b-pocket2.gif) no-repeat;
}

#begining h3.pocket3{
	background: url(../_mimg/intel-images/b-pocket3.gif) no-repeat;
}

#begining h4.step1{
	background: url(../_mimg/intel-images/step1.gif) no-repeat;
	padding-left: 80px;
	height: 30px;
	line-height: 240%;
	margin-left: 15px;
}

#begining h4.step2{
	background: url(../_mimg/intel-images/step2.gif) no-repeat;
	padding-left: 80px;
	height: 30px;
	line-height: 240%;
	margin-left: 15px;
}

#begining h4.step3{
	background: url(../_mimg/intel-images/step3.gif) no-repeat;
	padding-left: 80px;
	height: 30px;
	line-height: 240%;
	margin-left: 15px;
}

#begining h4.step4{
	background: url(../_mimg/intel-images/step4.gif) no-repeat;
	padding-left: 80px;
	height: 30px;
	line-height: 240%;
	margin-left: 15px;
}

#begining h4.step5{
	background: url(../_mimg/intel-images/step5.gif) no-repeat;
	padding-left: 80px;
	height: 30px;
	line-height: 240%;
	margin-left: 15px;
}

#begining h4.step6{
	background: url(../_mimg/intel-images/step6.gif) no-repeat;
	padding-left: 80px;
	height: 30px;
	line-height: 240%;
	margin-left: 15px;
}

#begining h4.step7{
	background: url(../_mimg/intel-images/step7.gif) no-repeat;
	padding-left: 80px;
	height: 30px;
	line-height: 240%;
	margin-left: 15px;
}

#begining h4.step8{
	background: url(../_mimg/intel-images/step8.gif) no-repeat;
	padding-left: 80px;
	height: 30px;
	line-height: 240%;
	margin-left: 15px;
}

#begining .b-flow a{
	background: url(../_mimg/intel-images/b-flow.gif) no-repeat top;
	display: block;
	height: 60px;
	width: 205px;
	text-indent: -9999px;
}

#begining .b-flow a:hover{
	background: url(../_mimg/intel-images/b-flow.gif) no-repeat bottom;
}

#begining img.float{
	clear: right;
	float: left;
	margin: 0 15px;
}







/*********** 初めての方へ　登録方法 ***************/



#begining .entry{
	background: url(../_mimg/intel-images/entry.gif) no-repeat left;
}







/*********** 初めての方へ　ポケット説明 ***************/



#begining .whats_pocket{
	background: url(../_mimg/intel-images/whats_pocket.gif) no-repeat left;
}







/* サイトマップ */



#sitemap .inbox{
	background: url(../_mimg/intel-images/sitemap.gif) no-repeat left;
}

#sitemap .inbox .user-reg{
	position: absolute;
	left: 35px;
	top: 80px;
	font-size: 11px;
	width: 265px;
	background: url(../_mimg/intel-images/site-reg.gif) no-repeat top;
	padding-top: 35px;
}

#sitemap .inbox .user-login{
	position: absolute;
	left: 315px;
	top: 80px;
	font-size: 11px;
	width: 265px;
	background: url(../_mimg/intel-images/site-login.gif) no-repeat top;
	padding-top: 35px;
}

#sitemap .inbox .user-reg p, #sitemap .inbox .user-login p{
    padding: 8px;
}



#sitemap h5{
	font-size: 14px;
	font-weight: bold;
}

#sitemap ul{
	padding: 10px;
	width: 240px;
}

#sitemap ul li{
	background: url(../_mimg/intel-images/site-list-icon.gif) no-repeat left top;
	padding-left: 20px;
	margin-bottom: 35px;
}

#sitemap li li{
	background: url(../_mimg/intel-images/site-child_list-icon.gif) no-repeat left top;
	padding-left: 15px;
	margin-bottom: 15px;
}

#sitemap .blue-line{
	height: 0px;
	border: 1px dotted #0099FF;
}



/******************************************************

 * 再利用クラス 

 *****************************************************/


.float-left{
	float: left;
}

.float-right{
	float: right;
}
.clearfix:after { /*floatの解除*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px; /*IE6、7用のハック*/
}
* html .clearfix {
	height: 1px;
	/*¥*//*/ /*MAC IE5.x用のハック*/
	height: auto;
	overflow: hidden;
	/**/
}
.hidden{
    text-indent:-9999px;
}



.w600{
    width: 600px;
}



a.quest{
	font-size: 11px;
	background: url(../_mimg/intel-images/quest.gif) no-repeat left;
	display: block;
	padding-left: 18px;
	width: auto;
}

.hours {
	color: #000000;
	background: #FFFFCC;
	margin-left: 10px;
	margin-top: 15px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	width: 555px;
}

.business_hours {
	background: #000000;
	color: #FFFFFF;
	text-align: center;
	padding-bottom: 3px;
	padding-top: 3px;
	margin-bottom: 5px;
	
}


/****イベント告知　調整CSS****/

*html #contents div#cont-Box ul{
padding:0px 0px 0px 10px;
}
#contents div#cont-Box ul{
padding-left:10px;
padding-right:10px;
}

#contents div#cont-Box ul li{
padding-bottom:5px;
margin-bottom:5px;
text-indent: 1em;
border-bottom: dotted 1px #0099FF;
}
/****イベント告知　調整CSS****/

/** 東北地方太平洋地震について */
.emarg{
	line-height: 160%;
	margin: 0px 10px;
	border: 1px solid #CCC;
	padding: 5px;
}

/** チラシバナー **/
.chirashi a:hover{
background-color: #FFFFFF;
	filter:alpha(opacity=70); /*IE*/
	-moz-opacity:0.70; /*FF*/
	opacity:0.70;

}
/*** sound media player settings ***/
.nack5 {
	display: block;
	height: 80px;
	margin-top: 15px;
	margin-bottom: 5px;
	text-align: left;
}
.nack5 a.nack5logo{
	display: block;
	clear: right;
	float: left;
	height: 80px;
	width: 130px;
	outline: none;
}
.nack5 p{
	font-size: 11px;
	padding-left: 135px;
}
.nack5 p span{
	font-size: 14px;
	line-height: 180%;
	font-weight: bold;
	color: #F30;
}

#mediaPlayer_box{
	height:56px;
	background: transparent url(../_mimg/mediaplayer_shadow.png) no-repeat center top;
	text-align:center;
	padding-top:8px;
}
#mediaPlayer{
	width:0px;
	height:0px;
}
#mediaPlayer_control{
	width:320px;
	height:40px;
	margin:0 auto;
	background-color:#f6f6f6;
}
#mediaList{
	text-align: center;
}
#mediaList table{
	width:320px;
	margin:0 auto;
}
#mediaList table tr td{
	padding:2px 10px;
	text-align: left;
}
#mediaList table tr.title td{
	text-align:center;
	font-size:10px;
}
#mediaList table tr.odd td{
	background-color:#f0f0f0;
}
#mediaList table td a{
	display:block;
}
#mediaList table td a:hover{
	text-decoration:none;
}
#mediaList table td a.selected{
	font-weight:bold;
	color:#0071e7;
	text-decoration:underline;
	font-style:italic;
}

a.player_prev, a.player_next, a.player_play, a.player_pause, a.player_stop, a.player_volume, a.player_volume_mute{
	display:block;
	float:left;
}
a.player_prev, a.player_next, a.player_volume, a.player_volume_mute{
	height:25px;
	width:25px;
}
a.player_prev{
	margin:7px 3px 7px 7px;
	background: transparent url(../_mimg/player_buttons.png) -0px -85px no-repeat;
}
a:hover.player_prev{
	background: transparent url(../_mimg/player_buttons.png) -0px -60px no-repeat;
}
a.player_next{
	margin:7px 7px 7px 3px;
	background: transparent url(../_mimg/player_buttons.png) -25px -85px no-repeat;
}
a:hover.player_next{
	background: transparent url(../_mimg/player_buttons.png) -25px -60px no-repeat;
}
a.player_volume{
	margin:7px 3px 7px 7px;
	background: transparent url(../_mimg/player_buttons.png) -50px -60px no-repeat;
}
a.player_volume_mute{
	margin:7px 3px 7px 7px;
	background: transparent url(../_mimg/player_buttons.png) -50px -85px no-repeat;
}
a.player_play, a.player_pause, a.player_stop{
	height:30px;
	width:30px;
	margin:4px 3px 5px 3px;
}
a.player_play{
	background: transparent url(../_mimg/player_buttons.png) -0px -0px no-repeat;
}
a.player_pause{
	background: transparent url(../_mimg/player_buttons.png) -60px -0px no-repeat;
}
a.player_stop{
	background: transparent url(../_mimg/player_buttons.png) -30px -0px no-repeat;
}

.player_status{
	float:left;
	position:relative;
	width:95px;
	height:40px;
}
.player_status .info{
	text-align:right;
	margin-top:5px;
}
.player_status .seekbarOvserver, .player_status .seekbar, .player_status .progressbar{
	position:absolute;
	top:23px;
	left:0;
	height:8px;
	overflow:hidden;
}
.player_status .seekbarOvserver{
	width:200px;
	z-index:200;
	cursor:pointer;
}
.player_status .seekbar{
	width:0;
	background-color:#aaa;
	z-index:100;
}
.player_status .progressbar{
	width:0;
	background-color:#ccc;
}

.player_volumeSeek{
	float:left;
	position:relative;
	width:40px;
	height:20px;
	margin-top:10px;
}
.player_volumeSeek .volumeSeekOvserver, .player_volumeSeek .volumeSeekfilm, .player_volumeSeek .volume, .player_volumeSeek .volumeSeekbg{
	position:absolute;
	top:0;
	left:0;
	height:20px;
	overflow:hidden;
}
.player_volumeSeek .volumeSeekOvserver{
	width:40px;
	z-index:300;
	cursor:pointer;
}
.player_volumeSeek .volumeSeekfilm{
	width:40px;
	z-index:200;
	background: transparent url(../_mimg/player_volumefilm.png) no-repeat left top !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../_mimg/player_volumefilm.png", sizingMethod="scale");
}
.player_volumeSeek .volume{
	width:20px;
	background-color:#aaa;
	z-index:100;
}
.player_volumeSeek .volumeSeekbg{
	width:40px;
	background-color:#ccc;
}