
body    { color: #888; font-size: 62.5%; background-color: #000 }
a   { color: #568; line-height: 160%; text-decoration: underline }
a:hover { color: #ddd; background-color: #568 }
h1  { color: #ddd }
h2   { color: #ddd; font-size: 1.4em; letter-spacing: 0.1em; margin-bottom: 0.3em; padding-top: 2px; padding-bottom: 4px }
h3     { color: #9c0; font-size: 0.9em; margin-top: 3em; padding-top: 2px; padding-bottom: 2px; border-bottom: 1px solid #222 }
h4   { color: #eee; font-size: 1.2em; margin-bottom: 0.4em }
h5 { color: #f90; font-size: 1.2em; margin-top: 2em; padding-top: 2px; padding-bottom: 2px; border-bottom: 1px solid #222 }
h6 { color: #f06 }
#header   { background-color: #000; background-image: url("../_images/840x180_header.jpg"); background-repeat: no-repeat; margin: 0 auto; padding: 0; width: 960px; height: 180px; clear: both; border-bottom: 4px solid #800 }
#main  { font-size: 12px; background-color: #1b1b1b; margin: 0 auto; padding: 0; width: 960px; clear: both }
#main2 { font-size: 12px; background-color: #111; margin: 0 auto; padding: 0; width: 960px; clear: both }
#footer  { font-size: 10px; line-height: 26px; background-color: #444; background-image: url("../_image-css/26x26_bg_navi-2.gif"); background-repeat: repeat-x; text-align: center; margin: 0 auto; padding: 0; width: 960px; height: 26px; clear: both }
#navi   { background-color: #444; background-image: url("../_image-css/26x26_bg_navi.gif"); background-repeat: repeat-x; margin: 0 auto; padding: 0; width: 960px; height: 26px; border-bottom: 1px solid #111 }
#container1   { background-color: #111; padding-bottom: 40px; width: 540px; float: left }
#container2   { background-color: #1b1b1b; background-repeat: repeat-x; width: 420px; float: left }
#container3  { width: 259px; float: left; border-right: 1px solid #111 }
#container4  { width: 139px; float: left; border-left: 1px solid #222 }
#container5 { background-color: #111; padding-bottom: 40px; width: 960px; float: left }
#container6  { background-color: #111; padding-bottom: 40px; width: 630px; float: left }
.container7  { background-color: #111; padding-bottom: 40px; width: 320px; float: left }
#container5 img,#container6 img,.container7 img,#container2 img,#container1 img   { margin-right: 8px; margin-bottom: 1px; float: left }
.title   { color: #690; font-size: 1.4em; background-color: #171717; background-repeat: repeat; padding-top: 4px; padding-bottom: 4px; padding-left: 10px; border-top: 1px solid #222; border-bottom: 1px solid #111 }
.title_small   { color: #ddd; padding-top: 20px; padding-bottom: 2px; padding-left: 10px; border-top: 1px solid #222; border-bottom: 1px solid #111 }
.box   { padding: 10px; border-top: 1px solid #222; border-bottom: 1px solid #111 }
.box_none { display: none; padding: 10px; border-top: 1px solid #222; border-bottom: 1px solid #111 }
.green   { color: #690; font-size: 80% }
.blue   { color: #36f; font-size: 80% }
.red   { color: #b00; font-size: 80% }
.pink  { color: #f06; font-size: 80% }
.orange  { color: #f90; font-size: 80% }
.clear { clear: both }
.box1   { margin: 10px; clear: both }
.box2   { margin-left: 10px; width: 255px; float: left }
.box3  { margin-left: 10px; width: 255px; float: left }
.box1 p    { font-size: 1.1em; line-height: 140%; margin-bottom: 4px }
.box2 p,.box3 p,.box p   { line-height: 120% }

#navi li  { float: left }
#navi a   { color: #ddd; font-size: 11px; line-height: 26px; text-decoration: none; display: block; padding-right: 20px; padding-left: 20px; border-right: 1px solid #222 }
#navi a:hover   { color: #eee; text-decoration: none; background-color: #777; background-image: url("../_image-css/26x26_bg_navi-3.gif"); background-repeat: repeat-x }
#navi .current  { color: #777; font-size: 11px; line-height: 26px; text-decoration: none; background-color: #111; background-image: url("../_image-css/26x26_bg_navi-2.gif"); background-repeat: repeat-x; display: block; padding-right: 20px; padding-left: 20px; border-right: 1px solid #222 }
.name { font-size: 1.2em }
td { padding: 4px }
.clip   { font-size: 10px; line-height: 100%; margin-top: 10px; margin-right: 10px; padding: 4px; width: 270px; float: left; border-style: solid; border-width: 1px; border-color: #222 #0a0a0a #0a0a0a #222 }
.clip2  { font-size: 10px; line-height: 100%; margin-top: 10px; margin-right: 10px; padding: 4px; width: 270px; height: 64px; float: left; border-style: solid; border-width: 1px; border-color: #222 #0a0a0a #0a0a0a #222 }
.clip_coming_soon  { line-height: 100%; margin-top: 10px; margin-right: 10px; padding: 4px; width: 290px; border-style: solid; border-width: 1px; border-color: #222 #0a0a0a #0a0a0a #222 }
.clip_set   { font-size: 10px; line-height: 100%; margin-top: 10px; margin-right: 10px; padding: 4px; height: 64px; border-style: solid; border-width: 1px; border-color: #222 #0a0a0a #0a0a0a #222 }
.clip_set100  { font-size: 10px; line-height: 100%; margin-top: 10px; margin-right: 10px; padding: 4px; height: 100px; border-style: solid; border-width: 1px; border-color: #222 #0a0a0a #0a0a0a #222 }
.clear { clear: both }
