/* ---------------------------------------------
  are you dreamer css file
                        2007/08/13
--------------------------------------------- */

body {
	background : #333 url(./../images/bg2.gif) repeat 50% 0%;
	font : 12px Verdana, Tahoma, Helvetica, sans-serif;
	color : #B0B0B0; 
	margin : 1em 2em; 
	padding : 1em 2em; 

}

DIV.programlisting	{
	background-color: #efefff; padding: 10px; border: 1px solid #aaaaaa; margin: 5px;
}

/* Links */

a, a:link { 
	text-decoration: none;
	color: #8be;
	border-bottom: 1px dotted #69c;
	background : transparent; 
}
a:visited { color: #77a; border-color: #77a; }
a:hover { color: #693; border-color: #693; text-decoration: none; }
a:active { color: #c33; border-color: #c33; }
a img, img { border: none; }

/* メニューの箇条書き */

div#menu ul{
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom : 1px solid #555; 

}

div#menu ul ul{
	border : none; 
	margin-left : 5px;
	margin-right: 0px;
}

div#menu li {
	list-style: none;
	/*padding: 1px 0 1px 5px;*/
	padding: 0px 0 0px 5px;
	margin: 0 0 0 0;
	border-top : 1px solid #555; 
	color : #75A4C6;
	background : #2c2c2c; 
}

div#menu li li{
	border-right: none;
	margin-left: -10px;
	padding-left: 15px;
	background : #252525;
}

div#menu li li li{
	margin-left: -20px;
	padding-left: 25px;
	background : #1e1e1e; 
}

li.here {
	background : #204a43 !important; 
	color : #dfca5e !important;
}
div#menu ul a { border: none; }

.button {
	border: 0px  !important;
	color: inherit;
	background: transparent  !important;
	}

.button:hover {
	color: inherit;
	border: 0px  !important;
	background: transparent  !important;
	position: relative; 
	top: 1.5px; 
	}
	
/* Header */


div#header {
	color : inherit; 
	background : #12130e url(./../images/head_title.png) no-repeat 0% 0%;  
	border : 1px solid #666;
	height : 121px;
}

div.title {
	padding : 3.5em 1em 0.5em 1em; 
	text-transform : lowercase; 
	font-weight : bold; 
	letter-spacing : 2px; 
	color : #e1e1e1; 
	background : transparent; 
}

div.title:first-letter {
	font-style : italic; 
	font-size : 200%; 
	letter-spacing : 1px; 
	color : #d2fd34; 
	text-transform : uppercase; 
}


div.bar-r {
	background : #141414;
	color : #777; 
	border-style : solid; 
	border-color : #666; 
	border-width : 0 1px 1px; 
	padding : 0px 5px 0 0; 
	line-height : 20px;
	text-align: right;
	letter-spacing: 1px;
}
	
.text {
	color : #777;
	letter-spacing : 1px;
	font-weight : normal; 
	text-transform : lowercase; 
	text-decoration : none; 
	background : #141414; 
}

span.text-1 { color : #999; }
span.text-2 { color : #888; }
span.text-3 { color : #777; }
span.text-4 { color : #666; }
span.text-5 { color : #555; }
span.text-6 { color : #444; }
span.text-7 { color : #333; }
span.text-8 { color : #222; }
span.text-9 { color : #111; }		
	
/* Forms */	

#search {
/*	position : absolute; */
	left : 3px; 
	margin: 1em 1em 0.5em 1em;
	text-align: right;
	line-height : 20px;
	color : #B0B0B0; 
}

input, textarea, select { 
	border: #666 1px solid; 
	font: 100% Verdana, Tahoma, Helvetica, sans-serif; 
	background: #141414;
	color: #ccc;
	}

/* メニュー */


div#menu {
	font-family : Tahoma, Verdana, Helvetica, sans-serif;
	font-size:90%;
	position : absolute;
	left : 2.5em; 
	width : 180px; 
	line-height : 16px;
	color : #ccc; 
	border-color : #666; 
	background : #141414; 
	border-style : solid; 
	border-width : 1px 1px 1px 1px;
	padding-bottom: 3px;
}

div#menu h2 {
	font-size: 120%;
	color: #111;
	background : transparent;
	text-align : left;
	letter-spacing: 2px;
	font-weight: bold;

	display : block;
	border-top : 1px solid #333;
	border-bottom : 1px solid #333;
	background : #cacaca;
	margin: 8px 0px 0px 0px;
	padding: 2px 5px 2px 5px;

}


/* Middle */


div#middle {
	margin : 0 0 0 165px; 
}


/* Content */


div.contents {
	line-height : 1.8em; 
	padding : 1.5em; 
	border-style : solid; 
	border-color : #666; 
	border-width : 0 1px 1px; 
	background : #222; 
	color : inherit;
}

p {
	padding : 0.5em 0;
	margin : 0em 1em 0; 
}


/* Intro */


div.intro, div.rank {
	border : 1px solid #4B4B4B;
	font-size : 100%; 
	line-height : 1.8em; 
	padding : 0.5em 0.3em; 
	margin : 1em 3.5em 0 0; 
	color : #b1ed61; 
	background : #141414; 
}

div.intro p:first-letter {
	font-style : italic; 
	font-size : 200%; 
	color : #b1ed61; 
	background : transparent;
}


/* News */

h2#news {
	font-size: 125%;
	margin: 2em 0 0.5em 0.5em;
}

h2.news-title {
	font-size : 100%;
	color : #8db4df; 
	border: 1px solid #4B4B4B; 
	line-height : 1.8em; 
	font-weight : bold; 
	padding: 0 5px;
	margin : 0.5em 3.5em 0 0; 
	letter-spacing : 2px; 
	background-color : #141414; 
}

span.news-date {
	color : #777;
	letter-spacing : 1px;
	font-size : 90%; 
	font-weight : normal; 
	text-transform : lowercase; 
	text-decoration : none; 
	float : right; 
	background : #141414; 
}

div.news-body {
	margin: 0em 3.5em 3em 0em;
	border-width: 0 1px 1px 1px;
	border-style : solid;
	border-color : #4B4B4B;
	background : #1E1E1E;
	padding : 5px;
}


/* コメント */

div.commentlist {
	padding: 0px 8px 0px 5px;
}

div.comment-head {
	padding: 0px 10px 0px 10px;
	margin: 18px 20% 8px 0px;
	border-width: 0 0px 1px 0px;
	border-style : solid;
	border-color : #666666;
/*	background : #1E1E1E; */
	font-size : 120%; 
	color: #efefef;
}

div.comment {
    background-color: #1a1a1a;
    border: 1px solid #666666; 
    margin-top: 0px;
    margin-bottom: 8px;
    padding: 10px 10px 10px 10px;
    line-height : 1.4em;
    overflow: hidden;
}

div.commentAlt {
    background-color: #0a0a0a;
}

div.commentAuthor {
    background-color: #033;    
}

div.commentNum {
    font-family: Arial, sans-serif;
    font-size: 50px;
    line-height: 35px;
    font-weight: bold;
    color: #a0a0a0;
    letter-spacing: -4px;
    margin-top: -5px;
    padding-top: 0px;
    text-align: right;
    z-index: 1;
}

/*
div.commentAlt .commentNum {
      color: #d0d0d0;
}
*/

div.commentAuthor .commentNum {
    color: #dacd23;
}
div.commentTitle {
    margin-top: -35px;
    padding-top: 0px;
    padding-bottom: 25px;
    z-index: 10;
    color: #999;
}
div.commentTitle span {
    text-transform: uppercase;
    font-size: 86%;
}
div.commentTitle strong {
    color: #693;
    font-size: 110%;
    text-transform: none;
    font-weight: normal;
    margin-right: 6px;
}
div.comment .content {
    background-color: inherit;
    margin-top: -15px;
    z-index: 10;
    color: #d0d0d0;
}


div.break {
	width: 80%;
	border-bottom: 1px dotted #666;
}
	
span.c-title {
	padding : 5em 0 0 0; 
	font-weight : bold;
	font-size : 125%;
	letter-spacing : 2px; 
	color : #75a4c6; 
	background : transparent; 
}
	
/* 関連リンク */

div.linknavi {
	border : 1px solid #4B4B4B;
	font-size : 100%; 
	line-height : 1.8em; 
	padding : 0.5em 0.3em; 
	margin : 1em 3.5em 0 0; 
	background : #141414; 
}

div.linknavi h2 {
	font-size: 125%;
	color : #b1ed61; 
	margin: 0em 0em 0em 0em !important;
	border-bottom: 1px dotted #777;
}


/* Footer */

div#footer {
	background : #141414; 
	color : #666; 
	border-style : solid; 
	border-color : #666; 
	border-width : 0 1px 1px; 
	padding : 4px 5px;  
	line-height : 16px; 
	text-align: right;
	font-size:92%;
}

/* List styles */

ol.decimal {
	list-style-type: decimal
	}

ul.circle {
	list-style: inside circle
	}
	
pre {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.0em;
	}
	
.list {
	font-size : 100%;
	padding : 0.8em;
	}
	

/* -------------------------------------
       contents subject
---------------------------------------*/

div.contents h2 {
	font-size : 125%;
	color : #8db4df; 
	border: 1px solid #4B4B4B; 
	line-height : 1.8em; 
	font-weight : bold; 
	padding: 0 5px;
	margin : 0.5em 3.5em 0 0; 
	letter-spacing : 2px; 
	background-color : #141414; 
}

div.contents h3 {
	font-size : 120%;
}

div.contents h4 {
	font-size : 100%;
	color : #8db4df; 
	border: 1px solid #4B4B4B; 
	line-height : 1.8em; 
	font-weight : bold; 
	padding: 0 5px;
	margin : 0.5em 0em 0 0; 
	letter-spacing : 2px; 
	background-color : #141414; 
}

/* -------------------------------------
       subject body
---------------------------------------*/

div.h2-body {
	margin: 0em 3.5em 2em 0em;
	border-width: 0 1px 1px 1px;
	border-style : solid;
	border-color : #4B4B4B;
	background : #1E1E1E;
	padding : 5px;
	line-height : 1.4em; 
}

/* -------------------------------------
       shigemi page
---------------------------------------*/

table#history {
	border-collapse:collapse;
	margin: 0em 3.5em 2em 2em;
	padding : 0px;
	border: 1px solid #888888; 
}

table#history td {
	margin : 0px;
	padding : 2px 25px 3px 10px;
	background: #181818;
	border: 1px solid #888888; 
}

table#mem {
	border-collapse:collapse;
	margin: 0em 3.5em 2em 2em;
	padding : 0px;
	border: 1px solid #888888; 
	line-height : 1.4em; 
}

table#mem td {
	margin : 0px;
	padding : 2px 25px 3px 10px;
	background: #181818;
	border: 1px solid #888888; 
}

div.block-sbj{
	font-size : 90%;
	text-align: right;
	padding: 5px 10px 3px 0px;
	margin-bottom : 5px; 
	line-height : 1.2em; 
	border-right: 1px solid #4B4B4B; 
	border-bottom: 1px solid #4B4B4B; 
}

div.block {
	border: 1px solid #4B4B4B; 
	padding: 10px 8px 10px 8px;
	margin : 0.2em 0em 0.5em 0em; 
	line-height : 1.4em; 
	background-color : #141414; 
}

/* -------------------------------------
       PC page
---------------------------------------*/
div.pc-block-sbj {
	font-size : 110%;
	text-align: left;
	padding: 8px 20px 3px 15px;
	margin-top : 1.5em; 
	margin-bottom : 5px; 
	line-height : 1.2em; 
	border-left: 10px solid #6B6B6B; 
	border-bottom: 1px solid #6B6B6B; 
}

div.pc-block {
	border: 1px solid #4B4B4B; 
	padding: 10px 8px 10px 8px;
	margin : 0.2em 0em 0.5em 0em; 
	line-height : 1.4em; 
	background-color : #141414; 
}

div.pc-update {
	font-size : 80%;
	text-align: right;
	margin-right : 3em; 

}

div.cmd {
	white-space : pre;
	overflow : auto;
	border-width: 1px;
	border-style: solid;
	border-color: #808080;
	background-color : #010101; 
	margin : 0.8em 3em 0.1em 1em; 
	padding: 0px 5px 0px 10px;
}

/* -------------------------------------
       what's new page
---------------------------------------*/

table#new {
	border-collapse:collapse;
	margin: 0em 3.5em 2em 2em;
	padding : 0px;
	border: 1px solid #888888; 
	font-size: 92%;
	line-height : 1.4em; 
}

table#new th {
	vertical-align: top;
	text-align: left;
	margin : 0px;
	padding : 1px 25px 2px 10px;
	color : #dadada;
	background: #415151;
	border: 1px solid #888888; 
}

table#new td {
	vertical-align: top;
	margin : 0px;
	padding : 2px 25px 3px 10px;
	background: #1a1a1a;
	border: 1px solid #888888; 
}

/* --------------------------------------
               link page 
 -------------------------------------- */
div.links {
    background-color: #181818;
    border: 1px solid #888888; 
    padding: 0px;
}

div.links_head {
    background-color: #153a32; 
    border-bottom: 1px solid #888888;
    margin: 0px;
    padding: 2px 10px 2px 6px;
}

div.links_body {
/*    background-color: #202020; */
    padding: 2px 5px 2px 15px;
}


/* -------------------------------------
       command printing
---------------------------------------*/

pre.cmd {
	border-width: 1px;
	border-style: solid;
	border-color: #808080;
	background-color: #1a1a1a; 
	margin-left: 2em;
	margin-right: 3.5em;
	padding: 1px 8px 1px 8px; 
	overflow: scroll;
}

/* -------------------------------------
       blockquote
---------------------------------------*/

blockquote {
	padding : 8px 20px 5px 12px;
	font-size : 100%;
	/* font-style : italic;  */
	line-height : 1.25em;
	border-width: 1px;
	border-style: solid;
	border-color: #808080;
	/* background-color: #022232; */
	background-color: #020202;
}

/* utikeshi */
span.negative {
    text-decoration:line-through;
}

/* bold */
span.bold {
	font-weight : bold; 
}