@charset "UTF-8";

/**
  アプリケーションのレイアウト定義
  ・ヘッダー
  ・フッター
  ・サイドメニュー
*/

html,
body {
  background: #ffffff;
  min-width: 960px;
  height: 100%;
  margin: 0;
  padding: 0;
  font: 15px/1.231 arial,helvetica,clean,sans-serif;
}

div#wrap {
  position: relative;
  min-width: 960px;
  margin: 0 auto;
  height: auto !important;
  min-height: 100%;
}

/* header_area */

div#header_area {
  position: fixed;
  top: 0;
  left: 10px;
  right: 0;
  padding: 0 10px;
  background-color: #fff;
  border-bottom: solid 2px #C40000;
  width: 100%;
  z-index: 1030;
}

/* header_area end */


/* content_area */

div#content_area {
  padding-top: 86px;
}

div#content_area:after {
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* content_area end */


/* menu_area, main_area */

#menu_area, #main_area {
}

#menu_area {
  background-color: #fff;
  border-right: solid 1px #C40000;
  width: 250px;
  position: fixed;
  z-index: 1030;
}

#main_area {
  padding-left:5px;
  padding-right:5px;
}

#main_area.has_sidemenu {
  padding-left: 250px;
}

/* menu_area, main_area end */


/* footer_area */
div#footer_area {
  background-color: #fff;
  border-top: solid 1px #C40000;
  text-align:right;
  font-size: 11px;
  position: fixed;
  left: 10px;
  right: 0px;
  bottom: 0;
  width: 100%;
  padding: 3px 20px 3px 10px;
  z-index: 1030;
}
/* footer_area end */