/* 寒川町総合図書館オリジナルコンテンツ共通CSS */

/*==========htmlタグの再定義==========*/
/*背景色-白*/
body {
	margin: 0px;
	padding: 2px 10px 0px 10px;
	background-color: #FFFFFF;
}
img {
	border: 0px;
}
h1 {
	margin-right: 5px;
	margin-bottom: 8px;
	font-weight: bold;
	font-size: 110%;
	background-color: #FFFFFF;
	padding: 5px 0px 3px 5px;
	border-width: 1px 1px 1px 8px;
	border-style: solid;
	border-color: #339933;
}
h2 {
	margin-right: 10px;
	margin-left: 20px;
	margin-bottom: 8px;
	font-weight: bold;
	font-size: 105%;
	padding: 3px 0px 2px 5px;
	border-width: 0px 0px 1px 7px;
	border-style: solid;
	border-color: #339933;
}
h3 {
	margin-left: 30px;
	margin-bottom: 8px;
	font-weight: bold;
	font-size: 100%;
	padding: 1px 0px 0px 5px;
	border-width: 0px 0px 0px 4px;
	border-style: solid;
	border-color: #FE704B;
}
h4 {
	margin-left: 30px;
	margin-bottom: 8px;
	font-weight: bold;
	font-size: 100%;
	width: 70%;
	padding: 2px 0px 0px 10px;
}
em {
	color: #DD0000;
	font-weight: bold;
	font-style: normal;
}
ul {
	font-size: 95%;
	margin: 10px 0px 10px 50px;
	padding: 0px;
}
li {
	margin-bottom: 8px;
	line-height: 130%;
}
p {
	font-size: 95%;
	line-height: 145%;
	margin: 0px 0px 10px 30px;
}
hr {
	border: 1px solid #999999;
}

/*==========サブメニュー（タブの上のリンク）==========*/
div#submenu{
	margin: 10px 0px 10px 0px;
}
div#submenu img{
	vertical-align: middle;
	margin: 0px 3px 0px 0px;
}
div#submenu a{
	vertical-align: middle;
	padding-right: 10px;
}

/*==========タブ==========*/
/*背景（選択状態）*/
.bgcolor-tub-on {
	background-color: #339933;
}
/*テキスト（選択状態）*/
.txt-tub-on {
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
}
/*背景（非選択状態）*/
.bgcolor-tub-off {
	background-color: #DCF2DB;
}
/*テキスト（非選択状態）*/
.txt-tub-off {
	color: #333333;
	margin: 0px;
}

/*背景（非選択状態）*/
/*追加              */
.bgcolor-tub-off2 {
	background-color: #FFEFCF;
}
/*テキスト（非選択状態）*/
/*追加              */
.txt-tub-off2 {
	color: #333333;
	margin: 0px;
}

/*下線*/
.navi {
	width: 100%;
	border-width: 0px 0px 3px 0px;
	border-style: solid;
	border-color: #339933;
}

/*==========コピーライト==========*/
.copyright {
	font-weight: bold;
	color: #666666;
	text-align: center;
	width: 100%;
	font-size: 85%;
	border-width: 3px 0px 0px;
	border-style: solid;
	border-color: #5BAE4E;
	padding: 5px 0px 10px 0px;
	background-color: #F0F2F4;
}

/*==========共通スタイル==========*/

/*--------テキストサイズ--------*/
/*文字サイズ90％*/
.txt-90 {
	font-size: 90%;
}
/*文字サイズ80％*/
.txt-80 {
	font-size: 80%;
}
/*文字サイズ70％*/
.txt-70 {
	font-size: 70%;
}

/*--------テキストスタイル--------*/
/*太字*/
.bold {
	font-weight: bold;
}
/*太字グレー*/
.txt-bold-gray {
	font-weight: bold;
	color: #4C4C4C;
}

/*--------テキスト揃え--------*/
/*真ん中揃え*/
.align-center{
	text-align: center;
}
/*右揃え*/
.align-right{
	text-align: right;
}

/*--------左インデント--------*/
/*左10px*/
.left10 {
	margin-left: 10px;
}
/*左20px*/
.left20 {
	margin-left: 20px;
}
/*左30px*/
.left30 {
	margin-left: 30px;
}
/*左40px*/
.left40 {
	margin-left: 40px;
}
/*左50px*/
.left50 {
	margin-left: 50px;
}

/*--------幅指定--------*/
/*幅90%*/
.width90 {
	width: 90%;
}
/*幅80%*/
.width80 {
	width: 80%;
}
/*幅70%*/
.width70 {
	width: 70%;
}
/*幅60%*/
.width60 {
	width: 60%;
}

/*幅55% 20080725追加*/
.width55 {
	width: 55%;
}

/*幅50%*/
.width50 {
	width: 50%;
}
/*幅40%*/
.width40 {
	width: 40%;
}

/*幅35% 20080725追加*/
.width36 {
	width: 36%;
}

/*幅30%*/
.width30 {
	width: 30%;
}
/*幅20%*/
.width20 {
	width: 20%;
}
/*幅15%*/
.width15 {
	width: 15%;
}
/*幅10%*/
.width10 {
	width: 10%;
}
/*幅5%*/
.width5 {
	width: 5%;
}

/*--------高さ（margin-top）指定--------*/
/*上5px*/
.top5 {
	margin-top: 5px;
}
/*上10px*/
.top10 {
	margin-top: 10px;
}
/*上15px*/
.top15 {
	margin-top: 15px;
}

/*==========本文形成パーツ==========*/

/*--------インデックス（入れ子）--------*/
.li02{
	font-size: 90%;
	margin-top: 10px;
	margin-left: 20px;
	list-style-type: circle;
}

/*--------ページの先頭へ--------*/
.go-top {
	text-align: right;
	margin: 20px 10px 20px 30px;
	padding: 0px 0px 0px 0px;
	font-size: 85%;
}
.go-top img {
	vertical-align: middle;
	margin-right: 3px;
}

/*--------テーブル--------*/
table.table-border {
	margin: 0px 0px 15px 30px;
	border-collapse: collapse;
	border: 1px solid #4C4C4C;
	font-size: 95%;
	line-height: 145%;
}
table.table-border td {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 3px;
	border: 1px solid #4C4C4C;
}
/*キャプション*/
caption {
	text-align: left;
	font-weight: bold;
	font-size: 95%;
	margin: 0px 0px 0px 30px;
	padding: 0px 0px 5px 0px;
}
/*横見出し行（背景オレンジ・中央合わせ）*/
th.th01 {
	font-weight: bold;
	background-color: #FAF4E8;
	border: 1px solid #4C4C4C;
	padding: 3px;
	color: #000000;
}
/*縦見出し行（背景グレー・左合わせ）*/
th.th02 {
	font-weight: bold;
	background-color: #F5F5F5;
	border: 1px solid #4C4C4c;
	padding: 3px 3px 3px 5px;
	text-align: left;
}

/*横見出し行（背景グレー・中央合わせ）*/
/*20080614追加                          */
th.th03 {
	font-weight: bold;
	background-color: #EAEAEA;
	border: 1px solid #4C4C4C;
	padding: 3px;
	color: #000000;
}

/*別ウインドウ表示（リスト）*/
ul.window {
	list-style-image: url(../../images/icon_window.gif);
	list-style-type: none;
	margin: 10px 0px 10px 50px;
	padding: 0px;
	font-size: 95%;
}

ul.window li {
	margin-bottom: 8px;
	line-height: 130%;
}

/*--------画像の回り込み--------*/
.img-left {
	float: left;
	margin-right: 5px;
}
.img-right {
	float: right;
	margin-left: 5px;
}
.clear {
	clear: both;
}

/*--------画像のボーダー--------*/

img.border {
	border: 1px solid #CCCCCC;
}

/*==========各ページごとのスタイル==========*/

/*+++++++++++図書館のご案内+++++++++++*/
.t-annai {
	margin-left: 20px;
}
table.t-annai2 {
	margin: 0px 0px 15px 30px;
	border-collapse: collapse;
	border: 1px solid #4C4C4C;
	font-size: 95%;
	line-height: 145%;
}
table.t-annai2 td {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 5px 10px;
	border: 1px solid #4C4C4C;
}
table.t-annai2 td.td-annai {
	background-color: #F5F5F5;
	border: 1px solid #4C4C4c;
	padding: 3px 3px 3px 5px;
	text-align: left;
}
table.t-annai2 h3 {
	margin: 0px;
	font-weight: bold;
	font-size: 90%;
	padding: 5px 10px;
	border: none;
}
table.t-annai2 p {
	margin: 0px;
	padding: 0px;
}
table.t-annai2 ul {
	font-size: 95%;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}
table.t-annai2 li {
	margin: 0px;
	line-height: 150%;
}
.p-center {
	margin: 0px;
	line-height: 130%;
}
.p-center img{
	vertical-align: top;
	margin: 0px 3px 8px 0px;
}

/*+++++++++++雑誌・新聞一覧+++++++++++*/
/*テーブル背景グレー（50音列）*/
table.table-border td.gray {
	font-weight: bold;
	background-color: #F5F5F5;
	border: 1px solid #4C4C4c;
	padding: 3px 3px 3px 5px;
	text-align: center;
}

/*テーブル背景グレー（50音列）20080725 追加*/
table.table-border td.gray2 {
	font-weight: bold;
	background-color: #F5F5F5;
	border: 1px solid #4C4C4c;
	padding: 3px 3px 3px 5px;
	text-align: left;