body{
 background-color:#e0dcaa;
 text-align: center; }

a:link { color:#dc143c; }
a:visited { color:#dc143c; }
a:hover { color: #cccccc;
 text-decoration: none; 
 background-color: #dc143c;}

table {
 text-align:center;
 background-color: #cccccc;
 color: #0000cd ;
 width: 700px;
 margin-bottom:20px;
 margin-left: auto;
 margin-right: auto;
 font-weight : bold;
 font-size: small;
 margin-top: 0px; 
 border-bottom: 1px solid #ff7f50;}

.menu{
 text-align:center;
 width: 88px;
 background-color: #c0c0c0;
 color: #ffffff
}



/* 左側メニュー */
#sub_ex {
 text-align: left;
 float:left;
 width: 410px;
 height: 630px;
 margin-bottom: 0px;
 padding-top: 5px;
 background-color:#cccccc ;
 border-bottom: 1px solid #ff7f50;
}


/* 右側メイン*/
#main_ex {
 text-align: left;
 float:right;
 width: 285px;
 height: 630px;
 padding-top: 5px;
 background-color:#cccccc ;
 border-bottom: 1px solid #ff7f50;
}



/* 全体の縦横幅を決定 */
#bg {
 width: 700px;
 height: 800px;
 margin-bottom: auto;
 margin-left: auto;
 margin-right: auto;
 margin-top: 25px;
 background-color:#666666 ;
 border: 2px solid #ff7f50;
 }

#header {
 text-align: center;
 font-size:small;
 width: 700px;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 20px;
 color:#000000;
 background-color: #c0c0c0;
}


#title {
 text-align: center ; 
 width: 660px;
 height : 100px ; 
 border: solid 1px #191970 ;}

#credit {
 text-align: center ; 
 float: left;
 color: #ffffff ;
 width: 700px;
 margin-left: auto;
 margin-right: auto;
 font-size: small;
 margin-top: 3px; 
}


.side {
 margin-top: -2px;
 padding-top: 3px;
 border-top: dotted 1px #6495ed ;
 border-bottom: dotted 1px #6495ed ;}




/*classで用いられる指定 */
/*<p class=""><div class=""><span class="">のように使用される*/

.txt {
 text-align: left;
 font-size: small;
 padding-left: 7px; 
 color: #000000; }

.menutxt {
 text-align:left;
 font-size: small;
 padding-left:25px; 
 color: #000000; }


.menu2 {
 font-size: small;
 padding-left: 7px; 
 padding-right: 7px;
 padding-top: 3px;
 padding-bottom: 7px;
 margin-top: 10px;
 margin-bottom: 10px;
 margin-left: 10px;
 margin-right:10px;
 }

.iframe {
 font-size: small;
 padding-left: 5px; 
 }


/*見出しの指定 */
h1 {
 color: #cc9966;
 font-size: large;
 padding-left: 10px; 
 padding-right: 10px;}

h2 {
 padding-left: 10px; 
 text-align: left;
 color: #cc9966;
 font-size: medium;}

h3 {
 color: #000000;
 font-size: small;
 border-bottom: 1px solid #ff7f50;
 border-left: 7px solid #ff7f50;
 padding-left: 5px; }