/* ファクシミリ用語集のボタン------*/

.btn_glos {
	width:183px;
	height:30px;
	margin:10px 0px 0px 0px;
	padding:0px;
	border:1px solid #999999;
	display:block;
	float:right;
	}

.btn_glos a span {
	display:none;}


.btn_glos a {
	padding:7px 0px 0px 3px;
	margin:0px;
	display:block;
	width:180px;
	height:23px;
	text-align:left;
	text-decoration:none;
	color:#333;
	background-image:url("../images/grossary_arrow.gif");
	background-repeat:no-repeat;
	background-position:149px 3px;
	font-size:12px;
}

.btn_glos a:hover{
	color:#000;
	background-color:#eee;
	text-decoration:underline;
}

.btn_glos a:visited {
	color:#333;
}


/* トップのボタン ------------------*/

ul#btn {
 margin: 10px 0px 20px 0px;
 padding: 0;
 width: 558px;/* 必ずwidthの設定をしてください */
 border-width:1px 0px 1px 0px;
 border-style:dashed;
 border-color:#999999;
}

ul#btn::after { clear: both; display: block; content: "."; visibility: hidden; height: 0; }
ul#btn:after  { clear: both; display: block; content: "."; visibility: hidden; height: 0; }

ul#btn li {
 margin: 0;
 padding: 0;
 float: left;
 width: 186px;
 line-height: 1;
 list-style-type: none;
}


ul#btn li a.left {
 padding: 0.6em 10px; /* ボタンの厚みはここで調整 */
 display: block;
 position: relative; /* IE6でマウス反応領域がおかしいのをFix */
 font-size: 12px;
 color: #333;
 text-align: center;
 text-decoration: none;
 background-color: #ddd;
 background-image:url("../images/under-arrow2.gif");
 background-repeat:no-repeat;
 background-position:2px 8px;
}

ul#btn li a.mdl {
 padding: 0.6em 10px; /* ボタンの厚みはここで調整 */
 display: block;
 position: relative; /* IE6でマウス反応領域がおかしいのをFix */
 font-size: 12px;
 color: #333;
 text-align: center;
 text-decoration: none;
 background-color: #ddd;
 background-image:url("../images/under-arrow2.gif");
 background-repeat:no-repeat;
 background-position:15px 8px;
}

ul#btn li a.right {
 padding: 0.6em 10px; /* ボタンの厚みはここで調整 */
 display: block;
 position: relative; /* IE6でマウス反応領域がおかしいのをFix */
 font-size: 12px;
 color: #333;
 text-align: center;
 text-decoration: none;
 background-color: #ddd;
 background-image:url("../images/under-arrow2.gif");
 background-repeat:no-repeat;
 background-position:10px 8px;
}


ul#btn li a:hover {
 color: #000;
 background-color: #eee;
}



/* 知っ得情報一覧 -----------------*/


.box_list {
	display:block;
	width:705px;
	padding:4px;
	border:1px solid #cccccc;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

.box_index {
	display:block;
	width:685px;
	padding:0px 0px 5px 5px;
	margin:0px;
	border-width:0px 0px 1px 0px;
	border-style:solid;
	border-color:#003399;
	font-size:14px;
	color:#0099cc;
	font-weight:bold;
}

ul.list {
 margin: 10px 0px 0px 0px;
 padding: 0;
 width: 685px;
}

ul.list::after { clear: both; display: block; content: "."; visibility: hidden; height: 0; }
ul.list:after { clear: both; display: block; content: "."; visibility: hidden; height: 0; }


ul.list li {
 margin: 2px;
 padding:0;
 float: left;
 width: 685px;
 line-height: 1.4em;
 list-style-type: none;
}

ul.list li a {
 padding:3px 0px 3px 15px;
 font-size: 12px;
 text-align: left;
 background-image:url("../images/arrow_green_2.gif");
 background-repeat:no-repeat;
 background-position:0px 3px;
}

ul.list li a:hover {
 background-image:url("../images/arrow_orange_2.gif");
 background-repeat:no-repeat;
 background-position:0px 3px;
 text-decoration:underline;
 color:#cc0000;
}