/* CSS Document */

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


@charset "shift_jis"; 


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

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

.tdStyle1 {
	background:#FBF9F2;
}

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

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

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

.mainFr3 {
	background:url(../images/common/main_fr3.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;
	position:relative;
}
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;
}

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

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

.pointBg {
	background:#FFFFCC;
}

.nomalSubTitle {
	font-size:1.4em;
	font-weight:bold;
	background:#f7f7f7;
	padding:15px;
	margin-bottom:15px;
}

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


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


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

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

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

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

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

.RightLineSolid1px {
	background:#eee;
	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;
	line-height:1.1em;
}


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

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;
}

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

.topMokuteki1 {
	background:url(../images/mokuteki_01.png) top center no-repeat;
}
	
.topMokuteki2 {
	background:url(../images/mokuteki_02.png) top center no-repeat;
}

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

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

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

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

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

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

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

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

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

.newsDate {
	font-weight:bold;
}

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

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

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

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

.plazaImg {
	background:url(../images/plaza_img.png) top center no-repeat;
}
.pamphlet1{
	background:url(../images/index/pamphlet1.png) top left no-repeat;
	}
.pamphlet2{
	background:url(../images/index/pamphlet2.png) top right no-repeat;
	}
.pamphlet3{
	background:url(../images/index/pamphlet3.png) top left no-repeat;
}

.btnYoutube {
	margin:auto;
}
.btnYoutube a {
	display:block;
	background:#f28f00;
	padding:20px;
	text-align:center;
	text-decoration:none;
	font-size:0.9em;
	font-weight:bold;
	color:#fff;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
	/*シャドウ（順序 横・下・ぼかし・広がり・色）*********************/ 
	box-shadow: 0 0 3px 0px rgba(0,0,0,0.3); 
	-moz-box-shadow: 0 0 3px 0px rgba(0,0,0,0.3); 
	-o-box-shadow: 0 0 3px 0px rgba(0,0,0,0.3); 
	-webkit-box-shadow: 0 0 3px 0px rgba(0,0,0,0.3);
}
.btnYoutube a:hover {
	background:#f60;
}


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

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

/********************
点字図書館ページ
********************/
.eyeNews {
	width:500px;
	height: 330px;
	overflow: auto;
	top:0;
}

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


#footList {
	font-size:1.3em;
}