@charset "utf-8";
a:link { color: #FFF; text-decoration: none; }
a:visited { color: #CCC; text-decoration: none; }
a:hover { color: #CCCCCC; text-decoration: underline; }
a:active { color: #666666; text-decoration: none; }
/* RESET */
body { color:#FFF; margin: 0px; padding: 0px; background-color: #000; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 12px; line-height: 18px; }

div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
p,blockquote,table,th,td {margin: 0; padding: 0;}

img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }

/* wrap
----------------------------- */
#wrap { width:1030px; float: left; }
/* nav
----------------------------- */
#nav { display: block; position: fixed; width: 200px; float: left; left: 0px; top: 0px; }
/* gnav
----------------------------- */
#nav #gnav { display: block; width: 165px; float: left; padding-left: 30px; padding-top: 50px; font-size: 14px; line-height: 1.6em; letter-spacing: 3px; }
#nav #gnav li { list-style-type: none; }

/* home
----------------------------- */
#home { display: block; height: 750px; background-image: url(../_img/imgtop/lamp1.png); background-repeat: no-repeat; background-position: 350px 50px; float: right; width: 800px; margin-bottom: 200px; clear: right; }
#home .contents { width:400px; display: block; vertical-align: bottom; top: 500px; position: relative; }

/* about
----------------------------- */
#about { display: block; height: 750px; background-repeat: no-repeat; background-position: right center; float: right; width: 800px; background-image: url(../_img/material/schatzkammer.png); margin-bottom: 200px; position: relative; }
#about .contents { width:400px; display: block; top: 43%; bottom: 50%; position: relative; }

/* contact
----------------------------- */
#contact { display: block; height: 750px; background-repeat: no-repeat; background-position: right center; float: right; width: 800px; background-image: url(../_img/material/contact.png); margin-bottom: 200px; }
#contact .contents { width:400px; display: block; top: 20%; bottom: 50%; position: relative; }

/* lamp
----------------------------- */
#lamp { display: block; height: 1000px; background-repeat: no-repeat; background-position: center top; float: right; width: 800px; background-image: url(../_img/imgtop/lamp_bg.png); margin-bottom: 200px; }
#lamp .contents { width:400px; display: block; top: 200px; position: relative; }

#lamp ul { width:400px; padding-bottom: 60px; }
#lamp ul li { float:left; list-style-type: none; margin-right: 20px; border-left-width: 1px; border-left-style: double; border-left-color: #FFF; padding-left: 20px; }


/* footer
----------------------------- */
#footer { display: block; height: 200px; float: right; width: 800px; margin-bottom: 200px; }


.top10 {margin-top:10px; }
.top20 {margin-top:20px; }
.top30 {margin-top:30px; }

.btm10 {margin-bottom:10px; }
.btm20 {margin-bottom:20px; }
.btm30 {margin-bottom:30px; }
.btm60 {margin-bottom:60px; }

.note { font-size:10px; }
.attention {color:#F90; }