@charset "UTF-8";

/*--------------------------------------
	ヘッダー　ロゴ部分
----------------------------------------*/ 
	#header-main p#ipl-logo {
		float: left;
		display: block;
		width: 452px;
	}

/*--------------------------------------
	レイアウト（3カラム）
----------------------------------------*/ 

#main-wrapper {
	float: left;
	width: 100%;
}
#main-inner {
	margin: 0 215px;
}
#side-menu {
	float: left;
	width: 200px;
	margin-left: -100%;
}
#topic-menu {
	float: right;
	width:200px;
	margin-left: -200px;
}
#contents{
	padding:0 5px;
}

/*--------------------------------------
	中央部分
----------------------------------------*/ 

#main-inner{
/*
	background-color: #efe7e2;
	padding: 5px;
	border: 1px solid  #d8c6bc;
*/
}

	/* お知らせ・更新履歴　見出し */
	#main-inner h2 {
		background-position: right bottom;
		background-repeat: no-repeat;
		border-bottom: 2px solid #610800;
		padding-bottom: 1px;
	}
	#main-inner #announce-list h2 {
		background-image: url(../iwimages/bookshelf_01.gif);	/* お知らせ */
	}
	#main-inner #update-list h2 {
		background-image: url(../iwimages/bookshelf_02.gif);	/* 更新履歴 */
	}
	
	/* お知らせ */
	#main-inner #announce-list {
		margin-bottom: 3.5em;
	}
	#main-inner #announce-list ul {
		margin-top: 0.5em;
	}
	#main-inner #announce-list ul li {
		background: url(../iwimages/picon_square_yellow.gif) 0 0.8em no-repeat;
		padding: 0.5em 0 0.5em 15px;
		font-size: 0.85em;
		margin: 0 0 0.3em 0;
		border-bottom: 1px solid #d8c6bc;
		line-height: 1.38;
	}
	#main-inner #announce-list ul li img {	/* バナー画像の左寄せ */
		margin-left: -15px;
	}
	#main-inner #announce-list ul li span {
		font-size: 0.9em;
		margin-left: 0.5em;
	}
	
	#main-inner #announce-list ul li.topic {	/* トピック */
		background: none;
		border: 3px double #610800;
		padding: 10px;
		background-color: #fef9e7;
	}
		#main-inner #announce-list ul li.topic p {
			margin: 0.5em 0;
			line-height: 1.38;
		}
		#main-inner #announce-list ul li.topic ul {
			margin: 0.5em 0;
			padding: 0;
		}
		#main-inner #announce-list ul li.topic ul li {
			font-size: 1.0em;
			line-height: 1.38;
			margin: 0 0 0.3em 0;
			padding: 0 0 0 15px;
			background-image: url(../iwimages/picon_arrow_orange.gif);
			background-position: 0px 0.4em;
			background-repeat: no-repeat;
			border-bottom: none;
		}
		#main-inner #announce-list ul li.topic img {
			margin-left: 0px;
		}
		#main-inner #announce-list ul li.topic .attention {
			color: #ff0000;
		}
		#main-inner #announce-list ul li.topic .normal {
			font-weight: normal;
		}


	/* 更新履歴 */
	#main-inner #update-list dl {
		margin-top: -0.2em;
	}
	#main-inner #update-list dl dt {
		margin: 1.0em 0 0.3em 0;
		font-weight: bold;
		color: #610800;
	}
	#main-inner #update-list dl dd {
		background-image: url(../iwimages/picon_arrow_blue.gif);
		background-position: 0px 0.4em;
		background-repeat: no-repeat;
		line-height: 1.38;
		padding: 0 0 0 15px;
		margin: 0 0 0.4em 0;
		font-size: 0.85em;
	}
	#main-inner #update-list dl{
		border-bottom: 1px solid #d8c6bc;
	}

	/* 過去ログリンク */
	.goto-log {
		text-align: right;
		font-size: 0.8em;
		margin-top: 0.3em;
	}
	.goto-log a{
		background-image: url(../iwimages/picon_circlearrow_green.gif);
		background-position: left center;
		background-repeat: no-repeat;
		padding-left: 15px;
	}


/*--------------------------------------
	右サイドメニュー
----------------------------------------*/ 

	#cornermenu,
	#eventmenu,
	#calendarmenu,
	#aboutmenu{
		margin-bottom: 1.0em;
	}

	/* テキストメニュー */
	#topic-menu ul li{
		font-size: 0.8em;
		line-height: 0;
	}
	#topic-menu ul li a{
		text-decoration: none;
		background-image: url(../iwimages/picon_circlearrow_green.gif);
		background-position: left 0.6em;
		background-repeat: no-repeat;
		padding: 0.5em 0 0.5em 15px;
		border-bottom: 1px dotted #610901;
		display: block;
		line-height: 1.1;
		margin: 0;
		color: #610901;
	}
	#topic-menu ul li a:hover,
	#topic-menu ul li a:active,
	#topic-menu ul li a:focus {
		background-color: #efe7e2;
	}

	/* バナーメニュー */
	#topic-menu ul.banner li,
	#topic-menu ul li.banner{
		margin: 0 0 3px 0;
	}
	#topic-menu ul.banner li a,
	#topic-menu ul li.banner a{
		padding: 0;
		margin: 0;
		border-bottom: 0px;
	}
	#topic-menu ul li.text-banner img{
		margin-left:-15px;
	}
	#topic-menu ul li.border-banner img{
		border: 1px solid #666;
	}
	
	#topic-menu #eventmenu ul{
		margin-top:3px;
	}
	

/*--------------------------------------
	休館日カレンダー
----------------------------------------*/ 

#topic-menu #calendarmenu .onemonth {
	background: url(../iwimages/line_brown.gif) left bottom repeat-x;
	padding-bottom: 0.7em;
	margin-bottom: 0.3em;
	margin-top: 0.3em;
	width: 200px;
	_overflow:hidden;	/* for ie */
}
	/* テーブル */
	#topic-menu #calendarmenu caption{
		background: url(../iwimages/picon_calendar_green.gif) left center no-repeat;
		text-align: left;
		padding: 2px 0 1px 18px;
		border-bottom: 1px #c5cf5f solid;
		line-height: 1.1;
		margin-bottom: 0.1em;
		font-size: 1.0em;
		font-weight: bold;
	}
	#topic-menu #calendarmenu table{
		border: 1px #610800 solid;
		border-collapse: collapse;
		border-spacing: 0;
		margin: auto;
		width: 200px;
	}
	#topic-menu #calendarmenu table th{
		background-color: #FFCC66;
		text-align: center;
		font-weight: normal;
		padding: 4px 0px;
		border-left: 1px #610800 solid;
		border-bottom: 1px #610800 solid;
		font-size: 0.95em;
		color: #610800;
		font-weight: bold;
	}
	#topic-menu #calendarmenu table td{
		background-color: #fff;
		vertical-align: middle;
		text-align: center;
		border-left: 1px #610800 solid;
		border-bottom: 1px #610800 solid;
		padding: 2px 0px;
		font-size: 0.95em;
	}

	/* 休館日 */
	#topic-menu #calendarmenu td.close,
	#topic-menu #calendarmenu p.close em{
		text-decoration: underline;
		background-color: #ADDAD3;
		font-weight: bold;
	}
	#topic-menu #calendarmenu em{
		font-style: normal;
	}
	#topic-menu #calendarmenu td.stop,
	#topic-menu #calendarmenu p strong{
		font-style: italic;
		text-decoration: underline;
		background-color: #ffff99;
	}
	#topic-menu #calendarmenu td.ristriction,
	#topic-menu #calendarmenu p.ristriction em {
		text-decoration: underline;
		background-color: #FBDADE;
	}
	#topic-menu #calendarmenu strong {
		font-size: 1em;
		font-style: italic;
	}
	#topic-menu #calendarmenu p{
		margin-top: 0.3em;
		font-size: 0.78em;
	}
	/* 開館時間 */
	#topic-menu #calendarmenu p.opentime {
		padding: 0.1em 0;
		line-height: 1.1;
		font-weight: bold;
	}

/*--------------------------------------
	左メニュー
----------------------------------------*/ 

#side-menu .menu-inner-box{		/* ie対策 */
	width: 200px;
}

	/* メニュータイトル */
	#side-menu h2{
		margin-left: 9px;
		padding-left: 2px;
		padding-top: 5px;
		border-bottom: 2px solid #610901;
	}

	/* テキストメニュー */
	#side-menu .menu-inner-box ul{
		padding-left: 9px;
		padding-bottom: 10px;
	}
	#side-menu ul li{
		font-size: 0.8em;
		line-height: 0;
	}
	#side-menu ul li a{
		text-decoration: none;
		padding: 0.5em 0 0.5em 10px;
		border-bottom: 1px dotted #610901;
		display: block;
		line-height: 1.1;
		margin: 0;
		color: #610901;
	}
	#side-menu ul li a:hover,
	#side-menu ul li a:active,
	#side-menu ul li a:focus {
		background-color: #efe7e2;
	}

	#usermenu {
		background: url(../iwimages/bookshelf_yellow.gif) -8px 0 repeat-y;	/* ユーザーログイン */
		margin-bottom: 1.0em;
	}
	#servicemenu {
		background: url(../iwimages/bookshelf_red.gif) -8px 0 repeat-y;		/* 便利なサービス */
		margin-bottom: 1.0em;
	}
	#catalogmenu{
		background: url(../iwimages/bookshelf_green.gif) -8px 0 repeat-y;	/* 蔵書検索・目録 */
		margin-bottom: 1.0em;
	}
	#refamenu{
		background: url(../iwimages/bookshelf_blue.gif) -8px 0 repeat-y;		/* レファレンス */
		margin-bottom: 1.0em;
	}
	#prmagmenu{
		margin-bottom: 1.0em;	/* 広報誌 */
	}

	/* バナーメニュー */
	#side-menu ul.banner li,
	#side-menu ul li.banner{
		margin: 0 0 3px 0;
	}
	#side-menu ul.banner li a,
	#side-menu ul li.banner a{
		padding: 0;
		margin: 0;
		border-bottom: 0px;
	}

/*--------------------------------------
	モバイル
----------------------------------------*/ 
#about-mobile{
	padding: 5px;
	background-color: #eee;
	margin-bottom: 1.0em;
}
#about-mobile h2{
	font-size: 0.8em;
	margin: 0 0 0.5em 0;
	padding: 0;
	border-width: 0 0 1px 0;
	border-color: #666;
	border-style: solid;
}
#about-mobile p{
	font-size: 0.9em;
}

	/* qrコード */
	#about-mobile p img{
		margin-bottom: 0.7em;
	}

	/* 案内ページへのリンク */
	#about-mobile p.goto-mobile {
		margin-top: 0.7em;
		text-align: right;
	}
	#about-mobile p.goto-mobile a{
		background: url(../iwimages/picon_circlearrow_green.gif) left center no-repeat;
		padding-left: 15px;
	}

/*--------------------------------------
	アクセスカウンタ
----------------------------------------*/ 

p#counter {
	font-size: 0.9em;
	margin-bottom: 1.0em;
}

/*--------------------------------------
	アイーナ連携
----------------------------------------*/ 

#aiinalink {
	font-size: 0.9em;
	margin-bottom: 1.0em;
}

/*--------------------------------------
	ユニバーサルデザイン
----------------------------------------*/ 

#about-ud {
	font-size: 0.9em;
	margin-bottom: 1.0em;
}


/*--------------------------------------
	パンくずリスト非表示
----------------------------------------*/ 

#topic-path {
	display:none;
}

/*--------------------------------------
	移転案内
----------------------------------------*/ 

p.moveerror {
	width: 700px;
	border: 1px solid #990000;
	padding: 10px;
	margin: 10px auto 20px auto;
	font-size: 0.9em;
}