/*
 *##############################################################
 *# K-REVEW.CSS
 *# K-REVIEWレビュー表示スクリプト用スタイルシート
 *#-------------------------------------------------------------
 *# 2001.08.13	1.00b	データフォーマット確定版
 *# 2001.04.27	0.12b	word-break
 *# 2001.04.23	0.11b	非公式公開版
 *# 2001.04.22	0.10b	公開準備版
 *# 2001.03.24	0.01b	作成開始
 *#-------------------------------------------------------------
 *#  by くわ
 *#  kuwa@opal.famille.ne.jp
 *#  http://www2.famille.ne.jp/~kuwa/perl/
 *##############################################################
 */

/*
 * BODY等
 */
body {
	background-color:#F0F0FF;
	background-color:#FFFFE0;
	margin:0;
}
td{
	vertical-align:top;
}
th{
	word-break:keep-all;
	white-space:nowrap;
	background-color:#FFFFD0;
}
form{
	margin:0;
}
p{
	margin:0;
	font-size:1em;
}
div.revall{
	margin-right:0px;
}
hr{
	display: none;
}
/*
 * 内容全体を含むテーブル
 */
table.all{
	width:100%;
}
/*
 * 作品表示テーブル
 */
div.movie{
	border-collapse:collapse;
	border-width:0px 2px 2px 0px;
	border-style:none solid solid none;
	border-color:#E0E0FF #8080A0 #8080A0 $E0E0FF;
	width:99%;
	padding:2px 2px 2px 1px;
	margin-top:3px;
	margin-bottom:3px;
	background-color: #E0E0FF;
}
/*
 * レビュー内容
 */
.reviewtext{
	font-family:'MS UI Gothic','ＭＳＰ ゴシック';
	font-size:1.2em;
	color:#404040;
	text-indent: 1em;
	padding-left: 2em;
	padding-right: 1em;
	margin:0px;
}
.baretext{
	font-family:'MS UI Gothic','ＭＳＰ ゴシック';
	color:#808080;
	text-indent: 1em;
	padding-left: 2em;
	padding-right: 1em;
	margin:0px;
}
/*
 * レビュー全体
 */
div.review{
	padding-top:3px;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#A0A0C0;
	padding-right: 5px;
}
/*
 * スタッフ領域
 */
span.staffelm{
	font-family:'MS UI Gothic','ＭＳＰ ゴシック';
	word-break:keep-all;
}
td.staffelm{
}
/*
 * スタッフ等のセパレータ
 */
span.sep{
	color:#A0A0FF;
	width:0.5em;
/*
	margin:2pt;
*/
}
/*
 * 作品情報項目名
 */
span.elmname{
	color:#4000E0;
}
th.elmname{
	vertical-align:top;
	width:4em;
	border-width:0 1px 1px 0;
	border-color:#8080A0;
	border-style:none solid solid none;
	background-color:#E0E0FF;
}
table.movieinfo{
	padding:0 0;
	margin:0 0;
}
span.rev-elmname{
	color:#4000E0;
	font-weight:normal;
}
th.rev-elmname{
	vertical-align:top;
	width:4em;
	border-width:0 1px 1px 0;
	border-color:#8080A0;
	border-style:none solid solid none;
	background-color:#E0E0FF;
}
table.reviewinfo{
	padding:0 0;
	margin:0 0;
	font-size:90%;
}
div.movieinfo{
	width:90%;
}
.mov-button{
	position:absolute;
	right:2%;
	margin:2px;
/*
	border-left-style:solid;
	border-left-color:#000000;
	border-left-width:2px;
*/
}
/*
 * レビュアー
 */
div.reviewer{
	padding-bottom:4px;
	padding-top:4px;
	margin-left:1em;
	margin-right:6.5em;
}
div.rev-button{
	position:absolute;
	right:2%;
	margin:2px;
}
/*
 * オフィシャルサイト
 */
.officialsite{
	color:#FFFFFF;
	font-family:Verdana;
	font-size:100%;
	border-style:outset;
	margin:0 0 0 0.5em;
	border-color:#FFFFFF;
	border-width:1px;
}
/*
 * 作品タイトル
 */
h2.title{
	font-family:'MS UI Gothic','ＭＳＰ ゴシック';
	font-weight: bolder ;
	font-size: 120%;
	margin:0px;
	padding:0px;
 display:inline;
}
/*
 *
 */
.avg{
	font-family:'MS 明朝';
	font-size:80%;
}
/*
 * 作品タイトルを含む領域
 */
div.title{
	word-break:keep-all;
	background-color:#F0F0FF;
	padding:2pt;
	border-bottom-width:0px;
	border-bottom-color:#000000;
	border-bottom-style:solid;
}
/*
 * リンク
 */
A:link,A:visited,A:active{text-decoration:none;color:#8000FF}
A.search:link,A.search:active{color:#0000FF}
A.search:visited{color:#6060FF}
A:hover{
	text-decoration:underline;
	color: #0000FF;
}
/*
 * 検索リンク
 */
A.search:hover{
	color: #000080;
}
/*
 * 検索リンク文字
 */
span.search{
	font-size: 1em;
	font-family:'ＭＳ ゴシック';
}
/*
 * 作品表示テーブル縦線用セル
 */
td.sep{
	width:1px;
	background-color: #8080E0;
}
/*
 * かなリスト
 */
div.kanalist{
	background-color:#FFFFFF;
	width:99%;
	text-align:left;
	border-width:0px 1px 1px 0px;
	border-style:none solid solid none;
	border-color:#E0E0FF #A0A0C0 #A0A0C0 $E0E0FF;
	margin:1px;
	word-break:keep-all;
}
/*
 * 前・次ページ,ページリスト
 */
div.pagelist{
	background-color:#FFFFFF;
	width:99%;
	text-align:right;
	border-width:0px 1px 1px 0px;
	border-style:none solid solid none;
	border-color:#E0E0FF #A0A0C0 #A0A0C0 $E0E0FF;
	margin 1px;
}
span.pagelist{
	text-align:left;
	background-color:#FFFFFF;
	margin: 0px;
	width: 79%;
}
span.next{
	width: 20%;
	background-color:#FFFFFF;
	text-align:right;
	margin: 0px;
}
/*
 * ライン
 */
hr{
	color:#6060A0;
	height:1px;
	
}
/*
 * 採点の★
 */
span.level{
	font-size: 1.1em;
	font-family:'ＭＳ ゴシック';
}
/*
 * 採点（１００点）
 */
span.point{
}
/*
 * レビュアー名
 */
span.name{
}
/*
 * Mail,URLリンク
 */
span.link{
}
/*
 * レビュー年月日
 */
span.date{
}
/*
 * 公開年、制作国
 */
span.made{
}
/*
 * 作品番号
 */
span.no{
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	border-color: #A0A0D0;
	padding: 0 2;
	font-size:1em;
}

/*
 * 編集・削除ボタン
 */
.edit{
	font-family:'MS UI Gothic','ＭＳＰ ゴシック';
	width: 6em;
	border-color: #C0C0FF;
	border-style: outset;
	border-width: 2px;
	font-size:0.8em;
	background-color: #C0C0FF;
	padding:1px;
}
.editrev{
	font-family:'MS UI Gothic','ＭＳＰ ゴシック';
	width: 6em;
	border-color: #FFFFC0;
	border-style: outset;
	border-width: 2px;
	font-size:0.8em;
	background-color: #FFFFC0;
	padding:1px;
}
/*
 * 入力欄
 */
input,textarea{
	ime-mode:active;
}
/*
 * アドレス、採点、日付、スペル入力欄
 */
input.address,input.point,input.date,input.spel,input.num{
	ime-mode:disabled;
}
/*
 * 画面左側
 */
div.leftcol{
	border-color: #000000;
	border-width: 2px;
	border-style: solid;
	background-color: #FFFFFF;
	color:#000040;
	padding: 10 5 10 5;
	width:140px;
	text-align:center;
        display:none;

}
div.leftcol h1{
	font-size:1.1em;
}
/*
 * 画面右側
 */
div.rightcol{
	color: #000000;
	position:absolute;
	top:0%;
	left:160px;
}
/*
 * 作品、レビューフォームの必須入力項目名
 */
.must{
	font-wight:bolder;
	font-family:'ＭＳＰ ゴシック';
}
/*
 * 作品、レビューフォームの必須入力項目名セル
 */
td.mustcol,th.mustcol{
	background-color:#FFA0A0;
}
/*
 * 作品、レビューフォームの説明列
 */
colgroup.info{
	background-color:#FFFFFF;
	vertical-align:middle;
}
/*
 * フォームのタイトル
 */
th.formhead{
	background-color:#D0D0FF;
}
/*
 * コピーライト
 */
div.copy{
	width:100%;
	background-color:#FFFFFF;
	border-width:1px 0px;
	border-style:solid;
	border-color:#000000;
	padding:0 0;
	margin:0 0;
}
span.copy{
	float: right; 
}
/*
 * 上部、下部インフォメーション
 */
div.topinfo,div.bottominfo{
	text-align:left;
	border-width:1px;
	border-style:dashed;
	border-color:#FFFFFF;
	padding:1em;
}

/*
 * タイトルリスト
 */
div.titlelist{
	background-color:#F0F0FF;
	padding:0 0;
	margin:1em 1em;
	font-family:'MS UI Gothic','ＭＳＰ ゴシック';
	text-align:left;
	word-break:keep-all;
}
span.list-title{
	line-break: strict;
}

/*
 * タイトルリストのレビュー有りマーク
 */
.exrevmark{
	color:#FF0000;
}
/*
 * 各種フォーム
 */
table.form{
	width:100%;
	background-color:#FFFFFF;
}
table.form td,table.form th{
	border-width:0px 1px 1px 0px;
	border-style:none solid solid none;
	border-color:#E0E0FF #A0A0C0 #A0A0C0 $E0E0FF;
}
td.dummy{
	border-width:0 0 0 0;
	border-style:none none none none;
	border-color:#E0E0FF;
}
/*
 * NOT FOUND
 */
div.notfound strong{
	font-family:Impact,Georgia,Arial,FixedSys;
	font-size:150%;
}
div.notfound{
	padding: 4em;
}
/*
 * KBD
 */
kbd{
	text-decoration:underline;
	font-family:'ＭＳＰ ゴシック';
	font-size:10pt;
}

ul.staffelm {
 margin:0;
 padding:0;
}
ul.staffelm li {
 font-family:'MS UI Gothic','ＭＳＰ ゴシック';
 display:inline;
 word-break:keep-all;
 line-break: strict;
}
ul.staffelm li:after {
 content:"\3000/\3000";
}

ul{
 margin:0;
 padding:1em 0.5em;
}
ul li.list-title{
 display:inline;
 word-break:keep-all;
 line-break: strict;
}