@charset "utf-8";

/*-------------------------------------------------------------------
 *
 * トップページスタイルシート
 * 
-------------------------------------------------------------------*/

/*===================================================================
	mainvisual
===================================================================*/
#mainvisual{
	margin:3px 0;
}

/*===================================================================
	banner
===================================================================*/
#banner{
	margin:20px 0;
	padding:9px 20px;
	background:#f1f1f1;
}

#banner li{
	margin-top:10px;
}
#banner li:first-child{
	margin-top:0;
}

/*===================================================================
	Campaign Event
===================================================================*/
#campaign{
	padding:0 20px;
}

#campaign .clearfix{
	border:#999 1px solid;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	background:linear-gradient(#fff, #cbcbcb);
	background:-moz-linear-gradient(#fff, #cbcbcb);
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#cbcbcb)); 
}

#campaign .clearfix h2{
	float:left;
	margin-left:3px;
	padding:9px 0 7px 18px;
	background:url('../img/ico_campaign.png') no-repeat 0 50%;
	background-size:20px 20px;
}

#campaign .clearfix p{
	float:right;
	margin-right:5px;
	border-left:#b1b2b2 1px solid;
}

#campaign .clearfix p a{
	display:block;
	height:100%;
	padding:10px 14px 10px 6px;
	background:url('../common/img/ico_link_pc.png') no-repeat 100% 50%;
	background-size:15px 13px;
	border-left:#fff 1px solid;
	font-size:smaller;
	text-decoration:none;
}

#campaign ul{
	border:#999 1px solid;
	border-top:none;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	background:#fff;
}

#campaign ul li{
	padding:5px 26px;
	border-top:#999 1px dotted;
	background:url('../common/img/ico_link_arrow_02.png') no-repeat 98% 50%;
	background-size:14px 15px;
}
#campaign ul li:first-child{
	border-top:none;
}

#campaign ul li p.date{
	font-size:larger;
	font-weight:bold;
}

#campaign ul li a.open,
#campaign ul li a.close{
	display:block;
	margin-top:0.5em;
	text-align:right;
}

#campaign ul li a.open span{
	padding-left:16px;
	background:url('../common/img/ico_minus.png') no-repeat 0% 50%;
	background-size:12px 12px;
}

#campaign ul li a.close span{
	padding-left:16px;
	background:url('../common/img/ico_plus.png') no-repeat 0% 50%;
	background-size:12px 12px;
}