/* ユニバーサルセレクタ スタイルシート */
* {
margin: 0;
padding: 0;
font-size: 100%;
font-family: "Osaka","MS UI Gothic","MS Pゴシック";
}
body {
background-color: #000000;
}
/* スタイルシート */
#wrapper {
width: 800px;
height: 1300px;
background-image: url(../images/metal01.gif);
background-repeat: repeat-y;
margin: 0 auto;
}
#wrapper2 {
width: 800px;
height: auto;
background-image: url(../images/metal01.gif);
background-repeat: repeat-y;
margin: 0 auto;
}
#wrapper3 {
width: 800px;
height: 1735px;
background-image: url(../images/metal01.gif);
background-repeat: repeat-y;
margin: 0 auto;
}
#wrapper4 {
width: 800px;
height: 1900px;
background-image: url(../images/metal01.gif);
background-repeat: repeat-y;
margin: 0 auto;
}
#contents {
width: 780px;
font-size: 12px;
line-height: 16px;
padding: 0;
margin: 0 auto;
}
#contents_box {
float: right;
width: 598px;
height: 174px;
background-image: url(../images/metal07.jpg);
background-repeat: no-repeat;
padding: 0;
margin: 0;
}
#contents_box2 {
width: 780px;
height: 771px;
background-image: url(../images/re_metal03.jpg);
background-repeat: no-repeat;
padding: 0;
margin: 0;
}
#contents_box p {
font-size: 10px;
line-height: 12px;
color: white;
padding-left: 10px;
padding-top: 14px;
}
#contents_bannar {
width: 780px;
height: auto;
text-align: right;
padding-top: 0;
margin: 0;
}
#contents_bannar2 {
width: 780px;
height: 70px;
background-color: black;
padding: 0;
margin: 0;
}
.img0 {
clear: both;
}
.img {
float: left;
}
.img2 {
float: left;
padding-top: 108px;
}
.img3 {
float: left;
padding-top: 76px;
padding-left: 33px;
}
.img4 {
float: right;
padding-top: 544px;
padding-right: 7px;
}
.img5 {
float: right;
padding-right: 7px;
padding-top: 15px;
}
.img6 {
float: right;
padding-right: 7px;
padding-top: 15px;
}
#contents_link2 {
float: left;
width: 232px;
padding-top: 338px;
padding-left: 10px;
}
#link0 a {
display: block;
width: 40px;
height: 24px;
background-image: url(../images/menue01.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
padding: 0;
margin: 0;
}
#link0 a:hover {
display: block;
width: 40px;
height: 24px;
background-image: url(../images/menue01_on.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
padding: 0;
margin: 0;
}
#link a {
display: block;
width: 142px;
height: 38px;
background-image: url(../images/menue02.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
padding: 0;
margin: 0;
}
#link a:hover {
display: block;
width: 142px;
height: 38px;
background-image: url(../images/menue02_on.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
padding: 0;
margin: 0;
}
#link2 a {
display: block;
width: 65px;
height: 28px;
background-image: url(../images/menue03.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
padding: 0;
margin: 0;
}
#link2 a:hover {
display: block;
width: 65px;
height: 28px;
background-image: url(../images/menue03_on.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
padding: 0;
margin: 0;
}
#link3 a {
display: block;
width: 139px;
height: 54px;
background-image: url(../images/menue04.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
padding: 0;
margin: 0;
}
#link3 a:hover {
display: block;
width: 139px;
height: 54px;
background-image: url(../images/menue04_on.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
padding: 0;
margin: 0;
}
#link4 a {
display: block;
width: 55px;
height: 26px;
background-image: url(../images/menue05.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
padding: 0;
margin: 0;
}
#link4 a:hover {
display: block;
width: 55px;
height: 26px;
background-image: url(../images/menue05_on.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
padding: 0;
margin: 0;
}
#link5 a {
display: block;
width: 91px;
height: 30px;
background-image: url(../images/menue06.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
padding: 0;
margin: 0;
}
#link5 a:hover {
display: block;
width: 91px;
height: 30px;
background-image: url(../images/menue06_on.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
padding: 0;
margin: 0;
}
#link6 a {
display: block;
width: 46px;
height: 24px;
background-image: url(../images/menue07.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
padding: 0;
margin: 0;
}
#link6 a:hover {
display: block;
width: 46px;
height: 24px;
background-image: url(../images/menue07_on.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
padding: 0;
margin: 0;
}
img.preload{
display:none;
}