@charset "UTF-8";


#wrapper{
	width: 1024px;

	background-color: #ffffff;

	border-right: 1px solid #cccccc;
}

/* ヘッダーレイアウト */
#header{
	height: 150px;

	background-color: #ffffff;
	background-image: url("/community/img/user/title_bg.png");
	background-repeat: no-repeat;

	border-bottom: 1px solid #000000;
}
#header h1{
	margin: 0px;
	padding: 10px 0px 0px 10px;
}
#header h1 a:link{
	text-decoration: none;
}
#header h1 a:visited{
	text-decoration: none;
}
#header h1 a:hover{
	text-decoration: none;
}



/* 左レイアウト */
#container-left{
	margin: 0px 280px 0px 0px;
	padding: 0px;
}

/* ナビゲーションレイアウト */
#container-left #navigation{
	margin: 0px;
	padding: 0px;
}
#container-left #navigation ul{
	margin: 0px;
	padding: 0px;
}
#container-left #navigation ul li{
	float: left;
	width: 100px;

	margin: 0px;
	padding: 0px;

	display: block;

	font-size: 10pt;
	font-weight: bold;
	text-align: left;

	border-right: 1px solid #ffffff;
}
#container-left #navigation a{
	width: 100px;

	margin: 0px;
	padding: 5px 0px 10px 5px;

	display: block;

	background-color: #ffffdd;
	color: #555555;
	text-align: center;
	text-decoration: none;

	border-left: 1px solid #555555;
	border-right: 1px solid #555555;
	border-bottom: 1px solid #555555;
}
#container-left #navigation a:hover{
	width: 100px;

	margin: 0px;
	padding: 5px 0px 10px 5px;

	display: block;

	background-color: #ffeeee;
	color: #555555;
	text-align: center;

	border-left: 1px solid #555555;
	border-right: 1px solid #555555;
	border-bottom: 1px solid #555555;
}

/* コンテントレイアウト */
#container-left .content{
	clear: left;

	margin: 0px 10px 10px 10px;
	padding: 5px 0px 5px 0px;
}
#container-left .content h2{
	margin: 10px 10px 10px 10px;
	padding: 5px 0px 5px 30px;

	background-image: url("/community/img/user/h2.gif");
	background-repeat: no-repeat;
	font-size: 16pt;
	color: #000000;

	border-bottom: 1px dotted #aaaaaa;
}
#container-left .content fieldset{
	width: 95%;

	margin: 10px 15px 10px 15px;

	font-size: 10pt;
	vertical-align: top;
}
#container-left .content legend{
	margin: 10px 0px 0px 0px;
	padding: 3px 3px 3px 3px;

	font-size: 11pt;
	font-weight: bold;
	color: #663399;
}
#container-left .content table{
	margin: 5px 15px 5px 15px;
	padding: 2px 2px 2px 2px;

	font-size: 10pt;
	text-align: left;

	border: 1px solid #cccccc;
}
#container-left .content th{
	margin: 0px;
	padding: 1px 3px 1px 3px;

	background-color: #ffeeff;
	color: #333333;
	text-align: center;

	border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
}
#container-left .content td{
	margin: 0px;
	padding: 2px 2px 2px 2px;

	white-space: nowrap;
	border-bottom: 1px solid #aaaaaa;
}
#container-left .content table.registration{
	margin: 5px 15px 5px 15px;

	font-size: 10pt;
	text-align: left;

	border: 0px;
}
#container-left .content table.registration th{
	margin: 0px;
	padding: 1px 3px 1px 3px;

	background: transparent;
	color: #333333;

	border-right: 1px dotted #aaaaaa;
	border-bottom: 1px dotted #aaaaaa;
}
#container-left .content table.registration td{
	margin: 0px;
	padding: 2px 2px 2px 2px;

	white-space: nowrap;
	border-bottom: 1px dotted #aaaaaa;
}
#container-left .content table.schedule{
	width: 640px;

	margin: 5px 15px 5px 15px;

	text-align: left;

	border: 1px solid #cccccc;
}
#container-left .content table.schedule th{
	width: 80px;
	height: 40px;

	margin: 0px;
	padding: 1px 3px 1px 3px;

	background-color: #ffeeff;
	color: #666666;
	font-size: 11pt;
	text-align: center;

	border-right: 2px solid #aaaaaa;
	border-bottom: 2px solid #aaaaaa;
}
#container-left .content table.schedule td{
	width: 80px;
	height: 80px;

	margin: 0px;
	padding: 2px 2px 2px 2px;

	vertical-align: top;
	font-size: 10pt;
	white-space: nowrap;

	border-top: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	border-right: 2px solid #999999;
	border-bottom: 2px solid #999999;
}
#container-left .content table.schedule td.current{
	width: 80px;
	height: 80px;

	margin: 0px;
	padding: 2px 2px 2px 2px;

	background-color: #ffffee;
	vertical-align: top;
	color: #ff0000;
	font-size: 10pt;
	white-space: nowrap;

	border-top: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	border-right: 2px solid #999999;
	border-bottom: 2px solid #999999;
}
/* サーチテーブル */
#container-left .content table.search{
	margin: 5px 15px 5px 15px;

	border: 0px;
}
#container-left .content table.search th{
	padding: 1px 5px 1px 5px;

	background-color: #ffeeff;
	color: #333333;

	border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
}
#container-left .content table.search td{
	background-color: #f9f9f9;

	border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
}
/* 掲示板テーブル */
#container-left .content table.bbs{
	width: 600px;

	margin: 5px 0px 5px 20px;
	padding: 0px;

	background-color: #f9f9f9;
	text-align: left;

	border: 1px solid #aaaaaa;
}
#container-left .content table.bbs th{
	padding: 1px 5px 1px 5px;

	background-color: #f9f9f9;
	color: #333333;
	text-align: right;
}
#container-left .content table.bbs th.title{
	padding: 1px 5px 1px 5px;

	background-color: #ddffdd;
	color: #333333;
	text-align: left;

	border-left: 7px solid #009900;
	border-right: 0px;
	border-bottom: 1px solid #009900;
}
#container-left .content table.bbs td{
	border-right: 1px solid #aaaaaa;
	border-bottom: 1px dotted #aaaaaa;
}
/* イベントテーブル */
#container-left .content table.event{
	width: 500px;

	margin: 5px 15px 5px 15px;

	font-size: 10pt;

	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 2px solid #aaaaaa;
	border-bottom: 2px solid #aaaaaa;
}
#container-left .content table.event th.title{
	padding: 1px 3px 1px 3px;

	background-color: #ddffdd;
	color: #333333;
	font-size: 11pt;
	text-align: center;

	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #205080;
	border-bottom: 1px solid #205080;
}
#container-left .content table.event th{
	padding: 1px 3px 1px 3px;

	background-color: #444444;
	color: #ffffff;
	text-align: center;

	border: 0px;
}
#container-left .content table.event td{
	padding: 2px 2px 2px 2px;

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

	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
/* お知らせテーブル */
#container-left .content table.update{
	width: 600px;

	margin: 5px 20px 5px 20px;
	padding: 0px;

	border: 1px solid #aaaaaa;
}
#container-left .content table.update th{
	padding: 1px 5px 1px 5px;

	background-color: #ffeeee;
	font-size: 11pt;
	color: #333333;
	text-align: center;

	border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
}
#container-left .content table.update td{
	border-right: 1px solid #aaaaaa;
	border-bottom: 1px dotted #aaaaaa;
}
#container-left .content table.update td.date{
	padding: 1px 5px 1px 5px;

	background-color: #f0f0f0;
	color: #333333;
	text-align: right;

	border-bottom: 1px solid #aaaaaa;
}
#container-left .content ul.update{
	width: 600px;

	margin: 2px 20px 2px 20px;
	padding: 0px;

	background-color: #eeffee;
}
/********************************************/
/* 回収結果テーブル */
#container-left .content table.result{
	margin: 5px 15px 5px 15px;

	font-size: 11pt;
	background-color: #ffffff;
	text-align: center;

	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 2px solid #aaaaaa;
	border-bottom: 2px solid #aaaaaa;
}
#container-left .content table.result th{
	padding: 5px 5px 5px 5px;
	
	background-color: #aaffaa;
	color: #333333;

	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #205080;
	border-bottom: 1px solid #205080;
}

#container-left .content table.result td{
	padding: 5px 5px 5px 5px;

	white-space: nowrap;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
#container-left .content table.result td.odd{
background-color: #ccffcc;
}
#container-left .content table.result td.even{
background-color: #eeffee;
}
/********************************************/
/* エントリー済みのイベントテーブル */
#container-left .content table.event_entry{
	width: 500px;

	margin: 5px 15px 5px 15px;

	font-size: 10pt;

	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 2px solid #aaaaaa;
	border-bottom: 2px solid #aaaaaa;
}
#container-left .content table.event_entry th.title{
	padding: 1px 3px 1px 3px;

	background-color: #ffcccc;
	color: #333333;
	font-size: 11pt;
	text-align: center;

	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #205080;
	border-bottom: 1px solid #205080;
}
#container-left .content table.event_entry th{
	padding: 1px 3px 1px 3px;

	background-color: #444444;
	color: #ffffff;
	text-align: center;

	border: 0px;
}
#container-left .content table.event_entry td{
	padding: 2px 2px 2px 2px;

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

	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
#container-left .content span.event_entry{
	width: 20px;

	background-color: #ffcccc;

	padding: 0px, 10px;
}
#container-left .content span.event_no_entry{
	width: 20px;
	background-color: #ddffdd;
}
/********************************************/



/* 右レイアウト */
#container-right{
	float: right;
	width: 280px;

	min-height: 1px;

	background-color: #ffffff;
	display: inline-table;
}
#container-right h3{
	margin: 0px;
	padding: 3px 0px 3px 5px;

	background-color: #ddffdd;
	color: #009900;
	text-align: left;

	border-left: 10px solid #009900;
	border-bottom: 1px solid #009900;
}

/* ログインレイアウト */
#container-right #login{
	clear: right;
	width: 280px;

	margin: 3px 3px 3px 3px;
	padding: 0px;

	background-color: #f9f9f9;

	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 2px solid #aaaaaa;
	border-bottom: 2px solid #aaaaaa;
}
#container-right #login:after{
	clear: both;
	height: 0px;

	content: "";
	display: block;
	visibility: hidden;
}
#container-right #login form{
	text-align: center;
}
#container-right #login p{
	margin: 5px 0px 5px 0px;
	padding: 0px;

	text-align: center;
}
#container-right #login p.warning{
	margin: 1px 0px 1px 5px;
	padding: 0px;

	text-align: left;
}
#container-right #login table{
	margin: 0px;
	padding: 0px;

	background-color: #f9f9ff;
}
#container-right #login table th{
	margin: 0px;
	padding: 1px 3px 1px 3px;

	text-align: left;
}
#container-right #login table td{
	margin: 0px;
	padding: 1px 3px 1px 3px;
}
#container-right #login input{
	width: 150px;

	margin: 0px 0px 0px 10px;
	padding: 1px 1px 1px 1px;
}

/* サイドメニューレイアウト */
#container-right .content{
	clear: right;
	width: 280px;

	margin: 7px 3px 3px 3px;
	padding: 0px;

	background-color: #f9f9f9;

	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 2px solid #aaaaaa;
	border-bottom: 2px solid #aaaaaa;
}



/* フッターレイアウト */
#footer{
	clear: both;
	width: 100%;
	height: 50px;

	background-color: #ddffdd;

	border-top: 1px solid #000000;
}
#footer p{
	margin: 0px;
	padding: 3px 3px 3px 3px;

	font-size: 10pt;
	color: #777777;
	text-align: right;
}



/************** コラム＆CIST学生向け　お試し ***************/
#container-left .content .column legend{
	margin: 10px 10px 10px 10px;
	padding: 5px 5px 5px 40px;

	background-image: url("/community/img/column/recycle.gif");
	background-repeat: no-repeat;
	font-size: 16pt;
}
#container-left .content .column fieldset.column{
	width: 60%;
}
#container-left .content .column h1{
	text-align: center;
	color: #ff0000;
}

/************** CIST学生向け　お試し2 ***************/
#container-left .content .cist legend{
	margin: 10px 10px 10px 10px;
	padding: 5px 5px 5px 40px;

	background-image: url("/community/img/column/recycle.gif");
	background-repeat: no-repeat;
	font-size: 16pt;
}
#container-left .content .cist fieldset.column{
	width: 60%;
}
#container-left .content .cist h1{
	text-align: center;
	color: #ff0000;
}
#container-left .content .cist legend.point{
	/*margin: 10px 10px 10px 10px;*/
	padding: 5px 5px 5px 5px;

	background-image: none;
	/*background-repeat: no-repeat;*/
	/*font-size: 16pt;*/
	color: #ff8800;
}
#container-left .content .cist fieldset.setpoint{
	text-align: center;
}
#container-left .content .cist strong{
	/*margin: 10px 10px 10px 10px;
	padding: 0px 0px;*/

	text-align: center;
	font-size: 16pt;
	color: #8800ff;
}
#container-left .content .cist h3{
	text-align: center;
	font-size: 32pt;
	color: #0088ff;
}
/************** CIST学生向け　お試し3 ***************/
/*#container-left .content span.year{
	margin: 0px 0px 0px 15px;
	padding: 0px 5px 0px 5px;

	font-size: 16pt;
	background-color: #ddffdd;

	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 2px solid #aaaaaa;
	border-bottom: 2px solid #aaaaaa;
}
#container-left .content span.year a{
	color: #009900;
	text-decoration: none;
}