@charset "utf-8";

body #cp_back{
	background-image:url(img/cp_back.jpg);
	background-repeat:no-repeat;
	background-position:center;
	margin:0;
	padding:0;
	}


/*--終了--*/
#eventBox-fin{
	width:601px;
	margin:0 auto 25px -3px;
	padding:0;}
	

#eventBox-fin .eventBox-top{
	background-image:url(img/eventlist_box-top-fin.jpg);
	background-repeat:no-repeat;
	width:601px;
	height:6px;
	}
	
#eventBox-fin .eventBox-middle{
	background-color:#cbcbcb;
	width:601px;
	}
	
#eventBox-fin .eventBox-bottom{
	background-image:url(img/eventlist_box-bottom-fin.jpg);
	background-repeat:no-repeat;
	width:601px;
	height:6px;
	}
	


/*--開催中--*/
#eventBox{
	width:601px;
	margin:0 auto 25px -3px;
	padding:0;}
	

#eventBox .eventBox-top{
	background-image:url(img/eventlist_box-top.jpg);
	background-repeat:no-repeat;
	width:601px;
	height:6px;
	}
	
#eventBox .eventBox-middle{
	background-color:#7ECAEE;
	width:601px;
	}
	

#eventBox .eventBox-bottom{
	background-image:url(img/eventlist_box-bottom.jpg);
	background-repeat:no-repeat;
	width:601px;
	height:6px;
	}
	

	


/*--共通--*/	

.eventBox-middle img{
	margin:0 1px 0 4px;
	border:1px solid #fff;
	}	
	

.eventBox-title{
	font-weight:bold;
	background-image:url(img/eventlist_box-title.gif);
	background-repeat:no-repeat;
	width:356px;
	height:21px;
	margin:0;
	padding:4px 0 0 10px;
	color:#333333;
	}

.eventBox-detail{
	background-image:url(img/eventlist_box-detail.gif);
	background-repeat:no-repeat;
	width:356px;
	height:87px;
	margin:3px 0 0 0;
	padding:5px 0 0 10px;
	}	
	
.eventBox-detail p{
	margin:5px 0 0 0;
	padding:0;
	line-height:150%;
	}
	
.eventDay{
	font-weight:bold;
	color:#333333;
	margin:0px 0 5px 0;
	padding:0;
	}
	
.event-fin{
	color:#FF6699;
	font-weight:bold;
	margin-left:10px;
	}
	

/*--イベントカレンダー--*/

#contents #event-calendar ul{
	margin:0;
	padding:10px;
	list-style:none;
	border:1px solid #00ccFF;
	}
	
#event-calendar li{
	list-style:none;
	border-bottom:1px dotted #00CCFF;
	padding:10px 0 10px 0;
	margin:0;
}
	
#event-calendar .week-list{
	margin:10px auto 20px auto;
	text-align:center;
	color:#FFCC00;
	}
	
#event-calendar .event-name{
	font-weight:bold;
	color:#990000;
	}
	
	
	
	
	
	
/*--------------イベント・キャンペーン用特設---------------*/


/*--イベント共通--*/	

#campaignArea{
	width:590px;}
	
#campaignArea .header{
	width:100%;
	height:100%;
	}
	
#mainArea #campaignArea .header h2{
	height:100%;
	}
	
	
#contentsArea #campaignArea h2{
	margin:0;
	padding:0;
	background-image:none;
	}	


#contentsArea #campaignArea h3{
	margin:10px auto -5px auto;
	/margin:10px auto 0px auto;
	padding:0;
	background-image:none;
	height:auto;
	}

#contentsArea #campaignArea .campaign-box h3{
	margin:40px auto 10px auto;
	/margin:40px auto 10px auto;
	padding:4px;
	border:1px solid #333;
	background-color:#fc6;
	width:95%;
}

#contentsArea #campaignArea .campaign-box h4{
	margin:20px 0 5px 20px;
	border-bottom:1px dotted #333;
	width:90%;
}

#contentsArea #campaignArea .campaign-box h5{
	margin:30px 0 5px 10px;
}

#contentsArea #campaignArea .campaign-box p{
	margin:10px 0 5px 20px;
	line-height:150%;
}


#campaignArea .campaing_bg{
	background-image:url(img/box_bg.jpg);
	background-repeat:repeat-y;
	width:100%;
	margin-bottom:20px;
	padding-top:20px;
	}
	
#campaignArea .campaing_bot{
	background-image:url(img/box_bot.jpg);
	background-repeat:no-repeat;
	width:590px;
	height:7px;
	}

#campaignArea .campaign-box{
	margin:0px auto 20px auto;
	/margin:10px auto 20px auto;
	width:559px;}


/*--プレミアムウィーク--*/	

#campaignArea .premium-week .btn{
	width:559px;
	margin:20px auto 30px auto;
	}
	
#contentsArea #campaignArea .premium-week h4{
	width:100%;
	text-align:center;
	padding:5px;
	margin:40px auto 10px auto;
	}

#contentsArea #campaignArea .premium-week h5{
	border:1px solid #33CCCC;
	padding:5px;
	width:100%;
	margin-top:5px;
	background-color:#fff;
	}


#contentsArea #campaignArea .premium-week ul{
	float:left;
	margin:10px 0 10px 10px;
	padding:0;
	list-style:none;
		font-size:10px;}	

#contentsArea #campaignArea .ss_list ul{
	margin:10px;
	padding:0;
	list-style:none;
	}
#contentsArea #campaignArea .ss_list li{float:left; margin:5px; border:3px solid #ccc;}




/*--アイテム紹介ボックス--*/

#contentsArea #campaignArea .itemBox{
	margin:10px 0 20px 10px;
	}

#contentsArea #campaignArea .itemBox_head{
	background-image:url(img/itemBox_head.jpg);
	background-repeat:none;
	width:441px;
	height:26px;
	font-size:14px;
	font-weight:bold;
	padding:14px 0 0 100px;
}

#contentsArea #campaignArea .itemBox_main{
	background-image:url(img/itemBox_bg.jpg);
	background-repeat:repeat-y;
	width:541px;
	height:auto;
	}


#contentsArea #campaignArea .itemBox_main .itemImg{
	float:left;
	margin:10px 0 0 25px;
	border:1px solid #fff;
	}

#contentsArea #campaignArea .itemBox_main .itemDetail{
	float:left;
	margin:10px 0 0 40px;
	}

	
/*--過去のもの--*/	

.cp_title {
font-weight: bold;
}
.cp_hiduke {
font-weight: bold;
}
.td_cptitle {
font-weight: bold;
background-color: #FAC500;
}
.td_boxback {
background-color: #666666;
}
.style1 {
color: #FF6600;
font-weight: bold;
}
.style2 {font-size: 12px}
.style4 {color: #FF0000; font-weight: bold; }


#contentsArea #eventlist p{
	margin:0;
	padding:0;
	}