body
{

margin: 0px;
padding: 0px;
text-align: center;

}

#header
{

width: 800px; 
height: auto;
margin: 10px 30px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: xx-small;
color: #01AD4E; 
font-family: Verdana, Arial, sans-serif;
font-weight:normal;
text-align: right;

}

.top
{

width: 800px; 
height: 154px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-image: url("http://www.side-one.net/gyousei/img/t-back.gif");


}

.top h2 
{

           font-family: MS UI Gothic; 
           font-weight: normal;
           font-size: 14px; color: #000000;
           margin: 0px 0px 0px 370px; 
           padding: 35px 190px 0px 0px;
           text-align: left;

}

.top h3     
{

           font-family: MS UI Gothic; 
           font-weight: normal;
           font-size: 14px; color: #000000;
           margin: 5px 0px 0px 370px; 
           padding: 0px 190px 0px 0px;
           text-align: left;

}


#h-cont
{
font-size: 13px;
width: 800px;
height: 50px;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-image: url("http://www.side-one.net/gyousei/img/chback.gif");


}

.m-link
{

float: left;
margin: 0px 0px 0px 0px;
padding: 20px 0px 0px 30px;


}

#h-cont p
{
     font-family: MS UI Gothic;
     color: #ffffff;
     font-weight: bold;
}

.m-link a
{
     font-family: MS UI Gothic;
     color: #ffffff;
     font-weight: bold;
}

.m-link a:link{color: #ffffff;}

.m-link a:visited{color: #ffffff;}

.m-link a:active{color: #ffffff;}

.m-link a:hover{color: #FFFF3E;}




#m-cont
{

width: 800px;
height: auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
background-image: url("http://www.side-one.net/gyousei/img/mcback.gif");


}


#footer
{

width: 800px;
height: 50px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
background-image: url("http://www.side-one.net/gyousei/img/fback.gif");

}

#footer p
{
          font-family: MS UI Gothic; 
          font-weight: bold;
          font-size: 13px;
          color: #ffffff;
          margin: 0px 0px 0px 0px;
          padding: 10px 0px 0px 0px;

}


#center
{

float: right;
width: 580px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

}



.t-mcont1
{

float: center;
width: 540px;
height: 30px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-image: url("http://www.side-one.net/gyousei/img/t-cont1.gif");

}

.t-mcont1 h4
{

          float: left;
          font-family: MS UI Gothic; 
          font-size: 16px; color: #FF0000;
          text-align: left;
          margin: 0px 0px 0px 20px;
          padding: 20px 0px 5px 0px;

}


}


.c-mcont1
{

float: center;
width: 480px;
line-height: auto;
margin: 0px 0px 0px 0px;
padding: 1px 30px 1px 30px;
background-image: url("http://www.side-one.net/gyousei/img/m-cont1.gif");

}



.c-mcont1 h4
{

          font-size: 14px;
          color: #000000;
          font-weight: normal;
          text-align: left;
          margin: 0px 0px 0px 50px;
          padding: 5px 25px 0px 0px;
}

.c-mcont1 h5
{


          font-size: 14px;
          font-weight: bold;
          color: green;
          font-weight: normal;
          text-align: left;
          margin: 0px 0px 0px 0px;
          padding: 10px 0px 10px 0px;

}


.c-mcont1 li
{
          width:85px; 
          font-size: 13px;
          color: blue;
          font-weight: bold;
          text-align: left;
          margin: 0px 0px 5px 0px;
          padding: 0px 0px 0px 0px;
          list-style: none;
          float: left;


}




.c-mcont1 p
{

          float: left;
          font-size: 16px;
          color: #000000;
          font-weight: bold;
          text-align: left;
          margin: 5px 0px 0px 30px;
          padding: 5px 25px 0px 0px;

}


.l-mcont1
{

float: center;
width: 540px;
height: 30px;
margin: 0px 0px 8px 0px;
padding: 0px 0px 0px 0px;
background-image: url("http://www.side-one.net/gyousei/img/l-cont1.gif");

}


.ad-box1
{

float: center;
width: 360px;
text-align: left;
background-image: url("http://www.side-one.net/gyousei/img/ad-box.gif");
margin: 7px 0px 5px 0px;
padding: 15px 0px 5px 180px;

}


.kousin
{

float: center;
width: 540px;
height: 150px;
margin: 10px 0px 5px 0px;
padding: 0px 0px 0px 0px;
background-image: url("http://www.side-one.net/gyousei/img/kousin.gif");


}

.k-box
{

float: right;	
width: 370px;
height: 80px;
overflow: auto;
margin: 40px 10px 0px 0px;
padding: 0px 0px 0px 0px;


}

.k-box li
{
          font-size: 13px;
          color: blue; font-weight: bold; 
          text-align: left;
          margin: 0px 0px 0px 0px;
          padding: 0px 0px 0px 0px;

}



#left
{

float: left;	
width: 220px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;


}

#lm-box
{

float: center;
width: 200px;
height: 400px;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 20px;

}

.tmenu
{

width: 193px ;
height: 24px;
margin:  0px 0px 0px 0px;
padding: 6px 0px 0px 0px;
background-image: url("http://www.side-one.net/gyousei/img/tmenu.gif");

}

.tmenu a   {

                font-family: MS UI Gothic; 
                font-weight: bold;
                font-size: 14px; color: #FF0000; 
                margin:  0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
                text-align: center;
                text-decoration: none;
 	}


.tmenu a:visited {color: #FF0000;}

.tmenu a:hover {color: blue;}









.menu
{

width: 193px ;
height: 135px;
margin:  3px 0px 10px 0px;
padding: 15px 0px 0px 0px;
background-image: url("http://www.side-one.net/gyousei/img/menu.gif");

}

.menu li
{
          text-align: left;
          font-family: MS UI Gothic;
          font-size: 13px;
          color: blue;
          font-weight: bold;
          margin: 0px 0px 5px 0px;
          padding: 0px 0px 0px 0px;

}

.menu a: {text-decoration: none;}

.menu a:visited {color: #00A0C6;}

.menu a:hover {color: #FF0000;}






.tname
{

width: 192px ;
height: 32px;
margin:  0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-image: url("http://www.side-one.net/gyousei/img/m-tback.gif");

}

.tname p   {

                font-family: MS UI Gothic; 
                font-weight: bold;
                font-size: 14px; color: #FF0000; 
                margin:  0px 0px 0px 0px;
                padding: 8px 0px 0px 0px;
                text-align: center;

 	}

.lh
{

width: 193px;
height: 20px;
margin: 3px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-image: url("http://www.side-one.net/gyousei/img/m-lt.gif");


}


.lm
{

width: 193px;
line-height: auto;
margin: 0px 0px 0px 0px;
padding: 1px 0px 1px 0px;
background-image: url("http://www.side-one.net/gyousei/img/m-lm.gif");
text-align: left;

}

.lm p
{
          font-family: MS UI Gothic;
          font-size: 12px;
          margin: 0px 0px 0px 0px;
          padding: 0px 10px 0px 0px;
          text-align: right;

}

.lm li
{

          font-family: MS UI Gothic;
          font-size: 13px;
          color: blue;
          font-weight: bold;
          margin: 0px 0px 5px 0px;
          padding: 0px 0px 0px 0px;

}

.lm a: {text-decoration: none;}

.lm a:visited {color: #00A0C6;}

.lm a:hover {color: #FF0000;}



.ll
{

width: 193px;
height: 20px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
background-image: url("http://www.side-one.net/gyousei/img/m-ll.gif");


}


/*------------- 　文字の色や強調  ----------*/

.black  {color: #000000; font-weight: normal}
.blackb {color: #000000; font-weight: bold}
.blackl {color: #000000; font-weight: bold; font-size: 16px}

.white  {color: #ffffff}
.whiteb {color: #ffffff; font-weight: bold}
.whitel {color: #ffffff; font-weight: bold; font-size: 16px}

.red  {color: red}
.redb {color: red; font-weight: bold}
.redl {color: red; font-weight: bold; font-size: 16px}


.blue  {color: blue; font-weight: normal}
.blueb {color: blue; font-weight: bold}
.bluel {color: blue; font-weight: bold; font-size: 16px}



.sblue  {color: #6a5acd; font-weight: normal}
.sblueb {color: #6a5acd; font-weight: bold}
.sbluel {color: #6a5acd; font-weight: bold; font-size: 16px}


.green  {color: green; font-weight: normal}
.greenb {color: green; font-weight: bold}
.greenl {color: green; font-weight: bold; font-size: 16px}


.orange  {color: orange; font-weight: normal}
.orangeb {color: orange; font-weight: bold}
.orangel {color: orange; font-weight: bold; font-size: 16px}

.bg-yellow {background: #FFFF3E;}
.bg-orange {background: #FF9900;}
.bg-green  {background: #00FF00;}
.bg-blue   {background: #00A0C6;}
.bg-pink   {background: #FF66FF;}




.pr {
	width: 150px;
	height: 10px;
	overflow: auto;
	border: solid 0px #cccccc;
	background: #ffffff;
	scrollbar-base-color: #ffffff;
	scrollbar-arrow-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	text-align: left;
	}

.pr a {
	font-size: xx-small;
	color: #cccccc;
	text-decoration: none;
	font-weight: nomal;
	}

.pr a:link {
	color: #cccccc;
	}

.pr a:visited {
	color: #cccccc;
	}

.pr a:active {
	color: #cccccc;
	}

.pr a:hover {
	color: #cccccc;
	}

.pr ul {
	margin-top: 100px;
	padding: 0px;
	list-style-type: none;
	}

.pr li {
	font-size: xx-small;
	line-height: 110%;
	}





