/*　トップページ用スタイルシート　#0066cc #99ccff #ffffff #6699ff */
body{
 margin:0 10px 0 25px;
 padding:0;
 font:13px arial,sans-serif;
 line-height:150%;
 background: url(img/haikei.jpg) left top repeat-y;
 }

img{
 vertical-align: top;border:0;
 }

a {
 font-weight:bold;
 text-decoration:none;
 }

a:hover{
 font-weight:bold;
 color:red;
 text-decoration:underline;
}

a:hover img{
 opacity: 0.7;
 filter: alpha(opacity=60);
 }

table{
backgorund:#000000;
border:1;
cellspacing:3px;
}

th {
background:#1A477E;
color:#FFFFFF;
}

#container{
 width:850px;
 margin:0;
 background:#FFFFFF;
 text-align:left;
 }

#header{
 height:50px;margin:10px 0 10px 0;
 background:#FFFFFF;
 color: #0066CC;
 text-align:left;
 font:11px arial,sans-serif;
 }
  
.headermenu{
 padding:0 10px 0 5px;
 float:left;
 height:55px;
 background:#FFFFFF;
 border-left:
 1px dotted;
 }
 
.headermenu img{
 margin:0 0 5px 0
 }
 
.headermenu a:hover{
 background:#CCCCCC;
 }

#topbox{
 width:848px;
 margin:0;
 background:#FFFFFF;
 }
 
#toppict{
 float:left;width:688px;
 margin:0;
 padding:5px;
 background:#FFFFFF;
 border:solid 1px;
 border-color:#CCCCCC;
 }
 
#toplink{
 line-height:100%;
 float:right;
 width:135px;
 margin:0;
 background:#FFFFFF;
 padding:0 0 0 10px;
 }

#content{
 clear:both;
 padding:10px 0 10px 0;
 }

/*　フッター　*/
.floatclear{
 clear:both;
 width:100%;
 height:0;
}

#footer{
 clear:both;
 width:830px;
 height:135px;
 /* FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#0066CC, endColorstr=#FFFFFF, gradienttype=1); */
 background:url(img/footerimage.gif);
 background-repeat: no-repeat;
 border:solid 1px;
 border-color:#CCCCCC;
 color: #000000;
 margin:5px 0 10px 0;
 padding:10px;
 }

#footerlbox{
 float:left;
 width:400px;
 text-align:left;
 }

#footerrbox{
 float:right;
 width:400px;
 text-align:right;
 }

/*　コンテンツ左　*/
#lbox{
 width:300px;
 height:100%;
 float:left;
 background:#FFFFFF;
 }
 
.lboxbar{width:300px;height:30px;background:url(img/titlebar01.gif);background-repeat: no-repeat;color:#FFFFFF;padding:6px 0 0 2px;text-align:center;}
.lboxarea{width:288px;border:solid 1px;border-color:#CCCCCC;background:#99ccff;color:#0066CC;margin:0 0 10px 0;padding:5px;}
.lboxtitle{padding:0 3px 0 3px;font-weight:bold;color:#000000;}
.lboxtext{padding:0 3px 10px 3px}
.lboxblog{border:solid 1px;border-color:#CCCCCC;margin:0 0 5px 0;}

.lesson_h{background-color:#cccccc;font-weight:bold;border-left:solid 10px;border-bottom:solid 1px;padding:3px 0 3px 5px;border-color:#0066cc;}

/*　コンテンツセンター　*/
.centerbox{
 width:850px;
 height:280px;
 background:#FFFFFF;
 }
 
/*　トップページ用　*/
#centerlbox{
 float:left;
 width:335px;
 background:#FFFFFF;
 }

#centerrbox{
 float:right;
 width:300px;
 padding:0 0 25px 0 ;
 background:#FFFFFF;
 }
 
.newstitle{
margin-top:5px;
font-weight:bolder;
font-size:14px;
}

.toprboxtitle{
 float:right;
 text-align:center;
 width:300px;
 height:29px;
 font:bold;
 font-size:13px;
 color:#FFFFFF;
 padding:6px 0 0 0;
 background:url(img/titlebar01.gif);
 background-repeat:no-repeat;
 }

.toprboxtext{
 float:right;
 width:280px;
 color:#000000;
 margin:0 0 20px 0;
 padding:0 10px 10px 10px;
 }



/* News他コンテンツ左　*/
#lbox2{
 float:left;
 width:200px;
 background:#FFFFFF;}

.lboxtext2{
 border:solid 1px;
 border-color:#CCCCCC;
 margin:0 0 5px 0;
 padding:5px;
 color:#0066cc;
 }
 
.lboxtext2 p:first-letter {   
 float:left;   
 margin:0 5px 0 0; padding:7px;     
 font-weight:bold; font-size:150%;
 color:#ffffff;
 background-color:#0066cc;   
 }  


/* News他コンテンツ右　*/
#rbox2{
 float:right;
 width:635px;
 background:#FFFFFF;
 }

.rboxtitle2{
 float:right;
 width:615px;
 height:25px;
 font:bold;
 font-size:13px;
 color:#FFFFFF;
 padding:5px 0 0 10px;
 background:url(img/titlebar02.gif);
 background-repeat:no-repeat;
 border:0;
 }

.rboxtext2{
 float:right;
 width:575px;
 color:#000000;
 margin:0 0 20px 0;
 padding:5px 30px 20px 20px;
 border:0;
 }