@CHARSET "UTF-8";

/***********************/
/* 全体構造とデザイン  */
/***********************/
html { height:100% }

body {
  height:100%;
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  background-image:url('../res/tile-canvas.png');
  color: #333;
  background-color: #fafafa;
  font-family : 'Hiragino Kaku Gothic Pro', Meiryo, san-serif;
  font-size: 10.5pt;
  line-height: 1.7;
  position: relative;
}


div.cs_content_header {
  width:100%;
  height:70px;
  min-width:930px;
  background-image:url('../res/top-banner-back.png');
}

div.cs_content_main {
  min-width:900px;
/*   height:400px; */
  height: calc(100% - 100px);
  margin:0 10px 10px 10px;
  border:solid 1px #934200;
  border-top:0;
  background-color:#ffffff;
  padding:3px;
  border-radius: 5px / 5px;
  position: relative;
}

div.cs_content_footer {
  height:10px;
}

/***********************/
/* ヘッダーのデザイン  */
/***********************/
.cs_content_header_title {
  width:100%;
  height:70px;
  background-image:url('../res/top-banner.png');
  background-repeat:no-repeat;
}

.cs_content_header_title div.user_name {
  height:30px;
  padding:12px 11px 0 0;
  text-align:right;
}

.cs_content_header_title div.breadcrumb_bar {
  height:35px;
  padding:0 15px 0 0;
  text-align:right;
}

/* 標準ボタンのデザイン  */
input[type="button"] {
  font-family : 'Hiragino Kaku Gothic Pro', Meiryo, san-serif;
  padding:3px 0;
  cursor:pointer;
  font-weight:bold;
  text-shadow: 1px 1px 1px #ffffff
}

input[type="button"].logout_btn {
  width:120px;
  font-weight:bold;
  font-family : 'Hiragino Kaku Gothic Pro', Meiryo, san-serif;
  padding:0px;
  cursor:pointer;
}


#title_bar {}
#title {}
#user_name {}
#breadcrumb_bar {}