/*
 * Copyright(c) 2009 limitlink,Inc. All Rights Reserved.
 * http://limitlink.jp/
 */

.control {
  clear: both;
  padding: 0px 0px 0px 20px;
  border-bottom: 1px solid #666;
}

.control table {
  position: relative;
  top: 1px;
}

.control a:link, .control a:visited, .control a:active {
  display: block;
  margin-right: 2px;
  padding: 4px 8px 2px 8px;
  color: #333;
  font-size: 12px;
  white-space: nowrap;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
}

.control a:hover {
  color: #29f;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
}

.control .current a:link, .control .current a:visited, .control .current a:active {
  color: #31c955;
  font-weight: bold;
  background-color: #fff;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
}

.contentcontrol {
  margin-bottom: 20px;
  border-bottom: 4px solid #30b7a3;
}

.contentcontrol h1 {
  float: left;
  margin: 0px;
  border-bottom: 0px;
}

.contentcontrol table {
  float: right;
  position: relative;
  top: 1px;
}

.contentcontrol a:link, .contentcontrol a:visited, .contentcontrol a:active {
  display: block;
  margin-right: 2px;
  padding: 4px 5px 1px 5px;
  color: #57d;
  font-size: 14px;
  white-space: nowrap;
  background-color: #eff7ff;
  border: 1px solid #57d;
}

.contentcontrol a.current:link, .contentcontrol a.current:visited, .contentcontrol a.current:active {
  color: #000;
  background-color: #fff;
  border-bottom: 1px solid #fff;
}

.operate {
  clear: both;
  float: left;
  margin: 0 0 20px 0;
}

.operate li {
  float: left;
  margin-right: 10px;
}

.operate a:link, .operate a:visited, .operate a:active, .operate .operator {
  display: block;
  height:16px;
  padding-left: 20px;
  background-image: url(../images/operate2.png);
  background-repeat: no-repeat;
}

.item a:link, .item a:visited, .item a:active, .item {
  display: block;
  background-image: url(../images/item.png);
  background-repeat: no-repeat;
}

.contentfolder, .contentwebsite, .contentcompany, .contentagency {
  width: 100%;
  margin-bottom: 10px;
}

.contentassignee {
  width: 100%;
  margin-bottom: 20px;
}

.folder, .website, .company, .agency, .assignee {
  width: 100%;
  border: 1px solid #30b7a3;
}

.contentmonth {
  width: 172px;
  padding-right: 30px;
}

.month {
  width: 170px;
  border: 1px solid #8be;
}

.foldercaption, .websitecaption, .companycaption, .agencycaption, .assigneecaption {
  padding: 3px 5px 2px 5px;
  white-space: nowrap;
  background-color: #dbf2ef;
  background-repeat: repeat-x;
  border-bottom: 1px solid #30b7a3;
}

.monthcaption {
  padding: 3px 5px 2px 5px;
  white-space: nowrap;
  background-color: #eff7ff;
  background-image: url(../images/foldercaption.gif);
  background-repeat: repeat-x;
  border-bottom: 1px solid #8be;
}


.folder ul, .website ul, .company ul, .agency ul, .assignee ul {
  overflow: auto;
  padding: 5px;
}

.month ul {
  padding: 5px;
}

.folder li, .website li {
  float:left;
  min-width:120px;
  padding: 2px 5px 2px 5px;
  white-space: normal;
}
.agency li, .company li {
  float:left;
  min-width:200px;
  padding: 2px 5px 2px 5px;
  white-space: normal;
}

.assignee li {
  float:left;
  min-width:270px;
  padding: 2px 5px 2px 5px;
  white-space: normal;
}

.month li {
  padding: 2px 5px 2px 5px;
  white-space: normal;
}

.folderlist li {
  padding: 2px 5px 2px 20px;
  background-image: url(../images/folder.png);
  background-repeat: no-repeat;
}

.websitelist li , .companylist li , .agencylist li, .assigneelist li {
  padding: 2px 5px 2px 20px;
  background-image: url(../images/folder2.png);
  background-repeat: no-repeat;
}

.monthlist li {
  padding: 2px 5px 2px 20px;
  background-image: url(../images/folder.png);
  background-repeat: no-repeat;
}

.folderlist li.current {
  background-image: url(../images/folderopen.png);
  background-repeat: no-repeat;
}

.websitelist li.current {
  background-image: url(../images/folderopen2.png);
  background-repeat: no-repeat;
}

.companylist li.current {
  background-image: url(../images/folderopen2.png);
  background-repeat: no-repeat;
}

.agencylist li.current {
  background-image: url(../images/folderopen2.png);
  background-repeat: no-repeat;
}

.assigneelist li.current {
  background-image: url(../images/folderopen2.png);
  background-repeat: no-repeat;
}

.monthlist li.current {
  background-image: url(../images/folderopen.png);
  background-repeat: no-repeat;
}

.folder .current a:link, .folder .current a:visited, .folder .current a:active {
  color: #000;
  font-weight: bold;
}
.website .current a:link, .website .current a:visited, .website .current a:active {
  color: #000;
  font-weight: bold;
}
.company .current a:link, .company .current a:visited, .company .current a:active {
  color: #000;
  font-weight: bold;
}
.agency .current a:link, .agency .current a:visited, .agency .current a:active {
  color: #000;
  font-weight: bold;
}
.assignee .current a:link, .assignee .current a:visited, .assignee .current a:active {
  color: #000;
  font-weight: bold;
}

.month .current a:link, .month .current a:visited, .month .current a:active {
  color: #000;
  font-weight: bold;
}

.folderoperate {
  float: right;
  padding: 0px 10px 6px 0px;
  text-align: right;
}

.monthoperate {
  padding: 0px 5px 2px 5px;
  font-size: 12px;
  text-align: right;
}

.flagdescription {
  width: 100%;
  height: 24px;
  margin-bottom: 10px;
}

.monthdescription {
  width: 100%;
  height: 24px;
  margin-bottom: 10px;
}

a.direction:link, a.direction:visited, a.direction:active {
  font-size: 12px;
}

a.share:link, a.share:visited, a.share:active {
  color: #060;
}

.alert {
  font-weight:bold;
}

.past {
  font-weight:bold;
  color:red;
}
.today {
  font-weight:bold;
  color:blue;
}
.katano {
  color:blue;
}
.yukio {
  color:red;
}
.hosino {
  color:black;
}