@charset "Shift_JIS";
/* CSS Document */

html{ background-color:#fff;}
body {
	font: 13px/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background: #fff;
	margin: 0;
	padding: 0;
	color: #000;
}
h1, h2, p{
	margin-top: 0; }
a img { 
	border: none;
}
a:link {
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none; 
}

/* Clearfix for modern browsers */
.cf:before,
.cf:after {content:""; display:table;}
.cf:after {clear:both;}
/* Clearfix for ie6/7 */
.cf {zoom:1;}

/* ============*/
#header{
	height:76px;
	background-image: url(../img2/header-bg.png);
	background-repeat: repeat-x;
	border-bottom:solid #005ab7 5px;
	position:relative;
}

.btn-close{
	position:absolute;
	top: 7px;
	right: 6px;
}
.ttl-category{
	position:absolute;
	top: 49px;
	left: 0px;
}
.banner-area{
	position:absolute;
	top: 5px;
	left: 235px;	
	
	}
img.bannerbtn{ margin-top:4px; margin-right:4px;}

.apptitle{
	width:730px;
	margin:70px auto 0 auto;}
.apptitle-img{ float:left; margin-right:20px;}
.apptitle-text{margin-left:365px; width:365px;}
.btn-start{text-align:center; margin-top:20px;}


.app-attention{
	position:relative;
	width:730px;
	height:150px;
	margin:35px auto 0 auto;
}
.abobebadge{ 
	position:absolute;
	bottom: 12px;
	left: 0;	
}
.app-note{
	font-size:11px;	
	padding: 15px;
	width: 520px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #e2eeff;
	position:absolute;
	bottom: 0;
	right: 0;
}