@charset "UTF-8";
body  {
 background-image: url(img/back.jpg);
 background-repeat: repeat-x;
 padding: 0px;
 margin: 0px;
 font-family: Geneva, Arial, Helvetica, sans-serif;
 color: #333333;
 text-decoration: none;
 background-color: #000000;
}
.twoColFixLtHdr #container {
 width: 780px;
 margin: 0 auto;
 text-align: left;
 background-color: #FFFFFF;
} 
.twoColFixLtHdr #header { margin: 0px; } 
.twoColFixLtHdr #header h1 { margin: 0px; }
.twoColFixLtHdr #sidebar1 {
 float: left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
 width: 180px;
 padding-right: 5px;
 padding-bottom: 15px;
 padding-left: 15px;
 padding-top: 0px;
 margin-top: 20px;
}

.twoColFixLtHdr #container #sidebar1 table {
 border: 1px solid #BFBFBF;
 margin-bottom: 5px;
 padding: 2px;
 margin-top: 0px;
 margin-right: 0px;
 margin-left: 0px;
 background-repeat: no-repeat;
 background-position: right bottom;
 width: 182px;
 background-image: url(img/triangle.gif);
}

.twoColFixLtHdr #container #sidebar1 img { margin-bottom: 5px; }
.twoColFixLtHdr #mainContent {
 margin-top: 20px;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 205px;
 padding-top: 0px;
 padding-right: 15px;
 padding-bottom: 15px;
 padding-left: 15px;
 font-size: 11px;
} 
.twoColFixLtHdr #footer {
 color: #999999;
 text-align: center;
 padding-top: 0;
 padding-right: 10px;
 padding-bottom: 40px;
 padding-left: 20px;
} 
.twoColFixLtHdr #footer p {
 margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
 padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
 font-weight: lighter;
}
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.twoColFixLtHdr #container #pan {
 margin: 0px;
 background-color: #000000;
 color: #FFFFFF;
 padding-top: 1px;
 padding-right: 0px;
 padding-bottom: 1px;
 padding-left: 15px;
 text-align: left;
 height: 30px;
}

h1 {
 font-size: 14px;
 color: #333333;
}

h2 {
 font-size: 12px;
 color: #666666;
}

h3 {
 font-size: 10px;
 line-height: 20px;
 text-decoration: none;
 color: #666666;
}

#sidebar1 h3 {
 font-size: 14px;
 text-decoration: none;
 color: #666666;
 font-weight: lighter;
 }
#mainContent  h2 {
 font-size: 14px;
 font-weight: lighter;
 color: #666666;
 border-bottom-width: 1px;
 border-bottom-style: dotted;
 border-bottom-color: #CCCCCC;
}

#mainContent h1 {
 font-size: 16px;
 font-weight: lighter;
 color: #442005;
}

#sidebar1 p {
 font-size: 10px;
 font-weight: lighter;
 text-decoration: none;
 color: #666666;
 line-height: 15px;
  }

h4 {
 font-size: 9px;
 letter-spacing: 1px;
 font-weight: lighter;
}

h5 {
 font-size: 7.5px;
 letter-spacing: 1px;
}

#mainContent h3 { font-weight: lighter; }