@charset "utf-8";
/* CSS Document */

/* ========見出し======== */
h1{
	width:195px;
}

h2{
	color:#56afc3;
    font-weight: bold;
    font-size: 1.5rem;
	padding: 0.5rem 1rem 0.5rem 1.5rem;
    margin:10px 0 10px 0;
	background-image: linear-gradient(to top, #56afc3 10%, #fff 100%);
    background-repeat: no-repeat;
    background-size: .8rem 100%;

}

h3{
	width:max;
	clear:both;
	color:#333;
	font-weight:bold;
	font-size:1.1rem;
	padding: 0.3rem 1rem;
	margin:0;
  	background: -webkit-linear-gradient(to top, rgb(200, 200, 200), #F2F2F2 15px);
  	background: linear-gradient(to top, rgb(200, 200, 200), #F2F2F2 15px);
  	border:#CCC solid 1px;
}

.sitemap h3 {
  position: relative;
  padding: 0.5rem 0.2rem;
  font-size:1.1rem;
  border:0;
}

.sitemap h3:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  content: '';
  background-image: -webkit-gradient(linear, left top, right top, from(#5eb3c7), to(#8bdfec));
  background-image: -webkit-linear-gradient(left, #5eb3c7 0%, #8bdfec 5%, #8bdfec 95%, #fff 100%);
  background-image: linear-gradient(to right, #5eb3c7 0%, #8bdfec 5%, #8bdfec 95%, #fff 100%);
  border:0;
}

h4{
	width:max;
	color:#56afc3;
	font-weight:bold;
	font-size:1rem;
	padding: 0.1rem 0.4rem;
	margin:15px 0 0 0;
	background:#e9f9fc;
	border: 1px solid #83cddb;
	border-left: 8px double #83cddb;
}

h5{
	font-size:1rem;
	font-weight:bold;
	padding: 0.5rem 0;
}

/* ========枠組み======== */
#sub_menu {/* サブメニュー */
	float:left;
	width:195px;
	padding:0;
	margin:1.5em 15px 25px 0;
	position:static;
	line-height:1.2;
}

#sec_cont {/* メインコンテンツ */
	float:left;
	width:770px;
	margin:0 0 25px 0;
}

#sec_cont2 {/* メインコンテンツサブメニューなし */
	float:left;
	width:auto;
	margin:0 0 25px 0;
	padding:0 0 0 10px;
}

.sec_h2box {
	overflow: scroll;  /* IE、Edge用バー非表示 */
    -ms-overflow-style: none;
	scrollbar-width: none; /* FF用バー非表示 */
}

.sec_h2box::-webkit-scrollbar {
    display:none;  /* Chrome、Safari用バー非表示 */
}


.sec_h3box{/* h3枠設定 */
	width:733px;
	margin:0;
	padding:13px 15px 20px 20px;
	border:#CCC solid 1px;
	overflow:hidden;
}

.sec_h3box_nonh{/* h3枠設定(見出しなし) */
	width:733px;
	margin:-1px 0 0 0;
	padding:13px 15px 20px 20px;
	border:#CCC solid 1px;
	overflow:auto;
}

.sec_h4box{/* h4枠設定 */
	width:max;
	margin:-1px 0 10px 0;
	padding:10px 10px 10px 15px;
	border:#83cddb solid 1px;
	border-top:#83cddb solid 0px;
	overflow:auto;
}

.sec_h4box_nonh{/* h4枠設定(見出しなし) */
	width:700px;
	margin:10px 0;
	padding:10px 10px 10px 15px;
	border:#83cddb solid 1px;
	overflow:auto;
}

/* ========サブメニュー詳細======== */
#sub_menu a{
	display:block;
	color:#297381;
	padding:10px 10px 10px 15px;
}

#sub_menu a:hover{
	background:url(/kitlc/img/sub_mark.gif) no-repeat left center;
	background-position:5pt;
	padding:10px 10px 10px 15px;
	opacity:1;
}

#sub_menu ul{
	width:195px;
	background:#ecf2f2;
}

#sub_menu li{
	margin:0;
	border-top:#acccd0 solid 1px;
}

.submark{/* 現在ページマーク */
	background:url(/kitlc/img/sub_mark.gif) no-repeat left center;
	background-position:5pt;
}

#sub_menu ul ul li{/* フロアマップ用下層リスト */
	border:none;
	font-size:12px;
}

#sub_menu ul ul li a{
	width:165px;
	background:#ecf2f2;
	padding:0 0 5px 30px;
	border:none;
	line-height:1;
}

#sub_menu ul ul li a:hover{
	width:165px;
	background:#ecf2f2;
	padding:0 0 5px 30px;
	border:none;
	line-height:1;
	background:url(/kitlc/img/sub_mark.gif) no-repeat left center;
	background-position:20px 2px;
}

/* ========メイン領域詳細======== */
#pan {/* パンくずリスト */
	width:770px;
	font-size:90%;
	margin:3px 0 0 0;
}

#in_anchor {/* ページ内リンク */
	font-size:0.7rem;
	margin:5px 0 10px 0;
}

#sec_cont p{
	margin:0 0 5px 0;
}

/* ========表(table)設定======== */
#sec_cont table{/* 表設定共通 */
	border-collapse:collapse;
	border-spacing: 1px;
	background:#D0D0D0;
	margin:10px 5px;
	width:auto;
}

#sec_cont table th,tr,td{
	margin:0 10px 10px 10px;
}

#sec_cont table caption{
	padding:0;
	text-align:left;
	font-weight:bold;
}

#sec_cont table tr:nth-child(odd) td { /* セル交互着色 */
  background-color: #FFFFFF;  
}
#sec_cont table tr:nth-child(even) td {  
  background-color: #F9FDFC;  
}  

#sec_cont th{
	background:#D0D0D0;
	border:#C0C0C0 solid 1px;
	text-align:left;
	padding:5px 10px;
}

#sec_cont td{
	padding:5px 10px;
	background:#FFF;
}

#sec_cont table p{
	margin:0 0 0 1em;
}

.white_list td{/* セル交互着色除外class */
	vertical-align: top;
	background-color: #FFFFFF !important;
}

#sec_cont table table{/* 表内表設定 */
	border-collapse:collapse;
	border-spacing: 1px;
	background:#D0D0D0;
	width:auto;
	margin:0;
	padding:0;
	border:none;
}

#sec_cont table table td{
	margin:0 0 0 0;
	padding:0;
	vertical-align:top;
	border:none;
}

.nonborder td{/* 枠線なし表 */
	border-top:hidden;
	border-bottom:hidden;
	border-left:hidden;
	border-right:hidden;
	margin:0;
	padding:5px;
	vertical-align:top;
}

/* 強制白セル */
.cellcolor_white{
	background-color:#FFFFFF !important;
}

/* 色つきセル */
.cellcolor_gray{/* グレー */
	background:#EFEFEF !important;
	margin:10px 0;
	padding:5px;
}

/* 特殊表設定 */
#linkit_sample table{
	width:600px;
	border-collapse:collapse;
	border-spacing:1px;
	background:#D0D0D0;
}

.schedule table{/* スケジュール表 */
	min-width:650px;
}

.schedule th,td{
	padding:5px;
	border:#ddd solid 1px;
}

/* ========開館カレンダー======== */
#lc_cal{/* 開館カレンダー年間 */
	float:left;
	width:230px;
	margin:0 15px 10px 5px !important;
}

#lc_cal th{
	padding:3px;
	margin:0;
	font-weight:bold;
	border:#C0C0C0 solid 1px;
}

#lc_cal td{
	padding:7px;
	margin:0;
	font-size:12px;
	text-align:center;
}

.lc_cal_ex td{
	padding:10px;
	margin:0;
	font-size:11px;
	text-align:center;
}

#lc_cal .weekday{
	background:#FFF;
}
#lc_cal .weekday_vacation{
	background:#B3FFB3;
}
#lc_cal .Sat{
	background:#c3e5fe;
}
#lc_cal .Sun{
	background:#FFCCF7;
}
#lc_cal .testweek{
	background:#FFF4A0;
}
#lc_cal .closed {
	background:#bbb;
}

.bus th{/* バス時刻表 */
	font-size:11px;
	border:#C0C0C0 solid 1px;
	text-align:center !important;
	padding:5px !important;
}

.bus td{
	width:30px;
	text-align:center;
	padding:3px !important;
}

.bus_s{
	font-size:11px;
	font-weight:bold;
}

.link{/* リンク集表 */
	width:730px;
	border-collapse:collapse;
}

.link td{
	font-size:14px;
}

.sl_list {/* SLリスト */
	font-size:14px;
}

.sl_list td{
	vertical-align: top;
	background-color: #FFFFFF !important;
}

.sl_list_name {
	font-weight:bold;
	font-size:16px;
}

.sl_list td img{
	float:none;
	text-align:top center !important;
	margin:0 !important;
	width:120px;
}

.sl_list_img_th{
/*	width:110px;
*/	padding:0;
	margin:0;
}

.sl_list_img_th td{
	padding:0;
	margin:0;
}

.sl_table {/* SL当番表 */
	font-size:0.7rem;
	table-layout: fixed;
	width: 100%;
}

.sl_table td img{
	float:none;
	text-align:center !important;
}

.sl_table th{
	text-align:center !important;
	border:#C0C0C0 solid 1px;
}

.sitemap{
	float:left;
	display:inline;
	width:355px;
	margin:0 20px 0 0;
	font-weight:bold;
	font-size:16px;
}

.sitemap h3{
	width:355px;
	margin:0 0 5px 0;
	background:url(/kitlc/img/h3_sitemap.gif) no-repeat bottom;
}

.sitemap ul{
	margin:0 0 10px 10px;
}

.sitemap li{
	font-weight:normal;
	font-size:14px;
}

.sitemap_sub{
	font-size:12px;
	line-height:1;
	margin:0 0 5px 25px;
}

#sec_cont ul li{/* リスト表示設定 */
	background:url(/kitlc/img/list.gif) left 8px no-repeat;
	padding:0 0 0 1em;
}
#sec_cont ol li{/* リスト(数字)表示設定 */
	list-style-type: decimal;
	padding:0 0 0 1em;

}

/* ======== 画像設定 ========　*/
#sec_cont img{
	float:right;
	display:inline;
	margin:0 15px;
	border:#CCC solid 1px;
	padding:5px;
	clear:right;
}

.img_left img{　/*左寄せ*/
	float:left !important;
	text-align:left;
	border:none !important;
	margin:0 0 5px 0;
	padding:0;
	clear:left;
}

.img_right img{　/*右寄せ*/
	float:right !important;
	display:inline;
	margin:0 0 10px 5px !important;
	border:#CCC solid 1px !important;;
	padding:5px;
	clear:right;
}

.news_wrap{/* 第2階層用最新情報 */
	float:left;
	width:710px;
	margin:10px 0 0 5px;
	clear:both;
}

.news_date{
	float:left;
	vertical-align:top;
	font-size:13px;
}

.news_title{
	float:left;
	width:535px;
	margin:0 0 0 5px;
	padding:0 0 0 60px;
}

/* 最新情報icon */
.maintain{
	background:url(/kitlc/img/icon_main.gif) no-repeat;
	background-position:0 3px;
}

.notice{
	background:url(/kitlc/img/icon_notice.gif) no-repeat;
	background-position:0 3px;
}

.update{
	background:url(/kitlc/img/icon_update.gif) no-repeat;
	background-position:0 3px;
}

.workshop{
	background:url(/kitlc/img/icon_workshop.gif) no-repeat;
	background-position:0 3px;
}


.news_last{/* 第2階層用最新情報最終行 */
	margin:10px 0 20px 5px;
}

.access img{
	float:left;
	display:block;
	margin:0 0 10px 0 !important;
}
	

.sec_pagetop{/* ページのトップへ戻る(h3枠右下) */
	width:768px;
	margin:0 0 35px 0;
	text-align:right;
	border:0;
	clear:both;
}

.sec_pagetop img{
	border:0 !important;
	margin:0 !important;
	padding:0 !important;
}

.shelvetab{
	text-align:center;
	color:#F54747;
}

