@charset "UTF-8";
*{
	margin:0;
	padding:0;
	}

html{
	width:98%;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:140%;
	}

img{
	border:0;
	}
a{
	text-decoration:none;
	color:#0066FF;
	}
a:hover{
	color:#CC0000;
	}

#header{
	background: #FFFFFF url(../image/bg_header.gif) repeat-x;
	height:50px;
	border-bottom:1px solid #0099FF;
}

/**  Title **/
h1{
	font-size:14px;
	background: #FFFFFF url(../image/bg_h1.gif) repeat-x;
	color:#FFF;
	letter-spacing: 0.2em;
	margin-bottom:20px;
	padding-left:20px;
	}

h2{	
	margin-bottom:20px;
	padding-left:20px;
	font-size:18px;
	}
/**  Vacation Menu **/
#vac_menu_info{
	margin:0 0 20px;
	padding:0px 20px 0px;
}
#vac_menu_info h2{
	margin-bottom:5px;
	padding:0px;
}

/**  Note Type **/
#notetype{	
	margin:10px auto;
	width:650px;
	border:1px solid #CCC;
	padding-bottom:40px;

}

/**  Note Type **/
#listtype{	
	margin:10px auto;
/**	width:97%; **/
	width:800px;
	border:1px solid #CCC;
	padding-bottom:40px;

}

#comments,#thread{
	font-size:12px;
	margin-right:20px;
	margin-left:20px;
	color:#666666;
}


/**  ErrorMessage **/
#error_messages,#important_messages{
	margin:10px;
	padding:5px;
	border:1px solid #CCC;
	background-color:#FFFFCC;
}
#error_messages h2,#important_messages h2{
	font-size:14px;
	padding:2px;
	text-align:center;
	background-color:#CC0000;
	color:#FFF;
	}
#error_messages ul,#important_messages ul{
	color:#FF0000;
	margin-left:30px;
	font-size:12px;
}
#important_messages h5{
	font-size:12px;
	text-align:center;
	background-color:#0066CC;
	color:#FFF;
	}

/**  Input Form **/
#inputforms{
	background-color:#EEE;
	font-size:12px;
	padding:10px;
	margin:10px;
}

#inputforms table {
	font-size: 1em;
	margin: 3px 0;
	border-collapse: collapse;
	width:100%;
	background-color:#FFF;
}
#inputforms table th {
	text-align:left;
	padding: 5px 3px 5px 10px;
	font-weight: normal;
	border: 1px solid #EEE;
	background: #0099FF;
	color:#FFF;
}
#inputforms table td {
	padding: 5px;
	border: 1px solid #EEE;
}

#submits{
	text-align:center;
	padding:5px;
	margin-top:10px;
	border-bottom:1px solid #0099FF;
	background: #FFFFFF url(../image/bg_submit.gif) repeat-x;
}

/**  List View **/
#listview{
	width:97%;
	margin-left:20px;
	font-size:0.82em;
}
#listview table {
	font-size: 1em;
	margin: 3px 0;
	border-collapse: collapse;
	width:100%;
	background-color:#FFF;
}
#listview table th {
	text-align:left;
	padding: 5px 3px 5px 10px;
	font-weight: normal;
	border: 1px solid #CCCCCC;
	border-top: 1px solid #0099FF;
	background: #FFFFFF url(../image/bg_list_th.gif) repeat-x;
	color:#FFF;
}
#listview table td {
	padding: 3px;
	border: 1px solid #CCCCCC;
}

.pgchange{
	text-align:right;
	}

/**  Footer **/
#footer{
	text-align:center;
	border-top:1px solid #666;
	color:#999;
	font-size:11px;
	padding-top:5px;
	background: #FFFFFF url(../image/bg_footer.gif) repeat-x;
	height:50px;
}


/** Class **/
.on{
	background-color:#FF9900;
	width:2px;
	}
.off{
	width:2px;
	}

.logo{
	float:left;
	width:200px;
	}
.logout{
	display:block;
	float:right;
	padding:15px;
	width:300px;
	text-align:right;
	font-size:13px;
	color:#666666;
	}
a.btlink{
	text-decoration:none;
	padding:3px;
	margin-right:5px;
	border:1px solid #CCC;
	color:#0066FF;
}
a:hover.btlink{
	background-color:#FFFFCC;
}

.menulist{
	list-style-type:none;
	}
.menulist li{
	margin-bottom:5px;
}
.menulist li a{
	text-decoration:none;
	display:block;
	width:570px;
	padding:5px 5px 5px 30px;
	border-bottom:1px solid #0099FF;
	background: #FFFFFF url(../image/bg_menulist.gif) repeat-x;
	color:#003366;
	font-size:1em;
	}
.menulist li a:hover{
	background: #FFFFFF url(../image/bg_menulist_hover.gif) repeat-x;
	}

.end{
	background-color:#EEE;
	}

.owner{
	padding:3px;
	background-color:#EEE;
	border:1px solid #CCC;
	margin:5px 0;
	}

.detailes{
	padding:10px;
	border:1px solid #CCC;
	margin:5px 0;
	}
hr{
	margin-bottom:20px;
	color:#FFF;
	}
.red{
	color:#FF0000;
	}

/* PHP対応 ここから */
.pagination {margin:0;}
.pagination ul {margin:0;padding:0;text-align:right;}
.pagination li {display:inline;list-style-type:none;margin-right:2px;}
/*.pagination a,
.pagination a:visited {padding:0 5px;color:#2e6ab1;text-decoration:none;border:1px solid #9aafe5;}*/
.pagination a,
.pagination a:visited {padding:1px 5px;color:#0099FF;text-decoration:none;border:1px solid #9aafe5;}
/*.pagination a:hover,
.pagination a:active {color:#000;background-color:#99ffff;border:1px solid #2b66a5;}*/
.pagination a:hover,
.pagination a:active {color:#000;background-color:#FF9900;border:1px solid #0099FF;}
/*.pagination .curpage {padding:0 5px;font-weight:bold;text-decoration:none;color:#fff !important;background-color:#2e6ab1;border:1px solid #2b66a5;}*/
.pagination .curpage {padding:1px 5px;font-weight:bold;text-decoration:none;color:#fff !important;background-color:#0099FF;border:1px solid #0099FF;}

#inputforms table td.vacIndex{
	background-color:#FF66CC;
	color:#FFFFFF;
}