body {
}
@charset "utf-8";
/* CSS Document */

body {
  background-color: #FFF;
  color: #333333;
  line-height: 150%;
  text-align: center;
  font-size: 12px;
}

p {
  margin-top: 1em;
  margin-bottom: 1em;
}

table th {
  font-size: 12px;
  color: #333;
}

table td {
  font-size: 12px;
  color: #333;
}

a:link {
  color: #15428B;
  text-decoration: none;
}

a:visited {
  color: #15428B;
}

a:hover {
  color: #15428B;
  text-decoration: underline;
}

h1.header1 {
  background-color: #00264F;
  font-size: 16px;
  font-weight: bold;
  background-image: url(../img/h1_bg.png);
  background-repeat: no-repeat;
  background-position: left;
  border: 1px solid #00264F;
  color: #FFF;
  text-align: left;
  padding-left: 20px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 1em;
  margin-top: 1em;
}

h2.header2 {
  border-bottom: 1px solid #CCC;
  font-size: 14px;
  font-weight: bold;
  color: #333;
  text-align: left;
  margin-top: 2em;
  margin-bottom: 1em;
  padding-left: 5px;
  padding-right: 5px;
  line-height: 26px;
}

/* --- text color -- */
.color_orange {
  color: #FFB624;
}

.must_input {
  color: #FF0000;
}
/* --- button --- */
.button_submit {
  width: 100px;
  height: 26px;
  line-height: 26px;
  color: #333;
  background-color: #FFF;
  background-image: url("../img/button100.png");
  background-repeat: no-repeat;
  border: 0px;
  cursor: pointer;
}

  .button_submit:hover {
    background-image: url("../img/button100_on.png");
  }

.button_submit_disabled {
  width: 100px;
  height: 26px;
  line-height: 26px;
  color: #999;
  background-color: #FFF;
  background-image: url("../img/button100.png");
  background-repeat: no-repeat;
  border: 0px;
  cursor: default;
}

  .button_submit_disabled:hover {
    background-image: url("../img/button100.png");
  }

.button_short {
  width: 60px;
  height: 26px;
  line-height: 26px;
  color: #333;
  background-color: #FFF;
  background-image: url("../img/button60.png");
  background-repeat: no-repeat;
  border: 0px;
  cursor: pointer;
}

  .button_short:hover {
    background-image: url("../img/button60_on.png");
  }

.button_short_disabled {
  width: 60px;
  height: 26px;
  line-height: 26px;
  color: #999;
  background-color: #FFF;
  background-image: url("../img/button60.png");
  background-repeat: no-repeat;
  border: 0px;
  cursor: default;
}

.button_short_disabled {
  background-image: url("../img/button60.png");
}

.button_100 {
  width: 100px;
  height: 26px;
  line-height: 26px;
  color: #333;
  background-color: #FFF;
  background-image: url("../img/button100.png");
  background-repeat: no-repeat;
  border: 0px;
  cursor: pointer;
}

  .button_100:hover {
    background-image: url("../img/button100_on.png");
  }

.button_100_disabled {
  width: 100px;
  height: 26px;
  line-height: 26px;
  color: #999;
  background-color: #FFF;
  background-image: url("../img/button100.png");
  background-repeat: no-repeat;
  border: 0px;
  cursor: default;
}

.button_100_disabled {
  background-image: url("../img/button100.png");
}

.button_150 {
  width: 150px;
  height: 26px;
  line-height: 26px;
  color: #333;
  background-color: #FFF;
  background-image: url("../img/button150.png");
  background-repeat: no-repeat;
  border: 0px;
  cursor: pointer;
}

  .button_150:hover {
    background-image: url("../img/button150_on.png");
  }

.button_150_disabled {
  width: 150px;
  height: 26px;
  line-height: 26px;
  color: #999;
  background-color: #FFF;
  background-image: url("../img/button150.png");
  background-repeat: no-repeat;
  border: 0px;
  cursor: default;
}

.button_150_disabled {
  background-image: url("../img/button150.png");
}

.button_200 {
  width: 200px;
  height: 26px;
  line-height: 26px;
  color: #333;
  background-color: #FFF;
  background-image: url("../img/button200.png");
  background-repeat: no-repeat;
  border: 0px;
  cursor: pointer;
}

  .button_200:hover {
    background-image: url("../img/button200_on.png");
  }

.button_200_disabled {
  width: 200px;
  height: 26px;
  line-height: 26px;
  color: #999;
  background-color: #FFF;
  background-image: url("../img/button200.png");
  background-repeat: no-repeat;
  border: 0px;
  cursor: default;
}

.button_200_disabled {
  background-image: url("../img/button200.png");
}


/* --- button layout ---*/
.submit_box {
  text-align: center;
  margin-top: 1em;
  margin-bottom: 1em;
  background-color: #FFF;
  padding-top: 10px;
  padding-bottom: 10px;
}

/* --- common box --- */
.common_end_box {
  margin-top: 3em;
  margin-bottom: 3em;
}

.common_gray_box {
  border: 1px solid #CCC;
  background-color: #EEE;
  padding: 10px;
  margin-top: 1em;
  margin-bottom: 1em;
}

/* --- error --- */
ul.error_list {
  margin: 0px;
  padding: 0px;
  background-color: #FFFFCC;
}

  ul.error_list li {
    margin: 0px;
    margin-left: 2em;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: #FF3300;
    background-color: #FFFFCC;
    line-height: 150%;
  }

.error_message {
  background-color: #FFFFCC;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: red;
}

.error_messages {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: red;
}
/* --- pageing --- */
.paging_box {
  text-align: right;
}

.paging_prev {
  background-image: url(../img/paging_prev.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 15px;
}

.paging_next {
  background-image: url(../img/paging_next.png);
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 15px;
}

.paging_first {
  background-image: url(../img/paging_first.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 15px;
}

.paging_last {
  background-image: url(../img/paging_last.png);
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 15px;
}

table tr.paging_row td {
  border-style: none;
}
/*
.paging_box a{
	padding-left:8px;
	padding-right:8px;
	padding-top:5px;
	padding-bottom:5px;
	border:1px solid #CCC;
}
.paging_box a:hover{
	padding-left:8px;
	padding-right:8px;
	padding-top:5px;
	padding-bottom:5px;
	border:1px solid #CCC;
	text-decoration:none;
	background-color:#FFCC00;
	color:#333;
}
*/
.sort_down a {
  padding-left: 15px;
  background-image: url(../img/down.png);
  background-repeat: no-repeat;
  background-position: left center;
  text-decoration: none;
}

  .sort_down a:hover {
    background-image: url(../img/down_active.png);
  }

.sort_down_active a {
  padding-left: 15px;
  background-repeat: no-repeat;
  background-position: left center;
  text-decoration: none;
  background-image: url(../img/down_active.png);
  font-weight: bold;
}

.sort_up a {
  padding-left: 15px;
  background-image: url(../img/up.png);
  background-repeat: no-repeat;
  background-position: left center;
  text-decoration: none;
}

  .sort_up a:hover {
    background-image: url(../img/up_active.png);
  }

.sort_up_active a {
  padding-left: 15px;
  background-repeat: no-repeat;
  background-position: left center;
  text-decoration: none;
  background-image: url(../img/up_active.png);
  font-weight: bold;
}

/* --- layout box --- */
.root_box {
}

.header_box {
  border-top: 5px solid #001730;
  border-bottom: 1px solid #0065D1;
  background-color: #72CEE3;
  /*background-image: url(../img/header_bg.png);
  background-repeat: no-repeat;
  background-position: left;*/
  height: 50px;
}

.header_left {
  width: 400px;
  float: left;
  text-align: left;
}

.header_right {
  width: 400px;
  padding-right: 20px;
  padding-top: 15px;
  color: #00264F;
  float: right;
}

.headermenu_box {
  background-image: url(../img/headermenu_bg.jpg);
  background-repeat: repeat-x;
  background-color: #DEF5FF;
  height: 35px;
  border-bottom: 1px solid #B8E7FF;
  text-align: left;
}

.main_box {
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 3em;
  text-align: left
}

.main_box_in {
  width: 100%;
}

/* logo image */
div.logo_image {
  padding: 0;
  height: 50px;

  /* add */
  margin-left: 1em;
  /*color: #FFF;*/
  font-weight: bold;
  font-size: 16px;
  line-height: 50px;
}
    /* add */
  div.logo_image a {
    display: block;
  }

    /*div.logo_image a:visited {
      color: #FFF;
    }

    div.logo_image a:link {
      color: #FFF;
    }*/

/* --- system title --- */
.system_title_box {
}

.system_title {
}

/* --- left menu --- */

/* --- header menu --- */
table.headermenu {
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
}

  table.headermenu td {
    margin: 0px;
    padding: 0px;
    border-collapse: collapse;
    text-align: center;
  }

  table.headermenu a {
    display: block;
    width: 150px;
    font-size: 12px;
    color: #333;
    line-height: 35px;
    background-image: url(../img/headermenu_bg.jpg);
  }

    table.headermenu a:hover {
      background-image: url(../img/headermenu_bg_on.jpg);
      text-decoration: none;
    }

    table.headermenu a.active {
      background-image: url(../img/headermenu_bg_on.jpg);
      text-decoration: none;
    }
/* --- tables --- */

table.table_simple {
  border-collapse: collapse;
  border: 1px solid #CCC;
  margin: 0 auto;
}

  table.table_simple th {
    background-color: #DFECFF;
    font-weight: normal;
    line-height: 150%;
    padding: 2px;
    border: 1px solid #CCC;
  }

  table.table_simple td {
    background-color: #FFF;
    line-height: 150%;
    padding: 2px;
    border: 1px solid #CCC;
  }


table.table_list {
  border-collapse: collapse;
  border: 1px solid #CCC;
  margin-top: 10px;
  margin-bottom: 10px
}

  table.table_list th {
    background-color: #FFF;
    background-image: url(../img/tablelist_bg.png);
    background-position: bottom;
    background-repeat: repeat-x;
    font-weight: normal;
    text-align: center;
    line-height: 150%;
    padding: 3px;
    border: 1px solid #CCC;
  }

  table.table_list td {
    background-color: #FFF;
    line-height: 150%;
    padding: 3px;
    border: 1px solid #CCC;
  }

table.table_fulllist {
  width: 100%;
  border-collapse: collapse;
  /*border:1px solid #CCC;*/
  margin-top: 10px;
  margin-bottom: 10px
}

  table.table_fulllist th {
    /*background-color:#FFF;
	background-image:url(../img/tablelist_bg.png);
	background-position:bottom;
	background-repeat:repeat-x;*/
    background-color: #EEEEEE;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    line-height: 150%;
    padding: 3px;
    border: 1px solid #CCC;
  }

  table.table_fulllist td {
    background-color: #FFF;
    line-height: 150%;
    padding: 3px;
    border: 1px solid #CCC;
  }


table.table_entry_vertical {
  border-collapse: collapse;
  width: 600px;
  border: 1px solid #CCC;
  margin-top: 10px;
  margin-bottom: 10px
}

  table.table_entry_vertical th {
    background-color: #DFECFF;
    font-weight: normal;
    text-align: left;
    line-height: 150%;
    padding: 5px;
    border: 1px solid #CCC;
    width: 120px;
  }

  table.table_entry_vertical td {
    background-color: #FFF;
    line-height: 150%;
    text-align: left;
    padding: 5px;
    border: 1px solid #CCC;
  }

table.table_admin_login {
  border-collapse: collapse;
  width: 400px;
  border: 1px solid #CCC;
  margin-top: 10px;
  margin-bottom: 10px
}

  table.table_admin_login th {
    background-color: #DFECFF;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
    line-height: 150%;
    padding: 10px;
    border: 1px solid #CCC;
    width: 120px;
  }

  table.table_admin_login td {
    background-color: #FFF;
    line-height: 150%;
    text-align: left;
    vertical-align: middle;
    padding: 10px;
    border: 1px solid #CCC;
  }

table.table_inner {
  border: none;
  margin: 0;
  padding: 0;
}

  table.table_inner th {
    border: none;
    margin: 0;
    padding: 0;
  }

  table.table_inner td {
    border: none;
    margin: 0;
    padding: 0;
  }

/* --- login box --- */
.login_root_box {
  text-align: center;
}

.login_box {
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

ul.medicalInstitutionList {
}

ul.medicalInstitutionList li {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}

/* icon */
.mIconPDF {
  background: url(../img/pc/page/ico_pdf.gif) no-repeat 0 0.3em;
  display: inline-block;
  *display: inline;
  padding-left: 21px;
  vertical-align: baseline;
  *zoom: 1;
}

/* Mobile Style : screen width <= 959px */
@media screen and (max-width: 959px) {

  ul.medicalInstitutionList {
  }

  ul.medicalInstitutionList li {
    display: block;
    *display: block;
    margin: 8px 0;
  }

  /* icon */
  .mIconPDF {
    background: url(../img/pc/page/ico_pdf.gif) no-repeat 0 0.2em;
    display: inline-block;
    *display: inline;
    padding-left: 21px;
    vertical-align: baseline;
    *zoom: 1;
  }
}