@charset "euc-jp";
/*
* {
margin:0;
padding:0;
font-size:100%;
}*/
ul {margin:0 0 5px;}
li {margin:0 0 3px;list-style:none;}

div#ScrlArea ul li {
font-size:76%;
}

/* Scroll Area 
------------------------------------*/
div#ScrlArea {
float: left;
margin-top: 5px;
margin-left: 49px;
/*position:relative;*/
position:absolute; 
min-height:76px;
}

* html div#ScrlArea {
height:76px;
}

/* Scroll Button
------------------------------------*/
p#ScrlLeft {
margin:0;
position:absolute;
top:0;left:0;
}

p#ScrlRight {
margin:0;
position:absolute;
top:0;right:0;
}

/* Scroll Target (use clearfix)
------------------------------------*/
div#ScrlTarget {
margin-left: 20px;
margin-right: 20px;
overflow:scroll;
}

* html div#ScrlTarget {
width:100%;
}

div.js div#ScrlTarget {
overflow:hidden;
}

div#ScrlTarget ul:after {
display:block;
clear:both;
height:0.1px;
visibility:hidden;
content:".";
line-height:0;
font-size:0.1em;
}
/* ²£¸Ä¿ô152+10*¸Ä¿ôpx */
div#ScrlTarget ul {
	margin-left: 0; /*20100910*/
	padding:0; /*20100910*/
	width:2268px;
}

div#ScrlTarget ul li {
margin:0 2px;
padding:0;
display:inline;
float:left;
width:158px; /* 152+6px */
line-height:1.33;
}

div#ScrlTarget ul li a span {
margin:0 0 5px;
padding:2px;
border:solid 1px #0000dd;
display:block;
background:#fff;
}

div#ScrlTarget ul li a:hover span ,
div#ScrlTarget ul li a:focus span ,
div#ScrlTarget ul li a:active span {
border-color:#b00000;
}

div#ScrlTarget ul li a span img {
display:block;
}