@charset "utf-8";
/* CSS Document */
@font-face {
   font-family: Rounded-L;
   src: url('../../../wf/rounded-l-mplus-1c-light.ttf') format("truetype");
}
body {
background-image:url("../2nd_img/icon/topics_background.jpg");
background-attachment: fixed;
font: font-family: Rounded-L;
}

h1 {
/* color:#ff0066; */
color:#ffffff;
/* background-color:#99ffcc; */
width:8em;
font-family: Rounded-L;
}

.marquee {
font-family: Rounded-L;
font-size: 1.2em;
/* width:690px; */
padding:0.5em 0;
overflow:hidden;
color:#ffffff;
font-weight: bold;
/* background-color: rgba( 204,255,204,0.35); */
background-color: rgba( 44,85,61,0.35);
margin-bottom:5px;
position:relative;
}

.marquee p:after {
content:"";
white-space:nowrap;
padding-right:50px;
}

.marquee p {
margin:0;
/* padding-left:690px; */
display:inline-block;
white-space:nowrap;
	-webkit-animation-name:marquee;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:10s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:marquee;
	-moz-animation-timing-function:linear;
	-moz-animation-duration:10s;
	-moz-animation-iteration-count:infinite;
	-ms-animation-name:marquee;
	-ms-animation-timing-function:linear;
	-ms-animation-duration:10s;
	-ms-animation-iteration-count:infinite;
	-o-animation-name:marquee;
	-o-animation-timing-function:linear;
	-o-animation-duration:10s;
	-o-animation-iteration-count:infinite;
	animation-name:marquee;
	animation-timing-function:linear;
	animation-duration:10s;
	animation-iteration-count:infinite;
}
@-webkit-keyframes marquee {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
  from   { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
  from   { -ms-transform: translate(0%);}
  99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
  from   { -o-transform: translate(0%);}
  99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}

.normal p {
font-weight: bold;
/* width:685px; */
/* width:100%; */
/* background-color:rgba( 204,255,204,0.45); */
background-color:rgba( 0,0,0,0.0);
padding:5px;
font-family: Rounded-L;
color: #ffffff;
font-size: 1.2em;
}

a{/*リンクされた文字*/
    color:ffffff;
    font-style:normal;
    text-decoration:underline;
}
a:link {/*未訪問のリンク*/
    color:ffffff;
    font-style:normal;
    text-decoration:underline;
}
a:visited {/*訪問後のリンク*/
    color:#e8b56d;
    text-decoration:underline;
}
a:hover {/*マウスをのせたとき*/
    color:#9be2f8;
    font-style:normal;
    text-decoration:underline;
}
a:active {/*クリック中*/
    text-decoration:none;
}