body	  {text-align:center}

a	  {color:#0066ff}
a:hover	  {color:red}
a:visited {color:purple}

/* === ヘッダー部分のスタイル === */

.head	{background-color:#66cc33;
	 width:620px;
	 height:95px;
	 margin-left:auto;
	 margin-right:auto}

.head td	{vertical-align:top;
	 padding-top:8px}

.head1	{width:45px;
	 text-align:right}

.head2	{padding-left:4px}

.head h1	{font-size:23px;
	 font-family:'Comic Sans MS';
	 color:white;
	 margin-bottom:2px}

.head div	{font-size:12px;
	 color:white}


/* === コンテンツ部分のスタイル === */

.main	{width:550px;
	 margin-top:40px;
	 margin-left:auto;
	 margin-right:auto;
	 text-align:left}

.main h2	{font-size:16px;
         color: #333333;
	 border-bottom:solid 2px #66cc33;
	 padding-bottom:3px;
	 margin-bottom:12px}

.main h3 { font-size: 14px;
		color: #333333;
           padding-bottom:3px;
           margin-bottom: 10px;
         }

.main p	{font-size:12px;
	 line-height:18px;
	 color:#333333;
	 margin-top:0px}

.link	{font-size:smaller}
.link hr	{color:#66cc33;
	 background-color:#66cc33;
	 border:none}

/* === テーブルで表を組む ===*/

.box  {  width: 550px;
         text-align: left;
      }

.left { width: 300px;
        vertical-align: top;
        padding-top: 10px; }

.right { width: 250px; 
         padding: 10px;
        vertical-align: top;
}



/* === ボックスの上にタイトルを入れたスタイル ===*/
.box-head {
           　 color: #FFFFFF;
              font-weight: bold;
               background-color: #66cc33;
               text-align: center;
              padding: 5px;
               }

.box-body {
             background-color: #FFFFFF;
             margin: 10px 5px 0px 0px;
                          
              }