@charset "utf-8";
/* CSS Document */

/* -------------------------------------------------

index.html CSS

------------------------------------------------- */

/* MainImage
------------------------------------------------- */
#main-img{
	background:url(../../top/images/bg_main.jpg) repeat-x 0 0;
	padding:7px 0 0;
	margin:0 0 30px;
}
#main-img > div{
	width:1100px;
	height:440px;
	margin:0 auto;
	background:url(../images/mainimage.png) no-repeat center center;
  position: relative;
}
#main-img > div > div.left{
  position: absolute;
  width: 336px;
  left: 80px;
  bottom:40px;
}
#main-img > div > div.left p span{
  display: block;
  margin-top: 10px;
}
#main-img > div > div.left p:not(:first-child){
	margin-top: 15px;
}
#main-img > div > div.right{
  padding: 35px 50px 0 720px;
}
#main-img > div > div.right p{
  text-align: center;
}
#main-img > div > div.right p.mark{
  width: 140px;
  margin: 0 auto 10px;
}
#main-img a img{
  transition: 0.5s;
}
#main-img a:hover img{
  transform: translateY(-5px);
}

/* Contents
------------------------------------------------- */
h2{
	margin:0 0 20px;
}
#contents a:hover img{
  opacity:0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
}


/* lineupArea
------------------------------------------------- */
#lineupArea{
	width:340px;
	float:left;
}
.super40{
	margin-bottom:10px;
}
#lineupArea div p{
	width:160px;
	float:left;
	margin:0 10px 10px 0;
}

/* newsArea
------------------------------------------------- */
#newsArea{
	width:620px;
	float:right;
	display:table;
}
#newsArea dl{
	padding:10px 0;
	border-bottom:1px dotted #ccc;
}
#newsArea dl dt,
#newsArea dl dd{
	display:table-cell;
}
#newsArea dl dt{
	width:85px;
}
#newsArea div{
	height:auto;
}
#newsArea div p{
	margin-top:15px;
	float:left;
	margin-right:15px;
}
#newsArea p{
	
}

/* groupArea
------------------------------------------------- */
#groupArea{
	padding-top:20px;
	clear:both;
}
#groupArea ul li{
	width:157px;
	float:left;
	font-size:0.9em;
  box-sizing: border-box;
}
#groupArea ul li a img{
  margin-top: 3px;
}
#groupArea p{
	clear:both;
}