@charset 'Shift JIS'; /* 文字コード */

/* -------------------- ここから基本形 -------------------- */
body {
	background-color: #202020;
	color: #ffffff;
	text-align: center;
	font-size: 16px;
	font-family: "ＭＳ ゴシック",sans-serif;
}

a { /* リンクされた文字 */
	color:#ff00ff;
	text-decoration: none;
}
a:link { /* 未訪問のリンク */
	color: #ffffff;
}
a:visited { /* 訪問後のリンク */
	color: #909090;
}
a:hover { /* マウスを乗せたとき */
	color: #ff00ff;
}
a[name]:hover { /* name属性のマウスを乗せたとき */
	color: #ff00ff;	/* bodyと同じものを使う */
}

img{ /* 画像 */
    vertical-align: top;	/* 上揃え */
}


/* ----- 特殊なリンク ----- */
.ExLink a{ /* リンクされた文字 */
	color: #ffaaff;
	text-decoration: none;
}
.ExLink a:link { /* 未訪問のリンク */
	color: #ffaaff;
}
.ExLink a:visited { /* 訪問後のリンク */
	color: #ffaaff;
}
.ExLink a:hover { /* マウスを乗せたとき */
	color: #ff00ff;
}
.ExLink a[name]:hover { /* name属性のマウスを乗せたとき */
	color: #ff00ff;	/* bodyと同じものを使う */
}
/* -------------------- ここまで基本形 -------------------- */

/* -------------------- ここから画面レイアウト -------------------- */
#countainer { /* ページ枠 */
	background-color: #303030;
	width: 1280px;
	text-align: left;
	margin: 0 auto;
}
#header { /* ヘッダー領域 */
	background-color: #cccccc;
}

#navi { /* ナビ領域 */
	background-color: #400070;
	padding: 10px;
}
#main { /* メイン(左側)領域 */
	background-color: #404040;
	float: left;
	width: 960px;
	padding: 10px;
}
#maincore{ /* メイン本文の上段領域 */
	/* 特に何もしない */
	font-size: 16px;

	text-size-adjust: none;
	-webkit-text-size-adjust: none; /* Safari */
}
#mainsub { /* メイン本文サブ(左側PrevOrNext)領域 */
	/* 特に何もしない */
	font-size: 16px;
}
#column { /* サブ(右側)領域 */
	background-color: #101010;
	float: right;
	width: 280px;
	padding: 10px;
}
#footer { /* フッター領域 */
	background-color: #400070;
	text-align: center;
	padding: 10px;
	clear: left;
}
/* -------------------- ここまで画面レイアウト -------------------- */

/* -------------------- ここから折りたたみパネル(タイトル用) -------------------- */
.panelHeader {
	width: 280px;
	
	font-weight: bold;
	
	text-align: center;
	background-color: #800080;
	
	border: solid 1px #800080;
	
	padding-top: 4px;
	padding-bottom: 4px;
}
/* -------------------- ここまで折りたたみパネル(タイトル用) -------------------- */

/* -------------------- ここから折りたたみパネル -------------------- */
input[type="checkbox"].ExpandCheckBox {
	display: none;
}
 
input[type="checkbox"].ExpandCheckBox + .ExpandHeader {
	width: 280px;
	display: block;

	text-align: center;
	background-color: #400070;

	border: solid 1px #400070;
	
	padding-top: 4px;
	padding-bottom: 4px;
}
 
input[type="checkbox"].ExpandCheckBox:checked + .ExpandHeader {
	width: 280px;
	display: block;

	text-align: center;
	background-color: #400070;

	border-top: solid 1px #400070;
	border-left: solid 1px #400070;
	border-right: solid 1px #400070;
	border-bottom: none;
}
 
 
input[type="checkbox"].ExpandCheckBox + label + div.panel {
  display: none;
}
 
input[type="checkbox"].ExpandCheckBox:checked + label + div.panel {
	display: block;
	width: 280px;
	border-left: solid 1px #400070;
	border-right: solid 1px #400070;
	border-bottom: solid 1px #400070;
}
/* -------------------- ここまで折りたたみパネル -------------------- */