@charset "UTF-8";


/* =============================================================
　■□■ 左サイド ■□■
============================================================= */
#side_left {
	width: 210px;
	margin-left: 50px;
	margin-top: 130px;
	float: left;
}

#side_left .side1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	width: 200px;
}

#side_left .side2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	border-top-width: 2px;
	border-left-width: 2px;
	border-top-style: ridge;
	border-left-style: ridge;
	border-top-color: #999999;
	border-left-color: #CCCCCC;
	padding-top: 5px;
	padding-left: 5px;
	margin-top: 5px;
	width: 200px;
	padding-right: 5px;
	height: 260px;
}

#side_left .side2 a:link { color: #333333;
text-decoration: none;}
#side_left .side2  a:visited { color: #333333;
text-decoration: none;}
#side_left .side2 a:hover {color: #FF9900;
text-decoration: none;}
#side_left .side2  a:active { color:#FF9900;text-decoration: none; }


#side_left .link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
}

#side_left .link1 {
	float: left;	
}

/* =============================================================
　■□■ メインコンテンツ ■□■
============================================================= */
#top_body {
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
}

#top_body .main {
	font-size: 12px;
	margin-left: 20px;
	color: #555555;
	margin-bottom: 5px;
	line-height: 1.5em;
	margin-right: 20px;
	font-family: Arial, Helvetica, sans-serif;
}

#top_body .main2 {
behavior:url("js/top_js.js");
text-align:center}

/* =============================================================
　■□■ スクロール ■□■
============================================================= */

#mycustomscroll {
	/* Typical fixed height and fixed width example */
    width: 190px;
	height: 260px;
	overflow: auto;
	padding-left: 5px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	float: left;
	margin-top: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-left-color: #CCC;
}

#mycustomscroll  a:link { color: #000000;
text-decoration: none;}
#mycustomscroll  a:visited { color: #000000;
text-decoration: none;}
#mycustomscroll  a:hover {color: #CCCCCC;
text-decoration: none;}
#mycustomscroll  a:active { color:#CCCCCC;text-decoration: none; }

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
	width: 5px;
	background-color: #CCC;
}
.vscrollerbar {
width: 5px;
background-color: black;
}
.hscrollerbase {
height: 10px;
background-color: white;
}
.hscrollerbar {
height: 10px;
background-color: black;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}