@charset "utf-8";

/* 全体共通
---------------------------------------------------------------------------*/

body{
      height:100%;

}

html{
      height:100%;
}

h2{
      margin-top: 2p;
}

/* システムからのメッセージ
---------------------------------------------------------------------------*/
/*カードのベース設定*/
.messge_card{
      margin: 15px 20px;
      padding: 10px 20px;
}

.messge_card p{
      padding-bottom: 5px;

}

/*アラート属性*/
._alert{
      background-color: #ffe2e2;
      border:1px solid #ffb4b4;
}

/*サクセス属性*/
._success{
      background-color: #c7ffbc;
      border:1px solid #7dd883;
}

/* ヘッダ
---------------------------------------------------------------------------*/

header{
      background-color:#fff;
      /*margin: 0px 0px 5px 0px;*/
      min-height:10%;
      /*border-bottom:1px solid #98cc33;*/

}

header > div{
      display:inline-block;
}

div#admin_menu{
      /*border :1px red solid;*/
      /*position:relative;*/
      display: none;
}

ul.subNav{
      display: none;
      line-height: 1.8em;
}


header > div#menu{
      /*border :1px red solid;*/
      width: 50%;
      position:absolute;
      right:0px;
      padding:1%;
      color:white;
      text-align: right;
      font-size:2.5em;

}

header > div#siteLogoArea{
      width:50%;
      /*border :1px red solid;*/
      padding: 1%;
       font-size:20px;
}

header > div#siteLogoArea>span{
      vertical-align: middle;
}

header > div#siteLogoArea>a>img{
      width:250px;
}

header > div#siteBtnArea{
      width:35%;
      /*border :1px red solid;*/
      color:white;
      font-size:2.5em;
}

div#menu_flg{
      width:100%;
      border-top:5px solid #98cc33;
      color: white;
}

div#menu_label{
      position:absolute;
      right:3%;
      display:inline-block;
      background-color: #98cc33;
      padding:10px 20px;
      border-radius: 0px 0px 10px 10px;
}

/* コンテンツ部分
---------------------------------------------------------------------------*/
div.contents{
      /*border :1px red solid;*/
      /*margin-bottom: 50px;*/
      padding:1% 20px;
      min-height:80%;
}

/* フッター
---------------------------------------------------------------------------*/

footer{
      /*position:absolute;*/
      min-height:2%;
      width:100%;
      bottom:0;
      /*border :1px red solid;*/
}

/* ログインページ
---------------------------------------------------------------------------*/

div#login{
      text-align : center;
      text-align : -webkit-center;
}

table#login_table{
      width : 90%;
}

img#logo{
      width : 95%;
      height : 50px;
      margin-bottom : 10px;
}

/* 検索欄
---------------------------------------------------------------------------*/

div.box_serach{
      /*border:1px solid silver;*/
      padding : 2%;
      margin: 1%;
}

div.box_serach table td{
      padding-top: 1%;
      padding-bottom: 1%;
}

/* ヘッダ
---------------------------------------------------------------------------*/

div.top_menu{
}

div.top_menu ul{
    line-height: 1.8em;
}