﻿@charset "utf-8";


div.menu li.tape_draw a {
	background-image: url(/img/tape_draw.png);
	width: 100px;
}
div.menu li.tape_list a {
	background-image: url(/img/tape_list.gif);
	width: 120px;
}
div.menu li.tape_ranking a {
	background-image: url(/img/tape_ranking.gif);
	width: 120px;
}







div.tape_thumb_list {
	padding: 0px;
	margin:0px auto;
	text-align:center;
}

div.tape_thumb_list table {
	margin-left: 20px;
}

div.tape_thumb_list tr {
	height: 180px;
}

div.tape_thumb_list td {
	width: 155px;
	font-size: 10px;
	vertical-align: top;
}

div.tape_thumb_list div.thumb_info {
	display: block;
	width: 120px;
	height: 16px;
}
div.tape_thumb_list div.thumb_rank_info {
	display: block;
	width: 160px;
	height: 14px;
	margin-top: 2px;
	border: 1px #333333 solid;
}

div.tape_thumb_list div.thumb {
	width: 160px;
	height: 120px;
}


div.tape_thumb_list img.thumb {
	width: 160px;
	height: 120px;
	border: 1px solid #cccccc;
}

div.tape_thumb_list img.user {
	margin: 2px 0px;
}

div.tape_thumb_list img.comment {
	margin-top: -2px;
}


div.tape_thumb_list span.created {
	float: left;
	margin-top: 3px;
	color: #999999;
	white-space:nowrap;
}

div.tape_thumb_list span.title {
	float: left;
	margin-top: 3px;
	color: #666666;
	font-weight: bold;
	white-space:nowrap;
}


div.tape_thumb_list span.username {
	float: left;
	margin-top: 3px;
}


div.tape_thumb_list span.comment {
	float: right;
	margin-top: 3px;
	padding: 0px 5px;
	color: #ffffff;
	background-color: #666666;
}


div.tape_thumb_list span.commented {
	float: right;
}


div.tape_thumb_list span.thumb_rank {
	float: left;
	height: 100%;
	padding: 0px 5px;
	color: #ffffff;
	background-color: #333333;
}

div.tape_thumb_list span.thumb_count {
	float: right;
	padding-right: 5px;
	color: #333333;
}



div.tape_thumb_list table.thumb_info {
	width: 160px;
	margin: 0px;
	border: 0px;
}

div.tape_thumb_list table.thumb_info tr {
	height: 16px;
}

div.tape_thumb_list table.thumb_info td.title {
	width: auto;
	color: #666666;
	font-weight: bold;
	line-height: 100%;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
}
div.tape_thumb_list table.thumb_info td.theme {
	width: 16px;
	text-align: right;
}






dl.tape_comment {
	margin: 10px 40px 0px;
	font-size: 14px;
	text-align: left;
}

dl.tape_comment dt {
	position: relative;
}

dl.tape_comment dd {
	margin: 5px 0px 20px 20px;
	line-height: 1.5;
}

dl.tape_comment span.comment {
	margin-left: 20px;
}

dl.tape_comment span.created {
	margin-left: 10px;
	font-size: 10px;
	color: #999999;
}

dl.tape_comment span.new {
	margin-left: 10px;
	color: #ff9900;
	font-size: 12px;
	font-weight: bold;
}

dl.tape_comment span.delete {
	margin-left: 10px;
	font-size: 12px;
}

dl.tape_comment span.delete a {
	color: #cc9999;
}

dl.tape_comment span.delete a:hover {
	color: #cc0000;
}

dl.tape_comment img {
	vertical-align: middle;
}





ul.tape_comment {
	margin: 5px 40px 0px;
	font-size: 12px;
	text-align: left;
}


ul.tape_comment li {
	padding: 5px 5px 10px;
	border-bottom: 1px solid #ececec;
	line-height: 1.5;
	vertical-align: top;
}

ul.tape_comment li.owner {
	background-color: #f6f6ff;
}

ul.tape_comment li span.thumb {
	display: block;
	overflow: hidden;
	position: absolute;
}

ul.tape_comment li span.thumb a {
	border: 0px;
}

ul.tape_comment li span.thumb img {
	width: 80px;
	height: 60px;
	border:2px solid #996600;
	-ms-interpolation-mode: bicubic;
}

ul.tape_comment li span.body {
	margin-left: 80px;
	width: 600px;
	min-height: 60px;
	height: auto !important;
	height: 60px;
	display: block;
	overflow: hidden;
}

ul.tape_comment span.author {
	margin-left: 15px;
}

ul.tape_comment span.created {
	margin-left: 10px;
	font-size: 10px;
	color: #999999;
}

ul.tape_comment span.new {
	margin-left: 10px;
	color: #ff9900;
	font-size: 12px;
	font-weight: bold;
}

ul.tape_comment span.delete {
	margin-left: 10px;
	font-size: 12px;
}

ul.tape_comment span.delete a {
	color: #cc9999;
}

ul.tape_comment span.delete a:hover {
	color: #cc0000;
}

ul.tape_comment div.comment {
	margin: 5px 0px 0px 15px;
	line-height: 1.5;
}




div.tape_draft_list {
	margin:10px 20px;
}

div.tape_draft_list table {
	margin-left: 0px;
}

div.tape_draft_list tr {
	height: 140px;
}

div.tape_draft_list td {
	font-size: 12px;
}


div.tape_draft_list img.thumb {
	width: 160px;
	height: 120px;
	border: 1px solid #cccccc;
}