body         { margin-top: 20px; padding: 0px; background-color: #B0E0E6 }
a            { color: #33aaaa }
a:hover      { color: #00cc00 }
body,th,td   {font-family:tahoma; "ＭＳＰ ゴシック"}

.c1{
position:absolute; left:0px; top:0px; visibility:hidden;
font-size:11pt; color:#0099FF; font-family:"ＭＳＰ ゴシック";
background-color:#FFFFE0; layer-background-color:#FFFFE0;
border:1px solid #0099FF; padding:5px;
}

/* === ヘッダー部分のスタイル === */

.head        { background-color: #3366FF;width: 768px; height: 50px;
               margin-left:auto; margin-right:auto }
.head h1     { font-size: 36px; font-family: tahoma; color: #FFFFFF; margin-left: 10px; 
               margin-bottom: 0px }
.headmenu    { background-color: #336699; width: 768px; margin-left:auto; margin-right:auto }
.headmenu div { font-weight: bold; font-family:tahoma; line-height: 150%; font-size: 12px; color: white }
.headmenu a  { color: #FFFFFF; text-decoration: underline }
.headmenu a:hover { color: #FFFF00 }
/* === サイドバーとコンテンツ部分のスタイル === */

.side_main   { width: 768px; height: 100%; border-left: 3px solid #336699; 
               border-right: 3px solid #336699; border-top-style: none; 
               border-top-width: medium; border-bottom: 3px solid #336699;
               margin-left:auto; margin-right:auto }

/* === サイドバー部分のスタイル === */

.side        { width: 120px; background-color: #3366FF;vertical-align: top; padding: 0px }
.space1      { width: 120px; height: 10px }
.side div    { font-size: 12px; font-weight: bold; border-bottom: 1px solid white }
.side a      { color: #ffffff; text-decoration: none; display: block; padding-left: 12px; 
               padding-right: 0px; padding-top: 8px; padding-bottom: 8px }
.side a:hover { color: #3366FF; background-color: #FFFFFF }
.sidemenu1   { border-top: 1px solid #FFFFFF; margin-top: 22px }
/* === コンテンツ部分のスタイル === */

.main        { background-color: #FFFFFF; width: 100%; vertical-align: top; padding-left: 20px; padding-right: 20px; 
               padding-top: 25px; padding-bottom: 15px }
.main h1     { background-color: #3366ff; font-size: 18px; color: white; padding-left: 6px;
               border-left: 25px solid #33aaaa;
               padding-top: 5px; padding-bottom: 3px }
.main h2     { font-size: 16px }
.main p      { font-size: 14px; line-height: 160%; color: #333333 }
.photo td    { vertical-align: top; font-size: 12px; padding: 0px }
.photo img   { margin-right: 8px }

/* === サイドバー部分（右）のスタイル === */

.side2	{width:130px;
         vertical-align:top;
         padding-left:3px;
	 padding-right:0px;
         background-color:#336699}

.space2      { width: 130px; height: 10px }

.side2 .submenu	{font-size:12px;
	 font-family:Arial, Helvetica;
         color:#ffffff;
	 background-color:#3366FF;
         border-left: 15px solid #33aaaa;
	 padding:3px;
	 margin-top:24px;
         margin-bottom:0px}

.side2 .submenu2 {background-color:#ffffff;
         margin-top:10px;
         margin-bottom:5px;
         text-align:center;
         padding:10px}

.side2 div   { font-size: 12px; margin-bottom: 5px }
.side2 a     { color: #333333 }
.side2 img   { border-style: none; align:center }

/* === フッター部分のスタイル === */
.footmenu    { background-color: #336699; width: 768px; margin-left:auto; margin-right:auto }
.footmenu div { line-height: 150%; font-size: 12px; font-family:tahoma; color: white; text-align: right; 
               padding-right: 5px; padding-top: 2px; padding-bottom: 2px }
.footmenu a  { color: #FFFFFF; text-decoration: none }
.footmenu a:hover { color: #FFFF00 }


