html {height: 100%;overflow:hidden;}
body {font-size:0.75em; background-color: #272822; color:#AAA;height: 100%;min-height:100%;overflow:hidden;}
body {
scrollbar-arrow-color:#7C9761;
scrollbar-face-color:#272822;
scrollbar-3dlight-color:#888888;
scrollbar-darkshadow-color:#555555;
scrollbar-highlight-color:#171816;
scrollbar-shadow-color:#171816;
scrollbar-track-color:#1D1E1A;
}
a {color:#FF00BB;text-decoration: none;}
a:visited {color:#CC3399;}
a:hover {color:#FFFFFF;}
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;line-height:1.4em;border-left:6px #FF00BB solid;border-bottom:1px #FF00BB solid;padding-left:3px;text-align: left;}
#thredview h5 span {font-weight:normal;padding-left:12px;font-size:0.66em;}
#thredview dl {margin:10px;}
#thredview dl dt {font-size:12px;color:#888;height:18px;line-height:18px;padding-left:12px;background:#272822 url(../images/saved_out.png) 0 50% no-repeat;}
#thredview dl dt.selected {padding-left:0;background-image:none;}
#thredview dl dt span {color:#7C9761;cursor:pointer;}
#thredview dl dt.over {padding-left:12px;background:#272822 url(../images/saved_hover.png) 0 50% no-repeat;}
#thredview dl dt.over img {display: none;}
#thredview dl dd {color:#BBB;font-size:16px;line-height:18px;margin-top:3px;word-break:break-all;word-wrap:break-word;}
#thredview dl dd em.share {color:#9DCAD5;}
#thredview dl dd em.winny {color:#F4D4AB;}
#thredview a.preview {padding-left:20px;background: transparent url(../images/icon_image.gif) 0 50% no-repeat;}
#thredview a.amazon {padding-left:20px;background: transparent url(../images/icon_amazon.gif) 0 50% no-repeat;}
#thredview a.dmm {padding-left:20px;background: transparent url(../images/icon_dmm.gif) 0 50% no-repeat;}
#thredview a.ch2 {padding-left:20px;background: transparent url(../images/icon_2ch.gif) 0 50% no-repeat;}
#thredview a.youtube {padding-left:20px;background: transparent url(../images/icon_youtube.gif) 0 50% no-repeat;}
#thredview a.nico {padding-left:20px;background: transparent url(../images/icon_nico.gif) 0 50% no-repeat;}
#thredview p.emsg {margin:10px;}
#thredview p.state {margin:0 10px;text-align: right;}
/*---- ヘッダー メニュー ----*/
#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;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#topmain h3,#toiawaseform h5 {margin:10px 10px 25px;color:#FFF;font-size:1.5em;border-left:6px #FF00BB solid;border-bottom:1px #CC3399 solid;padding-left:3px;padding:2px 5px; color:#EEE;}
#topmain p {line-height:1.7em;}
#topmain dl.favorite dt {margin:15px 10px 10px;color:#FFF;font-size:1.5em;border-bottom:1px #666 solid;padding-left:24px;padding-bottom:5px;}
#topmain dt.viper {background:transparent url(../images/viper.png) 2px 1px no-repeat;}
#topmain dt.quo  {background:transparent url(../images/quo.png) 2px 1px no-repeat;}
#topmain dt.alfa {background:transparent url(../images/alfa.gif) 2px 1px no-repeat;}
#topmain dt.kana {background:transparent url(../images/kana.png) 2px 1px no-repeat;}
#topmain dt.ham  {background:transparent url(../images/ham.png) 2px 1px no-repeat;}
#topmain dt.bear {background:transparent url(../images/bear.png) 2px 1px no-repeat;}
#topmain dt.wara {background:transparent url(../images/wara.png) 2px 1px no-repeat;}
#topmain dt.itai {background:transparent url(../images/itai.gif) 2px 1px no-repeat;}
#topmain dt.f2c  {background:transparent url(../images/f2c.gif) 2px 1px no-repeat;}
#topmain dt.bakufu {background:transparent url(../images/bakufu.gif) 2px 1px no-repeat;}
#topmain dt.moe  {background:transparent url(../images/moe.gif) 2px 1px no-repeat;}
#topmain dt.livedoor {background:transparent url(../images/livedoor.gif) 2px 1px no-repeat;}
#topmain dt.zipde{background:transparent url(../images/zipde.gif) 2px 1px no-repeat;}
#topmain dt.mink {background:transparent url(../images/mink.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;margin-bottom:10px;}
div.amazon span {display:block;padding-top:5px;}

#ch2-search-box {margin:25px;}
#cse-search-box {margin:25px;}
#read {margin:10px;}
#read p,#read ul {margin-bottom:10px;}
#read ul {margin-bottom:10px;margin-left:10px;list-style:circle;}
#read li {margin-bottom:5px; }

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

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

#email1,#email2 {width:480px;}
#toiawase {width:640px;}
#toiawaseform p,#toiawaseform table {margin: 15px; line-height: 1.6em;}
#mytable th {width:150px;}

#bookmark {margin-bottom:35px;margin-top:0;}
#bookmark li {padding:0 5px;line-height:1.8em;}
#bookmarklet {margin:15px 10px 10px;}
#bookmarklet a {display:inline-block;margin:10px;padding:5px;border: 1px solid #FF00BB;}
#bookmark li a.delbtn {display: none;margin-right:12px;}
#bookmark li.bookmarktool {margin-top:12px;}
#delbtn {padding:20px 10px;}
#delbtn a {font-size:1.4em; font-weight:bold;}

#dugabox {margin:50px 0 0;text-align:center;}
#dugabox .dugaleft {width:328px;float:left;margin:0;}
#dugabox .dugaright {width:360px;float:right;margin:0;}
#dugabox .dugaone {margin:0 auto;width:688px;height:280px;overflow:hidden; padding:0;text-align:left;}
#dugabox .dugaone img {display:block;border:0 none;}
#dugabox .dugaone p.text {padding-top:8px; font-size:12px;}
#dugabox .duganavi {text-align:right; font-size:12px;margin-bottom:1px;}
#dugabox .duganavi span {width:16px;height:16px;cursor: pointer;border:1px #666 solid; text-align: center; display:inline-block;line-height:16px;margin-left:1px;}

#thredtable thead th:first-child{
width: 5em;
}
#thredtable thead th:nth-of-type(3){
width: 3em;
}
#thredtable thead th:nth-of-type(4){
width: 3em;
}
#thredtable thead th:last-child{
width: 8em;
}
#thredtable tbody td {
	line-height:20px;
}
#thredtable tbody td a {
overflow:hidden;
display: block;
height:20px;
line-height:20px;
}
#thredtable tbody td a:hover {
overflow:visible;
height:auto;
}
#tbody tr {
	border-bottom: 1px solid #272822;
}
tr.odd td.sorting_1,tr.odd {
	background-color: #1D1E1A;/* 3C3E36 */
}
tr.even td.sorting_1,tr.even {
	background-color: #171816;/* 54564A */
}