/**
 * FSJP
 * 
 * @create 0804
 */
@import url("__common.css");


/**
 * スライドショー
 */
#top_slideShow {
	width : 990px;
	margin: 0 auto;
	padding: 10px 0;
	background-color: #333;
	text-align: center;
	font-size: 0.9em;
}


/**
 * メインコンテンツ
 */
#mainContents {
	width: 688px;
	padding: 5px;
	background-color: #404040;
	border: solid 1px #AAA;
}


/**
 * タブコンテンツ
 */
#tabHeader {
	width: 688px;
	height: 30px;
	position: relative;
}
#tabHeader LI {
	position: absolute;
}
#tabHeader LI.tab1 { top: 0; left: 0px;   }
#tabHeader LI.tab2 { top: 0; left: 108px; }
#tabHeader LI.tab3 { top: 0; left: 216px; }
#tabHeader LI.tab4 { top: 0; left: 324px; }
#tabHeader LI A {
	height: 30px;
	width: 100px;
	display: block;
	background-color: #555;
	border:1px solid #555;
	border-bottom: none;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-size: 0.9em;
	color: #FFEBB5;
}
#tabHeader LI .active {
	color: #333;
	background-color: #FFF;
}
#tabContents {
	width: 658px;
	height: 571px;
	padding: 15px;
	background-color:#FFFFFF;
	border:1px solid #555;
}
.tabContent {
	background-color:#FFFFFF;
}


/**
 * タブコンテンツ：各種記事一覧
 */
.tabContent DL {
	height: 64px;
	margin-bottom: 10px;
	position: relative;
	border-bottom: solid 1px #DDD;
}
.tabContent DL.last {
	margin-bottom: 0;
}
.tabContent DT {
	position: absolute;
	top: 4px;
	left: 105px;
	font-size: 1.2em;
}
.tabContent DD.thumbnail {
	width: 90px;
	height: 60px;
	padding: 2px;
	position: absolute;
	top: 0px;
	left: 0px;
	border: solid 1px #DDD;
	border-bottom: none;
	text-align: center;
}
.tabContent DD.content {
	position: absolute;
	top: 26px;
	left: 105px;
	font-size: 0.8em;
}
.tabContent DD.date {
	position: absolute;
	top: 45px;
	right: 15px;
	font-size: 0.8em;
}


/**
 * タブコンテンツ：今月のスケジュール
 */




/**
 * 下部コンテント
 */
#bottomContents {
	clear: both;
}





/**
 * 画像切り替え
 */
#imageRotator {
	height: 420px;
	width: 990px;
	clear: both;
	background-color: #3c3c3c;
	position: relative;
}
#imageRotator .content {
	width: 600px;
	height: 400px;
	position: absolute;
	top: 10px;
	left: 10px;
	overflow: hidden;
	color: #fff;
}
#imageRotator .content .description {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #111;
}
#imageRotator .content DT {
	height: 40px;
	font-size: 1.5em;
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	vertical-align: middle;
	margin: 0;
	padding: 5px;
}
#imageRotator .content DD.text {
	font-size: 1.2em;
	padding: 0 10px;
	margin: 0;
	line-height: 1.6em;
}
#imageRotator .content DD.date { 
	padding: 0 0 0 30px; 
	font-size: 1em; 
}
#imageRotator .content .close {
	width: 70px;
	height: 30px;
	position: absolute;
	top: 10px;
	right: 20px;
	background: url("/img/kfa/icon.x_button.30_30.png") no-repeat left top;
	text-indent: -9999px;
	cursor: pointer;
}


#imageRotator .list {
	position: absolute;
	top: 10px;
	right: 10px;
}
#imageRotator .item {
	width: 357px;
	height: 54px;
	background: #f0f0f0 url("/img/kfa/image_rotate.list.background.png") repeat-x;
	padding: 12px 0 12px 12px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#imageRotator .list .picture {
	padding: 5px;
	float: left;
	background: #fff;
	border: solid 1px #CCC;
}
#imageRotator .list .title {
	padding: 8px 0 4px;
	margin: 0 0 0 72px;
	font-size: 0.9em;
	font-weight: bold;
}
#imageRotator .list .date {
	height: 20px;
	margin: 0 0 0 72px;
	padding: 0 0 0 25px;
	background: url("/img/kfa/icon.camera.20_20.png") left top no-repeat;
	line-height: 20px;
	font-size: 0.8em;
}
#imageRotator .list .description {
	display: none;
}
#imageRotator .list .hover {
	background: #ddd;
	cursor: pointer;
}
#imageRotator .list .active {
	background: #fff;
	cursor: default;
}