/* 共通用 */
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }

table.center {
	margin-left: auto;
	margin-right: auto;
}

.large { font-size: 1.3em; }
.small { font-size: 0.8em; }
.bold { font-weight: bold; }
.normal { font-weight: normal; }

.smallStar {
	font-size: 0.5em;
	vertical-align: super;
}

.padding{ padding: 3px; }

div.smallmargin{
	margin-top:1em;
	margin-bottom:1em;
}
div.middlemargin{
	margin-top:2em;
	margin-bottom:2em;
}
div.largemargin{
	margin-top:4em;
	margin-bottom:4em;
}

td.rightNum {
	text-align: right;
	font-weight: bold;
	padding-right: 0.5em;
}
td.top{
	vertical-align: top;
}

.white { color: #ffffff; }
.emphasis{
	font-weight: bold;
	color: #ff3333;
}
td.star {
	width: 400px;
}
span.star {
	font-size: 0.8em;
	color: #cc9900;
}
span.notice{ color: #ff0000; }

h2.title{
	text-align: center;
	border-style: solid;
	border-color: #5050cc;
	border-width: 0px 4px 1px 4px;
	margin-left: 6em;
	margin-right: 6em;
	margin-bottom: 1em;
}
h3.smallTitle{
	padding : 0px 10px 2px 2px;
	border-style: solid;
	border-width: 0px 0px 1px 4px;
	border-color: #5050cc;
	font-size: 1.0em;
	font-weight: bold;
}
hr.separator{
	height: 1px;
	color: #5050cc;
}
div.back{
	text-align: center;
	margin-top: 2em;
}

.imp {
	color: red;
	font-weight: bold;
}

pre {
	margin-top: 1px;
	margin-bottom: 1px;
}

p.indent {
	margin-left: 1em;
}


/* エラーメッセージ表示用 */
div.error{
	color: #ff0000;
	font-size: larger;
	text-align: center;
}


/* layout.jsp用 */
table.layout{
	margin-left :auto;
	margin-right :auto;	
	width: 750px;
}

/* ヘッダー・フッター用 */
table.presentHeader{
	border-color: #000080;
	border-width: 1px 4px 1px 4px;
	border-style: solid;
	width: 100%;
	background: #e0e0ff;
	color: #000000;
	padding: 2px;
	margin-bottom:1em;
}
table.notPresentHeader{
	border-color: #008000;
	border-width: 1px 4px 1px 4px;
	border-style: solid;
	width: 100%; 
	background: #e0ffe0;
	color: #000000;
	padding: 2px;
	margin-bottom:1em;
}
div.footer{
	text-align: center;
	margin-top: 3em;
	margin-bottom: 1em;
}
div.footer2{
	text-align: center;
	margin-top: 1em;
	margin-bottom: 0em;
}
table.presentFooter{
	border-color: #000080;
	border-width: 1px;
	border-style: solid;
}
table.notPresentFooter{
	border-color: #008000;
	border-width: 1px;
	border-style: solid;
}
th.presentFooter{
	border-color: #afafff;
	border-width: 1px;
	border-style: solid;
	background: #e0e0ff;
	color: #000000;
}
th.notPresentFooter{
	border-color: #afffaf;
	border-width: 1px;
	border-style: solid;
	background: #e0ffe0;
	color: #000000;
}

/* トップページ用 */
td.mainLeft{
	vertical-align: top;
	width: 50%;
}	
td.mainRight{
	vertical-align: top;
	width: 50%;
}	
table.groupList{
	width: 95%;
	border: 1px solid #afafff;
	background: #e0e0ff;
}
th.groupListHeader{
	background: #5050cc;
	text-align: left;
	font-weight: bold;
	font-size: 1em;
	color: #ffffff;
	padding: 2px;
}
td.groupListSpacer{
	width: 15px;
}
table.amazon{
	margin-top: 1em;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
td.amazon_space{
	width:2em;
}
img.banner{
	border: 0px;
	margin-bottom: 0.5em;
}
table.menu{
	width: 100%;
}
hr.menuSeparator{
	height: 1px;
	color: #5050cc;
}
td.menuContent{
	font-size: small;
}
td.menuSpacer{
	height: 1.4em;
}
img.menuLogo{
	border: 0px;
}
ul.links{
	font-size: medium;
	margin-top: 5px;
	margin-bottom: 5px;
}


/* 書籍一覧用 */
table.titlesList{
	border: 0px;
	margin-top: 2em;
	margin-left: auto;
	margin-right: auto;
}
tr.titlesListHeader {
	background: #5050cc;
	color: #ffffff;
}
tr.titlesListContent {
	background: #e0e0ff;
	border-width: 0px;
	margin: 0px;
}
span.titleName {
	font-size: 0.8em;
}
div.popularinfo{
	background: #ffffc0;
	width: 80%;
	margin-top: 2em;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
}


/* 書評・コメント表示共通部 */
div.addOrDelComment {
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 5em;
}
span.addComment {
	background: #ffff80;
}
span.deleteComment {
	background: #ff8080;
}


/* report,comment共通部 */
td.content_nopadding {
	color: #000000;
	background: #ffffff;
	font-size: 1em;
	padding: 0em 0em 0em 1em;
}
	
td.content {
	color: #000000;
	background: #ffffff;
	font-size: 1em;
	padding: 1em 1em 1em 1em;
}
td.reportViewSpacer{
	width: 5px;
}
div.reportView{
	margin-left: 4em;
	margin-top: 2em;
}

/* 書評表示用 */
table.reportView {
	/*width: 96%;*/
	width: 730px;
	table-layout:fixed;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
	border-width: 4px;
	border-style: solid;
	border-color: #afafff;
	background: #e0e0ff;
}
th.reportViewHeader {
	padding :3px;
	color: #ffffff;
	background: #5050cc;
}
td.reportViewContent {
	color: #000000;
	background: #e0e0ff;
}

/* コメント表示用 */
table.commentView {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
	border-width: 4px;
	border-style: solid;
	border-color: #afffaf;
	background: #e0ffe0;
}
th.commentViewHeader {
	padding :3px;
	color: #ffffff;
	background: #50cc50;
}
td.commentViewContent{
	color: #000000;
	background: #e0ffe0;
}

/* 書評投稿用 */
td.reportEditContent {
	width: 20%;
	text-align: left;
	padding :3px;
	font-weight: bold;
	color: #000000;
	background: #e0e0ff;
}
td.reportEditInput {
	width: 80%;
	vertical-align: top;
	padding :3px;
	text-align: left;
	color: #000000;
	background: #e0e0ff;
}

div.reportManner{
	width: 15em;
	font-size: 0.9em;
	background: #f5f5ff;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 5px;
	border: 2px dotted #0000f0;
}

/* コメント投稿用 */
td.commentEditContent{
	width: 20%;
	text-align: left;
	padding :3px;
	font-weight: bold;
	color: #000000;
	background: #e0ffe0;
}
td.commentEditInput{
	width: 80%;
	text-align: left;
	padding :3px;
	color: #000000;
	background: #e0ffe0;
}

div.commentManner{
	font-size: 0.9em;
	background: #f5fff5;
	margin-left: 3em;
	margin-right: 3em;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 5px;
	border: 2px dotted #00f000;
}

/* ReadingStars, Marathon, CommentOlympic一覧用 */
h2.rankingType{
	padding : 0px 20px 2px 10px;
	border-style: solid;
	border-width: 0px 0px 1px 6px;
	border-color: #5050cc;
	margin: 2em 2em 1em 1em;
}
table.rankingList{
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
tr.rankingListHeader {
	color: #ffffff;
	background: #5050cc;
}
tr.rankingListContent {
 	background: #e0e0ff;
}
th.rankingListStars	{
	width: 60%;
}
div.distinfo{
	background: #ffffc0;
	width: 50%;
	margin-top: 2em;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	font-size: 14px;
}


/* Dictionary of Quotations(new comment)用 */
table.newCommentListForReport {
	margin-left: 5%;
	margin-right: 5%;
	width: 90%;
	margin-bottom :1em;
	background: #ffffff;
	border-style: solid;
	border-width: 1px;
	border-color: #afafff;
	border-collapse: separate;
}
table.newCommentListForComment {
	margin-left: 5%;
	margin-right: 5%;
	width: 90%;
	margin-bottom :1em;
	background: #ffffff;
	border-style: solid;
	border-width: 1px;
	border-color: #afffaf;
	border-collapse: separate;
}

tr.newCommentListForReport {
	background: #e0e0ff;
}
tr.newCommentListForComment {
	background: #e0ffe0;
}


td.newCommentListHeaderForReport {
	background: #e0e0ff;
	padding-right: 5px;
	padding-left: 1em;
	border-style: solid;
	border-width: 0px 0px 1px 6px;
	border-color: #5050cc;
}
td.newCommentListHeaderForComment {
	background: #e0ffe0;
	padding-right: 5px;
	padding-left: 1em;
	border-style: solid;
	border-width: 0px 0px 1px 6px;
	border-color: #50cc50;
}
td.newCommentItem{
	width: 20%;
	padding: 3px;
	font-weight: bold;
	text-align: left;
}
div.pageList{
	text-align:right;
	margin: 0em 1px 1px 0em;
}

/* Top Picks of the Week 一覧用 */
h2.toppicks{
	text-align: center;
	margin-top :3em;
	margin-bottom: 1em;
}
table.toppicks{
	background: #ffffff;
	margin-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
}
tr.toppicksHeader{
	font-weight: bold;
	color: #ffffff;
	background: #5050cc;
}
tr.toppicksContent{
	background: #e0e0ff;
}
td.toppicksName{
	padding: 3px;
	width: 15%;
}
td.toppicksPoint{
	padding: 3px;
	width: 10%;
}

/* リザーブリクエスト用 */
div.reserve{
	margin-left: 7em;
	margin-top: 3em;
	margin-bottom: 5em;
}

/* ユーザー情報用 */
table.userInfoMain{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3em;
}
td.userInfoHeader{
	font-weight: bold;
	color: #ffffff;
	background: #5050cc;
	padding: 3px;
}
tr.userInfoContent{
	background: #e0e0ff;
	height: 24px;
}
tr.userInfoInputArea{
	background: #e0e0ff;
	height: 24px;
}
table.reportHistory{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3em;
}
tr.reportHistoryHeader{
	color: #ffffff;
	background: #5050cc;
}
tr.reportHistoryContent{
	background: #e0e0ff;
}
table.commentHistory{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3em;
}
tr.commentHistoryHeader{
	color: #ffffff;
	background: #50cc50;
}
tr.commentHistoryContent{
	background: #e0ffe0;
}
th.userInfoDate{
	padding: 3px;
	width:15%;
}


/* ログイン画面用 */
table.login{
	margin-left:auto;
	margin-right:auto;
	text-align: center;	
}

div.info {
	background: #ffffc0;
	margin-left: 3em;
	margin-right: 3em;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
}
h3.info {
	color: #f0a000;
	background: #fffff0;
	width: 4em;
	border-style: solid;
	border-width: 0px 5px 0px 5px;
	margin-bottom: 0px;
	margin-left: -0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

/* 新規ユーザー登録画面用 */
table.regist{
	width: 600px;
	margin-left: 10em;
	text-align: left;	
}
th.registUserName{
	padding: 3px;
	vertical-align: top;
}	


/* 管理者トップ用*/
h2.adminTopTitle{
	padding : 0px 10px 2px 2px;
	border-style: solid;
	border-width: 0px 0px 1px 4px;
	border-color: #5050cc;
	font-size: 1.2em;
	font-weight: bold;
	margin-right: 3em;
}
hr.adminTopSeparator{
	height: 2px;
	color: #5050cc;
	margin-top: 2em;
	margin-bottom: 2em;
	width: 95%;	
}
table.adminGroupList{
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 1em;
}
table.adminClassList{
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 1em;
}
th.adminClassList{
	background: #5050cc;
	color: #ffffff;
	padding: 2px;
}
table.adminSchoolList{
	margin-top: 1em;
	margin-bottom: 2em;
	margin-left: 1em;
}
div.addSchool{
	font-weight: bold;
}


/* 各種追加・編集画面用 */
table.edit{
	margin-top: 3em;
	margin-bottom: 2em;
	margin-left: auto;
	margin-right: auto;
}
th.userListHeader{
	background: #5050cc;
	color: #ffffff;
	padding: 3px; 
}
th.titleDistance{
	padding: 3px;
	vertical-align: top;
}span.titleDistance{
	font-size: smaller;
}

/* 最終レポート用 */
table.finalReportList{
	border: 0px;
	width: 98%;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
}
tr.finalReportListHeader {
	background: #5050cc;
	color: #ffffff;
}

A.finalReportListLink { text-decoration : underline }
A.finalReportListLink:link { color : #ffffff; }
A.finalReportListLink:hover { color : #ffffff; }
A.finalReportListLink:active { color : #ffffff; }
A.finalReportListLink:visited { color : #ffffff; }

tr.finalReportListContent {
	background: #e0e0ff;
	border-width: 0px;
	margin: 0px;
}

div.question {
	background: #5050cc;
	color: #ffffff;
	padding: 3px 3px 3px 3px;
}
div.answer {
	background: #ffffff;
	color: #000000;
	padding: 1em 1em 1em 1em;
}

table.bookrank{
	background: #ffffff;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
tr.bookrankHeader{
	background: #5050cc;
}
th.bookrankHeader{
	color: #ffffff;
	padding: 2px 2px 2px 2px;
}
tr.bookrank{
	background: #ccccff;
}

div.receivedComment{
	background: #ffffff;
	margin-bottom: 1em;
}



/* *******************************************************
 *
 * 以下小田切デザイン 2004/09/03 
 *
 * *******************************************************
 */

/*JSP処理用に変更 2004/09/05 by kawam
 共通部は一番下に記述（暫定）
 */


/* 		****	Top用	****		*/

dl.head-menu dd {
	margin-top: 0px;
	margin-bottom: 0px;
}
dl.head-menu dt {
	margin-top: 0px;
	margin-bottom: 0px;
}

div.news h3 {
	font-size: 1.1em;
	line-height: 15.5px;
	margin: 0.5em 0px 2px 0px;
	padding: 0px;
}

div.news h4 {
	font-size: 1.0em;
	line-height: 15.5px;
	margin: 0.3em 0px 0px 0px;
}

div.news p {
	font-size: 13px;
	line-height: 15.5px;
	margin: 0px 0px 0px 1em;
	padding: 0px;
}

div.news dl {
	margin-top: 2px;
	margin-bottom: 0px;
}

div.news dt {
	margin-left: 1.5em;
	font-weight: bold;
}

.tx {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	line-height: 15.5px;
	margin: 0px;
	padding: 0px;
}

.login-bg {
	background-color: #EEEEEE;
	border-style: solid;
	border-color: #AAAAAA;
	border-width: 2px;
}

.search-bg {
	background-color: #CCCCCC;
	padding: 5px;
}

.right-img {
	margin: 0px;
	padding: 0px;
	border: 0px none;
}

.center-title {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13.5px;
	margin: 2px;
	padding: 2px;
	height: 15px;
	width: 100%;
	border: thin dotted;
}

.chushaku {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 9px;
}

.genre-bg {
	padding: 2px;
	border: 1px solid #000000;
	margin: 0px;
}

.boxtitle {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	font-weight: bold;
	background-color: #FFCC00;
	letter-spacing: 2px;
	line-height: 15px;
	height: 18px;
	padding-left: 4px;
	margin: 1px;
	color: #000000;
}

.yf-head {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	border-bottom-width: 1px;
	border-left-width: 6px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	margin: 2px;
	padding: 2px;
	width: 100%;
}

.genre-menu {
	margin: 1px;
	padding: 0px;
	width: 99%;
	border: 0px none;
}
form {
	margin: 0px;
	padding: 0px;
}

ul {
	margin-left: 20px;
	padding-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	line-height: 15.5px;
}

ol {
	margin-left: 30px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.head-menu {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	/*font-weight: bold;*/
	line-height: 22px;
	background-color: #FFFFCC;
	margin: 0px 0px 0px 0px;
	width: 100%;
	padding: 4px;
}

div.head-menu {
	margin-left: auto;
	margin-right: auto;
	width: 749px;
}

.boxtitleCopy {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 15px;
	font-weight: normal;
	background-color: #99CCFF;
	letter-spacing: 2px;
	line-height: 15px;
	height: 18px;
	padding-left: 4px;
	border: 2px solid #99CCFF;
	margin: 1px;
}

.boxtitleCopyLogin {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 15px;
	font-weight: bold;
	color: white;
	background-color: #8080FF;
	letter-spacing: 2px;
	line-height: 15px;
	height: 18px;
	padding-left: 4px;
	border: 2px solid #8080FF;
	margin: 1px;
}

.states {
	padding: 2px;
	border: 1px solid #000000;
	margin: 0px;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	background-color: #FFFFFF;
	font-weight: normal;
}

.jisseki-data {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 22px;
	line-height: 22px;
	font-weight: bold;
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 15px;
	margin: 10px;
}

	/* My Page用 */

table.userinfo{
	width: 400px;
	padding: 5px;
	border: 0px;
	align: center;
	padding: 0px;
}

.search-bg {
	background-color: #CCCCCC;
	padding: 5px;
}

.right-img {
	margin: 0px;
	padding: 0px;
	border: 0px none;
}

.center-title {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13.5px;
	margin: 2px;
	padding: 2px;
	height: 15px;
	width: 100%;
	border: thin dotted;
}

.chushaku {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 9px;
}
.genre-bg {
	padding: 2px;
	border: 1px solid #000000;
	margin: 0px;
}

.boxtitle {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	font-weight: bold;
	background-color: #FFCC00;
	letter-spacing: 2px;
	line-height: 15px;
	height: 18px;
	padding-left: 4px;
	margin: 1px;
	color: #000000;
}

.yf-head {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	border-bottom-width: 1px;
	border-left-width: 6px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	margin: 2px;
	padding: 2px;
	width: 100%;
}

.genre-menu {
	margin: 1px;
	padding: 0px;
	width: 99%;
	border: 0px none;
}

form {
	margin: 0px;
	padding: 0px;
}

ul {
	margin-left: 20px;
	padding-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 10px;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	line-height: 15.5px;
	padding-top: 3px;
}

ol {
	margin-left: 30px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.states {
	padding: 2px;
	border: 1px solid #000000;
	margin: 0px;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	background-color: #FFFFFF;
	font-weight: normal;
}

.jisseki-data {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 22px;
	line-height: 22px;
	font-weight: bold;
	vertical-align: middle;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 15px;
	margin: 7px;
}

.readingFanList {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13.5px;
	line-height: 15px;
	margin: 3px;
	padding: 3px;
	background-color: #FFFFCC;
}

td.readingFanList h4 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13.5px;
	line-height: 15.5px;
	padding: 0px;
	margin-top: 0.5em;
	margin-bottom: 0px;
}

td.readingFanList p {
	margin-top: 2px;
	margin-bottom: 2px;
}


.myRFC {
	border: 1px solid #339966;
}

.RFCto-me {
	border: 1px solid #FF0000;
}

.boxtitleCopy2 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0px;
	line-height: 15px;
	padding-left: 4px;
	margin: 0px;
	border-top: 0px solid #99CCFF;
	border-right: 0px solid #99CCFF;
	border-bottom: 2px solid #99CCFF;
	border-left: 8px solid #99CCFF;
	/* 相対パスでOK？ */
	/* background-image: url(../images/common/boxtitle_bg.gif); */
	background-image: url(/irc4/images/common/boxtitle_bg.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	height: 1em;
}
	
table.InputArea td {
	margin: 5px;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	line-height: 18px;
}
	
	/* 書評一覧用（新デザイン） */

div.description{
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 16px;
	line-height: 22px;
	padding: 15px;
	border: 1px dotted #FF9900;
	background-color: #FFFFCC;
	margin-left:auto;
	margin-right:auto;
	margin-top: 1em;
	margin-bottom: 2em;
}
.amazon_img{
	border: 1px;
	float: left;
	margin-right: 1em;
}
div.amazon_img_notice{
	font-size: 0.8em;
	float: clear;
	margin-top:1em;
}

table.reportList {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 15px;
	line-height: 18px;
	padding: 1px;
}

td.commentsTree {
	margin-top: 0px;
	margin-bottom: 0px;
	border-width: 0px
	padding: 1px;
}

span.commentListContent {
	background: #e0ffe0;
}

span.reportListContent {
	background: #e0e0ff;
}

p.notice {
	padding-left: 0px;
	margin-top: 1px;
	margin-bottom: 0px;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	line-height: 15.5px;
}

/*
span.reportListContent {
	background: #e0e0ff;
	padding-right: 5px;
	padding-left: 1em;
	border-style: solid;
	border-width: 0px 0px 1px 6px;
	border-color: #000080;
}
span.commentListContent {
	background: #e0ffe0;
	padding-right: 5px;
	padding-left: 1em;
	border-style: solid;
	border-width: 0px 0px 1px 6px;
	border-color: #008000;
}
*/

.search-bg {
	background-color: #CCCCCC;
	padding: 5px;


}

.right-img {
	margin: 0px;
	padding: 0px;
	border: 0px none;
}
.genre-bg {
	padding: 2px;
	border: 1px solid #000000;
	margin: 0px;

}
.genre-menu {
	margin: 1px;
	padding: 0px;
	width: 99%;
	border: 0px none;
}
form {
	margin: 0px;
	padding: 0px;
}
.states {
	padding: 2px;
	border: 1px solid #000000;
	margin: 0px;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	background-color: #FFFFFF;
	font-weight: normal;


}
.search-ex {

	background-color: #FFFFCC;
	padding: 5px;
}
.eper-levels {
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-color: #FFFFFF;

}
.eper-levels2 {
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-color: #E4E4E4;

}


	/* 週間優秀書評用（新デザイン） */

.Result-head-Title {

	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 22px;
	line-height: 40px;
	background-color: #FFFFCC;
	margin: 0px;
	padding: 4px;
	letter-spacing: 1px;
	text-align: center;
}

tr.Result-Head th {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	line-height: normal;
	background-color: #FFFFFF;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}

.Result-List1 {
	font-family: "Arial", "Helvetica", "sans-serif";
	background-color: none;
	font-size: 16px;
	height: 35px;
	margin: 4px;
}

.Result-List2 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 16px;
	height: 35px;
	margin: 4px;
	background-color: #E4E4E4;
}

.star {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 12px;
	color: #CC9900;
}

.rrstyle {
	background-color: #CCCCFF;
}


/* Dictionary of Quatations (newcomment.jsp)用 （新デザイン） */

.quotations-tableB {

	border: 1px solid #33FF99;
	margin: 1px;
	padding: 1px;
}
.quotations-titleB {

	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 17px;
	line-height: 20px;
	background-image: url(../images/icons/comment_m.gif);
	/* background-image: url(/irc4/images/common/boxtitle_bg.gif); */
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 50px;
	height: 45px;
	width: 650px;
	background-color: #CCFFCC;
}

/* Achievements用 */

table.quotations-table {
	font-family: "Arial", "Helvetica", "sans-serif";
	width: 650px;
	border: 1px solid #9999FF;
	margin: 1px;
	padding: 1px;
}

.quotations-title {
	background: #CCCCFF;
	font-size: 17px;
	line-height: 20px;
	background-image: url(../images/icons/report_m.gif);
	/* background-image: url(/irc4/images/common/boxtitle_bg.gif); */
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 50px;
	height: 45px;
	width: 650px;
}

.ex-translation {
	font-size: 14px;
	line-height: 18px;
	padding: 10px;
}

td.ex-translation h4 {
	font-size: 14px;
	font-weight: bold;
	margin: 1px;
}

td.ex-translation p {
	margin-top: 0px;
	margin-bottom: 0.5em;
}

tr.upper-line td {
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #000000;
}


/* 各種共通（2004/10/05追加:今後これに統一していく？） */
.no-margin {
	margin: 0px;
}

div.contents {
	font-family: "Arial", "Helvetica", "sans-serif";
	margin-left: auto; 
	margin-right: auto;
	width:650px; 
}

.normal {
	font-weight: normal;
}

h1.title {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 22px;
	line-height: 40px;
	background: #FFFFCC;
	padding: 4px;
	letter-spacing: 1px;
	text-align: center;
	width: 740px;
	margin-top: 2px;
}

/* 旧デザイン
h1.title {
	text-align: center;
	border-style: solid;
	border-color: #5050cc;
	border-width: 0px 5px 1px 5px;
	margin-left: 3em;
	margin-right: 3em;
	margin-bottom: 1em;
}
*/

h3.subTitle {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 0.95em;
	font-weight: bold;
	letter-spacing: 0px;
	line-height: 16.5px;
	padding-left: 4px;
	margin: 1em 0px 0px 0px;
	border-top: 0px solid #99CCFF;
	border-right: 0px solid #99CCFF;
	border-bottom: 2px solid #99CCFF;
	border-left: 8px solid #99CCFF;
	/* background-image: url(/irc/pages/image/boxtitle_bg.gif); */
	background-image: url(/irc4/images/common/boxtitle_bg.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	height: 1em;
}

/* ランキング共通 */

.rankinglist-white {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 0.9em;
	height: 1.0em;
	margin: 1px;
	background-color: none;
}

.rankinglist-gray {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 0.9em;
	height: 1.0em;
	margin: 1px;
	background-color: #E4E4E4;
}