@charset "UTF-8";

/*============================================
全般的なスタイル
============================================*/
* {
	margin:0; padding:0; 	/*全要素のマージン・パディングをリセット*/
	line-height:1.5;	/*全要素の行の高さを1.5倍にする*/
	color:#000000;		/*文字色*/
	vertical-align:middle;
} 
body {
	background-color:#FFFFFF;	/*ページ全体の背景色*/
	text-align:center;		/*IE6以下でセンタリングするための対策*/
}
div#pagebody {
	width:1200px; margin:0 auto;	/*内容全体をセンタリング*
	text-align:left;	/*テキストの配置を左揃えにする*/
	background-color:#FFFFFF;		/*内容全体の背景色*/
}

/*============================================
ヘッダ
============================================*/

div#header {
    margin-top: -25px;
	height:40px;
	background-color:#000000;		/*ヘッダ部分の背景色*/
	font:#FFFFFF;
	font-size:12px;
}

div#header table {
	text-align:center;
	margin-left:50px;
}

div#header td.title {
	width: 200px;
}

div#header td.command {
	width:100px;
}

div#header a {
	display:block;				/*リンクをブロック表示にする*/
	text-decoration:none; 			/*リンクの下線を無くす*/
	color:#FFFFFF;
	height:27px;
	padding-top:10px;
}


div#header a:link, div#header a:visited {
	color:#FFFFFF;
}

div#header a:hover {
	background-color:#333333;
}

/*============================================
メニュー（左カラム）
============================================*/

div#menu {
	background-color: #FFFFFF;
	width:200px;			/*幅の指定*/
	margin:10px;	/*位置調整（IE6のバグに注意）*/
	display:inline;			/*IE6のマージン算出のバグ対策*/
	float:left;			/*サブメニューのカラムを左寄せにする*/
}


div#menu form {
	padding: 20px;
	background:#DDDDDD;
}

div#menu dl {
	margin-top: 20px;
	margin-left: 10px;
	padding:0px;
	vertical-align:top;
	
}

div#menu dt {
	background-color: #CCCCCC;
	margin:0px;
	padding:0px;
	border: 1px solid #000000;
}

div#menu dt a {
	display:block;
	background-color: #CCCCCC;
	text-decoration: none;

}

div#menu dt:hover {
	background-color: #00FFFF;
}

div#menu dd  {
	border: 1px solid #000000;
	background-color: #DDDDDD;
	margin: 0px;
	padding:0px;
	text-align: left;
	
}

div#menu dd a {
	display:block;
	font-size:13px;
	text-align: left;
	text-decoration: none;
}

div#menu dd a:link {
	color:#000000;
}

div#menu dd a:visited {
	color:#000000;
}

div#menu a:hover {
	background-color:#66FF66;
}

/*============================================
メイン（中央カラム）
============================================*/
div#main {
	width:800px; 	/*幅の指定と位置調整*/
	margin: 0px 0px 0px 0px;
	text-align: center;	/*テキストの配置を中央揃えにする*/
	font-size:13px;
	float:left;				/*メインコンテンツを左寄せにする*/
	list-style-type: none;	
}


div#main h1 {
	background-color: #DDDDDD; 	/*背景色*/
	width:780px;
	margin-top:10px;
	padding:5px;
	font-size:20px;				/*フォントサイズ*/
}


div#main table {
	width:600px;
	margin:10px 0px 0px 100px;
	border-collapse: collapse; 	/*ボーダーを重ねる*/
}

div#main th {
	border: solid 1px #000000;
	padding:5px;
	text-align: center;	/*テキストの配置を中央揃えにする*/
}

div#main td {
	border: solid 1px #000000;
	padding:5px;
	text-align: center;	/*テキストの配置を中央揃えにする*/
}

div#main a {
	display:block;			/*リンクをブロック表示にする*/
	text-decoration:none;		/*リンクの下線を無くす*/
	color: black;
}

div#main a:hover {
	background-color: #FFFFDD;
}

div#gamelist {
	width:950px; 	/*幅の指定と位置調整*/
	margin: 0px 0px 0px 0px;
	text-align: center;	/*テキストの配置を中央揃えにする*/
	float:left;				/*メインコンテンツを左寄せにする*/
	font-size: 13px;
}

div#gamelist table {
	width:950px;
	border-collapse: collapse; 	/*ボーダーを重ねる*/
}



div#gamelist a {
	display:block;			/*リンクをブロック表示にする*/
	text-decoration:none;		/*リンクの下線を無くす*/
	color: black;
}

div#gamelist a:hover {
	background-color:#66FF66;
}

div#gamelist h1 {
	background-color: #DDDDDD; 	/*背景色*/
	width:960px;
	margin-top:10px;
	padding:5px;
	font-size:20px;				/*フォントサイズ*/
}

div#hyo table {
	text-align: center;
	border-collapse: collapse;
	margin:10px 150px;
	width:600px;
	}

div#hyo td,div#hyo th{
	border:1px solid #000000;
	}


div#gamelist table {
	border-collapse: collapse; 	/*ボーダーを重ねる*/
}

div#gamedata h1 {
	background-color: #DDDDDD; 	/*背景色*/
	width:960px;
	margin-top:10px;
	padding:5px;
	font-size:20px;				/*フォントサイズ*/
}

div#gamedata {
	width:950px; 	/*幅の指定と位置調整*/
	margin: 0px 0px 0px 0px;
	text-align: center;	/*テキストの配置を中央揃えにする*/
	float:left;				/*メインコンテンツを左寄せにする*/
}

div#gamedata table {
	border-collapse: collapse; 	/*ボーダーを重ねる*/
	margin-top:20px;
}

div#main th.suji {
	width:100px;
	text-align: center;	/*テキストの配置を中央揃えにする*/
	}

div#gamedata td {
	background-color: #DDDDDD;
	border:solid 2px #FFFFFF;
	padding-left:5px;
}

input#push {
    width:200px;
    height:50px;
    font-size: 20px;
    background-color: #DDDDDD;
    border:none;
    color: #000000;

}

input#push:hover{
    background-color: #00FF00;
}

div#main ol {
	background-color: #EEEEFF;
	width:780px;
	font-size:20px;
	text-align: center;	/*テキストの配置を中央揃えにする*/
	margin-top:5px;
}

div#main li {
	text-align: left;	/*テキストの配置を左揃えにする*/
	margin-left:15px;
}


table#member a:hover{
	background-color:#00FF00;
	}

div#taikai {
	margin-left:200px;
	margin-top:80px;
	}

div#taikai a{
	width:400px;
	background-color:DDDDDD;
	font-size:30px;
	}

table#change {
	margin-left:10px;
	}

div#dav  {
	text-align: center;	/*テキストの配置を左揃えにする*/
	margin-left:15px;
}

table#profile td,  table#profile th{
	text-align: left;	/*テキストの配置を左揃えにする*/
	padding-left:15px;
}

/*============================================
サブメニュー（中央カラム）
============================================*/

table#submenu {
	text-align: center;
	margin-left:20px 0px 0px 20px;
}

table#submenu a:hover {
	background-color:#66FF66;
}

/*============================================
右カラム
============================================*/
div#right {
	margin-left:1000px;
	margin-top:20px;
	width:200px;			/*カラムを右寄せにする*/
}

/*============================================
フッタ
============================================*/
div#footer {
	height:200px; text-align:center;
	background-color:#FFFFFF;			/*フッタ部分の背景色*/
}

div#footer p {
	margin-top:10px;
}