@charset "Shift_JIS";

/* heading
============================================= */
h3 {
padding:10px 0;
}

#WorkBoard h3 {
padding-top:5px;
}

/* layout
============================================= */
#ComicStripsWork {
padding-top:10px;
font-size:12px;
}

#WorkList ,#WorkBoard ,#WorkComment {
width:548px;
padding-left:11px;
padding-right:11px;
}

#WorkList ,#WorkBoard {
padding-bottom:10px;
border-bottom:1px solid #ccc;
}

#WorkList:after ,#WorkBoard:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#WorkList ,#WorkBoard {
display:inline-block;
}

/* Hides from IE-mac \*/
* html #WorkList ,* html #WorkBoard {
height:1%;
}

#WorkList ,#WorkBoard {
display:block;
}
/* End hide from IE-mac */

#BoardLeft {
float:left;
}

#BoardRight {
float:right;
}

#thumbnailBox {
width:528px;
margin:0 auto 10px;
}

#BoardLeft ,#BoardRight {
width:274px;
}

#CommentNavi {
text-align:center;
font-size:10px;
}

/* table
============================================= */
#ListTable ,#VotesTable ,#ViewTable ,.CommentTable {
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}

#ListTable th ,#ListTable td ,#VotesTable th ,#VotesTable td ,#ViewTable th ,#ViewTable td ,.CommentTable td {
vertical-align:top;
padding:5px 10px;
line-height:1.3;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
}

#ListTable {
width:528px;
margin:0 auto;
}

#ListTable th ,#VotesTable th ,#ViewTable th ,.CommentTable td.CommentName ,.CommentTable td.CommentDate {
background:#eee;
}

#ListTable th {
width:6em;
}

#ListTable td#otherWorks {
padding-top:0;
}

#VotesTable ,#ViewTable ,.CommentTable {
margin-left:11px;
}

.CommentTable {
width:528px;
margin-bottom:10px;
}

.CommentTable td.CommentName {
/* width:50%; コメント投稿者名表示調整 nagai@loyal */
width:73%;
border-right:none;
}

.CommentTable td.CommentDate {
/* width:50%; コメント投稿者名表示調整 nagai@loyal */
width:27%;
text-align:right;
}

#VotesTable th ,#VotesTable td ,#ViewTable th ,#ViewTable td {
text-align:center;
}

#thumbnailTable {
margin:0 auto;
}

#thumbnail {
text-align:center;
padding-bottom:5px;
}

#viewBtn {
text-align:left;
}

#otherBtn {
text-align:right;
}

/* text
============================================= */
#thumbnailBox #workName ,#thumbnailBox #artistName {
width:528px;
font-weight:bold;
color:#000;
}

#thumbnailBox #artistName {
margin-bottom:5px;
}

#ListTable td#otherWorks  p {
margin-top:5px;
font-weight:bold;
}

/* ul
============================================= */
#ListTable td#otherWorks li {
padding-left:6px;
background:url(../../comic_strips/images/work_list-mark.gif) no-repeat 0 .4em; 
}

.CommentTable ul {
margin-top:10px;
text-align:right;
}

.CommentTable li {
display:inline;
margin-left:9px;
padding-left:8px;
font-size:10px;
/* background:url(../../comic_strips/images/comment_list-mark.gif) no-repeat 0 .2em;
2008/12/10 nagai@loyal */
}

/* 2008/12/10 nagai@loyal リンクタグに追加 */
.CommentTable li a {
padding-left:1em;
background:url(../../comic_strips/images/comment_list-mark.gif) no-repeat 0 .2em;
}

/* img
============================================= */
#thumbnail img {
border:1px solid #ccc;
}

#otherBtn img {
margin-left:5px;
}

/* #RankingBoard
============================================= */
#VotesRanking ,#ViewRanking {
margin-top:10px;
margin-left: 11px; /* 2008/05/16 追加 nagai@loyal */
}

#VotesRanking {
width:146px;
background:#252525 url(../../comic_strips/images/votes_bg.jpg) no-repeat;
}

#ViewRanking {
width:168px;
background:#252525 url(../../comic_strips/images/view_bg.jpg) no-repeat;
}

#VotesRanking th ,#ViewRanking th {
padding:3px 0 9px;
}

#VotesRanking th {
background:url(../../comic_strips/images/votestable_bg01.gif) no-repeat;
}

#ViewRanking th {
background:url(../../comic_strips/images/viewtable_bg01.gif) no-repeat;
}

#VotesRanking td ,#ViewRanking td {
padding:4px 0 11px;
}

#VotesRanking td {
background:url(../../comic_strips/images/votestable_bg02.gif) no-repeat;
}

#ViewRanking td {
background:url(../../comic_strips/images/viewtable_bg02.gif) no-repeat;
}

#VotesRanking th img ,#ViewRanking th img {
margin-left:6px;
}

#VotesRanking td img ,#ViewRanking td img {
margin-left:8px;
}

#VotesRanking td img.SixFigures ,#ViewRanking td img.SevenFigures {
margin-left:9px;
}