/* ページ全体：幅の設定
--------------------------------------------------------- */
.w07pc{width: 7%;}
.w10pc{width: 10%;}
.w15pc{width: 15%;}
.w20pc{width: 20%;}
.w100pc{width: 100%;}

/* ページ全体：簡易スペーサーの設定
--------------------------------------------------------- */
.pt5  {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pt25 {padding-top: 25px;}
.pt30 {padding-top: 30px;}
.pt35 {padding-top: 35px;}
.pt40 {padding-top: 40px;}
.pt45 {padding-top: 45px;}
.pt50 {padding-top: 50px;}
.pt80 {padding-top: 80px;}

.pl5  {padding-left: 5px;}
.pl10 {padding-left: 10px;}
.pl15 {padding-left: 15px;}
.pl20 {padding-left: 20px;}
.pl25 {padding-left: 25px;}
.pl30 {padding-left: 30px;}

.pr5  {padding-right: 5px;}
.pr10 {padding-right: 10px;}
.pr15 {padding-right: 15px;}
.pr20 {padding-right: 20px;}
.pr25 {padding-right: 25px;}
.pr30 {padding-right: 30px;}

.pb10 {padding-bottom: 10px;}
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}
.pb25 {padding-bottom: 25px;}
.pb30 {padding-bottom: 30px;}
.pb35 {padding-bottom: 35px;}
.pb40 {padding-bottom: 40px;}
.pb45 {padding-bottom: 45px;}
.pb50 {padding-bottom: 50px;}

.ml5  {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}

.mt5  {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt35 {margin-top: 35px;}
.mt40 {margin-top: 40px;}

.mb5  {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb35 {margin-bottom: 35px;}
.mb40 {margin-bottom: 40px;}
.mb45 {margin-bottom: 45px;}
.mb50 {margin-bottom: 50px;}

/* ページ全体：簡易フロート設定
--------------------------------------------------------- */
.fltL {float: left;}
.fltR {float: right;}
.cb {
    clear: both;
    height: 0;
}

/* ページ全体：文字色の設定
--------------------------------------------------------- */
.color_red   {color: red;}
.color_gray  {color: gray;}
.color_green {color: green;}

/* ページ全体：背景色の設定
--------------------------------------------------------- */
.bc_red   {background-color: red;}
.bc_gray  {background-color: gray;}
.bc_green {background-color: green;}

/* 配置指定
--------------------------------------------------------- */
.ta_c{text-align: center;}
.ta_r{text-align: right;}

/*---ページネーション--------------*/
.page_index{	
    padding:5px 10px;
    margin-top:10px;
}

.page_index a,
.page_index p{
    padding-left: 5px;
    padding-right: 5px;
}

/*-----------------------------
  情報メッセージ
-----------------------------*/
div.informationBlock {
  color: teal;
  font-size: 100%;
  background-color: Azure;
  margin: 1em;
  padding: 1em;
  border: 1px solid LightSeaGreen;
}

/*-----------------------------
  警告メッセージ
-----------------------------*/
div.warningBlock {
  color: DarkGoldenRod;
  font-size: 100%;
  background-color: LightYellow;
  margin: 1em;
  padding: 1em;
  border: 1px solid gold;
}

div.warningBlock p {
    margin-top: 0px; 
    margin-bottom: 0px; 
}

/*-----------------------------
  エラーメッセージ
-----------------------------*/
div.errorBlock {
  color: red;
  font-size: 100%;
  background-color: #FDF7F2;
  margin: 1em;
  padding: 1em;
  border: 1px solid red;
}

.errorBlock p {
    margin-top: 0px; 
    margin-bottom: 0px; 
}

.rightAligned {
    text-align: right;
}


.boxlist ul li img {
    height: 66px;
}

input {
    font-family: initial; 
}

table.fixed {
    table-layout: fixed;
    word-break: break-all;
}

.datepicker {
    width: 80px;
}

/*-----------------------------
  一覧表示用テーブル
-----------------------------*/
.css_table th,
.css_table td{
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding:10px 3px!important;
    vertical-align:middle;
}
.css_table th{
    background:#f2f2f2;
    font-weight:normal;
    text-align:center;
}
.css_table td img.b_color{
    border:solid 1px #ccc;
    display:inline;
    background:#fff;
    vertical-align:middle;
}
.css_table,
.css_table th,
.css_table td{
    empty-cells: hide;
}

.css_Table{
    border: 2px solid #ccc;
}

/*管理者メニュー*/
.admin_menu_button{
    width: 220px;
    height: 60px;
    margin-left: 30px;
    margin-top: 10px;
    margin-bottom: 20px;
    background-color: #788691;
    padding: 5px;
    line-height: 60px;
}

.admin_menu2_button{
    width: 220px;
    height: 60px;
    margin-left: 30px;
    margin-top: 10px;
    margin-bottom: 20px;
    background-color: #788691;
    padding: 5px;
    line-height: 30px;
}

.admin_menu_button a,
.admin_menu2_button a{
     display:block; 
     color: white; 
     text-decoration: none; 
     text-align: center; 
     font-size: 20px; 
     font-weight: bold;
}

.admin_button a{
    width: 150px;
    height: 40px;
    display:block;
    text-align:center;
    color: white;
    text-decoration: none;
    font-weight: bold;
    background-color: #00cccc;
    line-height: 40px;
    margin: 20px;
    font-size: 16px; 
}

.admin_delete_button a{
    width: 150px;
    height: 40px;
    display:block;
    text-align:center;
    color: white;
    text-decoration: none;
    font-weight: bold;
    background-color: red;
    line-height: 40px;
    margin: 20px;
    font-size: 16px; 
}

.admin_back_button a{
    width: 150px;
    height: 40px;
    display:block;
    text-align:center;
    color: white;
    text-decoration: none;
    font-weight: bold;
    background-color: #888888;
    line-height: 40px;
    margin: 20px;
    font-size: 16px; 
}

.admin_title {
    height: 25px;
    min-height: 25px;
    margin-bottom: 10px;
    padding: 2px 0px 2px;
    font-size: 125%;
    color: #3E3A39;
    background-repeat: no-repeat;
    border-bottom: 2px solid #D7D7D7;
}

.login_button{
    width: 150px;
    height: 40px;
    display:block;
    text-align:center;
    color: white;
    text-decoration: none;
    font-weight: bold;
    background-color: #00cccc;
    line-height: 40px;
    /*margin: 20px;*/
    font-size: 16px; 
    margin-left: 70px;
    vertical-align: middle;
    border: none;
    cursor: pointer;
    font-family: "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
}