/*---- 20161124 ----*/
#Promotion{
	position:relative;
/*	margin:10px 0 0 0;*/
	padding:0 0 10px;
	width:578px;
}
#Promotion p{
	float:right;
}
#Promotion > ul{
	width:170px;
}
#Promotion > ul li a{
	position:relative;
	display:table-cell;
	padding:0 5px;
	width:160px;
	height:60px;
	background:linear-gradient(to bottom, #44dddd 0%, #33cccc 100%);
	vertical-align:middle;
	text-align:center;
	text-shadow:1px 1px 1px rgba(0,0,0,0.2);
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	line-height:120%;
	color:#fff;
}
#Promotion > ul li a span{
	display:block;
	padding:0 0 2px;
	font-size:15px;
	line-height:120%;
}
#Promotion > ul li a::after{
	position:absolute;
	top:0;
	left:0;
	content:"";
	display:block;
	width:170px;
	height:60px;
	background: url("/campagin/img/promotion001.png") no-repeat 1px 1px;
}
#Promotion > ul li:nth-child(6) a{
	background:linear-gradient(to bottom, #ee99cc 0%, #dd88bb 100%);
}
#Promotion > ul li:nth-child(5) a{
	background:linear-gradient(to bottom, #eeaa99 0%, #dd9988 100%);
}
#Promotion > ul li:nth-child(3) a{
	background:linear-gradient(to bottom, #88dd88 0%, #77cc77 100%);
}
#Promotion > ul li:nth-child(4) a{
	background:linear-gradient(to bottom, #99bbff 0%, #88aaee 100%);
}
#Promotion > ul li:nth-child(2) a{
	background:linear-gradient(to bottom, #aabbcc 0%, #99aabb 100%);
}
#Promotion > ul li:nth-child(7) a{
	background:linear-gradient(to bottom, #eecc88 0%, #ddbb77 100%);
}
#Promotion > ul li:nth-child(1) a:hover,
#Promotion > ul li:nth-child(1) a.Here{
	background:linear-gradient(to bottom, #22bbbb 0%, #33cccc 100%);
}
#Promotion > ul li:nth-child(6) a:hover,
#Promotion > ul li:nth-child(6) a.Here{
	background:linear-gradient(to bottom, #cc77aa 0%, #dd88bb 100%);
}
#Promotion > ul li:nth-child(5) a:hover,
#Promotion > ul li:nth-child(5) a.Here{
	background:linear-gradient(to bottom, #cc8877 0%, #dd9988 100%);
}
#Promotion > ul li:nth-child(3) a:hover,
#Promotion > ul li:nth-child(3) a.Here{
	background:linear-gradient(to bottom, #66bb66 0%, #77cc77 100%);
}
#Promotion > ul li:nth-child(4) a:hover,
#Promotion > ul li:nth-child(4) a.Here{
	background:linear-gradient(to bottom, #7799dd 0%, #88aaee 100%);
}
#Promotion > ul li:nth-child(2) a:hover,
#Promotion > ul li:nth-child(2) a.Here{
	background:linear-gradient(to bottom, #8899aa 0%, #99aabb 100%);
}
#Promotion > ul li:nth-child(7) a:hover,
#Promotion > ul li:nth-child(7) a.Here{
	background:linear-gradient(to bottom, #ccaa66 0%, #ddbb77 100%);
}
#Promotion > ul li a:hover{
	color:#ff0;
}
#Promotion > div{
	position:absolute;
	top:5px;
	left:176px;
	width:397px;
	height:410px;
	background:#fff;
	box-shadow:1px 1px 1px 0 rgba(0,0,0,0.2);
}
#Promotion > div ul{
	padding:2px 0 0 4px
}
#Promotion > div ul li{
	float:left;
	padding:3px 3px 0 0;
}
#Promotion > div ul li a{
	display:block;
	width:193px;
	height:198px;
	box-shadow:1px 1px 1px 0 rgba(0,0,0,0.2);
	transition:0.2s linear;
}
#Promotion > div ul li a:hover{
	opacity:0.6;
	transform:translate(1px,1px);
}
#Promotion > div::after{
	position:absolute;
	top:19px;
	left:-10px;
	content:"";
	display:block;
	width:10px;
	height:12px;
	background: url("/campagin/img/promotion003.png") no-repeat 0 0;
}
#Promotion > div#Disp02::after{
	top:79px;
}
#Promotion > div#Disp03::after{
	top:139px;
}
#Promotion > div#Disp04::after{
	top:199px;
}
#Promotion > div#Disp05::after{
	top:259px;
}
#Promotion > div#Disp06::after{
	top:319px;
}
#Promotion > div#Disp07::after{
	top:379px;
}