@charset "utf-8";
body {
	color: #ffffff;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka,	"ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.4;
	background-color: #000000;
	background-image: url(../images/content/index_image.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-position: center top;
}
#header {
	height: 55px;
	line-height: 55px;
	background-image: url(../images/content/index_upper.png);
	background-repeat: repeat-x;
	text-align: center;
}
#container {
	position: absolute;
	top:9.5%;
	left: 5.5%;
	z-index: 2;
	width: 40%;
	max-width: 750px;
	padding: 2% 0;
	background-color: rgba(0,0,0,0.7);
}
#container .parts {
	width: 90%;
	margin: 0 auto;
	text-align: center;
}
#container #logo {
}
#container #logo p:nth-of-type(1) {
}
#container #logo p:nth-of-type(1) img {
	width: 100%;
	max-width: 260px;
}
#container #logo p:nth-of-type(2) {
	padding-top: 5%;
}
#container #logo p:nth-of-type(2) img {
	width: 100%;
	max-width: 226px;
}
#container #logo p:nth-of-type(3) {
	padding-top: 2%;
}
#container #logo p:nth-of-type(3) img {
	width: 100%;
	max-width: 338px;
}
#container #button ul {
	padding-top: 5%;
}
#container #button li {
}
#container #button li a {
	border: 1px solid #9f9d9c;
}
#container #button li:nth-of-type(1) {
	width: 37%;
	float: left;
}
#container #button li:nth-of-type(1) a {
	display: block;
	width: 90%;
	max-width: 230px;
	margin: 0 auto;
	margin-top: 2%;
}
#container #button li:nth-of-type(2) {
	width: 63%;
	float: right;
}
#container #button li:nth-of-type(2) a {
	display: block;
	width: 90%;
	max-width: 426px;
	margin: 0 auto;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cea40f+0,b88916+100 */
background: #cea40f; /* Old browsers */
background: -moz-linear-gradient(left,  #cea40f 0%, #b88916 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #cea40f 0%,#b88916 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #cea40f 0%,#b88916 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cea40f', endColorstr='#b88916',GradientType=1 ); /* IE6-9 */
}
#container #button li img {
	width: 100%;
}
#container #text {
	padding-top: 3.5%;
}
#container #link {
	padding-top: 3.5%;
}
#container #link p {
	width: 50%;
	float: left;
}
#container #link p img {
	width: 100%;
	max-width: 333px;
}
#container #link ul {
	width: 50%;
	float: right;
}
#container #link ul img {
	width: 98.5%;
	max-width: 333px;
}
#container #link ul li:first-child {
	padding-bottom: 2%;
}
#footer {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 55px;
	line-height: 55px;
	background-image: url(../images/content/index_lower.png);
	background-repeat: repeat-x;
	text-align: center;
}