@charset "utf-8";

/* Universal selector */
* {
margin:0;
padding:0;
position:static;
}

/* Text(Heading) */
h1, h2, h3, h4, h5, h6 {position:static;}

/* Text(Block) */
address, blockquote, div, p, pre {
font-style:normal;
font-weight:normal;
position:static;
}

/* Text(Inline) */
abbr, acronym, br, cite, code, dfn, em, kbd, q, samp, span, var {
position:static;
border:none;
font-style:normal;
font-weight:normal;
}
strong {
position:static;
border:none;
font-style:normal;
font-weight:bold;
}

/* Hypertext */
a {
  color: #000000;
}

/* List */
ul, dl, dt, dd {
list-style-type:none;
font-style:normal;
font-weight:normal;
position:static;
}
ol {list-style-type:none;}

/* Image */
img {
border:0;
vertical-align:top;
}

/* Scripting */
noscript, script {
font-style:normal;
font-weight:normal;
position:static;
}

/* Etc. */
hr, table, form, fieldset, del {
font-style:normal;
font-weight:normal;
position:static;
}

/* layout */
 
body {
    background: #000000 url(/images/2010_07_sypd/body_bg.png) no-repeat center top;
    font:normal 13px/1.5 "ＭＳ Ｐ ゴシック", "MS P Gothic", "Verdana", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
    color: #000000;
}

#wrapper{
     width: 900px;
     margin: 0 auto;
}

/* header */


#header {
    width: 900px;
}

h1 {
    margin: 0 0 10px;
}

#head_img {
  width: 880px;
  padding: 25px 10px 35px;
}


#logo-spd a {
    margin: 0 10px;
}


/* main */

#main {
    width: 900px;
    margin: 0 auto;
    overflow: hidden;
}

#collection {
    padding-bottom: 57px;
    background: url(/images/2010_07_sypd/body-bottom.png) no-repeat left bottom;
}


#collection ul {
    width: 850px;
    margin: 0 auto;

}

#collection li {
    float: left;
    margin: 0;

}

#collection #list-line4 {
    width: 415px;
    margin: 0 auto;
    padding-right: 16px;
}

/* footer */

#footer {
  width: 100%;
  height: 35px;
  line-height: 35px;
  border-top: 2px solid #333333;
}

address {
    text-align: center;
    color: #ffffff;
}

/* clearfix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    visibility: hidden;
}
.clearfix { display: inline-block; }
.clearfix { display: block; }

