#wrapper{
	margin:30px 10px 10px 20px;
}

.blue {
	color: #0000ff;
}

.red {
	color: #ff0000;
}

.zaikoList {
	margin-bottom:30px;
}

#scheduleList {
	margin-bottom:30px;
	margin-right:30px;
}

#search {
	margin-bottom:10px;
}

.searchBtn {
	margin-bottom:30px;
}

.zaiko-th th {
	background:#D3D3D3;
}

.right {
	text-align:right;
}
.center {
	text-align:center;
}

.two-row {
	background:#EFF2FB;
}

.youbi {
	font-size:70%;
	margin-left:10px;
}
.hiduke {
	font-size:300%;
	text-align:center;
}
.calendar-th {
	width:200px;
}
.calendar-td {
	width:200px;
	height:500px;
	vertical-align:top;

}
.calendar-th-menu {
	width:350px;
}
.calendar-td-menu {
	width:350px;
	height:640px;
	vertical-align:top;

}
.calendar-schedule {
	width:195px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size:80%;
}
.calendar-schedule-menu {
	width:345px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	cursor: pointer;
}
.calendar-schedule a {
    width: 100%;
    height: 100%;
    display: inline-block;
    text-decoration: none;
}
.calendar-schedule-menu a {
    width: 100%;
    height: 100%;
    display: inline-block;
    text-decoration: none;
}

.index-tag {
	margin-top:30px;
	margin-bottom:30px;
}
.index-tag-black {
	background:#708090;
	color:#ffffff;
	padding:3px 3px 3px 3px;
	font-size:90%;
}
.index-tag-gray {
	background:#808080;
	color:#ffffff;
	padding:3px 3px 3px 3px;
	font-size:90%;
}

.date-schedule {

}

ul, ol {
  padding: 0;
  position: relative;
}

ul .calendar-schedule, ul .calendar-schedule-menu {
  color: black;
  border-left: solid 8px orange;/*�����̐�*/
  background: whitesmoke;/*�w�i�F*/
  margin-bottom: 5px;/*���̃o�[�Ƃ̗]��*/
  line-height: 1.5;
  padding: 0.5em;
  list-style-type: none!important;
}

.link-button {
	background:#ff0000;
	width:112px;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top:20px;
	border: 1px solid #ccc;
}
.link-button a {
	display: block;
	color:#fff;
	text-decoration: none;
}
.link-button:hover {
	background:#B22222;
}

.link-button-copy {
	background:#90EE90;
	width:112px;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top:20px;
	border: 1px solid #ccc;
}
.link-button-copy a {
	display: block;
	color:#000;
	text-decoration: none;
}
.link-button-copy:hover {
	background:#8FBC8F;
}


.view-link {
	color: #0000ff;
	cursor: pointer;
}

/*���j���[�v���_�E��*/
#dropmenu{
  list-style-type: none;
  width: 500px;
  height: 40px;
  padding: 0;
}
#dropmenu li{
  position: relative;
  width: 20%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#dropmenu li a{
  display: block;
  margin: 0;
  padding: 12px 0px 0px 5px;
  color: rgba(255,255,255,.5);
  line-height: 1;
  text-decoration: none;
  background:#67abf3!important;
}
#dropmenu li:hover > a{
  color: rgba(255,255,255,.75);
}
#dropmenu > li:hover > a{
  border-radius: 3px 3px 0 0;
}
#dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  border-radius: 0 0 3px 3px;
}
#dropmenu li:last-child ul{
  width: 100%
}
#dropmenu li ul li{
  overflow: hidden;
  width: 200%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a{
  padding: 13px 15px;
  text-align: left;
  font-weight: normal;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 40px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}
#dropmenu li ul li{
  overflow: hidden;
  height: 0;
  transition: .2s;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
}
/* ���j���[�v���_�E�������܂� */

.add-tag {
	float:left;
	background:#DCDCDC;
	padding: 5px 3px 3px 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	border: 1px solid #000;
	cursor: pointer;
}
.add-tag:hover {
	background:#87CEFA
}

a.button {
    background-color:#ddeeff;
    border:1px solid #8888ff;
    padding:5px 20px 5px 20px;
    border-radius:5px;
    box-shadow:0px 0px 10px #c3e1ff;
    cursor:pointer;
}
a.button:hover {
    color:white;
    background-color:navy;
    text-shadow:0px 0px 3px #ffffff;
    text-decoration: none;
}

a.button {
    background-color:#008B8B;
    border:1px solid #008080;
    padding:5px 20px 5px 20px;
    border-radius:5px;
    box-shadow:0px 0px 10px #c3e1ff;
    cursor:pointer;
    color:white;
}
a.button:hover {
    color:white;
    background-color:#00CED1;
    text-shadow:0px 0px 3px #ffffff;
}
.square_btn {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #008B8B;/*�F*/
    border-radius: 4px;/*�p�̊ۂ�*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-weight: bold;
    border: solid 2px #008080;/*���F*/
}

.square_btn:active {/*�������Ƃ�*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}
#login-button {
	position:absolute;
	text-align:center;
	bottom:15%;
	left:0;
	width:100%;
}

#login-button p {
	margin-top:30px;
}

#title {
	font-size:120%;
	margin-top:5px;
}

#data-list {
	padding: 0;
  	position: relative;
}

/* 外枠 */
div.x_data_area {
  width: 100%;
  overflow: hidden; /* floatさせた要素を内包しているため指定 */
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
}

/* ロック部分 */
div.lock_box {
  float: left;
  width: 30%;
}

/* 横スクロール部分 */
div.x_scroll_box {
  float: left;
  width: 69%;
  border-left: 1px solid #CCC;
  overflow-y: hidden; /* 縦スクロール非表示 */
  overflow-x: scroll; /* 横スクロール */
}

/* テーブル */
.width300 {
	 width: 100%;
}

.width2500 {

}

table.data {
  table-layout: fixed; /* 内容を固定 */
  border-collapse: separate;
  border-spacing: 0; /* tableのcellspacing="0"の代わり */
}

table.data th,
table.data td {
  padding: 2px;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}

table.data th.r_none,
table.data td.r_none {
  border-right: none; /* 右ボーダーの重なりを防止 */
}

table.data th {
  border-top: 1px solid #CCC;
  background: #EEF1F4;
}

table.data th,
table.data td {
  overflow: hidden; /* データが幅を超えたとき非表示に */
  white-space: nowrap; /* データの折り返しを防止 */
}

table.data td p {
  margin: 0; /* 余分なマージンを消去 */
}

/* IE6 */
table.data {
  _border-collapse: collapse; /* IE6がborder-spacing: 0;に対応していないので */
}

/* IE7 */
*:first-child+html table.data {
  border-collapse: collapse; /* IE7がborder-spacing: 0;に対応していないので */
}

.logo {
	height:46px;
}
.logo2 {
	width:60px;
}

.print-logo {
	margin-left:30%;
}
