@charset "UTF-8";

/* basic elements */

body {
    margin: 30px auto;padding: 0;
    font-family: verdana, 'trebuchet ms', sans-serif;
    font-size: 12px;
    background:#000000;
    color:#FFFFFF;}

form { margin: 0; padding: 0; }
a { color:#CCCCCC;text-decoration: none; }
a:hover { color:#FFFFFF;}

h1, h2, h3, h4, h5, h6, ol, ul, pre, blockquote {
    margin: 0px;padding:0px;}

li {list-style-type: none;}


/* page layout */

body { text-align: center; } /* center on ie */

#Head { position: relative; }
#Foot {clear:both;}

#Container {margin: 0 auto;width: 950px;text-align: left;}
#Container #Main {float:left; width:800px;}
#Container #Navi {float:right; width:130px;}

#TopContainer {margin: 0 auto;width: 950px;text-align: left;}
#TopContainer #Main {min-height:550px;}


/* Head Area */
#Head h1 { background: url(/img/logo.gif) center top no-repeat;text-indent:-9999px; }
#Head h1 a { display:block;height:80px;}
#Head h2 { display:none;}

/* Foot Area */
#Foot {text-align: center; font-size:10px; color:#CCCCCC;margin:15px auto;}


/* ENTRY */
#Entry { background:#222222; border:1px solid #333333; clear:both; margin:0 auto 20px auto;}
#Entry h2 { font-size:16px; padding:20px 0 0 20px;float:left;}


.EntryBody  { line-height:180%; clear:both; float:left;padding:10px 0 0 20px;width:150px; }
.EntryMore  { float:right; margin:10px 20px 0 0;  width:600px; padding:0px;}
.EntryFooter { font-size:10px; line-height:120%; color:#CCCCCC;}
#Entry  em { color:#CCCCCC;font-size:9px; padding-top:10px;}
#Entry  p { padding:0; margin:0 0 10px 0;}

#Entry .PageTop { font-size:10px; clear:both; text-align: right; padding:10px;}
.PageTop  a { display:block; }

.ContentNavBtn { float:right; text-align;right;font-size:10px; }
.ContentNavBtn a { background:#333333; padding:6px 10px; display:block; float:left; border-left:1px solid #222222;}
.ContentNavBtn a:hover { background:#555555;}

#Container #Main h2 {float:left; }
#EntryList {clear:both; overflow:hidden;}
#EntryList li { font-size:10px; line-height:100%;float:left;
                width:100px; height:140px; margin:0 5px 10px 0;padding:0px;}
                    
#EntryList a { text-decoration: none;}

#EntryList img { margin-bottom:2px;}
#EntryList a img { border:1px solid #555555;}
#EntryList a:hover img { border:1px solid #FFFFFF;}
.TopCat { color:#666666;font-size:9px;}


/* TOP PAGE*/
#TopContainer #Main h2 { float:left; padding:10px 0 0 0; font-size:14px; }
#TopContainer #Main ul  { clear:both;padding:5px 0 0 0; }


/* NAVIGATION */
#Container #Navi h2{ font-size:12px; margin:0 0 5px 0;}
*+html body #NvEntryList ul {padding:8px 0;}
*+html body #NvEntryList li {margin:0px;padding:0px;}
#Container #NvCategolyList  { padding:20px 0 15px 0;}

#NvCategolyList  { float:right; padding:15px 0 0 0;}
#NvCategolyList li { float:left; margin:0 8px; font-size:10px;}