html {height: 100%;overflow:hidden;}
body {font-size:0.75em; background-color: #272822; color:#AAA;height: 100%;min-height:100%;overflow:hidden;}
a {color:#FF00BB;text-decoration: none;}
a:hover {color:#FFFFFF;}
a:visited {color:#CC3399;}
p.error {padding:10px;margin-bottom:10px;color:#565656;}
#container {width:100%;height:100%;zoom:1;position: relative;}
#container:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#contents {height:100%;width:100%;float:right;margin-left:-220px;}
#contents-inner{height:100%;margin-left:220px;overflow:hidden;}
#thredlist {height:30%;overflow:auto;}
#thredview {height:70%;overflow:auto;width:100%;}
#thredview h5 {margin:10px;color:#FFF;font-size:1.5em;border-left:6px #FF00BB solid;border-bottom:1px #FF00BB solid;padding-left:3px;text-align: left;}
#thredview h5 span {font-weight:normal;padding-left:32px;font-size:0.66em;}
#thredview dl {margin:10px;}
#thredview dl dt {color:#888;}
#thredview dl dt span {color:#7C9761;}
#thredview dl dd {color:#BBB;font-size:16px;line-height:18px;margin-top:3px;}
#thredview dl dd em.share {color:#9DCAD5;}
#thredview dl dd em.winny {color:#F4D4AB;}
/*---- ヘッダー メニュー ----*/
#menu {
	float:left;
	width:200px;
	height:100%;
	overflow:auto;
	background: #2E2F29 url(../images/menu_bg.jpg) 0 0 repeat-y;
}
#menu dl {padding:10px;}
#menu dt {cursor:pointer;}
#menu dt.over {background-color:#333;}
#menu dt.selected {background-color:#464646;color:#fff;}
#topmain {height:100%;overflow:auto;text-align: left;}
#topmain dl {
	margin:10px 10px 25px;
	background-color: #23241F;
	border:1px #666 solid;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */ 
}
#topmain h3 {margin:10px 10px 25px;color:#FFF;font-size:1.5em;border-left:6px #FF00BB solid;border-bottom:1px #FF00BB solid;padding-left:3px;}
#topmain dl.favorite dt {margin:15px 10px 10px;color:#888;font-size:1.3em;border-bottom:1px #FF00BB solid;padding-left:24px;}
#topmain dt.viper {background:#272822 url(../images/viper.png) 2px 1px no-repeat;}
#topmain dt.quo  {background:#272822 url(../images/quo.png) 2px 1px no-repeat;}
#topmain dt.alfa {background:#272822 url(../images/alfa.gif) 2px 1px no-repeat;}
#topmain dt.kana {background:#272822 url(../images/kana.png) 2px 1px no-repeat;}
#topmain dt.ham  {background:#272822 url(../images/ham.png) 2px 1px no-repeat;}
#topmain dt.bear {background:#272822 url(../images/bear.png) 2px 1px no-repeat;}
#topmain dt.wara {background:#272822 url(../images/wara.png) 2px 1px no-repeat;}
#topmain dt.itai {background:#272822 url(../images/itai.gif) 2px 1px no-repeat;}
#topmain dt span {color:#7C9761;}
#topmain dd {color:#BBB;font-size:14px;line-height:18px;padding:3px 15px 0;}

div.dmm_mono {width:90px;height:200px;overflow:hidden;float:left;margin-left:10px;}
div.dmm_digital {width:140px;height:140px;overflow:hidden;float:left;margin-left:10px;margin-bottom:10px;position:relative;}
div.dmm_digital span {width:140px;height:2em;line-height:1em;padding:2px 0;overflow:hidden;position:absolute; top:100px; left:0;background-color:#333;}
div.dmm_digital img {position:absolute; top:0; left:0;}

div.amazon {width:160px;height:200px;overflow:hidden;float:left;margin-left:10px;}
div.amazon span {display:block;}

#cse-search-box {margin:25px;}
#read {margin:10px;}

#conpane {position: absolute; bottom: 0; right:16px; width: 48px; height:1em; background-color: #2E2F29;}
#conpane span {cursor: pointer;}

#preview{position:absolute;border:1px solid #ccc;background:#333;padding:5px;display:none;color:#fff;}
#bottomad h5 {display:none;}