@charset "utf-8";

/* ---------------------------------------*/
/* Top */
/* ---------------------------------------*/
#container #top {
	padding: 384px 0 0 0;
}

#container #top .newsarea {
	background: url(../img/top/news_bg-middle.gif) repeat-y;
	width: 840px;
	margin: 0 0 20px 0;
}

#container #top .news {
	background: url(../img/top/news_bg-bottom.gif) center bottom no-repeat;
	width: 840px;
	padding : 0 0 20px 0;
}

#container #top .news dl.info {
	text-align: left;
	padding: 15px 0 5px 0;
	margin: 0 20px 15px;
	border-bottom: 1px dotted #000;
	position: relative;
}

#container #top .news dl.info dt {
	background: url(../img/top/icon_star.gif) no-repeat 10px 3px;
	padding: 0 0 0 27px;
	position: absolute;
	font-weight: bold;
	left: 2px;
}

#container #top .news dl.info dd {
	padding: 0 0 5px 120px;
}

#container #top .news ul.recom {
	margin: 0 0 0 10px;
}

#container #top .news ul.recom li {
	display: inline;
	float: left;
	margin: 0 0 0 20px;
}

#container #top .content{
	text-align: left;
	margin-bottom: 20px;
}

#container #top .content .mainarea{
	display: inline;
	float: left;
	width: 550px;
}

#container #top .content .mainarea p.attention{
	font-size: 86%;
}

#container #top .content .lineuparea{
	background: url(../img/top/lineup_bg-middle.gif) repeat-y;
	width: 550px;
}

#container #top .content .lineuparea .lineup{
	background: url(../img/top/lineup_bg-bottom.gif) center bottom no-repeat;
	width: 550px;
	padding : 0 0 0 0;
}

#container #top .content .lineuparea .lineup span{
	display: block;
}

#container #top .content .lineuparea .lineup ul{
	padding: 15px 0 0 0;
	margin: 0 0 5px 0;
}

#container #top .content .lineuparea .lineup ul li{
	clear: both;
	margin: 0 20px 15px;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #ff7f00;
}

#container #top .content .lineuparea .lineup ul li:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
#container #top .content .lineuparea .lineup ul li { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html #container #top .content .lineuparea .lineup ul li { height: 1%; }  
#container #top .content .lineuparea .lineup ul li { display: block; }  
/* End hide from IE-mac */  

#container #top .content .lineuparea .lineup ul li:last-child{
	border-bottom: none;
}

#container #top .content .lineuparea .lineup ul li span.img{
	display: inline;
	float: left;
	width: 85px;
	padding: 0 0 0 10px;
}

#container #top .content .lineuparea .lineup ul li span.title{
	font-weight: bold;
}

#container #top .content .lineuparea .lineup ul li span.txt{
	margin: 0 0 5px 0;
}

#container #top .content .lineuparea .lineup ul li span.btn_more{
	margin: 0 10px 0 0;
	width: 83px; 
	float: right;
}

#container #top .content .sidearea{
	float: right;
}

#container #top .content .sidearea ul.bnrarea li{
	margin: 0 0 5px 0;
}

#container #top #list{
	clear: both;
	margin-bottom: 50px;
}

#container #top #list h4{
	text-align: left;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 0 0 3px 0;
	border-bottom: 1px solid #666;
}

#container #top #list ul li{
	display: inline;
	float: left;
	width: 105px;
	font-size: 86%;
	margin-bottom: 10px;
}

#container #top #list ul li span{
	display: block;
}

#container #top #list ul li a:link{color: #000;text-decoration:none;}
#container #top #list ul li a:visited{color: #000;text-decoration:none;}
#container #top #list ul li a:hover{color: #666;text-decoration:none;}
#container #top #list ul li a:active{color: #000;text-decoration:none;}