@charset "UTF-8";

/*-----------------------------------------------------------------
	Admin Style Sheet
	Last Update 2010-02-10
	
	File name	admin.css
	
	1.1 Login Form
	1.2 Mainnavi
	1.3 Subnavi
	1.4 Tab
	1.5 table_all 一覧表示用
	1.6 table_data データ表示用
	1.7 table_form フォーム用
	1.8 table_listカリキュラム一覧用
	1.9 calender_table　カレンダー用
	1.10 tableのth,td用クラス
	1.11 btn_box 登録ボタン
	1.12 dateArea 日付移動
	1.13 Text Module
-------------------------------------------------------------------*/

/*-----------------------------------
	1.1 Login Form
-------------------------------------*/

div#loginForm {
	position: absolute;
	top: 50%;
	left: 50%;
	width:460px;
	height: 220px;
	margin-top: -110px;
	margin-left: -180px;
	border: 1px solid #eee;
	background: #DDDDDD;
}

div#loginForm p.error {
	margin-left: 20px;
	border: 0;
	color:red;
	text-align:left;
}

div#loginForm table {
	border-collapse:collapse;
	position: absolute;
	top: 55%;
	left: 55%;
	width:460px;
	height: 180px;
	margin-top: -90px;
	margin-left: -180px;
	
}

div#loginForm table th,
div#loginForm table td {
	border: 0px;
}

/*-----------------------------------
	1.2 Mainnavi
-------------------------------------*/

div#mainnavi {
	float: left;
	padding: 0;
}

div#mainnavi ul {
	padding-bottom: 10px;
}

div#mainnavi ul li {
	/*float: left;*/
	list-style: none;
	border-bottom: 1px solid #333333;
}

div#mainnavi ul li a{
	display: block;
	width: 180px;	/* リンクボタンの幅 */
	height: 45px;
	background: #EEEEEE;	/* リンクボタンの背景 */
	color: #333333;/* リンク文字色 */
	font-size: 1.1em;
	text-align: center;	/* テキストの行揃え */
	text-decoration: none;
	line-height: 45px;	/* 縦方向の中央揃え */
}

div#mainnavi ul li a:link {
	color: #333333;	/* リンク文字色 */
}

div#mainnavi ul li a:viseted {
	color: #333333;	/* リンク文字色 */
}

div#mainnavi ul li a:hover {
	background: #146EB4;	/* リンクボタンの背景 */
	color: #FFFFFF;/* リンク文字色 */
}

div#mainnavi ul li a:active {
	color: #333333;	/* リンク文字色 */
}

div#mainnavi ul li.current_page a{
	display: block;
	width: 180px;	/* リンクボタンの幅 */
	height: 45px;
	background: #146EB4;	/* リンクボタンの背景 */
	color: #FFFFFF;/* リンク文字色 */
	text-align: center;	/* テキストの行揃え */
	text-decoration: none;
	line-height: 45px;	/* 縦方向の中央揃え */
}

/*-----------------------------------
	1.3 Subnavi
-------------------------------------*/

ul#subnavi {
	margin: 10px 0 10px 0;
	width: 100%;
	border-bottom: 2px solid #AAAAAA;
}

ul#subnavi li{
	float: left;	/* 回り込み */
	list-style: none;}

ul#subnavi li a {
	display: block;
	margin-right: 5px;
	width: 115px;	/* リンクボタンの幅 */
	height: 25px;
	border-top: 2px solid #EEEEEE;	/* リンクボタンの枠線 */
	border-left: 2px solid #EEEEEE;	/* リンクボタンの枠線 */
	border-right: 2px solid #EEEEEE;	/* リンクボタンの枠線 */
	background: #EEEEEE;	/* リンクボタンの背景 */
	color: #333333;	/* リンク文字色 */
	text-align: center;	/* テキストの行揃え */
	text-decoration: none;
	line-height: 25px;	/* 縦方向の中央揃え */
}

ul#subnavi li a:link {
	color: #333333;	/* リンク文字色 */
}

ul#subnavi li a:viseted {
	color: #333333;	/* リンク文字色 */
}

ul#subnavi li a:hover {
	border: none;	/*  */
	background: #AAAAAA;	/* リンクボタンの背景 */
	color: #FFFFFF;	/* リンク文字色 */
	border-top: 2px solid #AAAAAA;	/* リンクボタンの枠線 */
	border-left: 2px solid #AAAAAA;	/* リンクボタンの枠線 */
	border-right: 2px solid #AAAAAA;	/* リンクボタンの枠線 */
}

ul#subnavi li a:active {
	color: #34679A;	/* リンク文字色 */
}


ul#subnavi li.current a:active {
	color: #34679A;	/* リンク文字色 */
}


ul#subnavi li.current a {
	display: block;
	margin-right: 5px;
	width: 80px;	/* リンクボタンの幅 */
	height: 25px;
	border-top: 2px solid #AAAAAA;	/* リンクボタンの枠線 */
	border-left: 2px solid #AAAAAA;	/* リンクボタンの枠線 */
	border-right: 2px solid #AAAAAA;	/* リンクボタンの枠線 */
	background: #AAAAAA;	/* リンクボタンの背景 */
	color: #FFFFFF;	/* リンク文字色 */
	text-align: center;	/* テキストの行揃え */
	text-decoration: none;
	line-height: 25px;	/* 縦方向の中央揃え */
}

/*-----------------------------------
	1.4 Tab
-------------------------------------*/

ul.tab {
	margin: 10px 0 10px 0;
	padding-left: 2px;
	border-bottom: 1px solid #000000;
}

ul.tab li{
	float: left;	/* 回り込み */
	list-style: none;
}

ul.tab li a {
	display: block;
	margin-right: 5px;
	width: 80px;	/* リンクボタンの幅 */
	height: 25px;
	border-top: 2px solid #EEEEEE;	/* リンクボタンの枠線 */
	border-left: 2px solid #EEEEEE;	/* リンクボタンの枠線 */
	border-right: 2px solid #EEEEEE;	/* リンクボタンの枠線 */
	background: #EEEEEE;	/* リンクボタンの背景 */
	color: #333333;	/* リンク文字色 */
	text-align: center;	/* テキストの行揃え */
	text-decoration: none;
	line-height: 25px;	/* 縦方向の中央揃え */
}

ul.tab li a:link {
	color: #333333;	/* リンク文字色 */
}

ul.tab li a:viseted {
	color: #333333;	/* リンク文字色 */
}

ul.tab li a:hover {
	border: none;	/*  */
	background: #146EB4;	/* リンクボタンの背景 */
	color: #FFFFFF;	/* リンク文字色 */
	border-top: 2px solid #146EB4;	/* リンクボタンの枠線 */
	border-left: 2px solid #146EB4;	/* リンクボタンの枠線 */
	border-right: 2px solid #146EB4;	/* リンクボタンの枠線 */
}

ul.tab li a:active {
	color: #34679A;	/* リンク文字色 */
}


ul.tab li.current a:active {
	color: #34679A;	/* リンク文字色 */
}


ul.tab li.current a {
	display: block;
	margin-right: 5px;
	width: 80px;	/* リンクボタンの幅 */
	height: 25px;
	border-top: 2px solid #146EB4;	/* リンクボタンの枠線 */
	border-left: 2px solid #146EB4;	/* リンクボタンの枠線 */
	border-right: 2px solid #146EB4;	/* リンクボタンの枠線 */
	background: #146EB4;	/* リンクボタンの背景 */
	color: #FFFFFF;	/* リンク文字色 */
	text-align: center;	/* テキストの行揃え */
	text-decoration: none;
	line-height: 25px;	/* 縦方向の中央揃え */
}

/*-----------------------------------
	1.5 table_all 一覧表示用
-------------------------------------*/

table.table_all {
	margin: 0 0 10px 0;
	width: 100%;
	color: #333;
	font-size: 1.1em;
	border-collapse: separate;
    border-spacing: 2px;
}
table.table_all caption {
	text-align: center;
	border-bottom: 1px solid #CCCCCC;
}

table.table_all input{

}

table.table_all th,
table.table_all td {
  background: #EEEEEE;
	padding: 2px;
	  border-bottom: solid 1px #B2B2B2;
  border-right: solid 1px #B2B2B2;
  white-space: nowrap;
}

table.table_all th{
  background: skyblue;

	color: #333333;
	font-weight: normal;
	font-size: 1.0em;
	text-align: center;
}

/*-----------------------------------
	1.6 table_data データ表示用
-------------------------------------*/

table.table_data {
	margin: 0 auto 20px;
	width: 98%;
	border-collapse: collapse;
	border: 1px solid #FFFFFF;
	color: #333;
	font-size: 1.1em;
}
table.table_data caption {
	text-align: center;
	border-bottom: 1px solid #CCCCCC;
}

table.table_data input{

}

table.table_data td {
	padding: 3px;
	border-top: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
	background: lemonchiffon;
}

table.table_data th{
	padding: 3px;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	background: khaki;
	color: #333333;
	font-weight: normal;
	font-size: 1.0em;
	text-align: left;
	width: 120px;
}

/*-----------------------------------
	1.7 table_form フォーム用
-------------------------------------*/
table.table_form {
	margin: 0 0 10px 0;
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
	color: #333;
	font-size: 1.1em;
}
table.table_form caption {
	text-align: center;
	border-bottom: 1px solid #CCCCCC;
}

table.table_form input{

}

table.table_form td {
	padding: 2px;
	border-top: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
}

table.table_form th{
	padding: 2px;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	background: #FFCC66;
	color: #333333;
	font-weight: normal;
	font-size: 1.0em;
	text-align: left;
	width: 120px;
}

/*-----------------------------------
	1.8 table_listカリキュラム一覧用
-------------------------------------*/
table.table_list {
	margin: 0 0 10px 0;
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
	color: #333;
	font-size: 1.1em;
}
table.table_list caption {
	text-align: center;
	border-bottom: 1px solid #CCCCCC;
}

table.table_list input{

}

table.table_list td {
	padding: 5px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

table.table_list th{
	padding: 2px;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	background: #FFCC66;
	color: #333333;
	font-weight: normal;
	font-size: 1.0em;
	text-align: left;
	width: 120px;
}

/*-----------------------------------
	1.9 calender_table　カレンダー用
-------------------------------------*/
table.calender_table {
	margin: 0 auto 5px;
	width: 100%;
	border-collapse: collapse;
	border: 2px solid #DDDDDD;
	color: #333;
}

table.calender_table th,
table.calender_table td {
	padding: 3px;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	text-align: center;
	background: #EEEEEE;
}

table.calender_table th {
	background-color: #DDDDDD;
	color: #333;
	font-weight: normal;
	font-size: 1.0em;
	vertical-align: top;
}

table.calender_table td {
	vertical-align: top;
}

table.calender_table td.reserve {
	background:#FF9900;
	color:#FFFFFF;
}

table.calender_table td.holiday {
	background:#66FFFF;
	color: #000000;
}

/*-----------------------------------
	1.10　tableのth,td用クラス
-------------------------------------*/
th.id,
td.rank {
	width: 25px;
	text-align: center
}

th.update,
th.delete {
	width: 55px;
}

td.updown {
	
}


/*-----------------------------------
	1.11 btn_box 登録ボタン
-------------------------------------*/
div.btn_box {
	margin: 10px auto 30px;
	text-align: center;
}

/*-----------------------------------
	1.12 dateArea 日付移動
-------------------------------------*/
div.dateArea {
	text-align: center; margin-bottom: 10px;
}

div.dateArea span.date {
	font-size: 1.5em;
}

/*-----------------------------------
	1.13 Text Module
-------------------------------------*/
h2.pageTitle {
	margin-bottom: 10px;
	padding-top: 10px;
	border-bottom: 2px solid #111111;
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #111111;
	font-size: 1.5em;
}

p.pageSummary {
	margin-left: 10px;
}

p.error {
	margin-bottom: 5px;
	padding: 5px;
	border: 2px solid #FF0000;
	color: #FF0000;
}

p.complete {
	color: #34679A;
	font-size: 1.5em;
}