@charset "UTF-8";
/*
*	staff.css
*/
section {
  *zoom: 1;
}
section:after {
  content: "";
  display: block;
  clear: both;
}

/* ==========================================================
  h2
========================================================== */
.special .page-title {
  top: -8px;
  left: 39px;
} 
.special h2 {
	clear:both;
	margin-bottom:15px;}

/* ==========================================================
	xxx
========================================================== */
.special .container {margin-top: 29px;}
.container .inner {
  position: relative;
}

.contents-bottom {clear:both;}

section {
  position: relative;
  margin-bottom: 30px;
  padding: 173px 0 0 0px;
  background: url(../images/special/img01.png) no-repeat;
  width:829px;
  margin:auto;
  top: -40px;
}
section .bg-ribbon {
  top: -20px;
  left: 265px;
}
p.text {
	color:#1d9ef6;
	font-size: 11px;
    padding: 0 0 10px 576px;}
.wallpaper {width:556px; margin:auto;}

.special ul.btns {
	width: 543px;
	margin:10px auto;
	padding-bottom: 320px;}

.special ul.btns li {
    height: 56px;
	float:left;
    width: 176px;
	margin-right:5px;
}

.special ul.btns li.btn01 a { background: url(../images/special/btn01.gif) no-repeat scroll 0 0;}
.special ul.btns li.btn02 a { background: url(../images/special/btn02.gif) no-repeat scroll 0 0;}
.special ul.btns li.btn03 a { background: url(../images/special/btn03.gif) no-repeat scroll 0 0;}

.special ul.btns li a {	
    display: block;
    height: 56px;
    text-indent: -9999px;}
	
.special ul.btns li a:hover {
    background-position: 0 -56px;
}


ul.wallpaper-list {}
ul.wallpaper-list li {
	padding: 0 0 20px;
	float:left;
	width:207px;}
	ul.wallpaper-list li p {
		background: url(../images/special/bg_ymd.png) no-repeat scroll center 3px rgba(0, 0, 0, 0);
		color: #FFFFFF;
		font-size: 16px;
		padding: 4px;
		text-align: center;}
	ul.wallpaper-list li img {
		border: 2px #fff solid;}