/* -------------------------------------- index ----------------------------------------------------

#indexWide div {
	position: relative;
	padding:  10px 10px 5px 10px;
	border: #B3B3B3 1px solid;	
}
#indexWide h2 {
	margin: 0 0 15px 0;
	padding-bottom: 7px;	
}
#indexWide .p1 {
	margin: 10px 5px;
	
}
#indexRes h2, #indexCom h2 {
	width: 225px;
}
#indexRes .p1, #indexCom .p1 {
	width: 215px;
}
#indexRetail {
	float: left;
	display: inline;
	height: 492px;
	width: 230px;	
	margin-left: 10px;
}
#indexRes, #indexCom {
	float: right;
	height: 232px;
	width: 430px;	
	margin: 0 9px 10px 9px;
}
#indexCom {	
	margin: 0 9px 0px 9px;
}
#indexWide a {
	position: relative;
	border: #B3B3B3 1px solid;
}
#indexRetail a {
	float: right;
 	width: 230px;
  	height: 203px;
  	margin-top: 85px;
  	display: block;
  	background: url(../images/play.jpg) left bottom no-repeat;
}
#indexRetail a:hover {
  background: url(../images/play.jpg) -230px bottom no-repeat;
}
#indexRes a {
	float: right;
 	width: 194px;
  	height: 220px;
  	display: block;
  	background: url(../images/resIndexA.jpg) left top no-repeat;
}
#indexRes a:hover {
  background: url(../images/resIndexA.jpg) -194px top no-repeat;
}
#indexCom a {
	float: right;
 	width: 194px;
  	height: 220px;
  	display: block;
  	background: url(../images/play.jpg) left top no-repeat;
}
#indexCom a:hover {
  background: url(../images/play.jpg) -194px top no-repeat;
}--------------------*/
/* -------------------------------------- index ------------------------------------------------------------------------*/
#indexBox {
	width: 712px;
	padding: 10px;
}
#indexBox div {
	position: relative;	
}
#indexBox a {
	position: relative;
	border: #B3B3B3 1px solid;	
}

#IndexRetail {
	float: left;	
}
#IndexRes, #IndexCom {

}

#IndexRetail a {
	float: left;
 	width: 248px;
  	height: 507px;
  	display: block;
  	background: url(../images/longRetail.jpg) left bottom no-repeat;
}
#IndexRetail a:hover {
  background: url(../images/longRetail.jpg) -248px bottom no-repeat;
}
#IndexRes a {
	float: right;
 	width: 448px;
  	height: 248px;
  	margin-bottom: 10px;
  	display: block;
  	background: url(../images/longRes.jpg) left top no-repeat;
}
#IndexRes a:hover {
  background: url(../images/longRes.jpg) -448px top no-repeat;
}
#IndexCom a {
	float: right;
 	width: 448px;
  	height: 248px;
  	display: block;
  	background: url(../images/longCom.jpg) left top no-repeat;
}
#IndexCom a:hover {
  background: url(../images/longCom.jpg) -448px top no-repeat;
}
/* -------------------------------------- index ------------------------------------------------------------------------*/
#indexBox {
	width: 712px;

}
#indexBox div {
	position: relative;	
}
#indexBox a {
	position: relative;
	border: #B3B3B3 1px solid;	
}

#IndexRetail {
	float: left;	
}
#IndexRes, #IndexCom {

}

#IndexRetail a {
	float: left;
 	width: 248px;
  	height: 507px;
  	display: block;
  	background: url(../images/play.jpg) left bottom no-repeat;
}
#IndexRetail a:hover {
  background: url(../images/play.jpg) -248px bottom no-repeat;
}
#IndexRes a {
	float: right;
 	width: 448px;
  	height: 248px;
  	margin-bottom: 10px;
  	display: block;
  	background: url(../images/live.jpg) left top no-repeat;
}
#IndexRes a:hover {
  background: url(../images/live.jpg) -448px top no-repeat;
}
#IndexCom a {
	float: right;
 	width: 448px;
  	height: 248px;
  	display: block;
  	background: url(../images/work.jpg) left top no-repeat;
}
#IndexCom a:hover {
  background: url(../images/work.jpg) -448px top no-repeat;
}
/* -------------------------------------- indexA ------------------------------------------------------------------------*/
#indexBox {
	width: 712px;

}
#indexBox div {
	position: relative;	
}
#indexBox a {
	position: relative;
	border: #B3B3B3 1px solid;	
}

#IndexRetailA {
	float: left;	
}
#IndexRes, #IndexCom {

}

#IndexRetailA a {
	float: left;
 	width: 248px;
  	height: 507px;
  	display: block;
  	background: url(../images/play.jpg) left bottom no-repeat;
}
#IndexRetailA a:hover {
  background: url(../images/play.jpg) -248px bottom no-repeat;
}
#IndexResA a {
	float: right;
 	width: 448px;
  	height: 248px;
  	margin-bottom: 10px;
  	display: block;
  	background: url(../images/liveA.jpg) left top no-repeat;
}
#IndexResA a:hover {
  background: url(../images/liveA.jpg) -448px top no-repeat;
}
#IndexComA a {
	float: right;
 	width: 448px;
  	height: 248px;
  	display: block;
  	background: url(../images/workA.jpg) left top no-repeat;
}
#IndexComA a:hover {
  background: url(../images/workA.jpg) -448px top no-repeat;
}
/* -------------------------------------- indexB ------------------------------------------------------------------------*/
#indexBox {
	width: 712px;

}
#indexBox div {
	position: relative;	
}
#indexBox a {
	position: relative;
	border: #B3B3B3 1px solid;	
}

#IndexRetailB {
	float: left;	
}
#IndexRes, #IndexCom {

}

#IndexRetailB a {
	float: left;
 	width: 248px;
  	height: 507px;
  	display: block;
  	background: url(../images/play.jpg) left bottom no-repeat;
}
#IndexRetailB a:hover {
  background: url(../images/play.jpg) -248px bottom no-repeat;
}
#IndexResB a {
	float: right;
 	width: 448px;
  	height: 248px;
  	margin-bottom: 10px;
  	display: block;
  	background: url(../images/liveB.jpg) left top no-repeat;
}
#IndexResB a:hover {
  background: url(../images/liveB.jpg) -448px top no-repeat;
}
#IndexComB a {
	float: right;
 	width: 448px;
  	height: 248px;
  	display: block;
  	background: url(../images/workB.jpg) left top no-repeat;
}
#IndexComB a:hover {
  background: url(../images/workB.jpg) -448px top no-repeat;
}
/* -------------------------------------- indexC ------------------------------------------------------------------------*/
#indexBox {
	width: 712px;

}
#indexBox div {
	position: relative;	
}
#indexBox a {
	position: relative;
	border: #B3B3B3 1px solid;	
}

#IndexRetailC {
	float: left;	
}
#IndexRes, #IndexCom {

}

#IndexRetailC a {
	float: left;
 	width: 248px;
  	height: 507px;
  	display: block;
  	background: url(../images/play.jpg) left bottom no-repeat;
}
#IndexRetailC a:hover {
  background: url(../images/play.jpg) -248px bottom no-repeat;
}
#IndexResC a {
	float: right;
 	width: 448px;
  	height: 248px;
  	margin-bottom: 10px;
  	display: block;
  	background: url(../images/liveC.jpg) left top no-repeat;
}
#IndexResC a:hover {
  background: url(../images/liveC.jpg) -448px top no-repeat;
}
#IndexComC a {
	float: right;
 	width: 448px;
  	height: 248px;
  	display: block;
  	background: url(../images/workC.jpg) left top no-repeat;
}
#IndexComC a:hover {
  background: url(../images/workC.jpg) -448px top no-repeat;
}
/* -------------------------------------- indexD ------------------------------------------------------------------------*/
#indexBox {
	width: 712px;

}
#indexBox div {
	position: relative;	
}
#indexBox a {
	position: relative;
	border: #B3B3B3 1px solid;	
}

#IndexRetailD {
	float: left;	
}
#IndexRes, #IndexCom {

}

#IndexRetailD a {
	float: left;
 	width: 248px;
  	height: 507px;
  	display: block;
  	background: url(../images/play.jpg) left bottom no-repeat;
}
#IndexRetailD a:hover {
  background: url(../images/play.jpg) -248px bottom no-repeat;
}
#IndexResD a {
	float: right;
 	width: 448px;
  	height: 248px;
  	margin-bottom: 10px;
  	display: block;
  	background: url(../images/liveD.jpg) left top no-repeat;
}
#IndexResD a:hover {
  background: url(../images/liveD.jpg) -448px top no-repeat;
}
#IndexComD a {
	float: right;
 	width: 448px;
  	height: 248px;
  	display: block;
  	background: url(../images/workD.jpg) left top no-repeat;
}
#IndexComD a:hover {
  background: url(../images/workD.jpg) -448px top no-repeat;
}
/* -------------------------------------- indexE ------------------------------------------------------------------------*/
#indexBox {
	width: 712px;

}
#indexBox div {
	position: relative;	
}
#indexBox a {
	position: relative;
	border: #B3B3B3 1px solid;	
}

#IndexRetailE {
	float: left;	
}
#IndexRes, #IndexCom {

}

#IndexRetailE a {
	float: left;
 	width: 248px;
  	height: 507px;
  	display: block;
  	background: url(../images/playF.jpg) left bottom no-repeat;
}
#IndexRetailE a:hover {
  background: url(../images/playF.jpg) -248px bottom no-repeat;
}
#IndexResE a {
	float: right;
 	width: 448px;
  	height: 248px;
  	margin-bottom: 10px;
  	display: block;
  	background: url(../images/liveF.jpg) left top no-repeat;
}
#IndexResE a:hover {
  background: url(../images/liveF.jpg) -448px top no-repeat;
}
#IndexComE a {
	float: right;
 	width: 448px;
  	height: 248px;
  	display: block;
  	background: url(../images/workF.jpg) left top no-repeat;
}
#IndexComE a:hover {
  background: url(../images/workF.jpg) -448px top no-repeat;
}
/* -------------------------------------- indexG ------------------------------------------------------------------------*/
#indexBox {
	width: 712px;

}
#indexBox div {
	position: relative;	
}
#indexBox a {
	position: relative;
	border: #B3B3B3 1px solid;	
}

#IndexRetailE {
	float: left;	
}
#IndexRes, #IndexCom {

}

#IndexRetailE a {
	float: left;
 	width: 248px;
  	height: 507px;
  	display: block;
  	background: url(../images/play.jpg) left bottom no-repeat;
}
#IndexRetailE a:hover {
  background: url(../images/play.jpg) -248px bottom no-repeat;
}
#IndexResG a {
	float: right;
 	width: 448px;
  	height: 248px;
  	margin-bottom: 10px;
  	display: block;
  	background: url(../images/liveG.jpg) left top no-repeat;
}
#IndexResG a:hover {
  background: url(../images/liveG.jpg) -448px top no-repeat;
}
#IndexComG a {
	float: right;
 	width: 448px;
  	height: 248px;
  	display: block;
  	background: url(../images/workG.jpg) left top no-repeat;
}
#IndexComG a:hover {
  background: url(../images/workG.jpg) -448px top no-repeat;
}
/* -------------------------------------- indexG ------------------------------------------------------------------------*/
#indexBox {
	width: 715px;
	margin-top: -10px;
	margin-left: 1px;

}
#indexBox div {
	position: relative;	
}
#indexBox a {
	position: relative;
	border: #B3B3B3 1px solid;	
}

#indexPlay {
	float: left;	
	margin-right: 5px;
}
#indexLive, #indexWork {

}

#indexPlay a {
	float: left;
 	width: 248px;
  	height: 507px;
  	display: block;
  	background: url(../images/indexPlay.jpg) left bottom no-repeat;
}
#indexPlay a:hover {
  background: url(../images/indexPlay.jpg) -248px bottom no-repeat;
}
#indexLive a {
	float: right;
 	width: 448px;
  	height: 248px;
  	margin-bottom: 10px;
  	display: block;
  	background: url(../images/indexLive.jpg) left top no-repeat;
}
#indexLive a:hover {
  background: url(../images/indexLive.jpg) -448px top no-repeat;
}
#indexWork a {
	float: right;
 	width: 448px;
  	height: 248px;
  	display: block;
  	background: url(../images/indexWork.jpg) left top no-repeat;
}
#indexWork a:hover {
  background: url(../images/indexWork.jpg) -448px top no-repeat;
}
/* -------------------------------------- indexG ------------------------------------------------------------------------*/
#indexBoxRight {
	width: 715px;
	margin-left: 1px;

}
#indexBoxRight div {
	position: relative;	
}
#indexBoxRight a {
	position: relative;
	border: #B3B3B3 1px solid;	
}

#indexPlayB {
	float: right;	
	margin-left: 5px;
}
#indexLive, #indexWork {

}

#indexPlayB a {
	float: left;
 	width: 248px;
  	height: 507px;
  	display: block;
  	background: url(../images/indexPlay.jpg) left bottom no-repeat;
}
#indexPlayB a:hover {
  background: url(../images/indexPlay.jpg) -248px bottom no-repeat;
}
#indexLive a {
	float: right;
 	width: 448px;
  	height: 248px;
  	margin-bottom: 10px;
  	display: block;
  	background: url(../images/indexLive.jpg) left top no-repeat;
}
#indexLive a:hover {
  background: url(../images/indexLive.jpg) -448px top no-repeat;
}
#indexWork a {
	float: right;
 	width: 448px;
  	height: 248px;
  	display: block;
  	background: url(../images/indexWork1.jpg) left top no-repeat;
}
#indexWork a:hover {
  background: url(../images/indexWork1.jpg) -448px top no-repeat;
}