/* ========================================== レイアウト ========================================== */

/* コンテンツ */
#box_content {
  margin: 0 auto;
  text-align: right;
  background: url(../img/bg_header.png) no-repeat left top; 
  height:70px;
  padding: 22px 0 0 0 ;
}
#box_content a{
	padding: 10px 0 10px 35px;
	color: #000;
}
#box_content a:hover{
	padding: 12px 0 10px 35px;
	color: #40AA16;
	text-decoration: none;
}
#box_content a[href="category1.php"]{
	background: url(../img/ic_cat.png) no-repeat 0 8px /35px 27px;
}

#box_content a[href="dir_list1.php"]{
	background: url(../img/ic_file.png) no-repeat 0 8px /35px 27px;
}

#box_content a[href="user_list.php"]{
	background: url(../img/ic_mens.png) no-repeat 0 8px /35px 27px;
}

#box_content a[href="user_edit.php"]{
	background: url(../img/ic_man.png) no-repeat 0 8px /35px 27px;
}

#box_content a[href="logout.php"]{
	background: url(../img/ic_logout.png) no-repeat 0 8px /35px 27px;
}
/* ============================================= 詳細 ============================================= */

/* 説明 */
.desc {
  font-size: 12px;
  color: #999999;
}
input[type="button"],
input[type="submit"]{
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   border:#a9a9a9 1px solid;
   -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   width:200px;
   height:30px;
   padding:0 3px;
   cursor:pointer;
   color:#fff;
   font-weight:bold;
   background:#3FA915;
   font-size: 15px;
   font-family: 'メイリオ';
}
input[type="button"]:hover,
input[type="submit"]:hover{
  color:#3FA915;
  background:#fff;
}
/* 赤表示 */
.red {
  color: #FF0000;
}

/* 青表示 */
.blue {
  color: #0000FF;
}

.header{
  background: #fff;
  color: #3FA915;
  font-size: 25px;
  font-weight: bold;
  padding: 20px;
  box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
}
.header span{
  color: #777;
  font-size: 0.7em;
  font-weight: normal;
}

.footerlogin{
  position: absolute;
  bottom:5px;
  margin: 0;
  width:100%;
  text-align: center;
}
.footer{
  bottom:5px;
  margin: 0;
  width:100%;
  text-align: center;
}
/* ============================================ ベース ============================================ */

/* ボディ */
body {
  margin: 0px;
  font-size: 16px;
  text-align: center;
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', メイリオ, Meiryo, 'Lucida Grande', sans-serif;
}
body#top{
  background: url(../img/body_bg.jpg) no-repeat 0 0 / cover;
}
/* テーブル */
table.tbl {
  margin: 0 auto;
  border-collapse:collapse;
  font-size: 14px;
  border: 0px;
  text-align: left;
}
table.tbl tr td {
  border: 1px solid #999999;
  word-break:break-all;
  padding: 7px;
}
table.tbl td.head {
  background: #3FA915;
  color: #fff;
}
table.tbl tr.head td{
  background: #3FA915;
  color: #fff;
}
table.tbl tr.head {
  background: #efefef;
  text-align: center;
}
table.tbl tr.data1 {
  background: #FFFFFF;
}
table.tbl tr.data2 {
  background: #F5F5DC;
}
table.tbl tr.invalid {
  background: #CCCCCC;
}
table.tbl tr.locked {
  background: #B6F39E;
  height: 28px;
}
input[name="add"],
input[name="invalid"]{
width:120px!important;
}
input[name="edit"],
input[name="category2"],
input[name="del"],
input[name="detail"]{
	width:100px!important;
	background: #f90!important;
}
input[name="edit"]:hover,
input[name="category2"]:hover,
input[name="del"]:hover,
input[name="detail"]:hover{
	width:100px!important;
	background: #fff!important;
	color:  #f90!important;
}
#box_login {
  height: 250px;
  text-align: center;
  padding: 20px 0px 20px 0px;
  background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
  width:400px;
  margin: 100px auto 0;
  border-radius: 8px;
}
/* リンク */
a:link {
  color: #2E7C10;
  text-decoration: none;
}
a:visited {
	color: #2E7C10;
  text-decoration: none;
}
a:active {
	color: #2E7C10;
  text-decoration: none;
}
a:hover {
  color:#2E7C10; text-decoration: underline;
}

/* 画像リンクの枠線を消す */
a img {
  border-style:none;
}


/* フォーカス時に背景色変更 */
input:focus, textarea:focus, select:focus {
  background-color: #FFDDC8;
}


/* ========================================== カレンダー ========================================== */

.dpTable td {
  font-size:14px;
  width: 20px;
}
.dpTable {
  color: #0066CC;
  background-color: #F2F2F2;
  border-collapse:separate;
  border: 1px solid black;
  text-align: center;
}
.dpTD {
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
}
.dpDayTD {
  background-color: #F2F2F2;
  border: none;
  color: Black;
}
.dpDayHighlightTD {
  background-color: #b3d4ff;
  border: 1px solid #FFFFFF;
  color: #000000;
}
.dpDayHightlight {
  color: Black;
}
.dpTDHover {
  background-color: #4CB5E8;
  color: #FFFFFF;
}
.dpTitleText {
  font-size:16px;
  color: Black;
}
.dpButton {
  color: #000000;
  background-color: #FFFFFF;
}
.dpTodayButton {
  background-color: #FFFFFF;
  color: #000000;
  font-weight: normal;
}