@charset "utf-8";
/* CSS Document */
/* reset
----------------------------------------------- */

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 1em;
line-height: 1em;
list-style: none;
}

a,
a:hover,
a:active,
a:visited {
margin: 0;
padding: 0;
text-decoration: none;
overflow: hidden;
outline: none;
}

img {
vertical-align: top;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-drag: none;
-moz-user-drag: none;
-ms-user-drag: none;
user-drag: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

hr {
display: none;
}

/* clear */

.clear:after {
content: "."; 
display: block;
height: 0; 
clear: both; 
visibility: hidden;
}

.br {
margin: 0 0 1em 0;
}

* {
   -webkit-appearance: none;
}

/* html
----------------------------------------------- */

html {
margin: 0;
padding: 0;
-webkit-print-color-adjust: exact;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/* body
----------------------------------------------- */

body {
position: relative;
margin: 0;
padding: 0;
font: 14px/1.4 "Hiragino Kaku Gothic Pro", "Meiryo", "MS PGothic", sans-serif;
color: rgb(60,60,60);
background:url(../img/bg.jpg) center/cover no-repeat fixed;
}


a {
color: #ffcc00;
}

#acqlogo img {
width: 60px;
height: 60px;
}

article {
min-width: 1000px;
}

/**/

header {
min-width: 1000px;
background:#fff;
height: 60px;
border-bottom: #dddddd 1px solid;
}


#headbox {
height: 60px;
width: 1000px;
margin: 0 auto 0 auto;
position: relative;
}

#acqlogo{
position: absolute;
top: 0;
left: 0;
}

#headbtn {
position: absolute;
top: 0;
right: 0;
margin: 10px 0 0 0;
}

#headbtn > ul {
display: table;
}


#headbtn > ul > li {
display: table-cell;
}

/**/

#mainimg {
height: 955px;
position:relative;
background:url(../img/main.png);
}

#main01{
position:absolute;
top: 50px;
left: 0;
}

#ttaelogo{
position:absolute;
top: 133px;
left: 0;
}

#main02{
position:absolute;
top: 360px;
left: 0;
}

#main03{
position:absolute;
top: 550px;
left: 0;
}
#main04 {
position:absolute;
left: 0;
top: 780px;
}

#swlogo {
position:absolute;
top: 0;
right: 0;
}

#copy00 {
position:absolute;
top: 10px;
left: 40px;
}

#spec {
width: 750px;
background: rgba(1,26,5,0.9);;
padding: 20px;
margin: 0 auto 0 auto;
color: #fff;
text-align:left;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
box-shadow: 0 0 70px #000 inset;
border: 10px #ab6d00 solid;
}

#spec > table {
max-width: 500px;
margin: 0 auto 0 auto;
font-size: 110%;
}

#spec th,td {
padding: 0.3em;
font-weight: normal;
vertical-align: top;
}

#contentsbox {
max-width: 1000px;
height: auto;
margin: 0 auto 0 auto;
}

div#copyrights {
min-width: 1000px;
margin: 2em auto 2em auto;
color: #000;
text-align: center;
}

div#copyrights span {
text-align: center;
text-shadow: 0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff; 
}

