@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
}
.thrColFixHdr #container {
	width: 750px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background-color: #ffcc00;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 0px solid #000000;
	text-align: left;
} 
.thrColFixHdr #header {
	background: #DDDDDD;
	padding: 0;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
} 
.thrColFixHdr #header h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 0px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}
.thrColFixHdr #sidebar1 {
	float: left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	line-height: 0px;
	width: 140px; /* 標準に準拠したブラウザまたは Internet Explorer の標準モードでは、この div の実際の幅には、幅に加えて余白と境界線も含まれます */
	background-color: #ffcc00; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	padding: 0px; /* 余白は、div のコンテンツを div の端に接触しない位置に維持します */
	display:inline;
}
.thrColFixHdr #sidebar2 {
	float: right; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	line-height: 0px;
	width: 150px; /* 標準に準拠したブラウザまたは Internet Explorer の標準モードでは、この div の実際の幅には、幅に加えて余白と境界線も含まれます */
	background-color: #FFCC00; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	padding: 5px; /* 余白は、div のコンテンツを div の端に接触しない位置に維持します */
}
.thrColFixHdr #sidebar2_e {
	float: right; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	line-height: 0px;
	width: 173px; /* 標準に準拠したブラウザまたは Internet Explorer の標準モードでは、この div の実際の幅には、幅に加えて余白と境界線も含まれます */
	background-color: #FFCC00; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	padding: 5px; /* 余白は、div のコンテンツを div の端に接触しない位置に維持します */
}
.thrColFixHdr #sidebar2 li{
	margin: 0px;
	padding:5px 0px;
	background: #ffff99; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
}
.thrColFixHdr #sidebar2_e li{
	margin: 0px;
	padding:5px 0px;
	background: #ffff99; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
}

.thrColFixHdr #mainContent {
	padding: 0;
	margin-top: 0px;
	margin-bottom: 0;
	margin-left: 140px;
	margin-right: 150px;
} 
.thrColFixHdr #mainContent_e {
	padding: 0;
	margin-top: 0px;
	margin-bottom: 0;
	margin-left: 140px;
	margin-right: 173px;
	text-align:left;
} 
.thrColFixHdr #mainContent_e td{
	text-align:center;
	vertical-align:bottom;
}
.thrColFixHdr #mainContent2 {
	padding: 5px;
	margin-top: 0px;
	margin-bottom: 0;
	margin-left: 140px;
	margin-right: 150px;
} 
.blocktext{
	text-indent: 1em;
	margin: 3px 8px;
	text-align:left;
	alignment:left;
}
.thrColFixHdr #mainContent2 p{
	text-indent: 1em;
	margin: 3px 8px;
	text-align:left;
}

#tb_activity{
	margin-top: 10px;
	margin-left:10px;
}
.thrColFixHdr #mainContent2 h2 img{
	margin:0;
	padding:0;
	border:0;
}
.thrColFixHdr #mainContent2 h3{
	text-align:left;
	alignment:left;
	font-size:x-large;
	font-weight:bold;

}
.thrColFixHdr #mainContent2 h4{
	text-align:left;
	alignment:left;
	font-weight:bold;
	font-size:large;

}
.thrColFixHdr #mainContent2col {
	margin-top: 0px;
	float: left;
	width:610px;
} 

.thrColFixHdr #mainContent tr,td{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.thrColFixHdr #footer {
	padding: 0 3px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	background-color: #FFFFff;
	margin-top:0px
} 
.thrColFixHdr #footer p {
	margin: 0px; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 0px 3px;
	font-size:12px;
}
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* グローバルメニュー定義用追加 START */
.gmenu a{
	text-decoration:none;
	display:block;
	width:140px;
	height:46px;
	border:none;
}
.gmenu img{
	vertical-align:bottom;
	
}

/*
.gmenu a{
	text-decoration:none;
	display:block;
	width:140px;
	height:46px;
	text-indent:-9999px;
}

.gmenu .gmenu1 a{
	background-image:url(images/sidemenu_1.jpg);
	bagkground-repeat:no-repeat;
}
.gmenu .gmenu2 a{
	background-image:url(images/sidemenu_2.jpg);
	bagkground-repeat:no-repeat;
}
.gmenu .gmenu3 a{
	background-image:url(images/sidemenu_3.jpg);
	bagkground-repeat:no-repeat;
}
.gmenu .gmenu4 a{
	background-image:url(images/sidemenu_4.jpg);
	bagkground-repeat:no-repeat;
}
.gmenu .gmenu5 a{
	background-image:url(images/sidemenu_5.jpg);
	bagkground-repeat:no-repeat;
}
.gmenu .gmenu6 a{
	background-image:url(images/sidemenu_6.jpg);
	bagkground-repeat:no-repeat;
}
.gmenu .gmenu7 a{
	background-image:url(images/sidemenu_7.jpg);
	bagkground-repeat:no-repeat;
}
.gmenu .gmenu8 a{
	background-image:url(images/sidemenu_8.jpg);
	bagkground-repeat:no-repeat;
}
.gmenu9 a{
	background-image:url(images/sidemenu_9.jpg);
	bagkground-repeat:no-repeat;
}
.gmenu10 a{
	background-image:url(images/sidemenu_10.jpg);
	bagkground-repeat:no-repeat;
}
*/
/* グローバルメニュー定義用追加 END */
/* etegami用独自追加 START */
.center td{text-align:center;vertical-align:top;align:center;margin-left:auto;margin-right:auto;}
/*絵手紙の拡大画面 */
.etegami div{
	margin:0px;
	padding:0px;
	text-align:left;
}
.etegami-img p{
	float: left;
	text-align:center;
	align:center;
	display:block;
	background-color:red;
}
.etegami p{
	margin-top:2px;
	margin-bottom:15px;
	margin-left:0px;
	padding-left:5px;
	text-align:left;
	line-height:1.6em;
	width:200px;
}
/* etegami用独自追加 END */
/* 新着情報用定義 START */
#whatsnew {
	margin-top:10px;
	margin-left:10px;
	padding:0 5;
	line-height:1.2em;
	text-indent: 1em
	text-align:left;
}
#subMain {
	margin-top:10px;
	margin-left:0px;
	padding:0;
	line-height:1.1em;
	TEXT-INDENT: 1em
	text-align:left;
}
#subsubMain {
	margin-top:5px;
	margin-left:5px;
}
.table_whatsnew_td{
	text-align:left;
	align:left;
	padding-right:5px;
}
/* 新着情報記事 */
.whatsnew_date {
	font-size: small;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	vertical-align:top;
	align:left;
	text-align:left;
}
.whatsnew_item {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: smaller;
	text-align:left;
}
.whatsnew_item a{
	padding-left:5px;
	text-decoration:none;
	display:block;
}
.section {
	MARGIN: 10px 10px 25px 5px; 
}
.section p{
	line-height:1.4em;
	text-indent: 1em
}
.up {
	BACKGROUND: url(images/up7.gif) #ffcc00 no-repeat right top; COLOR: #000000
}
.update {
	FONT-SIZE: 60%; 
	MARGIN-LEFT: 10px;
	COLOR: #666666;
	text-align:right;
	align:right;

}

#whatsnew  H3 {
	PADDING-LEFT: 5px; 
	FONT-SIZE: 103%; 
	font-weight:bold;
	PADDING-BOTTOM: 3px; 
	MARGIN: 0px 5px 0px 0px; 
	BORDER-LEFT: #ff6600 10px solid; 
	BORDER-BOTTOM: #ff6600 1px solid
}



/* 新着情報用定義 END */

#table1{
	margin-top:20px;
	margin-left:20px;
}
#table2{
	margin-top:20px;
	margin-left:10px;
}
div#intro{
	padding:10px 20px;
}
#intro p{
	text-indent: 1em;
	font-size:small;
	margin-bottom:1em;
	line-height:1.4em;
}

.j4 { width:500px; }


#hotnews-table{
	border-collapse:collapse;
	border:0px #00cc66 solid;
}
#hotnews-contents{
	padding:20px 5px;
	width:120px;
	text-align:left;	
	line-height:1.2px;
	border:1px #00cc66 solid;
	background-color:#ffffff;
	display:block;
}
#hotnews-contents a{
	text-decoration:none;
}
#toiawase tr,td{
	text-align:left;
	align:left;
	vertical-align:top;
}
#toiawase table{
	margin-top:20px;
	padding-left:20px;
}
/* --- link --- */
#whatsnew a {
color: #CC3300;
text-decoration: underline;
}
#whatsnew a:visited {
color: #CC6969;
text-decoration: underline;
}
#whatsnew a:hover {
color: #CC6600;
text-decoration: none;
}

ul.disc {
	list-style-type : disc ;
	 margin-left:20px;
}
li{
	line-height:1.3em
}