@charset "utf-8";
/******************************** 基本設定 ********************************/
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	background-color: #666666;
	background-image: url(../images/back.gif);
}

/* 基本のリンク */
a:link {
	color: #000099;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000099;
}
a:hover {
	text-decoration: none;
	color: #CC3300;
}
a:active {
	text-decoration: none;
}

/******************************** フッター上のメニュー081212追加 ********************************/
.bottom_menu {
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 5px;
	margin-bottom: 1px;
	text-align: center;
	background: #EEE;
	font-size: 10px;
	border: 1px solid #CCC;
}
.bottom_menu a:link {
	color: #0066FF;
	text-decoration: underline;
}
.bottom_menu a:visited {
	color: #0066FF;
	text-decoration: underline;
}
.bottom_menu a:hover {
	color: #FF6600;
	text-decoration: underline;
}

/******************************** フッター ********************************/
.main #footer { 
	background: #99CCFF url(../images/back_footer.gif) repeat-x;
	height: 20px;
	color: #FFFFFF;
	font-size: 10px;
	text-align: center;
	margin-top: 2px;/*20081212　5→2へ変更*/
	line-height: 0px;
} 
.main #footer p {
	margin: 0;
	padding: 10px 0;
}


/******************************** FLOATをリセットする時に使う ********************************/
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}




/******************************** 外側の影を作るためのBOX ********************************/
.main #container_L {
	width: 956px;
	background: url(../images/back_shadow.gif) repeat-y right;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: center;
	padding-top: 0px;
}

/******************************** 白いメインのBOX ********************************/
.main #container {
	width: 950px;
	background: #FFFFFF;
	text-align: left;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 150%;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}


/******************************** ヘッダーまわり ********************************/
.main #header { 
	width: 920px;
	background: #DDDDDD url(../images/top_header.jpg) no-repeat; 
	padding: 0 10px 0 20px;
	color: #FFFFFF;
	height: 76px;
	margin: 0;
}

/* ログアウト */
.main #header .logout {
	float: right; padding-top: 3px;
}
.main #header a:link {
	color: #FFFFFF; text-decoration: none;
}
.main #header a:visited {
	color: #FFFFFF; text-decoration: none;
}
.main #header a:hover {
	color: #FF0000; text-decoration: none;
}

/* CSSが無効でも表示されるようにインデントを多めにとったタイトル */
.main #header h1 {
	text-indent: -9999px;
	color: #000;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	font-size: 30px;
}
/* CSSが無効でも表示されるようにインデントを多めにとったサブタイトルh2／081212追加 ***************************************************************/
.main #header h2 {
	text-indent: -9999px;
	color: #000;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	font-size: 14px;
}


/******************************** 左のサイトバー ********************************/
.main #sidebar1 {
	float: left;
	width: 200px;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-bottom: 15px;
}

/* ログイン */
.main #sidebar1 .login {
	width: 193px;
	text-align: center;
	border: 1px solid #6699FF;
	background: #E4FBFF url(../images/back_sidebar.gif) repeat-x top;
	padding-top: 5px;
	padding-bottom: 10px;
	margin-bottom: 5px;
}
.main #sidebar1 .login a:link {
	color: #0066FF;
	text-decoration: none;
}
.main #sidebar1 .login a:visited {
	color: #0066FF;
	text-decoration: none;
}
.main #sidebar1 .login a:hover {
	color: #FF6600;
	text-decoration: none;
}

/* メンバー */
.main #sidebar1 .member {
	width: 193px;
	text-align: center;
	border: 1px solid #6699FF;
	padding-top: 3px;
	padding-bottom: 10px;
	margin-bottom: 5px;
	background: #E4FBFF url(../images/back_sidebar.gif) repeat-x top;
}
/* メンバーの「ようこそ」 */
.welcome {
	font-size: 14px;
}


/* サイドバー内のお知らせ */
.main #sidebar1 .info {
	margin-top: 0px;
	padding-top: 0px;
	width: 193px;
	text-align: center;
	border: 1px solid #6699FF;
	padding-top: 2px;
	padding-bottom: 3px;
	background: #FFFFFF;
}

/* サイドバー内のお知らせの日付 */
.infodate {
	color: #0099FF;
	font-weight: bold;
}


/* サイドバー内の情報表示 */
.main #sidebar1 .presence {
	width: 195px;
	text-align: left;
	padding-top: 5px;
	background-color: #DAE2F5;
	background-image: url(../images/side_photo.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
/*** 090113 ↓↓↓ height追加***/
/*** 090114 ↓↓↓ height500→460へ変更***/
	height: 460px;
}

/* サイドバー内の情報表示の矢印 */
.main #sidebar1 .presence ul {
	margin-top: 5px;
	margin-left: 25px;
	list-style-image: url(../images/i_arrow1.gif);
	padding-left: 30px;
}
.main #sidebar1 .presence li {
	margin-left: -30px;
}


/******************************** メインコンテンツ ********************************/

/* 大枠 */
.main #mainContent {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 215px;
	padding-top: 0;
	padding-right: 5;
	padding-bottom: 0;
	padding-left: 0px;
}

/* メインコンテンツ・お知らせの水色部分 */
.main #mainContent #infoBox {
	z-index: 3;
	width: 728px;
	background-image: url(../images/back_info.gif);
	margin-top: 6px;
}
/* メインコンテンツ・お知らせの水色部分の角丸処理 */
.main #mainContent #infoBox .infoBox-top {
	background: url(../images/r_info1.gif) no-repeat top left;
}
.main #mainContent #infoBox .infoBox-top span {
	background: url(../images/r_info4.gif) no-repeat top right;
	height: 4px;
	display: block;
}
.main #mainContent #infoBox .infoBox-bottom {
	background: url(../images/r_info2.gif) no-repeat bottom left;
}
.main #mainContent #infoBox .infoBox-bottom span {
	background: url(../images/r_info3.gif) no-repeat bottom right;
	height: 4px;
	display: block;
}
.main #mainContent #infoBox .infoBox-body {
	padding: 4 4px;
}

/* メインコンテンツ・お知らせの「お知らせ」画像部分 */
.main #mainContent .infoinfo {
	float: left;
}
.main #mainContent .infoBox-tr {
	padding-top: 5px;
	padding-left: 3px;
	padding-right: 8px;
}
/* メインコンテンツ・お知らせ内容部分 */
.main #mainContent .info_content {
	float: left;
}
.main #mainContent dl {
	background: #FFFFFF;
}
.main #mainContent dt {
	margin-left: 10px;
	margin-bottom: 10px;
}
.main #mainContent dd {
	margin-left: 0px;
	margin-bottom: 10px;
}
.main #mainContent .infoBox-td {
	padding-left:3px;
}

/* 成績ランキングの外枠のDIV */
.rank_result {
	width: 728px;
	margin-top: 15px;
	margin-bottom: 15px;
}


/* ランキングの結果表示の白い部分 */
.main #mainContent .td_rank {
	border-left: 1px solid #6699FF;
	border-right: 1px solid #6699FF;
	border-bottom: 1px solid #6699FF;
	background: #FFFFFF;
}

/* ランキングの結果テーブル */
.main #mainContent .td_rank table {
	font-size: 12px;
}

/* ランキングの結果テーブルのラベル・右端以外 */
.main #mainContent .th_rank1 {
	background: #D8D8D8 url(../images/back_tr.gif) repeat-x;
	text-align: center;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 2px;
	border-right: 1px solid #CCC;
	height: 20px;
}
/* ランキングの結果テーブルのラベル・右端 */
.main #mainContent .th_rank2 {
	background: #D8D8D8 url(../images/back_tr.gif) repeat-x;
	text-align: center;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 2px;
	height: 20px;
}

/* ランキングの結果テーブルのTD・一番下以外 */
.main #mainContent .td_rank1 {
	height: 20px;
	border-bottom: 1px dotted #CCC;
	background: #FFFFFF;
}
/* ランキングの結果テーブルのTD・一番下 */
.main #mainContent .td_rank2 {
	height: 20px;
	background: #FFFFFF;
}

/* ランキングの結果テーブルのTDの日付セル・一番下以外 */
.main #mainContent .td_rank1_date {
	height: 20px;
	border-bottom: 1px dotted #CCC;
	background: #FFF url(../images/i_arrow2.gif) no-repeat left;
	padding-left: 9px;
}
/* ランキングの結果テーブルのTDの日付セル・一番下 */
.main #mainContent .td_rank2_date {
	height: 20px;
	background: #FFF url(../images/i_arrow2.gif) no-repeat left;
	padding-left: 9px;
}

/* 掲示板情報テーブルのTDの日付セル・一番下以外 */
.main #mainContent .td_rank1_board {
	height: 20px;
	border-bottom: 1px dotted #CCC;
	background: #FFF url(../images/i_pen1.gif) no-repeat left;
	padding-left: 20px;
}
/* 掲示板情報テーブルのTDの日付セル・一番下 */
.main #mainContent .td_rank2_board {
	height: 20px;
	background: #FFF url(../images/i_pen1.gif) no-repeat left;
	padding-left: 20px;
}


/* 2段表示のランキング・左側 */
.main #mainContent .left1 {
	width: 359px;
	margin-right: 8px;
	margin-bottom: 15px;
}

/* 2段表示のランキング・右側 */
.main #mainContent .right1 {
	float: right;
	width: 359px;
	margin-bottom: 15px;
}

.to_pagetop {
	text-align: right;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-left: 10px;
	margin-right: 8px;
}