/* 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */
/* 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */
/* トップページ専用 */
/* 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */
/* 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */
/*
◆トップ絵のサイズは初期状態で 700 * 572。

◆ファイル名やサイズを変更する場合は HTMLの下記を修正する。
<td id="layoutTableRight" style="background-image:url(img_200604/top.jpg); width:700px; height:572px;">

◆Web拍手ボタンはドロップシャドウを付けている関係上、背景画像の色に馴染ませた
　透過GIFにする必要がある。
　「更新用_左フレーム.psd」のレイヤー「Web拍手切り出し用背景」を参考。

◆トピックスのリンク色を変更する場合は CSSの下記を修正する。
#indexTopics a{
	color: #1593ff;
	text-decoration: none;
	border-bottom: dashed 1px #1593ff;
}
#indexTopics a:hover{
	color: #0063d0;
}


/* 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */
/* 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */
/* ■左枠 */
/* ////////////////////////////// */
/* ■Web拍手 */
#layoutLeft .webClap{
	margin: 8px 0 0 0;
	font-size: 10px;
	text-align: center;
	color: #ffffff;
}
/* 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */
/* 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */
/* ■右枠 */
/* レイアウト用テーブルの右側 */
#layoutTableRight{
	width: 700px;
	background-position: left top;
	background-repeat: no-repeat;
	vertical-align: top;
}
#layoutTableRight .contentsBox{
	height: 100%;
	background: url("img_200604/corner_bottom_right.gif") right bottom no-repeat;
	position: relative;
}

/* ////////////////////////////// */
/* ■トピックス：FireFoxで背景画像がズレて表示されるので、class=valueを追加 */
#indexTopics{
	width: 260px;
	height: 160px;
	position: absolute;
	border: solid 1px #ef3242;
	background: url("img_200604/bg_topics.gif") right bottom repeat-x;
	background-color: #ffffff;
	font-size: small;
}
#indexTopics .value{
	height: 100%;
	overflow: auto;
	padding: 2px 10px 10px 10px;
}
#indexTopics h2{
}
#indexTopics h3{
	font-size: 100%;
	font-weight: bold;
	color: #ef3242;
	margin: 0.5em 0 0.5em 0;
}
#indexTopics p{
	color: #ef3242;
}
#indexTopics a{
	color: #1593ff;
	text-decoration: none;
	border-bottom: dashed 1px #1593ff;
}
#indexTopics a:hover{
	color: #0063d0;
}