@charset "UTF-8";

/* ========================================================================= */
/* 共通スタイルシート */
/* ver 0.0.0.0   2010-07-16 ooba  初版 */
/* ========================================================================= */

/*== フォント設定、テーブル設定を共通化する ==*/
html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, th, td,
form, fieldset {
  margin: 0;
  padding: 0;
  color: #222;
  font-family:
    "ＭＳ Ｐゴシック",
    "MS P Gothic",
    "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro W3",
    Osaka,
    sans-serif;
  font-size: 12px;
  line-height: 1.35em;
  background-image:none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  border: 0;
}


/*== リンク時テキスト設定 ==*/
a {
  color: #339999;
  text-decoration: none;
}

a:link, a:visited {
  color: #339999;
}

a:hover, a:focus{
  color: #339999;
  text-decoration: underline;
}


/*== ページヘッダー部 ==*/
div.frm_header {
  background: url(../images/bk_header.png) repeat-x;
  height:86px;
}

div.frm_header div.img_logo {
  background: url(../images/img_logomark.png) no-repeat;
  position:absolute;
  top:0px;
  left:20px;
  width:206px;
  height:86px;
}
div.frm_header div.img_logo a {
  display: block;
  width: 206px;
  height: 86px;
  text-decoration:none;
  text-indent: -9999px;
}

div.frm_header div.img_info {
  background: url(../images/bk_headerContens.png) no-repeat;
  position:absolute;
  top:0px;
  left:226px;
  width:736px;
  height:86px;
}

div.txt_info {
  position:absolute;
  top:4px;
  line-height: 1.1em;
  left:80px;
  width:625px;
  height:26px;
}

div.btn_menu {
  position:absolute;
  top:35px;
}
div.btn_mainMenu_input       { left:232px; }
div.btn_mainMenu_graph       { left:337px; }
div.btn_mainMenu_notEnterd   { left:442px; }
div.btn_mainMenu_report      { left:547px; }
div.btn_mainMenu_maintenance { left:652px; }
div.btn_mainMenu_help        { left:757px; }
div.btn_mainMenu_logout      { left:862px; }

/*== サブメニュー部 ==*/
div.frm_submenu {
  background: url(../images/bk_submenu.png) repeat-x;
  height:30px;
}
div.frm_submenu div.box_submenu {
  line-height:30px;
  padding-left:45px;
  display: none;
}
div.frm_submenu span {
  margin: 0 5px;
}

/*== ヘッダータイトル部 ==*/
div.img_pagetitle {
  background: url(../images/bk_pageHeading.png) no-repeat;
  width:726px;
  height:25px;
  line-height: 25px;
  margin: 5px 0 0 45px;
  padding-left: 13px;
  font-size: 14px;
  font-weight: bold;
}


/*== ページフッター部 ==*/
div.frm_footer {
  background: url(../images/bk_footer.png) repeat-x;
  height:101px;
}

div.frm_footer div.img_footer {
  background: url(../images/bk_footerText.png) no-repeat;
  margin-left:362px;
  width:300px;
  height:101px;
}
div.frm_footer div.lnk_footer {
  text-align:center;
  margin-left:-200px;
  padding-top:30px;
  width:700px;
}
div.lnk_footer span {
  margin: 0 5px;
  font-weight:bold;
}


/*== ページヘッダー部(別窓) ==*/
div.frm_popheader {
  background: url(../images/bk_subWin_header.png) repeat-x;
  height:23px;
}

div.btn_close {
  position:absolute;
  top:2px;
  left:96%;
}


/*== ページフッター部(別窓) ==*/
div.frm_popfooter {
  background: url(../images/bk_subWin_footer.png) repeat-x;
  height:25px;
}

div.frm_popfooter div.img_popfooter {
  background: url(../images/bk_subWin_footerText.png) no-repeat;
  margin-left:auto;
  margin-right:auto;
  width:284px;
  height:25px;
}


/*== 入力コントロール ==*/
input[type="text"] {
  margin-bottom:1px;
  margin:0 4px 1px 0;
  height: 14px;
}
select {
  height: 19px;
  font-size: 12px;
}


/*== 背景色指定 ==*/
.bkg_blue {
  background-color:#9CDBE2;
}
.bkg_gray {
  background-color:#E9EDEE;
}
.fnt_gray {
  color: #666;
}


/*== 表示指定 ==*/
.dsp_none { display: none; }


/*== その他マーク等 ==*/
div.img_sectionHeading {
  display: block;
  width: 726px;
  height: 20px;
  color: #666;
  padding: 5px 0 0 10px;
  background: url('../images/bk_sectionHeading.png') no-repeat 0 100%;
  font-size: 1.2em;
}
div.img_sectionHeadingHalf {
  display: block;
  width: 406px;
  height: 20px;
  color: #666;
  padding: 5px 0 0 10px;
  background: url('../images/bk_sectionHeadingHalf.png') no-repeat 0 100%;
  font-size: 1.2em;
}
.ico_blueLine {
  background: url('../images/ico_blueLine.png') no-repeat 0 50%;
  padding: 1px 0 0 8px;
  color: #666;
  font-size: 13px;
}
.ico_itemName {
  background: url('../images/ico_itemName.png') no-repeat 0 50%;
  padding-left: 13px;
}
.ico_itemName {
  background: url('../images/ico_itemName.png') no-repeat 0 50%;
  padding-left: 13px;
}
.ico_itemName_bkDark {
  background: url('../images/ico_itemName_bkDark.png') no-repeat 0 50%;
  padding-left: 13px;
}
.ico_attention {
  background: url('../images/ico_attention.png') no-repeat 0 50%;
  padding-left: 20px;
}
.ico_directionTop {
  background: url('../images/ico_top.png') no-repeat 0 50%;
  padding-left: 10px;
}