@charset "UTF-8";
/* CSS Document */

body  {
	font: 11pt "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
	height:1.3em;
	background-image:url(../img/bg.gif);
	/*background: #ffffff;*/
	margin: 0;
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
}
#pan{
	background-image:url(../img/sq.gif);
	width:100%;
	height:18px;
	font-size:8pt;
	color:#FFFFFF;
	text-indent: 20px;
}

#pan a{
	text-decoration:none;
	color:#FFFFFF;
	line-height: 1.8em;
}

.thrColFixHdr #container {
	width: 703px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF;
	margin:auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	/*border: 1px solid #333333;*/
	text-align: left;
}
ul#nav{
	margin-left:-40px;
	margin-top:-23px;
	
}
ul#nav li{
	float:left;
	width:100px;
	line-height:27px;
	font-family:"メイリオ", "小塚ゴシック Pro EL","ＭＳ Ｐゴシック" , "ヒラギノ角ゴ Pro W3";
	font-size:10pt;
	text-align:center;
	list-style-type: none;
}
ul#nav li a{
	color:#333333;
	display:block;
	padding:0;
	background-image:url(../bt/bt.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	background-position:0px 0px;
	

}
ul#nav li a:hover, ul#navi li a:active{
	background-position:-100px 0px;
}

.thrColFixHdr #header h1 {
	margin-top:0;
	padding: 0;
}
.thrColFixHdr #header img{
	margin:0;
}

/*.thrColFixHdr #mainContent {
	margin: 0 5px 0 5px;
	padding:10px 10px; 
	min-height: 300px;
} 
/*.thrColFixHdr #mainContent .fself{
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size:11pt;
}
.thrColFixHdr #mainContent .enself{
	font-size:9pt;
	color:#333333;
}*/
.thrColFixHdr #tpc{
	float: right;
	width: 220px;
	margin:0;
	padding-top: 0;
	min-height:300px;
}

.twoColFixRtHdr #Content { 
	margin: 0;
	padding: 0;
	width:100%;
}
.twoColFixRtHdr #Content table{
	border-color: #666666;
	float:left;	
} 
.thrColFixHdr #footer {
	margin-top:20px;
	padding: 0 10px 0 20px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	background:#cccccc;
} 
.thrColFixHdr #footer p {
	margin: 0;
	padding: 10px 0;
	text-align:left;
	font-family:Arial, Helvetica;
	font-size:11px;
	color:#333333;
}
.sml{
	font-size:9pt;
}


.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
[if IE 5]>

<![endif][if IE]>
/* この条件分岐コメントにすべてのバージョンの IE を対象とした css のフィックスを配置します */
.thrColFixHdr #mainContent { zoom: 1; }
/* 上述の専用のズームプロパティにより、いくつかのバグを回避するのに必要な hasLayout が IE に対して設定されます */

<![endif]