@charset "utf-8";

/*--------------------------------------------base*/
@media screen and (min-width: 360px) {
	* {
		-webkit-text-size-adjust: none;
	}
}
body {
	background-color: #fff;
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.6;
	font-size: 14px;
}
a:link,
a:visited {
	color: #4d3d13;
	text-decoration: underline;
}
a:hover,
a:active {
	color: #4d3d13;
	text-decoration: none;
}

/*--------------------------------------------wrapper*/
#wrapper {
	background: url(/biva.webroot/material/img/biva/mailcp2012/mxm/sp/bg_number.jpg) no-repeat right top,
				url(/biva.webroot/material/img/biva/mailcp2012/mxm/sp/bg_gradation01.jpg) repeat-x;
	-webkit-background-size: 180px auto, 10px auto;
	-moz-background-size: 180px auto, 10px auto;
	-o-background-size: 180px auto, 10px auto;
	background-size: 180px auto, 10px auto;
}

/*--------------------------------------------header*/
#hd {
	padding: 10px;
	position: relative;
}
.logo {
	margin-bottom: 15px;
}

/*--------------------------------------------top*/

/*--------------------------------------------outline*/
/*--------------------------------------------footer*/
#ft {
	background: url(/biva.webroot/material/img/biva/mailcp2012/mxm/sp/bg_footer.jpg) no-repeat center bottom,
				url(/biva.webroot/material/img/biva/mailcp2012/mxm/sp/bg_gradation02.jpg) repeat-x left bottom;
	-webkit-background-size: 460px auto, 3px auto;
	-moz-background-size: 460px auto, 3px auto;
	-o-background-size: 460px auto, 3px auto;
	background-size: 460px auto, 3px auto;
	padding: 10px;
	font-size: 12px;
}
#ft ul {
	margin-bottom: 20px;
}


/*--------------------------------------------other*/
.txtC {text-align: center;}

/********************************************************* clearfix*/
.cf:before, .cf:after {
	content:"";
	display:table;
}
.cf:after {clear:both;}
.cf {zoom:1;}