/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
border: 0px solid #000;
background: #fff; 
width: 738px; 
height: 27px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 718px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: bold 12px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
white-space:nowrap;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 12px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 
/*_____________ a:linkの説明_________________
transition（時間的変化をつける）
hoverなどでスタイルが変化する際、通常はすぐに切り替わりますが、transitionを使うと時間をかけて変化するなど様々な設定をすることが可能になります。
適応するプロパティの「all」、変化にかかる時間「0.2s」、変化の仕方「ease」、変化の始まるタイミングの「0」は初期値となるので省略しても大丈夫です。「linear」は一定です
______________ a:linkの説明終了 _____________ */
a:link {
    color: rgb(0, 0, 0); transition:0.2s linear; text-decoration: none; -webkit-transition: all 0.2s linear;
}
a:visited {
    color: rgb(0,0,0);
}
a:hover {
    color: rgb(0, 0, 255); 
}
a:active {
    color: rgb(0, 0, 0);
}

a.footer_link:link {
    color: rgb(255, 255, 255); transition:0.2s linear; text-decoration: none; -webkit-transition: all 0.2s linear;
}
a.footer_link:visited {
    color: rgb(255,255,255);
}
a.footer_link:hover {
    color: rgb(255, 0, 0); 
}
a.footer_link:active {
    color: rgb(255, 255, 255);
}

a.all-white:link {
    color: rgb(255, 255, 255); transition:0.2s linear; text-decoration: none; -webkit-transition: all 0.2s linear;
}
a.all-white:visited {
    color: rgb(255, 255, 255);
}
a.all-white:hover {
    color: rgb(255, 255, 255); 
}
a.all-white:active {
    color: rgb(255, 255, 255);
}