/* ページ中央コンテンツ部分の設定 */



/* 重要なお知らせ */
/* 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */

#important{	width:775px;
		margin:10px auto 0 auto;
		padding:5px;
		clear:both;
		border:2px solid #ff0000;}

/* ※主に展覧会等で大型バナーを使った展開をする際に使用 */
#important2{	width:800px;
		margin:10px auto 10px auto;
		padding:0;
		text-align:center;
		clear:both;}

/*clearfix*/
#important2:after{	height: 0; 
			visibility: hidden;
			content: ".";   
			display: block;   
			clear: both;
			zoom:1;}

#important2 a{	float:left;
		width:400px;
		margin:0;
		padding:0;}

/* メインコンテンツ（共通のベースレイアウト枠を使用） */
/* 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */

#contents-base{	width:800px;
		margin:20px 0 0 0;
		padding:0;
		clear:both;
		background:#ffffff;}

/*clearfix*/
#contents-base:after{	height: 0; 
			visibility: hidden;
			content: ".";   
			display: block;   
			clear: both;
			zoom:1;}



/* =====左側ナビゲーション部分===== */

#main-left{	float:left;
		width:150px;
		margin:0;
		padding:0;
		background:#ffffff;}

#main-left a{	display:block;
		width:100%;
		padding:0;
		text-align:center;
    		overflow:hidden;}	/*枠からはみ出た部分を非表示（hidden）に設定*/

#main-left a:hover{	text-indent:-9999px;}

a.mnavi1:hover{	background : url(img/mnavi/mnavi10.gif) no-repeat;}
a.mnavi2:hover{	background : url(img/mnavi/mnavi20.gif) no-repeat;}
a.mnavi3:hover{	background : url(img/mnavi/mnavi30.gif) no-repeat;}
a.mnavi4:hover{	background : url(img/mnavi/mnavi40.gif) no-repeat;}
a.mnavi5:hover{	background : url(img/mnavi/mnavi50.gif) no-repeat;}



/* =====右側お知らせ部分===== */

#main-right{	float:right;
		width:650px;
		margin:0;
		padding:0;
		background:#ffffff;}

#main-gif{	border-bottom:dotted 2px #ff7f00;}

.info{	float:left;
	width:480px;
	margin:0;
	padding:0;}



.topics-list a{	display:block;
		width:480px;
		height:100%;
		margin:0;
		padding:0;
    		overflow:hidden;}	/*枠からはみ出た部分を非表示（hidden）に設定*/

.topics-list a:hover{	text-indent:-9999px;}

a.topics:hover{	background : url(img/mnavi/mnavi-index2.gif) no-repeat;}


/* =====トピックスフレーム枠調整===== */
.frame00{	height:169px;
		margin:0;
		padding:0 5px 5px 5px;
		border-left:solid 1px #000000;
		border-right:solid 1px #000000;
		background : url(img/mnavi/mnavi-back.gif) no-repeat 0 -31px;}

.frame00:after{	height: 0;
		visibility: hidden;
		content: ".";   
		display: block;   
		clear: both;
		zoom:1;}

/* =====自習室カレンダー枠調整===== */
.jishuu{min-height:30px;			/* ここから3行で、各ブラウザごとのトピックス部分hightを合わせている */
	height:auto !important;			/* ←IE6でmin-htightの効果を追加する行 */
	height:30px;
	margin:0;
	border-left:solid 1px #000000;
	border-right:solid 1px #000000;
	border-bottom:solid 1px #000000;
	background : url(img/mnavi/jishuu.gif) no-repeat;
	_zoom:1;}

.jishuu a{	display:block;
		width:475px;
		min-height:24px;			/* ここから3行で、各ブラウザごとのトピックス部分hightを合わせている */
		height:auto !important;			/* ←IE6でmin-htightの効果を追加する行 */
		height:24px;
		margin:0;
		padding:5px 0 0 0;
		color:#000000;
		text-align:right;}

.jishuu a:visited{	color:#000000;}
.jishuu a:hover{	color:#0000ff;}



/* Ｐｉｃｋｕｐ！部分 */
/* ========================================================================= */

.pickup-frame{	float:right;
		width:169px;
		height:238px;
		margin:0;
		padding:0;
		border-top:1px solid #000000;
		border-right:1px solid #000000;
		border-bottom:1px solid #000000;}

.pickup-con{	margin:0;
		padding:5px;
		_zoom:1;}

.pickup-text{	marign:0;
		padding:0;
		line-height:130%;}

.pickup-text a{	color:#000000;}
.pickup-text a:visited{	color:#000000;}
.pickup-text a:hover{ color:#0000ff;}


/* =====一覧ボタンのロールオーバー設定===== */

.pickup-list{	width:100px;}

.pickup-list a{	display:block;
		width:169px;
		height:100%;
		margin:0;
		padding:0;
    		overflow:hidden;}	/*枠からはみ出た部分を非表示（hidden）に設定*/

.pickup-list a:hover{	text-indent:-9999px;}

a.pickup:hover{	background : url(img/pickup/pickup-top2.gif) no-repeat;}


/* =====トピックス一覧で使用========== */
ul.listp{	width:790px;
		padding-left:0;
		margin:0 0 20px 0;}

ul.listp2{	width:790px;
		padding-left:0;
		margin:0 0 5px 0;}

.pickup{	margin:50px 0 0 0;}

.pickup td{	width:250px;
		border:none;
		vertical-align:top;}

.pickup p.mt20{margin:20px 0 0 0;}

/* １列に３枚画像が並ぶため、最初の２枚に設定して間隔を取るための設定 */
td.mr{	width:260px;
	padding:0 10px 0 0;
	border:none;
	vertical-align:top;}


/* =================================== */


/* =====お知らせ設定===== */

.information{	float:left;
		margin:5px 0 0 0;}

.information a{color:#000000;}
.information a:visited{color:#000000;}
.information a:hover{color:#0000ff;}

ul.mainp{	width:460px;
		padding-left:0;
		margin:0;}

.information li.update, .event, .event1, .news, .news1, .mente{
		margin:0;
		padding:3px 0 3px 60px;
		list-style:none;
		overflow:auto;}

.information li.lnews, .levent{
		margin:0;
		padding:5px 0 0 60px;
		list-style:none;
		overflow:auto;}

.information li.event, .information li.levent, .information li.event1{	background : url(img/contents/contents_event.gif) no-repeat 3px center;}/*イベントの画像指定*/
.information li.news, .information li.lnews, .information li.news1{	background : url(img/contents/contents_news.gif) no-repeat 3px center;}	/*ニュースの画像指定*/

/* ======= 新着用設定（背景に色が入る）====== */
.information li.event1 a, .information li.news1 a{background-color:#ffdead;}



/* サブナビゲーション（青枠メニュー部分の枠組み） */
/* 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */

/* =====左側ナビゲーション部分===== */
#box-left{	float:left;
		width:580px;
		margin:0;
		padding:0;}


/* =====右側カレンダー部分===== */
#box-right{	float:right;
		width:220px;
		margin:0;
		padding:0;}


/* =====box-left内メニュー枠組み===== */
.menu-box{	float:left;
		width:580px;
		margin:0 0 18px 0;	/* ←各リスト項目間の余白調整はここ */
		padding:0;}


/* =====各メニュー自体の枠組み===== */
.menu-list{	float:left;
		width:290px;
		margin:0;
		padding:0;
		_zoom:1;}


/* =====携帯サイト部分===== */
.mobile-box{	width:560px;
		margin:0;
		padding:0;}

.frame01{	width:558px;
		margin:0;
		padding:0 0 4px 0;			/*　←　IE8 firefox　以外は、これでちょうど高さがそろう*/
		border-right:solid 1px #000000;
		border-bottom:solid 1px #000000;
		border-left:solid 1px #000000;}

.frame01:after{	height: 0;
		visibility: hidden;
		content: ".";   
		display: block;   
		clear: both;
		zoom:1;}

.mobile-box1{	float:left;
		width:90px;
		margin:0;
		padding:10px 0;
		text-align:center;}

.mobile-box2{	float:left;
		width:340px;
		margin:0;
		padding:10px 0 10px 10px;}


/* =====開館日カレンダー===== */

#calender{	float:right;
		width:220px;
		margin:0;
		padding:0;}

.frame{	margin:0;
	padding:5px 5px 10px 5px;
	border-right:solid 1px #000000;
	border-bottom:solid 1px #000000;
	border-left:solid 1px #000000;
	_zoom:1;
	text-align:center;}

#cal1{	margin:10px 0 0 0;}

#cal2{	margin:10px 0 0 0;
	padding:0;}



/* =====カレンダー枠の高さ調整用ハック===== */

/* 上からIE6-7 */
.frame{	_padding:5px 5px 7px 5px;}
*:first-child + html .frame{	padding:5px 5px 7px 5px;}


/* firefox */
.frame, x:-moz-read-only{	padding:5px 5px 14px 5px;} 


/* Google Chrome対策 */
@media screen and (-webkit-min-device-pixel-ratio:0){	.frame{	height:676px;
								margin:0;
								padding:5px 5px 0 5px;
								border-right:solid 1px #000000;
								border-bottom:solid 1px #000000;
								border-left:solid 1px #000000;}}

@media screen and (-webkit-min-device-pixel-ratio:0){	#cal1{	
							margin:10px 0 0 0;
							padding:0;
							height:190px;
							overflow:hidden;
							text-align:center;}}

@media screen and (-webkit-min-device-pixel-ratio:0){	#cal2{	
							margin:0;
							padding:0;
							height:190px;
							overflow:hidden;
							text-align:center;}}



/* =====バナーによる特設ページ===== */
/* 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */
#bunner{width:800px;
	margin:10px 0 0 0;
	padding:0;
	clear:both;}



/* Ｗｅｂサービスの注意点 */
/* 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */

#contents-top-web{	width:800px;
			margin:15px 0 10px 0;
			clear:both;
			background:#ffffff;
			text-align:left;}

	/* Google Chrome対策 */
	@media screen and (-webkit-min-device-pixel-ratio:0){	#contents-top-web{	width:800px;
											margin:20px 0 10px 0;
											clear:both;
											background:#ffffff;
											text-align:left;}}

#contents-top-web ul{	margin:0;
			padding:0 0 0 17px;}



/* テーマコーナー */
/* 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */

a.theme-list{	display:block;
		margin:10px 0;}


/* コンテンツ */
/* 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */

/* =====ぱんくずリスト枠===== */
#page-navi{	width:780px;
		height:20px;
		margin:10px 0 0 0;
		padding:5px 10px;
		background:url(img/contents/pankuzu.gif) no-repeat;}


/* トップページ以外の各ページレイアウト枠） */
#contents{	float:right;
		width:588px;
		margin:0;
		padding:0 5px;
		background:#ffffff;
		border:1px solid #000000;}

#contents:after{	height: 0;   		/*clearfix*/
			visibility: hidden;
			content: ".";   
			display: block;   
			clear: both;
			zoom:1;}

.anavi{	float:left;
	width:100px;
	margin:0;
	padding:0;}

/* =====左側にメニューが無いページに使用===== */
#contents-all{	width:788px;
		margin:0 0 10px 0;
		padding:0 5px;
		border:1px solid #000000;}

#contents-all:after{	height: 0;   		/*clearfix*/
			visibility: hidden;
			content: ".";   
			display: block;   
			clear: both;
			zoom:1;}


/* ↓↓↓↓↓↓あとで修正要↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */


/* =====見出し===== */
h1{	margin:0 -5px 10px -5px;			/*frameで左右にパディングを取っているため、その分を調整で左右に-5px*/
	padding:7px 5px 7px 10px;
	font-size:155%;
	color:#ffffff;
	background-color:#666666;}

.index-frame0{	margin:0;
		padding:5px 0 5px 5px;
		background-color:#ffcc33;
		clear:both;}

.index-frame20{	margin:20px 0 0 0;
		padding:5px 0 5px 5px;
		background-color:#ffcc33;
		clear:both;}

.index-frame40{	margin:40px 0 0 0;
		padding:5px 0 5px 5px;
		background-color:#ffcc33;
		clear:both;}

h2{	margin:0;
	padding:0 0 0 10px;
	font-size:120%;
	border-left:4px solid #ffffff;}

h3.top{	margin:10px 0;
	padding:0 5px;
	font-size:100%;
	border-bottom:dotted 2px #ff7f00;
	clear:both;}

h3.theme{	margin:10px 0;
		padding:0 5px;
		font-size:120%;
		border-bottom:dotted 2px #ff7f00;
		clear:both;}

h3.theme img{	margin:0;
		padding:0 0 2px 0;}

h3{	margin:30px 0 10px 0;
	padding:0 5px;
	font-size:100%;
	border-bottom:dotted 2px #ff7f00;
	clear:both;}

.pickup h3{	margin:15px 0 10px 0;
		padding:0 5px;
		font-size:120%;
		border-bottom:dotted 2px #ff7f00;
		clear:both;}

h4{	margin:0;
	padding:5px 5px 0 5px;
	font-size:100%;
	font-weight:bold;
	border-bottom:solid 1px #ff7f00;
	clear:both;}

h5{	margin:0;
	padding:0 0 0 2px;
	font-size:100%;
	text-align:center;}


/* ===== その他の書式 ===== */

p{	margin:5px 0 10px 0;
	padding:0 0 0 5px;}

.guide{	margin:10px 0 0 0;			/*フォントがピンク*/
	font-size:110%;
	color:#ff0066;}

table ul{	margin:0;
		padding:0 0 0 15px;}
table li{	margin:5px 0;}


/* =====ページ先頭に行くリンク設定===== */
.page_top{	float:right;
		color:#000000;
		margin:10px 0;
		padding:0 0 0 20px;			/*右側余白をいじった場合は、下のwitdhも調整すること*/
		text-decoration:none;
		background : url(img/sub-navi/list-mark/gray-up.gif) no-repeat 1px center;}


/* =====箇条書き設定===== */

ul{	margin:5px 0;
	padding:0 0 0 22px;}

table ul{	margin:5px 0;
		padding:0 0 0 24px;}

li{	margin:15px 0;}

ol{	margin:5px 0;
	padding:0 0 0 30px;}

ol.list{margin:5px 0 10px 0;
	padding:0 0 0 30px;}

li.none{list-style:none;
	text-indent:-1em;}
li.kome{list-style:none;
	text-indent:-1em;
	color:red;}
li.kome2{
	list-style:none;
	text-indent:-1em;}

td ul{	margin:0;
	padding0;}

td li{	margin:0;
	padding:2px 0;}



/* =====テーブル（表組）基本設定===== */

table{	margin:5px 0;
	border-collapse:collapse;}

th{	padding:2px 5px 2px 5px;
	border:1px solid #666666;
	background:#cccccc;
	text-align:center;
	text-valign:center;}

td{	padding:2px 2px 2px 5px;
	border:1px solid #666666;}

td.center{	text-align:center;}

caption{margin:20px 0 0 0;	/*firefox対応で、テーブル間の空白調整に使用*/
	padding-bottom:3px;
	text-align:center;
	font-size:120%;}


/* =====なりふ、価格表部分に使用===== */
table.nalifu{	margin:10px 0 10px 55px;}




/* テーマコーナー */
/* 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */

.frame02{	width:576px;
		margin:0 auto 20px auto;
		padding:0;}

.frame02 td{	width:190px;
		margin:0;
		padding:0;
		border:none;
		vertical-align:top;
		border:1px solid #000000;}

td.ippan3 a, td.jidou3 a, td.sanko3 a{	width:175px;
					margin:0 0 10px 5px;}

.frame02 td.ippan1, .frame02 td.jidou1, .frame02 td.sanko1,
.frame02 td.ippan2, .frame02 td.jidou2, .frame02 td.sanko2,
.frame02 td.ippan3, .frame02 td.jidou3, .frame02 td.sanko3,{	width:186px;
								margin:0;
								padding:0 0 0 3px;}

.frame02 td.ippan1, .frame02 td.jidou1, .frame02 td.sanko1{	vertical-align:middle;}

.frame02 td.ippan1{background:#0099ff;}
.frame02 td.jidou1{background:#ff6666;}
.frame02 td.sanko1{background:#ffcc00;}

.frame02 td.ippan2{background:#99ccff; border-bottom:none;}
.frame02 td.jidou2{background:#ff9999; border-bottom:none;}
.frame02 td.sanko2{background:#ffff99; border-bottom:none;}

.frame02 td.ippan3{background:#99ccff; border-top:none;}
.frame02 td.jidou3{background:#ff9999; border-top:none;}
.frame02 td.sanko3{background:#ffff99; border-top:none;}

/* 自動車文庫のページ */
/* 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */

ul.qa{	margin:10px 0 5px 0;
	padding:0;}			/* 左余白を設定しないと、リスト位置のレイアウトが整わない */

li.question{	margin:5px0;
		padding:7px 2px 7px 40px;
		background : url(img/contents/bm-q.gif) no-repeat 2px center;	/*リストマーカーを背景画像として表示している*/
		list-style:none;
		font-weight:bold;}

li.answer{	margin:5px 0;
		padding:7px 2px 7px 40px;
		background : url(img/contents/bm-a.gif) no-repeat 2px center;	/*リストマーカーを背景画像として表示している*/
		list-style:none;}



/* =====BMページの注意的なリンクに使用===== */
a.paper3{	margin:0 0 0 40px;
		padding:7px 2px 7px 30px;			/*<a>周囲の余白を設定*/
		background : url(img/sub-navi/list-mark/paper3.gif) no-repeat 2px center;	/*リストマーカーを背景画像として表示している*/
		color:#0000ff;
		text-decoration:none;}

a:hover.paper3{	color:#0000ff;
		text-decoration:underline;}



/* 施設案内/予約ページ */
/* 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */

/* =====施設概要説明部分（ページ上部）===== */
img.imgL{	float:left;
		margin:4px 10px 20px 5px;
		width:200px;}

p.text{	margin:10px 0 0 0;
	padding:0;
	overflow:hidden;
	_zoom:1;}



/* =====館内画像部分の設定===== */

.imagebox{	width:583px;
		margin:0 0 0 5px;
		padding:0;}

.imagebox:after{height: 0;   		/*clearfix*/
		visibility: hidden;
		content: ".";   
		display: block;   
		clear: both;
		zoom:1;}

p.img1{	width:130px;		/*中央仕様*/
	float:left;
	margin:0 2px 0 0;
	padding:0;
	text-align:center;}

p.img2{	width:175px;		/*地域館仕様*/
	float:left;
	margin:0 1px 0 0;
	padding:0;
	text-align:center;}




/* リンク各種 */
/* 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */

/* =====共通部分===== */

ul.link{margin:5px 0 15px 0;
	padding:0;
	list-style:none;}



/* =====ページ内リンクのフォント書式===== */

a.p_navi, a:hover.p_navi, a:visited.p_navi{color:#000000;}




/* =====ワード・ＰＤＦ・リストマーク等の表示を出すリンク設定（共通）===== */

.link li{	margin:0 0 5px 0;
		padding:5px 0;}

a.map,li.word a,li.pdf a,li.other_site a{
		color:#0000ff;
		text-decoration:none;}

a.map:hover,li.word a:hover,li.pdf a:hover,li.other_site a:hover{
		color:#0000ff;
		text-decoration:underline;}


/* =====Ｗｏｒｄ===== */
li.word a{	margin:0;
		padding:10px 2px 10px 37px;					/*<a>周囲の余白を設定*/
		background : url(img/contents/word.jpg) no-repeat 2px center;}	/*リストマーカーを背景画像として表示している*/


/* =====ＰＤＦ===== */
li.pdf a{	margin:0;
		padding:10px 2px 10px 37px;					/*<a>周囲の余白を設定*/
		background : url(img/contents/pdf.jpg) no-repeat 2px center;}	/*リストマーカーを背景画像として表示している*/


/* =====外部リンク===== */
li.other_site a{margin:0;
		list-style:none;
		padding:10px 2px 10px 37px;					/*<a>周囲の余白を設定*/
		background : url(img/contents/link.jpg) no-repeat 2px center;}	/*リストマーカーを背景画像として表示している*/


/* =====電話（取次所のみ使用）===== */
.link li.phone{	margin:0;
		padding:10px 2px 10px 37px;			/*<a>周囲の余白を設定*/
		background : url(img/contents/phone.jpg) no-repeat 2px center;	/*リストマーカーを背景画像として表示している*/
		color:#0000ff;}