@charset: 'UTF-8';


/* ==================================
 * Top page setting
 * ================================== */

img { width: 100% }

div#wrap
{
    width: 100%;
    margin: 0 auto;
    min-height: 100%;
    height: auto;
    position: relative;
    padding-top: 0px;
    color: #FFFFFF;
    background-color: #080C0E;
}
div.button_list_box div img {
	width: 100%;
}
header {
	text-align: left;
    background-color: #000000;
}
p {
	color: #FFFFFF;
	margin: 0;
	font-size: 140%;
}
a:hover {
	opacity: 0.3;
}

@media all and (min-width: 769px) {
	.narrow { display: none; }
	#contentscontainer {
		width: 709px;
		padding: 0 30px;
		margin: 0 auto;
	}
	.sep_upright_wide {
		background-image:url('../../images/manualtop/img_line_upright_eff_wide.png');
		background-repeat: no-repeat;;
		background-size: 100% 100%;
		width: 100%;
		height: 53px;
	}
	div.button_list_box {
		width: 100%;
		margin: 60px auto 100px;
	}
	div.button_list_box div {
		float: left;
		width: 222px;
		margin-right: 20px;
	}
	div.button_list_box div:last-child {
		margin-right: 0;
	}
	header{
		background-color: #000000;
		text-align: center;
	}
	header img {
		width: 75%;
	}
}
@media all and (max-width: 768px) {
	.wide { display: none; }
	#contentscontainer {
		width: 85.68%;
		padding: 0 7.16%;
	}
	.sep_upright_narrow {
		background-image:url('../../images/manualtop/img_line_upright_eff_narrow.png');
		background-repeat: no-repeat;;
		background-size: 100% 100%;
		width: 100%;
		padding-top: 12.47%;
	}
	div.button_list_box {
		width: 100%;
		margin: 60px auto 100px;
	}
	div.button_list_box div {
		width: 100%;
		margin-bottom: 40px;
	}
}