@charset "UTF-8";

/* ***************************************************
* CSS file For taisokyo.com
	FileName: column.css
	data:2007/08/27 koyama
**************************************************** */



/*-----------------------------------------------------------
■コラム枠
------------------------------------------------------------*/

div#Column {
	width: 390px;
	margin: 12px 0 20px;
}
div#Column img {
	float: right;
	margin: 0 0 10px 20px;
}

/*-----------------------------------------------------------
■コラムナビ--月
------------------------------------------------------------*/
ul#ColumnNvg {
	width: 390px;
	height: 20px;
}
ul#ColumnNvg li {
	float: left;
	width: 33px;
	height: 20px;
}
ul#ColumnNvg li a {
	width: 32px;
	height: 20px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	/* hack \*/
	overflow:hidden;
	/* end hack */
}


ul#ColumnNvg li.Month01 {background: url(/img/column/month01.gif) no-repeat;}
ul#ColumnNvg li.Month01 a:hover,
ul#ColumnNvg li.Month01Act {background: url(/img/column/month01_on.gif) no-repeat;}

ul#ColumnNvg li.Month02 {background: url(/img/column/month02.gif) no-repeat;}
ul#ColumnNvg li.Month02 a:hover,
ul#ColumnNvg li.Month02Act {background: url(/img/column/month02_on.gif) no-repeat;}

ul#ColumnNvg li.Month03 {background: url(/img/column/month03.gif) no-repeat;}
ul#ColumnNvg li.Month03 a:hover,
ul#ColumnNvg li.Month03Act {background: url(/img/column/month03_on.gif) no-repeat;}

ul#ColumnNvg li.Month04 {background: url(/img/column/month04.gif) no-repeat;}
ul#ColumnNvg li.Month04 a:hover,
ul#ColumnNvg li.Month04Act {background: url(/img/column/month04_on.gif) no-repeat;}

ul#ColumnNvg li.Month05 {background: url(/img/column/month05.gif) no-repeat;}
ul#ColumnNvg li.Month05 a:hover,
ul#ColumnNvg li.Month05Act {background: url(/img/column/month05_on.gif) no-repeat;}

ul#ColumnNvg li.Month06 {background: url(/img/column/month06.gif) no-repeat;}
ul#ColumnNvg li.Month06 a:hover,
ul#ColumnNvg li.Month06Act {background: url(/img/column/month06_on.gif) no-repeat;}

ul#ColumnNvg li.Month07 {width: 32px; background: url(/img/column/month07.gif) no-repeat;}
ul#ColumnNvg li.Month07 a:hover,
ul#ColumnNvg li.Month07Act {width: 32px; background: url(/img/column/month07_on.gif) no-repeat;}

ul#ColumnNvg li.Month08 {width: 32px; background: url(/img/column/month08.gif) no-repeat;}
ul#ColumnNvg li.Month08 a:hover,
ul#ColumnNvg li.Month08Act {width: 32px; background: url(/img/column/month08_on.gif) no-repeat;}

ul#ColumnNvg li.Month09 {width: 32px; background: url(/img/column/month09.gif) no-repeat;}
ul#ColumnNvg li.Month09 a:hover,
ul#ColumnNvg li.Month09Act {width: 32px; background: url(/img/column/month09_on.gif) no-repeat;}

ul#ColumnNvg li.Month10 {width: 32px; background: url(/img/column/month10.gif) no-repeat;}
ul#ColumnNvg li.Month10 a:hover,
ul#ColumnNvg li.Month10Act {width: 32px; background: url(/img/column/month10_on.gif) no-repeat;}

ul#ColumnNvg li.Month11 {width: 32px; background: url(/img/column/month11.gif) no-repeat;}
ul#ColumnNvg li.Month11 a:hover,
ul#ColumnNvg li.Month11Act {width: 32px; background: url(/img/column/month11_on.gif) no-repeat;}

ul#ColumnNvg li.Month12 {width: 32px; background: url(/img/column/month12.gif) no-repeat;}
ul#ColumnNvg li.Month12 a:hover,
ul#ColumnNvg li.Month12Act {width: 32px; background: url(/img/column/month12_on.gif) no-repeat;}


/*-----------------------------------------------------------
■コラムナビ--年
------------------------------------------------------------*/
div#Year {
	width: 390px;
	height: 15px;
	margin: 8px 0 0;
}
div#Year div {
	width: 310px;
	text-align: center;
	float: left;
}
div#Year p {
	width: 40px;
	float: left;
}

table#Info {
	width: 100%;
	border: 1px solid #E1D8AD;
}

table#Info th {
	width: 70px;
	border: 1px solid #E1D8AD;
	background: #EFEAD4;
	text-align: left;
	padding: 3px 8px;
	vertical-align: top;
}

table#Info td {
	width: 320px;
	border: 1px solid #E1D8AD;
	padding: 3px 8px;
}

div#Column a:link {
	color: #CC9900;
	text-decoration: none;
}

div#Column a:visited {
	color: #CC9900;
	text-decoration: none;
}

div#Column a:hover {
	color: #CC9900;
	text-decoration: underline;
}