@charset "UTF-8";

/* -----------------------------
表紙レイアウトcss（index.css）

----------------------------- */


#titleImage { width: 900px; height: 242px;}
#Container { background-image: url(../img/bg_index-contents.gif);}
#Contents #main { float: right; width: 539px; margin: 0;}
#Contents #leftNavi { float: right; width: 160px;}
#footArea { clear:both; width: 900px;}



/* 左メニュー
----------------------------- */
#Contents #leftNavi h2 {
	width: 160px; height: 46px;
	background: url(../../img/h2_welcomeala.gif) no-repeat left top;
	text-indent: -9999px;
	overflow: hidden;
}
#Contents #leftNavi ul { list-style-type: none; margin: 0; padding: 0;}
#Contents #leftNavi ul li { margin: 0; padding: 0; font-size: 0; line-height: 0; vertical-align: bottom;}
#Contents #leftNavi ul.banner { margin-top: 6px;}
#Contents #leftNavi ul.banner li { margin-bottom: 2px;}
#Contents #leftNavi ul.banenr li a { margin: 0; padding: 0; background: none;}

/* 本文エリア
----------------------------- */
#Contents .topics,
#Contents .pickup { width: 510px; margin-left: 17px; margin-bottom: 1em;}
#Contents h2 {
	width: 539px; height: 46px;
	margin: 0; padding: 0;
	border-bottom: none;
	text-indent: -9999px;
	overflow: hidden;
}
#Contents h2.h2_topics { background: #fff url(../../img/h2_topics.gif) no-repeat top left; border: none;}
#Contents h2.h2_pickup { background: #fff url(../../img/h2_pickup.gif) no-repeat top left; border: none;}
#Contents h2.h2_calendar { background: #fff url(../../img/h2_calendar.gif) no-repeat top left; border: none;}

#Contents p.rss { position: relative; height: 1px;}
#Contents p.rss a { position: absolute; top: -30px; right: 10px; width: 2em; height: 1em; font-size: 92%; line-height: 1em;}
#Contents .topics dl.history { font-size: 92%; margin-bottom: 0.5em;}


/* ピックアップ */
#Contents .pickup ul { list-style-type: none; margin: 0.8em 0 2em 0; padding: 0; font-size: 92%;}
#Contents .pickup ul li { margin-bottom: 8px; padding-bottom: 8px; background: url(../img/line_dot.gif) repeat-x left bottom;}
#Contents .pickup ul li.imglink { min-height: 50px; font-size: 114% !important;}
#Contents .pickup ul li a { font-weight: bold;}
#Contents .pickup ul li img { float: right; margin-left: 10px;}


/* カレンダー */
#Contents #calendar { width: 460px; margin: 0 auto; padding: 20px 0 30px 0;}
#Contents #calendar .columnA { float: left;}
#Contents #calendar .columnB { float: right;}

#Contents #calendar div { width: 215px; padding: 6px; background-color: #fff;}

#Contents #calendar table { width: 215px; border-collapse: collapse; border: 1px solid #666;}
#Contents #calendar caption { margin: 0; padding: 5px; color: #007073; font-weight: bold; font-size: 114%; line-height: 1;}
#Contents #calendar caption span { display: block; float: right; font-size: 80%; font-weight: normal;}


#Contents #calendar .cal-sun { background-color: #ffe1e2;}
#Contents #calendar .cal-weekday { background-color: #fff;}
#Contents #calendar .cal-sat { background-color: #e8faf7;}
#Contents #calendar th { width: 14%; background-color: #e8e8e8; font-size: 92%; padding: 2px;}
#Contents #calendar th.cal-sun { width: 15%; background-color: #eda9aa;}
#Contents #calendar th.cal-sat { width: 15%; background-color: #cde6e6;}
#Contents #calendar td { text-align: center; padding: 2px;}
#Contents .banner { clear: both; padding: 30px 0; text-align: center;}
#Contents .banner li { margin-bottom: 5px;}


/* フッター
----------------------------- */
#footArea { margin: 0; padding: 0 0 20px 0;}
#footArea .column { float: left; width: 539px; margin: 0; padding: 8px 0 0 161px; background: url(../img/bg_index-footer.gif) no-repeat left top;}

address { width: 510px;}




/* clearfix
----------------------------- */
#Contents #calendar { display: inline-block;}
#Contents #calendar:after { content: "."; display: block; height: 0.1px; clear: both; visibility: hidden; font-size: 0.1em; line-height: 0;}
/* Hides from IE-mac \*/
* html #Contents #calendar { height: 0.1;}
#Contents #calendar { display: block; }
/* End hide from IE-mac */