/* CSS Document */

body {
	margin:0px;
	font-size: 1.1em;
	color: #ffffff;
	line-height: 1.3em;
	font-family: "Meiryo", "MS PGothic", "Osaka";
	background:url(../images/common/bg.jpg) top left repeat;
}


@charset "shift_jis"; 


/********************
全ページ共通指定
********************/

.footerBg {
	background:#000;
	padding:15px 0;
}
.tdStyle1 {
	background:#000;
}

.mainMenu {
	background:url(../images/common/menu_bg.jpg) top left repeat-x;
}

.mainFr1 {
	background:url(../images/black/main_fr1_bk.png) top center no-repeat;
	width:961px;
	height:50px;
}

.mainFr2 {
	background:url(../images/black/main_fr2_bk.png) top center repeat-y;
}

.mainFr3 {
	background:url(../images/black/main_fr3_bk.png) top center no-repeat;
	width:961px;
	height:50px;
}

hr {
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

hr {
	border-top: 1px solid #ccc;
	margin:auto;
	text-align:center;
}

.contTitle {
	background:url(../images/common/cont_title.jpg) top left no-repeat;
	font-size:1.4em;
	font-weight:bold;
	padding:20px 0 20px 0;
	text-align:center;
	color:#000;
}
a.useWayLink {
	border:1px solid #ccc;
	background:url(../images/ear_eye/btn_bg.png) bottom left repeat-x #fff;
	font-size:0.7em;
	font-weight:normal;
	padding:10px;
	margin-right:40px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	width:200px;
	color:#0066CC !important;
}

.readTitle {
	border-bottom:1px dotted #ccc;
	padding:10px;
	font-weight:bold;
	color:#C60;
	height:20px;
}

.pageSubTitle {
	background:#F9F7EA;
	padding:10px;
	font-weight:bold;
	color:#000;
}

.pointBg {
	background:#FFFFCC;
	color:#000;
}

.nomalSubTitle {
	font-size:1.2em;
	font-weight:bold;
	padding:15px;
	margin-bottom:15px;
	color:#fff;
	border:3px double #fff;
	background:#000;
}

/*------------------------テーブル*/
.nomalTable {
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	color:#fff;
	font-size:1.2em;
}
.nomalTable th,
.nomalTable td {
	padding:10px;
}
.nomalTable th {
	font-weight:bold;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	background:#000;
}
.nomalTable td {
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}


/********************
リンクの設定
********************/
a {	text-decoration:underline;}
a:link {color: #fff;}
a:visited {color: #fff;}
a:active {color: #fff;text-decoration:none;}
a:hover {color: #fff; text-decoration:none;}

.nomalLinkBtn {
	display:block;
	padding:5px 10px;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */
	border:1px solid #ffffff;
	background:#000000;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	font-size:0.9em;
	width:35%;
	float:right;
}
.nomalLinkBtn:hover {
	text-decoration:underline;
}

/********************
ボーダー共通指定
********************/

.BtmLineSolid1px {
	border-bottom:1px solid #ccc;
	background:#000;
	font-weight:bold;
}

.BtmLineSolid1pxWt {
	border-bottom:1px solid #ccc;
}

.RightBtmColid1px {
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	background:#000;
	font-weight:bold;
}

.RightBtmColid1pxWt {
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}

.RightLineSolid1px {
	background:#000;
	font-weight:bold;
	border-right:1px solid #ccc;
}

.RightLineSolid1pxWt {
	border-right:1px solid #ccc;
}

.borderAll {
	border:1px solid #ccc;
	padding:20px;
	text-align:center;
}


/********************
テキスト関連共通指定
********************/

.txLineHightM {
	line-height:1.8em;
}

.txLineHightL {
	line-height:2.3em;
}

.txM {
	font-size:0.9em;
	line-height:1.1em;
}

.txS {
	font-size:0.8em;
	line-height:1.1em;
}

.txWhite {
	color:#FFF;
	font-weight:bold;
	line-height:1.1em;
	position: sticky;
	top: 0px;
	&:before{
		content: "";
		position: absolute;
		top: -1px;
		left: -1px;
		width: 100%;
		height: 100%;
		border: 1px solid #ccc;
  }
}

.txOrange {
	color:#C60;
	font-weight:bold;
	line-height:1.1em;
}

.txOrangeLL {
	color:#CC6600;
	font-weight:bold;
	font-size:1.4em;
	line-height:1.1em;
}

.txOrangeLLL {
	color:#CC6600;
	font-weight:bold;
	font-size:1.8em;
	line-height:1.1em;
	padding-bottom:13px;
}

.txNomalLL {
	font-weight:bold;
	font-size:1.4em;
	background:#FFC;
	color:#333;
	line-height:1.1em;
}


.tab,
.tab a {
	color:#000000;
}

/********************
トップページ指定
********************/

.baseBk {
	background:#000;
}

ul#topMokuteki {
	width: 925px;
	list-style: none;
}
#topMokuteki > li {
	float: left;
	position: relative;
	text-align: center;
	left: 5px;
}
#topMokuteki > li > table {
	position: absolute;
	top: 0;
}
#topMokuteki > li a {
	color:#000000;
}

.topMokuteki0 {
	background:url(../images/black/mokuteki_00_bk.png) top right no-repeat;
}

.topMokuteki1 {
	background:url(../images/black/mokuteki_01_bk.png) top center no-repeat;
}
	
.topMokuteki2 {
	background:url(../images/black/mokuteki_02_bk.png) top center no-repeat;
}

.topMokuteki3 {
	background:url(../images/black/mokuteki_03_bk.png) top center no-repeat;
}

.topMokuteki4 {
	background:url(../images/black/mokuteki_04_bk.png) top right no-repeat;
}

.topMokuteki5 {
	background:url(../images/black/mokuteki_05_bk.png) top center no-repeat;
}

.topMokuteki6 {
	background:url(../images/black/mokuteki_06_bk.png) top center no-repeat;
}

.topMokuteki7 {
	background:url(../images/black/mokuteki_07_bk.png) top center no-repeat;
}

.tdheight {
	width:475px;
	height: 500px;
	overflow: auto;
	top:0;
}

.newsTitle {
	background:url(../images/black/news_title_bk.png) top left no-repeat;
}

.newsBg {
	background:url(../images/black/news_frame_bk.png) top center repeat-y;
}

.newsFrBtm {
	background:url(../images/black/news_frame2_bk.png) top center no-repeat;
}

.newsDate {
	font-weight:bold;
}

.newsTxBorder {
	border-bottom:1px dotted #ccc;
	padding:5px 0 5px 0;
}

.plazaTitle {
	background:url(../images/black/plaza_title_bk.png) top center no-repeat;
	height:79px;
}

.plazaBg {
	background:url(../images/black/plaza_frame_bk.png) top center repeat-y;
}

.plazaBg2 {
	background:url(../images/black/plaza_frame2_bk.png) top center no-repeat;
	height:17px;
}

.plazaImg {
	background:url(../images/black/plaza_img_bk.jpg) top center no-repeat;
}

.pamphlet1{
	background:url(../images/index/pamphlet1_bk.png) top left no-repeat;
	}
.pamphlet2{
	background:url(../images/index/pamphlet2_bk.png) top right no-repeat;
	}
.pamphlet3{
	background:url(../images/index/pamphlet3_bk.png) top left no-repeat;
}

/********************
ご利用方法ページ
********************/

.useTopFrBg {
	background:url(../images/use/use_fr2.png) top center repeat-y;	
	}

.rentalSpace {
	margin:0 auto 20px;
	width:850px;
	padding:0 0 20px;
	border-bottom:3px double #cccccc;
}
.rentalSpace dl {
	float:left;
	width:630px;
	padding:0;
	margin:0;
}
.rentalSpace dt {
	background:#ffffff;
	color:#000000;
	padding:10px;
	font-weight:bold;
	margin-bottom:15px;
}
.rentalSpace dd {
	margin:0;
	padding:10px;
}
.rentalSpace dd div {
}
.rentalSpace dd ul {
	list-style:none;
	margin-top:20px;
}
.rentalSpace dd ul li a {
	display:block;
	width:200px;
	text-align:center;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */
	border:1px solid #ffffff;
	padding:10px;
	background: #000000;
	float:left;
	margin-right:10px;
	color:#ffffff;
}
.rentalSpace dd ul li a:hover {
	text-decoration:underline;
}
.rentalSpace dd p {
	float:right;
}
	
	
/********************
視聴覚障害者向けページ
********************/

.ear_eyeMenu {
	border-bottom:1px dotted #C30;
	padding:10px;
}

.eareyeTopics {
	width:600px;
	height: 200px;
	overflow: auto;
	top:0;
}

.eareyeNews {
	width:600px;
	height: 200px;
	overflow: auto;
	top:0;
}

.eareyeBtn {
	border:1px solid #ccc;
	background:url(../images/ear_eye/btn_bg.png) bottom left repeat-x #fff;
}
.eareyeBtn2 {
	border:1px solid #cc6600;
	background:url(../images/ear_eye/btn_bg.png) bottom left repeat-x #fff;
}

.eareyeBtn a {
	color:#333; text-decoration:none;
}

.eareyeBtn a:hover {
	color:#333; text-decoration:underline;
	}
	
	
/********************
点字図書館ページ
********************/

.eyeTopFr {
	border:3px double #ccc;
	background:#000;
}

table.eyeTableBtn td a {
	display:block;
	height:100%;
	padding:15px;
	width:234px;
	font-size:1.0em;
	font-weight:bold;
	line-height:1.3em;
}

.eyeFootData {
	border:1px solid #ccc;
	padding:15px;
	background:#000;
}

.eyeNews {
	width:500px;
	height: 200px;
	overflow: auto;
	top:0;
}

.eyeNewsBdr {
	border-bottom:1px dotted #999;
}

.eyeWabisabi {
	width:330px;
	height: 200px;
	overflow: auto;
	top:0;
}

table.eye2ndTableBtn td a {
	display:block;
	height:100%;
	padding:15px;
	width:170px;
	font-size:1.0em;
	font-weight:bold;
	line-height:1.3em;
	color:#000;
}
.eye2ndBtn1 {
	background:url(../images/eye/2nd_btnBg1.png) bottom left no-repeat #fff;
}
.eye2ndBtn2 {
	background:url(../images/eye/2nd_btnBg2.png) bottom left no-repeat #fff;
}
.eyePageTitle {
	border:3px double #ccc;
	padding:15px;
	font-size:1.4em;
	font-weight:bold;
	color:#fff;
}
#footList {
	font-size:1.1em;
	color:#fff;
}
#footList td {
	background:#000;
}

/********************
プラザとは
********************/
.aboutLink a {
	display:block;
	width:98%;
	padding:20px 0;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */
	border:1px solid #ffffff;
	background: #000000;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	font-size:1.2em;
	margin-right:4%;
}
.aboutLink a:last-child {
	margin-right:0;
}
.aboutLink a:hover {
	background: #000000;
	text-decoration:underline;
}



/********************
追加
********************************************************************************/

.boxbox .rehaMenu td {
	background:#000;
}