@charset "shift_jis";


/*--Main Container--*/
#pickup {
	height:296px;
	position: relative;/**/
}

/*--Window/Masking Styles--*/
.window {
	height:264px;
	width: 560px;
	margin: 0px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}

.image_reel {
	position: absolute;
	top: 0;
	left: 0;
}

.image_reel a {
	float: left;
	display: block;
	width: 560px;
	height: 264px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: #FFF;
}/**/

.image_reel img {
	float: left;
	margin: 0;
	padding: 0;
	_width: 560px;
	overflow: hidden;
}


 
/*--Paging Styles--*/
.paging {
	position:absolute;
	bottom: 4px;
	_bottom: 4px;
	right: 9px;
	height:29px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 0;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
	outline: none;
	background-color:#FFF;
}
.paging a {
	text-decoration: none;
	color: #fff;
	height: 25px;
	border: 2px solid #fff;
	display: block;
	float: left;
	width: 25px;
	outline: none;
	margin-right: 2px;
}
.paging a.active {
	border: 2px solid #000;
}
.paging a:hover {font-weight: bold;}
/*----*/



#mainArea{
	width:576px;}

#mainAreaL{
	float:left;
	width:286px;}/*--282--*/

#mainAreaR{
	float:right;
	width:286px;}/*--282px--*/

.itemBox{
	margin-bottom:4px;
	background-color:#FFF;
	border:1px solid #FFF;
	padding:7px 7px 18px 7px;}

.itemBox p{
	color:#666;
	line-height:1.4;
	font-size:80%;}
	
.itemBox p.font12{
	color:#666;
	line-height:1.4;
	font-size:100%;}

.itemImg{
	width:270px;/*--265px--*/
	padding-bottom:8px;}

.itemBox p.itemDay{
	float:left;
	color:#999;
	font-weight:bold;}

.itemBox p.itemCategory{
	float:right;
	margin-right:1px;
	padding:2px 8px;
	color:#FFF;
	line-height:1.0;
	text-align:center;
	background-color:#F90;}

.itemBox h3{
	clear:both;
	float:none;
	line-height:130%;
	font-size:1.1em;
	padding-top:8px;
	padding-bottom:12px;}

.itemBox h3 span{
	line-height:130%;
	font-size:0.8em;}

.itemBox h3 a{
	color:#333;
	text-decoration:none;}

.itemBox h3 a:hover{
	text-decoration:underline;}

#mainAreaBN{
	height:14px;
	line-height:100%;
	text-align:right;
	padding:8px;}






#mainArea h2 {
	margin-bottom: 4px;
	margin-top: 8px;
}
#recommendArea {
	margin: 0 0 16px;
}
#recommendArea h2 {
	margin-bottom: 4px;
}
#recommendArea p {
	margin: 8px;
	font-size: 12px;
	line-height: 1.2em;
}

/*-- lineupArea 150315追加 --*/


#lineupArea{
	margin-bottom:30px;
}
#lineupArea h2{
	background:#000;
	color:#FFF;
	text-align:center;
	padding:8px 20px;
	width:535px;
	font-size:18px;
	font-weight:100;
}
#lineupArea ul{
	overflow:hidden;

}
#lineupArea ul li{
	float:left;
	width:171px;
	margin:10px;
}

#lineupArea .imgBox{
	margin-bottom:10px;
}
#lineupArea .imgBox img{
	border:4px solid #000;
}
#lineupArea .txtBox{
}

#lineupArea .txtBox .hatasubai{
	color:#FFF;
	background:#000062;
	font-size:14px;
	font-weight:bold;
	display:inline;
	padding:5px;
	margin-bottom:3px;
}

#lineupArea .txtBox h3{
	margin-top:10px;
}
#lineupArea .txtBox h3 a{
	font-size:15px;
	text-decoration:none;
	color:#000;
}
#lineupArea .txtBox p{
	font-size:11px;
}


#lineupArea p.btn a{
	display:block;
	border:4px solid #000;
	background:#FFF;
	color:#000;
	width:358px;
	margin:0 auto;
	padding:15px 10px;
	text-align:center;
	text-decoration:none;
	font-size:18px;
	font-weight:bold;
}
#lineupArea p.btn span{
	background:url(../images/home/lineup_arrow.jpg) 100% 50% no-repeat;
	padding-right:15px;
}


/*-- twArea 150315追加 --*/


#twArea {
	background:#000;
	padding:15px 15px 15px 20px;
	width:530px;
	margin:0 auto;
}

#twArea #twBox{
	margin-bottom:20px;

}
#twArea #twBox .tw{
	float:left;
	width:255px;

}
#twArea #twBox .txtBox{
	float:right;
	width:260px;
}
#twArea #twBox  .txtBox dt{

	margin-bottom:20px;
}
#twArea #twBox  .txtBox dd{
	color:#FFF;
	font-size:11px;
	
}
#twArea .show{
	border:2px solid #FFF;
	padding:15px 5px 5px;

}
#twArea .show dt,
#twArea .show dd{
	float:left;
	padding:0 5px;
}
#twArea .show dt{
	width:125px;
}
#twArea .show dd{
	width:230px;
	color:#FFF;
	font-size:14px;
}
#twArea .show dd.btn{
	width:130px;

}
#twArea .show dd.btn p{
	margin-bottom:10px;
}



/*-- #pickupBox ※左サイド 150315追加 --*/

#pickupBox {
	border:3px solid #000;
	padding: 7px;
	margin:0 auto 10px;

	width:190px;
	position:relative;
 }


#pickupBox h1{
	margin:0 auto 10px;

 }
#pickupBox p.hayawari{
	position:absolute;
	left:-17px;
	height:40px;
 }
#pickupBox h2{
	margin:55px auto 10px;
	text-align:center;

 }
#pickupBox h2 span{
	display:block;
	font-size:12px;
 }


#pickupBox dl{

}
#pickupBox dl dt{
	float:left;
	width:76px;
	margin-bottom:10px;
}
#pickupBox dl dt img{
	width:66px;
	height:66px;
	border:2px solid #000;
}


#pickupBox dl dd{
	float:left;
	width:110px;
	min-height:70px;
	margin-bottom:10px;
}
#pickupBox dl dd a{
	font-size:11px;
	line-height:1.3;
	text-decoration:none;
	color:#000;	
}
	#pickupBox dl dd a:hover{
		text-decoration: underline;
	}





#pickupBox p.btn a{
	display:block;
	border:4px solid #000;
	background:#FFF;
	color:#000;
	width:172px;
 
	margin:0 auto 10px;
	padding:8px 0px;
	text-align:center;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}
#pickupBox p.btn span{
	background:url(../images/home/pickup_arrow.jpg) 100% 50% no-repeat;
	padding-right:13px;
}




/*-- #cupsuleBox ※右サイド 150315追加 --*/

#cupsuleBox{
	width:180px;
	padding:0;

	background-color: #FFF;
	border-top: 1px solid #DEDEDE;
	border-left: 1px solid #DEDEDE;
	border-bottom: 1px solid #D5D5D5;
	border-right: 1px solid #D5D5D5;
	margin-bottom: 4px;	
}

#cupsuleBox dl{
	padding:5px;

}
#cupsuleBox dl dt {
	font-size:14px;
	font-weight:bold;
	text-align:center;
	margin-bottom:5px 
}
#cupsuleBox dl dt a{
	color:#000;
	text-decoration:none;
}
#cupsuleBox dl dt.date{

	border-radius: 15px; /* CSS3草案 */ 
	-webkit-border-radius: 15px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 15px; /* Firefox用 */
	padding:4px 5px 2px;
	
	color:#FFF;
	background:#A8CC2A;
}
#cupsuleBox dl dd{
	margin-bottom: 20px;
}
#cupsuleBox dl dd img{
	border:4px solid #000;
	
}