@charset "UTF-8";

/* =============================================================== 
	要素のリセット
=============================================================== */
/* 全てのブラウザで、どのような状況でも縦スクロールバーを表示 */
html {
	overflow: scroll;
	overflow: -moz-scrollbars-vertical;
	overflow-x: auto;
	margin: 0;
	padding: 0;
	line-height: 1;
	color: #000;
	font-family: sans-serif;
}

/* ブロック要素のリセット */
div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, ol, ul, dl, li, dt, dd, table, th, td, form, fieldset {
	margin: 0;
	padding: 0;
	color: #000;
	font-family: sans-serif;
	font-size: 100%;
}

/* html5の新要素 */
hgroup, section, article, aside, nav, figure, figcaption, header, footer { 
	display: block;
	margin: 0;
	padding: 0;
	color: #000;
	font-family: sans-serif;
}

ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img, input, select, textarea {
	vertical-align: middle;
}

a img {
	vertical-align: bottom;
	border: 0;
}

/* IE7のhasLauout問題を解決 */
*:first-child+html * {
	letter-spacing: 0;
}



/* コピーライト */
#copyright {
	padding: 0 0 40px;
	text-align: center;
	font-size: 80%;
	color: #003333;
}


/* DFA */

.main_img {
	max-width: 100%;
	height: auto;
}

#mainContents {
	position: relative;
}

.download_button {
	position: absolute;
	max-width: 13.5%;
}

.btn_zip01 {
	left: 34.3%;
	top:  86.5%;
}

.btn_zip02 {
	left: 67.3%;
	top:  86.5%;
}

.btn_zip03 {
	left: 34.3%;
	top:  89%; 
}

.btn_zip04 {
	left: 67.3%;
	top:  89%; 
}



.request_button {
	max-width: 60.3%;
	position:  absolute;
	margin:    0 auto;
	left:      37%; 
	bottom:    2.6%;
	
}

body {
	display: block;
}