body {
    background-color: #000;
    color: #fff;
}
header {
    height: 740px; /* header height + nav height */
    background-image: url('bg_header.webp');
}
header h1 {
	margin-left : -535px;
    background-image: url('logo_title.webp');
}
header .btn-twitter {
	margin-left : 250px;
	top: 597px;
	background-image: url('btn_twitter.webp');
	height: 72px;
	width: 231px;
}
nav {
    top: 700px;
    height: 130px;
    background-image: url('bg_nav.webp');
}
nav ul li:nth-child(1) {
    background-image: url('btn_menu1.webp');
}
nav ul li:nth-child(2) {
    background-image: url('btn_menu2.webp');
}
main {
    background-color: #000;
}
.content h3 {
    font-size: 30px;
    color: #b883e9;
}
.content h4 {
    font-size: 21px;
    color: #a99bc0;
}
.content h6 {
    font-size: 12px;
    color: #bcbcbc;
}
.content table tr th{
    background-color: #401b80;
    color: #fff;
}
.content table tr:nth-child(odd) {
    background-color: #474266;
    color: #fff;
}
.content table tr:nth-child(even) {
    background-color: #474266;
    color: #fff;
}
.content table tr td,
.content table tr th  {
 	border: 2px solid #000;
}
.content .btn-entry {
	position:relative;
	width: 100%;
	height:106px;
	background-image: url('img_01itemuke.webp');
}
.content .btn-entry a {
	overflow:hidden;
	position:absolute;
	top: 10px;
	right: 50px;
	width: 369px;
	height: 88px;
	background-image: url('btn_uketoru01.webp');
	background-position:0 0;
	text-indent:-1000px;
}
.content .btn-entry a:hover {
	background-position:0 100%;
}
.content .btn-return {
	position:relative;
	width: 100%;
	height:106px;
	background-image: url('img_02itemuke.webp');
}
.content .btn-return a {
	overflow:hidden;
	position:absolute;
	top: 10px;
	right: 50px;
	width: 369px;
	height: 88px;
	background-image: url('btn_uketoru01.webp');
	background-position:0 0;
	text-indent:-1000px;
}
.content .btn-return a:hover {
	background-position:0 100%;
}
.content .img-list{
	position:relative;width:100%
}
.content .img-list li{
	position:relative;
	width:100%;
	min-height:95px;
	margin-bottom:40px;
	padding-left:150px
}
.content .img-list li img{
	margin-top:20px
}
.content .img-list li:before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:110px;
	height:95px;
	background-repeat:no-repeat;
	background-position:0 0
}
.content .img-list li:nth-child(1):before{
	background-image:url(img_list01.webp)
}
.content .img-list li:nth-child(2):before{
	background-image:url(img_list02.webp)
}
.content .img-list li:nth-child(3):before{
	background-image:url(img_list03.webp)
}
.content .mark-list{
	margin:20px 0;
	font-size:12px;
	color:#bababa
}
.btn-top {
    top: 800px;
    width: 100px;
    height: 100px;
    background-image: url('btn_top.webp');
}
.caution {
    margin-top: 110px;
    background-image: url('bg_caution.webp');
    color: #e3dfe7;
}
footer {
    background-color: #362a64;
    color: #cabcee;
}
e:url(img_list01.webp)
}
.content .img-list li:nth-child(2):before{
	background-image:url(img_list02.webp)
}
.content .img-list li:nth-child(3):before{
	background-image:url(img_list03.webp)
}
.content .mark-list{
	margin:20px 0;
	font-size:12px;
	color:#bababa
}
.btn-top {
    top: 800px;
    width: 100px;
    height: 100px;
    background-image: url('btn_top.webp');
}
.caution {
    margin-top: 110px;
    background-image: url('bg_caution.webp');
    color: #e3dfe7;
}
footer {
    background-color: #362a64;
    color: #cabcee;
}
