/* CSS Document */

#Flash {
	position:absolute;
	width:100%;
	height:654px;
	top:0;
	left:0;
	text-align:center;
	z-index:0;
	}


#Wrap {
	position:relative;
	width:100%;
	margin:0 auto;
	background:none !important;
	z-index:1;
	}


#main {
	width:954px;
	height:358px;
	margin:0 auto;
	}




#Head {
	width:954px;
	margin:0 auto;
	background:url("../img/top/bg_head.png") center top no-repeat !important;
	}


#TitleArea {
	width:954px;
	height:358px !important;
	margin:0 auto;
	}
	#TitleArea h2 span { display:none; }



/*汎用*/
body#Index #Main #Contents .cBox .inBox {
	min-height:0;
	height:auto !important;
	height:0;
	}


#Main {
	width:954px;
	margin:0 auto;
	text-align:left;
	}
	#Main #Contents {
/*		margin-bottom:30px;*/
		}
	#Main #Contents .cTop {
		position:relative;
		width:690px;
		height:48px !important;
		background:none;
		}
		
/*熊本地震支援関連*/
		#Main #Contents .Support {
			padding:5px 5px 0 5px;
			margin-bottom:20px;
		}

/*官民恊働*/
		#Main #Contents .Company {
			margin-bottom:18px;
			}
			#Main #Contents .Company .cTop h3 {
				display:block;
				width:690px;
				height:48px;
				background:url("../img/top/title_company.png") left top no-repeat;
				}
				#Main #Contents .Company .cTop h3 span { display:none; }
			#Main #Contents .Company .cTop .detail {
				position:absolute;
				top:16px;
				right:18px;
				}
				#Main #Contents .Company .cTop .detail a {
					display:block;
					width:82px;
					height:18px;
					background:url("../img/top/bt_detail_company.gif") left top no-repeat;
					}
				#Main #Contents .Company .cTop .detail a:hover { background:url("../img/top/bt_detail_company_on.gif") left top no-repeat; }
					#Main #Contents .Company .cTop .detail a span { display:none; }
	

			#Main #Contents .Company .ContentsBox {
				padding-bottom:34px;/*.cFootとのheight同じ値に*/
				}
			#Main #Contents .Company .cBox {
				padding-top:20px;
				text-align:center;
				}
		
			#Main #Contents .Company .cFoot {
				height:34px;
				}

/*トピックス*/
		#Main #Contents .Topics {
			margin-bottom:18px;
			}
			#Main #Contents .Topics .cTop h3 {
				display:block;
				width:690px;
				height:48px;
				background:url("../img/top/title_topics.png") left top no-repeat;
				}
				#Main #Contents .Topics .cTop h3 span { display:none; }
			#Main #Contents .Topics .cTop .detail {
				position:absolute;
				top:16px;
				right:18px;
				}
				#Main #Contents .Topics .cTop .detail a {
					display:block;
					width:82px;
					height:18px;
					background:url("../img/top/bt_detail_topics.gif") left top no-repeat;
					}
					#Main #Contents .Topics .cTop .detail a:hover { background:url("../img/top/bt_detail_topics_on.gif") left top no-repeat; }
			#Main #Contents .Topics .cTop .detail a span { display:none; }	
			#Main #Contents .Topics .ContentsBox {
				padding-bottom:30px;/*.cFootとのheight同じ値に*/
				}
			#Main #Contents .Topics .cBox {
				padding:20px 30px 0;
				width:690px;
				}
			#Main #Contents .Topics .cFoot {
				height:30px;
				}					
			#Main #Contents .Topics .cBox #TopicsArea{
				padding:0;
				width:630px;
				/*height:120px !important;*/
				overflow:auto;
				/overflow-x:hidden;
			}
			#Main #Contents .Topics .cBox #TopicsArea dl{
				padding:5px 0;
				border-bottom:dotted 1px #bbbbbb;
			}
			#Main #Contents .Topics .cBox #TopicsArea dt{
				float:left;
				clear:both;
				width:110px;
			}
			#Main #Contents .Topics .cBox #TopicsArea dd {
			margin-left:110px;
			}
			#Main #Contents .Topics .cBox #TopicsArea dd a{
				color:#333333;
				text-decoration:underline;
			}
			#Main #Contents .Topics .cBox #TopicsArea dd a:hover{
				color:#333333;
				text-decoration:none;
			}



			
/*ニュース*/
		#Main #Contents .News {
			}
			#Main #Contents .News .cTop h3 {
				display:block;
				width:690px;
				height:48px;
				background:url("../img/top/title_news.png") left top no-repeat;
				}
				#Main #Contents .News .cTop h3 span { display:none; }
			#Main #Contents .News .cTop .detail {
				position:absolute;
				top:16px;
				right:18px;
				}
				#Main #Contents .News .cTop .detail a {
					display:block;
					width:82px;
					height:18px;
					background:url("../img/top/bt_detail_news.gif") left top no-repeat;
					}
				#Main #Contents .News .cTop .detail a:hover { background:url("../img/top/bt_detail_news_on.gif") left top no-repeat; }
					#Main #Contents .News .cTop .detail a span { display:none; }
	
			#Main #Contents .News .ContentsBox {
				padding-bottom:28px;/*.cFootとのheight同じ値に*/
				}
			#Main #Contents .News .cBox {
				height:240px;
				padding-top:16px;
				}
				#Main #Contents .News .cBox .nBox {
					width:640px;
					height:240px !important;
					margin:0 auto;
					padding:0;
					overflow:auto;
					/overflow-x:hidden;
					}
					#Main #Contents .News .cBox .nBox ul#newsRelease {
						width:620px;
						height:240px !important;
						list-style:none;
						}
						#Main #Contents .News .cBox .nBox ul#newsRelease li {
							margin-bottom:0.6em;
							padding-bottom:0.8em;
							border-bottom:dotted 1px #bbbbbb;
							}
						#Main #Contents .News .cBox .nBox ul#newsRelease li.end {
							margin-bottom:0;
							padding-bottom:0;
							border-bottom:none;
							}
						
						#Main #Contents .News .cBox .nBox ul#newsRelease li dl {
							width:610px;
							min-height:14px;
							height:auto !important;
							height:14px;
							margin:0 auto;
							font-size:1em;
							}
							#Main #Contents .News .cBox .nBox ul#newsRelease li dl dt {
								display:block;
								width:73px;
								float:left;
								white-space:nowrap;
								}
							#Main #Contents .News .cBox .nBox ul#newsRelease li dl dd.status {
								width:77px;
								float:left;
								}
								#Main #Contents .News .cBox .nBox ul#newsRelease li dl dd.status span {
									display:block;
									width:59px;
									height:14px;
									margin:0 auto;
									padding:0.2em 0;
									text-indent:-9999px;
									}
									#Main #Contents .News .cBox .nBox ul#newsRelease li dl dd.status span.ir { background:url("../common/img/icon_news_ir.gif") left center no-repeat; }
									#Main #Contents .News .cBox .nBox ul#newsRelease li dl dd.status span.pr { background:url("../common/img/icon_news_pr.gif") left center no-repeat; }
									#Main #Contents .News .cBox .nBox ul#newsRelease li dl dd.status span.op { background:url("../common/img/icon_news_open.gif") left center no-repeat; }
							#Main #Contents .News .cBox .nBox ul#newsRelease li dl dd.text {
								width:460px;
								float:left;
								}
								#Main #Contents .News .cBox .nBox ul#newsRelease li dl dd.text a {
									color:#333333;
									text-decoration:underline;
									}
								#Main #Contents .News .cBox .nBox ul#newsRelease li dl dd.text a:hover {
									color:#333333;
									text-decoration:none;
									}
								#Main #Contents .News .cBox .nBox ul#newsRelease li dl dd.text span.pdf {
									margin-left:-0.3em;
									padding:4px 25px 4px 0;
									background:url("../common/img/icon_pdf.gif") right center no-repeat;
									}
								#Main #Contents .News .cBox .nBox ul#newsRelease li dl dd.text span.new {
									margin-left:-0.3em;
									padding:4px 25px 4px 0;
									background:url("../common/img/icon_new.gif") right center no-repeat;
									}
		
			#Main #Contents .News .cFoot {
				height:28px;
				}



/* 事業（プリント、IT) */
#Buisiness {
	position:relative;
	text-align:left;
	margin-top:20px;
	margin-bottom:30px;
}

	/* 左右枠 */
	#Buisiness #Media #Lbox,
	#Buisiness #Media #Rbox {
		width:340px;
		float:left;
	}
	#Buisiness #Media #Lbox { margin-right:10px; }

		/* 枠設定 */
	 	#Buisiness .bg_half_box {
			background:url("../img/top/bg_half_box.png") left top repeat-y;
			position:relative;
		}
		#Buisiness .bg_half_box_foot {
			background:url("../img/top/bg_half_box_foot.gif") left bottom no-repeat;
			padding-bottom:20px;
		}

		/* タイトル */
		#Buisiness .bg_half_box h3 {
			display:block;
			width:340px;
			height:48px;
		}
		#Buisiness #mediaPrint h3 { background:url("../img/top/title_media_print2.gif") left top no-repeat; }
		#Buisiness #mediaIT    h3 { background:url("../img/top/title_media_it2.gif") left top no-repeat; }

		#Buisiness .bg_half_box h3 span { display:none; }

		/* 詳細はこちら */
		#Buisiness .bg_half_box .detail {
			position:absolute;
			top:16px;
			right:18px;
		}
		#Buisiness .bg_half_box .detail a {
			display:block;
			width:82px;
			height:18px;
		}
		#Buisiness #mediaPrint .detail a { background:url("../img/top/bt_detail_print.gif") left top no-repeat; }
		#Buisiness #mediaIT    .detail a { background:url("../img/top/bt_detail_it.gif") left top no-repeat; }
		#Buisiness #mediaPrint .detail a:hover { background:url("../img/top/bt_detail_print_on.gif") left top no-repeat; }
		#Buisiness #mediaIT    .detail a:hover { background:url("../img/top/bt_detail_it_on.gif") left top no-repeat; }

		#Buisiness .bg_half_box .detail a span { display:none; }


		/* キャッチ文 */
		#Buisiness .catch {
			width:185px;
			margin:15px 0 10px 20px;
			float:left;
		}

		/* キャッチ文横イメージ */
		#Buisiness .image {
			width:100px;
			float:right;
			margin:15px 15px 0 20px;
		}

		/* リスト部分 */
		#Buisiness .sBox {
			padding-bottom:30px;
		}

		#Buisiness .sBox ul.linkBox {
			width:280px;
			margin:0 auto;
			list-style:none;
			}
			#Buisiness .sBox ul.linkBox li {
				width:280px;
				min-height:13px;
				height:auto !important;
				height:13px;
				margin-bottom:5px;
				padding-bottom:5px;
				border-bottom:dotted 1px #bbbbbb;
				}
				#Buisiness .sBox ul.linkBox li a {
					padding-left:21px;
					color:#333333;
					text-decoration:none;
					}
				#Buisiness #mediaPrint .sBox ul.linkBox li a { background:url("../img/top/arrow_media_print.gif") left center no-repeat; }
				#Buisiness #mediaIT    .sBox ul.linkBox li a { background:url("../img/top/arrow_media_it.gif") left center no-repeat;    }
				#Buisiness .sBox ul.linkBox li a:hover {
					color:#333333;
					text-decoration:underline;
					}


		/* Adobe Reader */
		#adobeBox {
			text-align:left;
			margin:20px 0;
			}

			#adobeBox #adobeReaderImg {
				margin-top:10px;
			}

			#adobeBox #adobeReaderImg a {
				display:block;
				width:112px;
				height:33px;
				background:url("../common/img/icon_adobe.gif") left top no-repeat;
				}
				#adobeBox #adobeReaderImg a span { display:none; }

			#adobeBox #linkmark  {
				padding-left:20px;
				background:url("../common/img/arrow_common.gif") left center no-repeat;
				}
				#adobeBox #linkmark a {
					padding-right:12px;
					background:url("../common/img/icon_blank.gif") right center no-repeat;
					color:#333333;
					text-decoration:underline;
					}
				#adobeBox #linkmark a:hover {
					color:#333333;
					text-decoration:none;
					}

	#Buisiness .foot span { display:none; }


/*サイド（TOP独自）*/
#Side .tokyologo {
	float:right;
	text-align:center;
	margin:20px 5px 1px 0;
	}
	#Side .tokyologo img {
		margin-bottom:1px;
	}