@charset "UTF-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #333333;
	background-repeat: repeat-x;
}

.twoColHdr #container {
	width: 900px;
	margin: 0 auto;
	text-align: left;
} 
.twoColHdr #header {
	width: 900px;
	height: 80px;
} 
.twoColHdr #header h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 10px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}
.twoColHdr #sidebar1 {
	float: left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 180px;
}
.twoColHdr #mainContent {
	width: 680px;
	float: right;
} 
.twoColHdr #footer {
	clear: both;
	background-image: url(images/foot.gif);
	height: 80px;
	background-repeat: no-repeat;
} 
.twoColHdr #footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
	float: left;
}
.twoColHdr  #sidebar_main {
	width: 180px;
}
.twoColHdr #sidebar_search {
	width: 180px;
	background-image: url(images/sidemenu_search.jpg);
}
.twoColHdr #sidebar_footer {
	width: 180px;
	background-image: url(images/sidemenu_10.jpg);
	height: 70px;
	background-repeat: no-repeat;
}
*#sidemenu_category {
	margin: 10px ;
	width: 155px;
}



table {margin: 0; padding: 0; font-size: 12px;}
table td {font-size:12px; padding: 0; border-width: 0; vertical-align: top; font-family: sans-serif; line-height:150%;}
a {color: #333399; text-decoration: none; font-weight: bold; background-color: transparent;}
a:hover {color: #CC6633;}

.hide {font-size: 1px; line-height: 1px; color: white}
.small {font-size: 10px; line-height: 16px; color: #666666;}
.pankuzu {font-size: 9px; line-height: 30px; color: #666666; padding:5px;}
h3 {font-size: 1px; line-height: 1px; color: white}

h2 {}

h1 {font-size: 14px; font-weight: bold;}
h4 {}
h5 {}
ul { margin-left: 10px; margin: 6px; padding: 0px; list-style: decimal inside; text-align: left;}
li { margin-left: 10px; list-style: square; color: #2F5376}


.formbox {
	border-bottom: 1px solid #dcdcdc;
	margin-bottom: 5px;
}
.listbox {
	border-bottom: 1px solid #999999;
	padding: 5px;
	line-height: 150%;
	}
.listbox_r {
	border-bottom: 1px solid #999999;
	border-left: 1px dotted #CCCCCC;
	padding: 5px 5px 5px 20px;
	line-height: 150%;
	}
.listbox_b {
	border-bottom: 2px solid #999999;
	padding: 5px;
	line-height: 150%;
}
.listbox2 {
	border-bottom: 1px solid #FFFFFF;
	line-height: 150%;
	padding: 5px;
}
.listbox3 {
	border-bottom: 1px solid #999999;
	line-height: 110%;
	padding: 2px;
	vertical-align: middle;
}
.listbox4 {
	line-height: 150%;
	padding: 4px;
}
.listbox5 {
	line-height: 125%;
	padding: 5px;
}
.listbox6 {
	line-height: 125%;
	padding: 5px;
	border-bottom: 1px solid #AAAAAA;
}
.listbox7 {
	line-height: 150%;
	font-size:100%;
}
.centertitle {
	padding: 0px 10px 0px 10px;
}
.centerbox {
	padding: 0px 0px 0px 0px;
	font-size: 14px;
}
.centertext {
	margin-left: 0px;
	margin-right:18px;
}
.centerline {
	width:100%;
	border-bottom: medium double #999999;
	padding: 8px 0px 8px 0px;
}
.centerlineV {
	border-right: 1px solid #999999;
	padding: 8px 8px 8px 8px;
}
.sidetitle {
	border-bottom: 1px solid #CCCCCC;
	padding: 5px;
	font-size: 12px;
	font-style:bold;
}
.side {
	padding: 5px;
	font-size: 12px; 
	color: #000000;
}
	
td#mainmenu a {background-color: #e6e6e6; display: block; margin: 0; padding: 4px;}
td#mainmenu a:hover {background-color: #ffffff;}
td#mainmenu a.menuTop {padding-left: 3px; border-top: 1px solid silver; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;}
td#mainmenu a.menuMain {padding-left: 3px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;}
td#mainmenu a.menuSub {padding-left: 9px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;}