@charset "utf-8";

/* リセット：Yahoo!UI改変版
================================================== */
body{font-size:small;font-weight:normal;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}select,input,button,textarea{font-size:99%;}pre,code,kbd,samp{font-family:san-serif;font-size:100%;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,th,td{margin:0;padding:0;}table{font-size:inherit;font:100%;border-collapse:collapse;border-spacing:0;empty-cells:show;}th{font-weight:normal;text-align:left;}th,td{vertical-align:top;}address,cite,dfn,em,var{font-style:normal;}ol,ul{list-style:none;}fieldset,abbr{border:0;}ins{text-decoration:none;}del{text-decoration:line-through;}a{text-decoration:underline;}strong{font-weight:bold;}img,object,param{border:0;vertical-align:bottom;}q:before,q:after{content:"";}hr{display:none;}

/* 共通
================================================== */
body{
	padding: 25px;
	background: #fff url(../images/bg.jpg) no-repeat left top;
	color: #1f1f1f;
	line-height: 1.5;
	word-wrap: break-word;
}
/* 見出し
-------------------------------------------------- */
h1 {
	font-size: 123%;
	font-weight: bold;
}
h2 {
	font-weight: bold;
}
/* アンカー
-------------------------------------------------- */
a, a:link { color: #900; }
a:visited { color: #600; }
a:hover,
a:focus {
	color: #f00;
}
a:active {color: #ff0; }

/* レイアウト用テーブル
-------------------------------------------------- */
#mother {
	width: 100%;
}
/* 背景黒のボックス(汎用)
-------------------------------------------------- */
.bgbox {
	margin-bottom: 1px;
	padding: 20px;
	border-bottom:solid 1px #ccc;
	background: url(../images/leftcalam_bg.png);
	color:#FFF;
}
.bgbox a,
.bgbox a:link {
	color: #fff;
}
.bgbox a:hover,
.bgbox a:focus {
	color: #ccc;
}
/* 左：メニュー
================================================== */
#leftcalam {
	width: 246px;
}
/* ロゴ
-------------------------------------------------- */
#logo {
	padding-bottom: 25px;
}
/* 新規投稿
-------------------------------------------------- */
#newContribute p img {
	margin-bottom: 6px;
}
/* 人気のタグ
-------------------------------------------------- */
#popularTag h2 {
	margin-bottom: 0.5em;
}
#popularTag ul {
	list-style: disc;
	margin-left: 25px;
	margin-bottom: 1.0em;
}
#popularTag li {
	margin-bottom: 0.5em;
	line-height: 1.3;
}
/* 検索
-------------------------------------------------- */
#bbsSearch p {
	margin-bottom: 6px;
}
#bbsSearch-tag {
	margin-bottom: 24px;
}
#search-tag,
#search-word {
	width: 180px;
}
/* バナー
-------------------------------------------------- */
#banner img {
	margin-bottom: 15px;
}

/* 右：コンテンツ
================================================== */
#rightcalam {
	padding-left: 25px;
}
.br {
	margin-bottom: 1.5em;
}
/* 告知スペース
-------------------------------------------------- */
#info {
	margin-bottom: 20px;
}
#info h2 {
	margin-bottom: 0.5em;
	font-size: 108%;
}
/* 最新作品一覧
-------------------------------------------------- */
.newBox {
	margin-bottom: 1px;
	padding: 20px;
	border:solid 1px #ccc;
	background-color:#FFFFFF;
	font-weight: bold;
}
.newTable {
	width: 100%;
}
.newTable th,
.newTable td {
	text-align: center;
	vertical-align: middle;
	width:25%;
}
/* 作品一覧
-------------------------------------------------- */
.list {
	width: 100%;
	margin-bottom: 20px;
}
.list th,
.list td {
	padding: 10px;
	border:1px solid #ccc;
	vertical-align: middle;
}
.list thead th {
	background: url(../images/leftcalam_bg.png);
	color:#FFF;
	border:1px solid #ccc;
	_padding: 0 10px;
	text-align: center;
}
.list thead th strong {
	_display: block;
	_padding: 10px 0;
}
.list tbody th {
	width: 40%;
	font-weight: bold;
}
.list tbody th,
.list tbody td {
	background-color: #fff;
}
.list tbody th.no {
	width: auto;
	text-align: center;
}
.list tbody th.quote {
	font-weight: normal;
}
.list tbody tr:nth-child(even) th,
.list tbody tr:nth-child(even) td {
	background-color: #f0f0f0;
}
.icon {
	width: 25px;
	height: 25px;
	vertical-align: middle;
}
/* 作品一覧タイトル
-------------------------------------------------- */
.listTitle {
	width: 100%;
	margin-bottom: 20px;
}
.listTitle th {
	font-size: 138%;
}
.listTitle th,
.listTitle td {
	padding: 5px;
}
/* 作品タイトル
-------------------------------------------------- */
.workTitle {
	width: 100%;
	margin-bottom: 20px;
}
.workTitle th {
	background: url(../images/leftcalam_bg.png);
	color:#FFF;
	border:1px solid #ccc;
	padding: 10px;
	_padding: 0 10px;
	font-size: 138%;
}
.workTitle th strong {
	_display: block;
	_padding: 10px 0;
}
.workTitle td {
	padding: 10px 10px 0 10px;
	line-height: 1.3;
}
/* 作品
-------------------------------------------------- */
.workContent {
	width: 100%;
	margin-bottom: 15px;
}
.workContent td {
	line-height: 1.8;
}
.workContent td div {
	padding: 25px 20px;
	border: 1px solid #aaa;
	background-color: #fff;
}
.workContent a img {
	padding: 1px;
	border: 1px solid #900;
}
.workContent a:hover img,
.workContent a:focus img {
	border: 1px solid #f00;
}
.aboutWork {
	width: 100%;
	margin-bottom: 25px;
}
.aboutWork {
	padding: 5px 5px 15px 5px;
	text-align: right;
}
/* 感想
-------------------------------------------------- */
#opinionArea {
	padding-bottom: 15px;
}
#opinionArea h3 {
	margin-bottom: 15px;
	padding: 15px;
	background-color: #eee;
	color: #666;
	font-size: 108%;
	font-weight: bold;
}
.opinion {
	width: 100%;
	margin-bottom: 15px;
	border-bottom: 2px solid #ddd;
}
.opinion th,
.opinion td {
	padding: 5px 10px;
}
.opinion td {
}
.opinion td.date {
	padding-bottom: 15px;
	color: #666;
}
#opinionForm {
	width: 100%;
	margin-bottom: 20px;
}
#opinionForm div {
	padding: 15px;
	background-color: #eee;
}
#opinionForm h3 {
	margin-bottom: 10px;
	color: #666;
	font-size: 108%;
	font-weight: bold;
}
#opinionForm table {
	margin-bottom: 15px;
}
#opinionForm th,
#opinionForm td {
	padding-bottom: 15px;
}
#opinionForm th {
	padding-right: 10px;
	color: #666;
	font-weight: bold;
}
#opinionForm em {
	color: #f00;
	font-weight: normal;
}
#opinionForm th em {
	color: #900;
}
/* 利用規約
-------------------------------------------------- */
.rule {
	margin-bottom: 1.8em;
}
.rule th {
	font-weight: bold;
	padding: 5px;
}
.rule td {
	padding: 5px 5px 5px 18px;
}
.rule ol,
.rule ul {
	margin-bottom: 1.2em;
	margin-left: 30px;
}
.rule ol {
	list-style: decimal;
}
.rule ul {
	list-style: disc;
}
.rule li {
	margin-bottom: 0.7em;
	line-heihgt: 1.2;
}
.rule h3 {
	font-weight: bold;
	padding: 1em 0em 1em 0em;
	font-size:medium;
}
.rule h4 {
	font-weight: bold;
	padding: 0em 0em 1em 0em;
}
.rule p {
	padding-bottom:1em;
}
/* タグ一覧
-------------------------------------------------- */
.tagCluod {
	width: 100%;
	margin-bottom: 25px;
}
.tagCluod .lv3 {
	font-size: 138%;
	font-weight: bold;
}
.tagCluod .lv2 {
	font-size: 116%;
}

/* 中央：コンテンツ
================================================== */
#centercalam {
	text-align: center;
}
/* 作品投稿
-------------------------------------------------- */
#workForm {
	margin: 0 auto 20px;
	width:750px;
	text-align: left;
}
#workForm h2 {
	margin-bottom: 10px;
	font-size: 123%;
	font-weight: bold;
}
#workForm th,
#workForm td {
	padding-bottom: 15px;
}
#workForm th {
	padding-right: 10px;
	font-weight: bold;
}
#tagList td {
	vertical-align: middle;
}
#workForm em {
	color: #900;
	font-weight: normal;
}
#workForm td em {
	color: #ff0;
	font-weight: bold;
}
#tagList input {
	margin-right: 10px;
	margin-bottom: 10px;
}
#tagList select {
	width: 120px;
	margin-right: 10px;
}
/* 作品編集
-------------------------------------------------- */
#editForm {
	margin-bottom: 20px;
	padding: 0 10px 20px;
	border-bottom: 2px #ddd solid;
}
#editForm table {
	margin-bottom: 10px;
}
#editForm th,
#editForm td {
	padding-bottom: 15px;
}
#editForm th {
	padding-right: 10px;
	font-weight: bold;
}
#editForm strong {
	color: #f00;
}
#editForm em {
	color: #f00;
	font-weight: normal;
}
#editForm p.btnGroup {
	margin-bottom: 20px;
}
/* パスワード確認
-------------------------------------------------- */
#pswForm {
	margin: 0 auto 20px;
	width:750px;
	text-align: left;
}
#pswForm h2 {
	margin-bottom: 10px;
	font-size: 123%;
	font-weight: bold;
	text-align: center;
}
#pswForm p {
	margin-bottom: 10px;
	text-align: center;
}
#pswForm em {
	color: #ff0;
	font-weight: bold;
}

/* ページネーション
================================================== */
.pagenation {
	width: 100%;
	margin-bottom: 20px;
}
.pagenation td {
	padding: 5px;
	text-align: center;
}
.pagenation td.addWork,
.pagenation td.prev {
	text-align: left;
}
.pagenation td.next {
	text-align: right;
}
.back {
	margin-bottom: 30px;
	text-align: left;
}
.addWork em {
	color: #f00;
}