@charset "utf-8";

/*--------------------------------------------------------
	ファイル名: contentsarea.css
	概要: コンテンツエリア内要素(ポータルホーム除く）
	制作日: 2009/10/23
	更新日: 2015/07/7

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

div#contentsArea {
	float: left;
/*	overflow:hidden;*/
	position: relative;
	width: 60%;
	border: 4px solid #CCCCCC;
	background-color: #FFFFFF;
	margin-bottom: 10px;
	padding: 15px;
}

/*サブメニュー無の場合*/
body.col1 div#contentsArea {
	width: auto;
	float: none;
}



/*--------------------------------------------------------
 フロート
----------------------------------------------------------*/
/*左フロート*/
div#contentsArea .fLeft {
	float: left;
}

/*右フロート*/
div#contentsArea .fRight {
	float: right;
}

/*フロートクリア*/
div#contentsArea .fClear {
	clear: both !important;
}

/*--------------------------------------------------------
 余白
----------------------------------------------------------*/
/*マージン左*/
div#contentsArea .mLeftA {
	margin-left: 1em;
}

div#contentsArea .mLeftB {
	margin-left: 2em;
}

/*マージン上*/
div#contentsArea .mTopA {
	margin-top: 1em;
}

div#contentsArea .mTopB {
	margin-top: 2em;
}

div#contentsArea .mTopNone {
	margin-top: 0 !important;
}

/*マージン下*/
div#contentsArea .mBottomA {
	margin-bottom: 1em;
}

div#contentsArea .mBottomB {
	margin-bottom: 2em;
}

div#contentsArea .mBottomNone {
	margin-bottom: 0 !important;
}

/*マージン無*/
div#contentsArea .mNone {
	margin: 0 !important;
}

/*パディング無*/
div#contentsArea .pNone {
	padding: 0 !important;
}

/*マージンパディング無*/
div#contentsArea .mpNone {
	margin: 0 !important;
	padding: 0 !important;
}


/*--------------------------------------------------------
 テキスト
----------------------------------------------------------*/
/*通常文字*/
div#contentsArea .tNormal {
	font-weight: normal;
	text-decoration: none;
}

/*太字*/
div#contentsArea .tBold {
	font-weight: bold;
}

/*中央寄せ*/
div#contentsArea .tCenter {
	text-align: center;
}

/*左寄せ*/
div#contentsArea .tLeft {
	text-align: left;
}

/*右寄せ*/
div#contentsArea .tRight {
	text-align: right;
}

/*改行無*/
div#contentsArea .tNowrap {
	white-space: nowrap;
}

/*強調*/
div#contentsArea .tCaution {
	color:#CC0000;
}


/*--------------------------------------------------------
 段落
----------------------------------------------------------*/
div#contentsArea p {
	margin-bottom: 1em;
}

/*--------------------------------------------------------
 ボックス
----------------------------------------------------------*/
/*ボックス:boxA
------------------------------------*/
div#contentsArea .boxA {
	padding: 7px;
	border: 1px solid #0074CA;
	margin-bottom: 1em;
	background: #F0F8FD;
}

div#contentsArea .boxB {
	padding: 7px;
	border: 3px solid #0074CA;
	margin-bottom: 1em;
}

div#contentsArea .boxC {
	padding: 7px;
	border: 5px double #0074CA;
	margin-bottom: 1em;
}


/*
 補足
------------------------------------*/
div#contentsArea .supplement {
	border: 1px solid #E8E8E8;
	padding: 5px;
	background: #F6F6F6;
	color: #333333;
	font-size: 90%;
}


/*--------------------------------------------------------
 画像
----------------------------------------------------------*/
/*画像左フロート
------------------------------------*/
div#contentsArea .imgLeft {
	float: left;
	margin: 0 10px 10px 0;
}


/*画像右フロート
------------------------------------*/
div#contentsArea .imgRight {
	float: right;
	margin: 0 0 10px 10px;
}

/*画像拡大
------------------------------------*/
div#contentsArea .imgLeft a,
div#contentsArea .imgRight a {
	border: 2px solid #CCCCCC;
	display: block;
	background: #EBEBEB;
}

div#contentsArea .imgLeft a:hover,
div#contentsArea .imgLeft a:focus,
div#contentsArea .imgLeft a:active,
div#contentsArea .imgRight a:hover,
div#contentsArea .imgRight a:focus,
div#contentsArea .imgRight a:active {
	background: #CCCCCC;
}

div#contentsArea .imgLeft span,
div#contentsArea .imgRight span {
	display:block;
	margin: 2px 5px;
	font-size: 90%;
}


/*--------------------------------------------------------
 リンク
----------------------------------------------------------*/
/*リンクアイコン：矢印*/
div#contentsArea .link {
	list-style-type: none;
}

div#contentsArea .link a {
	padding-left: 20px;
	background: url(/images/icon_link.gif) no-repeat 0 50%;
}

div#contentsArea a.link {
	padding: 5px 0 5px 20px;
	background: url(/images/icon_link.gif) no-repeat 0 50%;
}

/*リンクアイコン：+*/
div#contentsArea .linkPlus {
	list-style-type: none;
}

div#contentsArea .linkPlus a {
	padding: 5px 0 5px 20px;
	background: url(/images/icon_link_plus.gif) no-repeat 0 50%;
}

div#contentsArea a.linkPlus {
	padding: 5px 0 5px 20px;
	background: url(/images/icon_link_plus.gif) no-repeat 0 50%;
}

/*リンクアイコン：フォルダ*/
div#contentsArea .linkFolder {
	list-style-type: none;
}

div#contentsArea .linkFolder a {
	padding-left: 30px;
	background: url(/images/icon_folder.gif) no-repeat 0 50%;
}

div#contentsArea a.linkFolder {
	padding: 5px 0 5px 30px;
	background: url(/images/icon_folder.gif) no-repeat 0 50%;
}

/*リンクアイコン：リセット*/
div#contentsArea .linkReset {
	list-style-type: none;
}

div#contentsArea .linkReset a {
	padding-left: 23px;
	background: url(/images/icon_reset.gif) no-repeat 0 50%;
}

div#contentsArea a.linkReset {
	padding: 5px 0 5px 23px;
	background: url(/images/icon_reset.gif) no-repeat 0 50%;
}

/*--------------------------------------------------------
 定義リスト
----------------------------------------------------------*/
/*定義リスト：共通
------------------------------------*/
div#contentsArea dl {
	margin-bottom: 15px;
}

div#contentsArea dt {
	font-weight: bold;
}

div#contentsArea dd {
	margin: 5px 1em 10px 10px;
}

/*定義リスト：ニュース
------------------------------------*/
div#contentsArea dl.dlNews dt a {
	display: block;
	padding: 10px;
	background-color: #DEE3FF;
	border-top: 2px solid #CCCCCC;
	zoom: 1;
}

div#contentsArea dl.dlNews dt a:hover {
	background-color: #CCCCCC;
}


/*定義リスト：トピックパス
------------------------------------*/
div#contentsArea dl.topicpath {
	zoom: 1;
}


div#contentsArea dl.topicpath dt {
	float: left;
	margin: 0 10px 0 0;
	color:#333333;
	padding: 0 !important;
	background: none !important;
	border-top: none !important;
}

div#contentsArea dl.topicpath dd {
	margin: 0;
}

/*地域･生活情報*/
body#local div#contentsArea dl.topicpath {
	padding-top: 55px;
	background: #FFFFFF url(/images/site_local_head.png) no-repeat 0 0;
}

/*図書製作支援*/
body#support div#contentsArea dl.topicpath {
	padding-top: 55px;
	background: #FFFFFF url(/images/site_support_head.png) no-repeat 0 0;
}

/*お役立ちリンク集*/
body#pj1 div#contentsArea dl.topicpath {
	padding-top: 55px;
	background: #FFFFFF url(/images/site_link_head.png) no-repeat 0 0;
}


/*--------------------------------------------------------
 テーブル
----------------------------------------------------------*/
/*テーブル：共通
------------------------------------*/
div#contentsArea table {
	border-collapse: collapse;
	font-size: 100%;
	width: auto;
	margin-bottom: 1em;
}

div#contentsArea table th,
div#contentsArea table td {
	padding: 5px;
	border: 1px solid #999999;
}

div#contentsArea table th {
	background: #EBEBEB;
}

div#contentsArea table td {
	background: #FFFFFF;
}

/*セル背景色
-------------------------------------*/
div#contentsArea table .bgA {
	background: #FFFFE8;
}

div#contentsArea table .bgB {
	background: #F0F8FD;
}

/*見出しセル内テキスト上寄せ
-------------------------------------*/
div#contentsArea table.vTop th,
div#contentsArea table.vTop td {
	vertical-align: top;
}

/*テーブル：dataA 左th　内容フィット
------------------------------------*/
div#contentsArea table.dataA {
	width: 100%;
}

div#contentsArea table.dataA th {
	width: 1%;
	white-space: nowrap;
}


/*テーブル：dataB th内　改行無
------------------------------------*/
div#contentsArea table.dataB th {
	white-space: nowrap;
}


/*テーブル：dataC th水色
------------------------------------*/
div#contentsArea table.dataC th {
	background: #F0F8FD;
}

div#contentsArea table.dataC th,
div#contentsArea table.dataC td {
	border: 1px solid #0074CA;
}

/*--------------------------------------------------------
 フォーム
----------------------------------------------------------*/
div#contentsArea label {
	white-space: nowrap;
	margin-right: 5px;
	padding-bottom: 10px;
}


/*フォーム：input
------------------------------------*/
div#contentsArea input,
div#contentsArea button {
	padding: 2px;
}


/*inputA*/
div#contentsArea input.inputA {
	width: 80%;
}


/*inputB*/
div#contentsArea input.inputB {
	width: 50%;
}





/*フォーム：select
------------------------------------*/
div#contentsArea select {
	font-size: 100%;
	padding: 2px;
}


/*フォーム：fieldset
------------------------------------*/
div#contentsArea fieldset {
	display: inline;
}


div#contentsArea legend {
	padding-left: 0;
}

div#contentsArea legend {
	color: #000000;
}

div#contentsArea legend.acc {
	display: none; /*for Firefox*/
}





/*フォーム：textarea
------------------------------------*/
/*textareaA*/
div#contentsArea textarea.textareaA {
	width: 99%;
	height: 20em;
}

/*textareaB*/
div#contentsArea textarea.textareaB {
	width: 99%;
	height: 10em;
}

/*textareaC*/
div#contentsArea textarea.textareaC {
	width: 99%;
	height: 5em;
}


/*--------------------------------------------------------
 リスト
----------------------------------------------------------*/
/*リスト:共通
------------------------------------*/
div#contentsArea ul {
	list-style-type: disc;
	padding-left: 2em;
	margin-bottom: 1em;
}

div#contentsArea ol {
	list-style-type: decimal;
	padding-left: 2em;
	margin-bottom: 1em;
}

div#contentsArea .listStyeNone {
	list-style-type: none;
}

div#contentsArea .listStyeNoneClear {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div#contentsArea li {
	margin-bottom: 0.3em;
}

/*リスト:記事
------------------------------------*/
div#contentsArea ul.article {
	padding-left: 0;
	list-style-type: none;
	font-weight: bold;
}


div#contentsArea ul.article li a {
	display: block;
	background-color: #DEE3FF;
	border-top: 2px solid #CCCCCC;
	padding: 10px;
	zoom: 1;
}

div#contentsArea ul.article li a:hover {
	background-color: #CCCCCC;
}


/*リスト:横並び（区切り有り）
------------------------------------*/
div#contentsArea ul.listSide {
	list-style-type: none;
	padding: 0;
}

div#contentsArea ul.listSide li {
	float: left;
	white-space: nowrap;
	padding: 0 7px;
	margin: 0.5em 0;
	border-right: 1px solid #999999;
	line-height: 1.2;
}

div#contentsArea ul.listSide li.lastChild {
	border-right: none;
}

/*リスト:ファイルダウンロード
------------------------------------*/
div#contentsArea ul.fileLink li {
	list-style-type: none;
	padding-left: 25px;
	background: url(/images/icon_file.gif) no-repeat 0 50%;
}

/*リスト:ページ送り
------------------------------------*/
div#contentsArea>ul.pagination {
	margin: 10px;
	color:#999999;
	padding: 10px 0;
}

div#contentsArea>ul.pagination>li {
	display: inline;
}

div#contentsArea>ul.pagination>li>a,
div#contentsArea>ul.pagination>li.current {
	margin: 4px;
	padding: 10px 18px;
}

div#contentsArea>ul.pagination>li>a {
	border: 1px solid #CCCCCC;
}

div#contentsArea>ul.pagination>li.current {
	border: 1px solid #FFFFFF;
	font-weight: bold;
	color: #2B7D31;
}

div#contentsArea>ul.pagination>a:hover {
	background-color: #CCCCCC;
}


/*--------------------------------------------------------
 見出し
----------------------------------------------------------*/
/*見出し:共通
------------------------------------*/
div#contentsArea h1 {
	clear: both;
	font-size: 150%;
	line-height: 1.0;
	color: #FFFFFF;
	padding: 10px;
	margin-top: 15px;
	margin-bottom: 8px;
	background: #0068B5 url(/images/title_bg3.png) repeat-x top left;
/*	zoom: 1;*/
}

div#contentsArea h2,
div#contentsArea h3,
div#contentsArea h4 {
	clear: both;
	margin-bottom: 8px;
}


div#contentsArea h2 {
	padding: 3px 7px;
	background: url(/images/tt_bg.png) repeat-x top left;
	border-top: 3px solid 	#0074CA;
	border-bottom: 1px dotted #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	font-size: 120%;
}

div#contentsArea h3 {
	padding-left: 7px;
	border-left: 4px solid #0074CA;
}

div#contentsArea h4 {
	color: #0074CA;
}


/*見出し：サイト別ホーム
------------------------------------*/
div#contentsArea h1.siteHome {
	height: 122px;
	margin: 0 0 15px 0;
	padding: 20px;
	font-size: 180%;
	color: #000000;
}

/*地域･生活情報*/
body#local div#contentsArea h1.siteHome {
	background: url(/images/site_local.png) no-repeat bottom right;
}

/*図書製作支援*/
body#support div#contentsArea h1.siteHome {
	background: url(/images/site_support.png) no-repeat bottom right;
}

/*お役立ちリンク集*/
body#pj1 div#contentsArea h1.siteHome {
	background: url(/images/site_link.png) no-repeat bottom right;
}

/*--------------------------------------------------------
 見出し横ボタン
----------------------------------------------------------*/
div#contentsArea p.ttBtn {
	position: relative;
}

div#contentsArea p.ttBtn a {
	position: absolute;
	top: -2.7em;
	right: 10px;
	line-height: 1.0;
	border: 1px solid #CCCCCC;
	padding: 5px 10px;
	background: #ffffff;
}

div#contentsArea p.ttBtn a:hover {
	background-color: #CCCCCC;
}

/*再生*/
div#contentsArea p.ttBtn a.play {
	padding-left: 30px;
	background: #ffffff url(/images/icon_play.gif) no-repeat 0 50%;
}

div#contentsArea p.ttBtn a.play:hover {
	background-color: #CCCCCC;
}


/*--------------------------------------------------------
 タブメニュー
----------------------------------------------------------*/
div#contentsArea ul.tabMenu {
	border-bottom: 5px solid #CCCCCC;
	padding-left: 0;
}

div#contentsArea ul.tabMenu li {
	float: left;
	list-style: none;
	margin: 0 5px;
	font-weight: bold;
}

div#contentsArea ul.tabMenu li.selected {
	background: #CCCCCC;
}

div#contentsArea ul.tabMenu li.selected,
div#contentsArea ul.tabMenu li a {
	display:block;
	padding: 3px 20px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

div#contentsArea ul.tabMenu li.selected a {
	border: none;
	padding: 0;
}

div#contentsArea ul.tabMenu li a:hover {
	background: #CCCCCC;
}

/*--------------------------------------------------------
        追加日: 2015/07/7
----------------------------------------------------------*/


div.homeNews dt.site_news_time {
  display: inline;
  font-weight: bold;
  margin-left:10px;
}

div.homeNews dd.site_news_title {
  margin-left:20px !important;
}

div.homeNews p.toInfoList {
  margin-right: 10px;
  text-align: right;
}