@charset "UTF-8";

/* -------------------- */
/* new_column index css */
/* -------------------- */

/* メイン タイトルバー	*/
h3.month {
	clear:both;
	width:740px;	/* total 760px */
	background:#f0f0f0 url("/new_column/date_back.png") no-repeat top left;
	margin:0;
	padding:15px 10px 13px 10px;
	color:#966;
	font-size:1.2em;
	font-weight:bold;
	line-height:1;
}

/* 今月の大コマ */
div.bigkoma {
	clear:both;
	width:750px;
	padding:5px;
	color:#333;
	font-size:0.9em;
	line-height:1.4;
}
	.bigkoma a:link,
	.bigkoma a:visited {
		display:block;
		width:738px;
		border:#fc0 1px dotted;
		padding:5px;
		color:#666;
		text-decoration:none;
	}
	.bigkoma a:active,
	.bigkoma a:hover {
		border:#f66 1px solid;
		color:#333;
		text-decoration:none;
	}
	.bigkoma a:after {
		content:"";
		clear:both;
		height:0;
		display:block;
		visibility:hidden;
	}

	.bigkoma img {
		width:60px;
		height:60px;
		float:left;
		margin:3px;
		border:0;
	}

	.bigkoma em {
		color:#f36;
		font-size:1.4em;
		font-style:normal;
		font-weight:bold;
		text-decoration:none;
	}
	.bigkoma a:hover em {
		color:#f00;
	}

/* 小コマ (1行4個) */
div.smallkoma {
	width:180px;
	margin:0 0 10px 0;
	padding:5px;
	float:left;
	color:#333;
	font-size:0.7em;
	line-height:1.4;
}
	.smallkoma a:link,
	.smallkoma a:visited {
		display:block;
		width:172px;
		border:#fc0 1px dotted;
		padding:3px;
		color:#666;
		text-decoration:none;
	}
	.smallkoma a:active,
	.smallkoma a:hover {
		border:#f66 1px solid;
		color:#333;
		text-decoration:none;
	}
	.smallkoma a:after {
		content:"";
		clear:both;
		height:0;
		display:block;
		visibility:hidden;
	}

	.smallkoma img {
		width:45px;
		height:45px;
		float:left;
		margin:3px;
		border:0;
	}

	.smallkoma em {
		color:#f36;
		font-size:1.1em;
		font-style:normal;
		font-weight:bold;
		text-decoration:none;
	}
	.smallkoma a:hover em {
		color:#f00;
	}


/* 最小コマ (1行6個) */
div.xsmallkoma {
	width:116px;
	margin:0 0 10px 0;
	padding:5px;
	float:left;
	color:#333;
	font-size:0.7em;
	line-height:1.2;
}
	.xsmallkoma a:link,
	.xsmallkoma a:visited {
		display:block;
		width:108px;
		border:#fc0 1px dotted;
		padding:3px;
		color:#666;
		text-decoration:none;
	}
	.xsmallkoma a:active,
	.xsmallkoma a:hover {
		border:#f66 1px solid;
		color:#333;
		text-decoration:none;
	}
	.xsmallkoma a:after {
		content:"";
		clear:both;
		height:0;
		display:block;
		visibility:hidden;
	}

	.xsmallkoma img {
		width:40px;
		height:40px;
		float:left;
		margin:2px;
		border:0;
	}

	.xsmallkoma em {
		color:#f36;
		font-size:1em;
		font-style:normal;
		font-weight:bold;
		text-decoration:none;
	}
	.xsmallkoma a:hover em {
		color:#f00;
	}

/* new icon */
img.new {
	float:left;
	width:24px;
	height:12px;
	border:0;
	vertical-align:middle;
}