@charset "utf-8";

div#content p,
div#content ul, div#content ul li,
div#content dl, div#content dl dd,
div#content div.visual {
	margin:0;
	padding:0;
}

/* h3
---------------------------------------------------------*/
div#content h3 {
	margin-top:30px;
	margin-bottom:12px;
}

/* div.visual
---------------------------------------------------------*/
div#content div.visual {
	margin-top:7px;
	background:url(/fanclub/mcd/graphic/index/background_visual_01.jpg) #00b9ef no-repeat;
}
	div#content div.visual h3 {
		margin:0;
		padding:0;
	}
	
	/* div.grid
	---------------------------------------------------------*/
	div#content div.visual div.grid {
		width:748px;
		margin:0;
		padding:0;
	}
	div#content div.visual div.grid div.column {
		width:184px;
	}
	div#content div.visual div.grid div.left {
		width:564px;
	}
	
	/* ul.benefit
	---------------------------------------------------------*/
	div#content div.visual ul.benefit {
		margin-top:56px;
		margin-bottom:27px;
		padding-left:139px;
	}
	div#content div.visual ul.benefit li {
		float:left;
	}
	
	/* p.otoku
	---------------------------------------------------------*/
	div#content div.visual p.otoku {
		margin-left:6px;
		margin-bottom:1px;
	}
	
	/* dl.pay
	---------------------------------------------------------*/
	div#content div.visual dl.pay dd.type {
		margin-left:15px;
	}
	div#content div.visual dl.pay dd.type dl {
		margin-bottom:12px;
	}
	div#content div.visual dl.pay dd.type dl.last-child {
		margin-bottom:0;
	}
	div#content div.visual dl.pay dd.type dl dd.button {
		margin-right:21px;
		text-align:right;
	}
	div#content div.visual dl.pay dd.button-howtopay {
		margin-top:9px;
		margin-left:9px;
	}


/* div.access
---------------------------------------------------------*/
div#content div.access ul li {
	float:left;
	margin-right:11px;
}
div#content div.access ul li.last-child  {
	margin-right:0;
}

/* div.app
---------------------------------------------------------*/
div#content div.app div.column {
	width:190px;
	margin-right:12px;
}
div#content div.app div.detail {
	width:522px;
	margin-right:0;
}
div#content div.app div.detail p {
	margin-bottom:18px;
}

/* div.banner
---------------------------------------------------------*/
div#content div.banner ul {
	margin-bottom:12px;
}
div#content div.banner ul li {
	float:left;
	margin-right:12px;
}
div#content div.banner ul li.last-child  {
	margin-right:0;
}

/* clearFix
-----------------------------------------------------------*/
div#content div.visual div.grid,
div#content div.visual ul.benefit,
div#content div.access ul,
div#content div.banner ul {
	overflow: hidden;
}
div#content div.visual div.grid:after,
div#content div.visual ul.benefit:after,
div#content div.access ul:after,
div#content div.banner ul:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
/*\*/
* html div#content div.visual div.grid,
* html div#content div.visual ul.benefit,
* html div#content div.access ul,
* html div#content div.banner ul {
	height: 1em;
	overflow: visible;
}
/**/