@charset "utf-8";
/* CSS Document */
body,html{
	height:100%;
}

#wrapper{
	min-height:100%;
}

body{
	background:url(../img/Vita_ap/back.jpg) repeat;
}

h1{
	position:static;
	text-align:center;
	margin-bottom:10px;
}

#contents_button{
	width:762px;
	margin-left:6px;
	margin-bottom:20px;
	border-bottom:solid 4px #590007
}


#contents{
	width:776px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:110px;
}

#contents ul li{
	width:760px;
	display:block;
	margin-bottom:6px;
}

#contents #section1 li{
	height:219px;
	padding:8px;
	background:url(../img/tie-up_campaign/back.png) no-repeat;
}

#contents ul li .left{
	float:left;
	width:196px;
	padding:19px;
}
#contents ul li .left a{
	display:block;
	margin-top:2px;
}
#contents ul li .right{
	padding:19px;
}
#contents ul li .right h2{
	font-size:16px;
	vertical-align:middle;
	color:#213844;
	font-weight:bold;
}
#contents ul li .right p.period{
	background-color:#213844;
	font-size:14px;
	padding:0.5em 1em;
	line-height:1em;
	color:#fff;
	margin:0.5em 0 0.5em 215px ;
}
#contents ul li .right p.cp_detail{
	font-size:12px;
}

/*extra menu*/

#section2{
	display:none;
	position:relative;
	top:0px;
	left:0px;
}

#section2 li{
	padding:8px 0px;
}

#section2 .background{
	background:url(../img/tie-up_campaign/dlc/back.png) repeat-y;
	width:771px;
}

#section2 .dlc_box{
	padding-top:23px;
	margin-left:26px;
}

#section2 .dlc_box .detail_box{
	padding-bottom:20px;
}

#section2 h2{
	margin-bottom:20px;
}

#section2 h2 span{
	font-size:18px;
	font-weight:bold;
}

#section2 a{
	display:block;
}

#section2 .pict_box{
	width:234px;
	float:left;
}

#section2 .pict_box a:first-child img{
	display:block;
	margin-bottom:16px;
}

#section2 .extra_button_list{
	background:none;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
	padding:8px;
  width: 100%;
}

#section2 .extra_button_item {
  width: 49%;
}

#section2 .extra_button_item.end_item {
  width: 300px;
}

#section2 .extra_button_item.end_item img {
  display: block;
  width: 100%;
}

#section2 .item_detail{
	width:471px;
	font-size:13px;
	float:right;
	margin-right:26px;
}

#section2 .item_detail dt{
	background:#c3c3c3;
	margin-bottom:1px;
}

#section2 .item_detail dd{
	background:#dfdfdf;
	margin-bottom:6px;	
}

#section2 .item_detail dt,#section2 .item_detail dd{
	padding-left:6px;
	height:25px;
	line-height:25px;
}

/*footer*/

#footer{
	background:#000000;	
}

#footer p{
	width:800px;
	margin-left:auto;
	margin-right:auto;
}