@charset "utf-8";

@import url("reset.css");

html {
  width:100%;
}

body{
	font-family:'Lucida Grande', Meiryo, sans-serif;
	font-size:0.9em;
	line-height:1em;
	color:#000;
	text-align:left;
  height:100%;
  background-attachment:fixed;
  margin:0;
  padding:0;
}

img {
	border:none;
}

table {
	border-collapse:collapse;
}
input.readonly {
    background-color: #E3F9F9;
}

iframe {
	display:block;
}

a {
	color:#3376FF;
	text-decoration:none;
}

a:hover {
	color:#04003F;
	text-decoration:underline;
}

.dispNone {
	display:none;
	clear:both;
}
#UserJutyuEdit .set_now_t {
  display: none;
}
table.default {
	border-collapse:collapse;
	margin:0 0 20px 0;
  width:100%;
  line-height:1.3em;
  background:#F4F3ED;
}
table.default .center {
  text-align: center;
}
table.default .left {
  text-align: left;
}
table.default .right {
  text-align: right;
}
table.default th {
  vertical-align:middle;
  text-align:left;
  padding:10px;
  border-top:1px solid #FFF;
  border-bottom:1px solid #FFF;
  font-weight:bold;
  background:none;
  white-space:nowrap;
}

table.default thead th {
  border:1px solid #FFF;
  background:#ADADAD;
  color:#FFF;
}

table.default td {
  border:1px solid #F9F9F9;
  vertical-align:middle;
  margin:0;
  padding:10px;
  background:none;
}
table.default tbody tr:first-child td {
  border-top:2px solid #FFF;
}
table.default tbody tr:last-child td {
  border-bottom:4px solid #FFF;
}
table.default .actionArea {
  text-align:right;
  padding:10px 10px;
}
.table-collapse {
    padding: 0px !important;
    margin: 0px !important;
    font-size: 0px !important;
    height: 0px !important;
    border: medium none !important;
    visibility: collapse !important;
}
.jutyu_mode table.default {
  background:#FEE7F8;
}
.jutyu_mode ._list_table tbody.neven {
    background-color: #FEE7F8;
}

.jutyu_mode ._list_table tbody.even {
    background-color: #F8CEED;
}

img.block {
	display:block;
}

.fontBlue {
	color:#0068B7;
}

.fontRed {
	color:#C00;
}

.fontPink {
	color:#FF6060;
}

.fontGray {
	color:#999;
}

.big {
	font-size:1.2em;
}

.small {
	font-size:0.8em;
}

.cyusyaku {
	color:#999;
}

.wrapper {
  width:98%;
  margin:0 auto 0 auto;
  padding:30px 0 0 0;
}

#loginInfo {
  background:#000;
  text-align:right;
  padding:8px 2%;
  margin:0;
  font-size:0.8em;
  color:#FFF;
  overflow:hidden;
  position:fixed;
  z-index:999;
  top: 0;
  left: 0;
  width:96%;

}

#backHome {
  display:block;
  width:20px;
  float:left;
}

h1 {
  margin:0 0 1em 0;
  padding:0.5em 1em;
  line-height:1.3em;
  background:#555555;
  color:#FFF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size:1.5em;
}

.buttonArea {
  margin:2em 0;
}

input, select, textarea {
    border: 1px solid #ABADB3;
}

input:focus, select:focus, textarea:focus, input[type=radio]:focus + label {
    border: 1px solid #E1456B;
}
input, textarea {
    padding: 2px;
}

.button {
    margin:0 3px;
    color:#FFF;
    background:#0B63E8;
    padding:1em 2em;
    text-decoration:none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border:none;
    text-align:center;
    font-weight:bold;
    line-height:1em;
}

.button img {
  vertical-align:middle;
  margin:0 5px;
}

.button:hover, .button:focus {
  background:#039;
  color:#FFF;
  text-decoration:none;
}

.button2 {
  margin:0 3px;
  color:#FFF;
  background:#B5B5B5;
	padding:1em 2em;
  text-decoration:none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border:none;
  text-align:center;
  font-weight:bold;
  line-height:1em;
}

.button2 img {
  vertical-align:middle;
  margin:0 5px;
}

.button2:hover, .button2:focus {
  background:#039;
  color:#FFF;
  text-decoration:none;
}


.buttonBig {
    padding:2em 0;
    font-size:2em;
}
.upload_btn {
  width: 300px;
  height: 130px;

  cursor: pointer;
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
  position: relative;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;

}
.upload_btn input {
  width: 300px;
  height: 125px;
  opacity: 0;
  filter: alpha(opacity:0);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  float: right;
  border: none;
  cursor: pointer;
}
.upload_btn .upload_btn_btn {
    width: 295px;
    height: 123px;
    float: left;
    display: inline;
    overflow: hidden;
    cursor: pointer;

    background-color: #8781bd;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border:none;
    color: #444;
    font-weight: bold;
    padding-top: 2px;
}

.upload_btn .upload_btn_btn span {
    background: #8781bd none repeat scroll 0 0;
    display: block;
    padding: 51px 0 0 0;
    text-align:center;
    font-size:27px;
    color:#FFF;
}
.upload_icon {
  background-repeat: no-repeat;
  cursor: pointer;

}


.buttonMini {
	padding:0.5em;
  font-size:0.8em;
}

#fullView {
  margin:40px 20px;
  overflow:hidden;
}
#loLeft {
  float:left;
  width:28%;
}

#loRight {
  float:right;
  width:68%;
}

.loLeft {
  float:left;
  width:48%;
}

.loRight {
  float:right;
  width:48%;
}

.alLeft {
  text-align:left;
}

.alRight {
  text-align:right;
}

.systemAnnounce {
  border:2px solid #DCDCDC;
  width:300px;
  padding:100px;
  margin:200px auto 0 auto;
  overflow:hidden;
  text-align:center;
  background:#FFF;
}


/********** login **********/

#loginForm {
  border:2px solid #DCDCDC;
  width:300px;
  padding:100px;
  margin:100px auto 0 auto;
  overflow:hidden;
  background:#FFF;
}

#loginForm input {
  display:block;
  width:300px;
  margin:5px 0;
}

#loginButton {
  display:block;
  margin-top:20px
}

/********** index **********/

.indexMenu {
  width:800px;
  margin:50px auto 30px auto;
  text-align:center;
  overflow:hidden;
}

.indexMenu a {
  display:block;
}

.indexMenu p {
  margin-bottom:50px;
}

#nandemoKensaku {
  width:800px;
  margin:50px auto 0 auto;
}

#index .information {
  font-size:1.2em;
  padding:2em;
  line-height:1.8em;
  border:1px dashed #A3A3A3;
  background:#FFFCE8;
  margin-top:50px;
}

/********** adminModeIndex **********/

.adminModeIndexMenu {
  width:800px;
  margin:50px auto 0 auto;
  text-align:center;
  overflow:hidden;
}

.adminModeIndexMenu a {
  display:block;
}


/********** createNewAccompanyingdata **********/

.documentList {
  width:100%;
  table-layout:fixed;
}

.documentList td {
  text-align:center;
  vertical-align:top;
  padding:8px;
}

.documentList td .addDocument {
  line-height:100%;
  background:#E0E0E0;
  width:115px;
  height:115px;
  margin:auto;
  display:table-cell;
  vertical-align:middle;
  font-size:1.5em;
}

.documentList td select {
  text-align:center;
  font-size:0.8em;
  margin:3px;
}


/********** viewAccompanyingdataDetail **********/


.documentList td img {
  max-width:113px;
  max-height:113px;
  border:1px solid #3376FF;
}

.documentList td p {
  margin:3px;
  text-align:center;
  font-size:0.8em;
}

/********** viewDocmentPreview **********/

.docmentPreview {
  text-align:left;
}

.docmentPreview img {
  max-width:100%;
}

/********** viewAccompanyingdataList.html **********/

.searchOption {
  width:100%;
  margin:20px 0;
  padding:5px;
  border:1px dashed #A3A3A3;
  border-collapse:separate;
  border-spacing:2px
}

.searchOption th {
  width:7em;
  padding:3px 5px;
  background:#ECECEC;
}

.searchOption td {
  padding:3px 5px;
}


/** clear  **/

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/** clear  **/