@charset "UTF-8";





body{
	background-color : #d5cfe7; text-align : center;
  line-height : 180%;
  font-size : 16px;
}li{
	background-color : #c0ffee; text-align : left;
}

h1{
	font-size: 42px;
  line-height : 200%;
}
h2{
	font-size: 36px;
}h3{
	font-size: 30px;
}h4{
	font-size: 26px;
}
.dekame{
	  font-family: "ＭＳ Ｐ明朝";
	font-size: 18px;
  line-height : 180%;
}
p.dekame{
	  font-family: "ＭＳ ゴシック";
	font-size: 30px;
}
	
.marqueeRightLeft{
	max-width: 500px;
	padding: 0.5em 0;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	text-align: left;
	border-top: 1px solid #6c5441;
	border-bottom: 1px solid #6c5441;
	color:#6c5441;
	font-weight: bold;
}

.blinking{
animation-name: blink; 
animation-duration: 1.2s;
animation-iteration-count: infinite;
}

@keyframes blink{ /*上記で設定したアニメーションの動作を指定 */
    0% {opacity:1;} 
    50% {opacity:0;} 
}
#color0{
	background: black;
}
#color1{
	color:Tomato;
}
#color2{
    color: CornflowerBlue;
}
#color3{
    color: Khaki;
}
#color4{
    color: LightGreen;
}
#color5{
    color: #E0E0E0;
}
#color6{
    color: Violet;
}
#color7{
    color: Khaki;
}
#color8{
    color: Turquoise;
}
ul{
  text-align : left;
  line-height : 180%;
  font-size : 18px;
}
ol{
  text-align : left;
  line-height : 180%;
  font-size : 18px;
}
tbody{
	font-size : 22px;


  line-height : 250%;
  word-spacing : 0.5em;
}


td{
	padding:5px;
}

#contener{
	width: 800px
;
}


#left{
	float:left;
width: 250px;
}


#main{
	float:right;
width: 530px;
}


#footer{
	clear:both;
}