@import "./yashp/header.css";
@import "./yashp/footer.css";

html, body {
  margin: 0px;
  padding: 0px;
}

body {
	/*font: 1em arial, sans-serif;*/
	font:14px/1 Helvetica,"Hiragino Kaku Gothic Pro","�q���M�m�p�S Pro W3","���C���I","Meiryo","�l�r �o�S�V�b�N",sans-serif;
	height: 100%;
	margin: 0px;
	padding: 0em;
	color: #3F3F3F;
	background-image: url(../images/category-bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#1b2b5c;
/*
  padding-left: 1em;
  padding-top: 0em;
  padding-right: 1em;
  padding-bottom: 0em;
*/
}

p {
  margin-top: 0px;
}

a {
  outline-width: 0px;
  text-decoration: none;
}

li {
  outline-width: 0px;
}

ul, li {
  border: none;
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}

button {
  font-size: 1em;
}

input {
  font-size: 1em;
}

select {
  font-size: 1em;
}

div#main-con {
	background-color:#FFFFFF;
	padding: 10px;
}

div#container {
  /* margin: 3px auto; */
  margin: 0px auto;
  text-align: left;
  width: 980px;
  /*padding-bottom: 35px;*/
}

div#page__title{
	border-top: 1px solid #909AB5;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 4px;
	vertical-align: middle;
	color:#FFF;
/*	background-color:#ccc;*/
}
div#bpheader {
	position: relative;
	width: 980px;
	margin: 0px auto;
	font-size: 92.4%;
/*
	background-color: #ffffff;
	border-bottom: 4px double #0000ff;
*/
}


div#bpfooter {
	overflow: hidden;
	width: 980px;
	margin: 0px auto;
	/*
	background-color: #1b2b5c;
	background-color: #ffffff;
	border-bottom: 4px double #0000ff;
	*/
}

div#bpfooterOld{
	display: none;
}

div#logo {
	background: url('../images/yas_logo.png') no-repeat scroll 0px 0px transparent;
	width: 200px;
	height: 90px;
	position: absolute;
	top: 6px;
	left: 10px;
/*
	float: left;
  height: 59px;
  line-height: 59px;
  margin: 4px;
  padding-left: 0px;
  width: 174px;
*/
}

#top_contents {
	width: 100%;
	margin: 5px auto 0px;
	/*	background-color: #0080cb;*/
	background-color: #FFFFFF;
}

div#service-name {
  float: left;
  height: 10px;
  text-align: center;
  vertical-align: bottom;
  width: 500px;
}

div#service-name h2 {
  color: #0000cc;
  font-size: 1.8em;
  font-style: italic;
  font-weight: bold;
}

div#service-name1 {
  color: black;
  font-size: 1em;
  float: left;
  height: 59px;
  text-align: right;
  vertical-align: bottom;
  width: 500px;
}

div#user-info {
  float: right;
  font-size: 0.8em;
  text-align: right;
  padding-top: 58px;
  padding-right: 30px;
  text-align: right;
  width: 600px;
  color: #fff;
/*  padding-top: 10px;
  width: 250px;*/
}

div#user-info2 {
	float: right;
	font-size: 0.8em;
	margin-right: 20px;
	text-align: right;
	color: #fff;
}

div#user-info a {
  display: inline;
  text-decoration: none;
}

div#main-content {
  background-color: #ffffff;
  width: 980px;
}

div#paste-button button {
  margin-top: 10px;
  text-align: left;
}

div#footer {
  background-color: #ffffff;
  border-top: 1px solid #777777;
  clear: both;
  color: #333333;
  text-align: center;
  width: 100%;
}

div#footer p {
  margin: 0px;
  padding: 2px;
}

div#checklist-div, div#checklist-div1, div#checklist-div2,
div#checklist-div3, div#checklist-div4, div#checklist-div5 {
  border-style: solid;
  border-width:1px;
  border-color:#cccccc;
}

div#checklist-div {
  width:180px;
}

div#checklist-div1 {
  width:300px;
}

div#checklist-div2 {
  width:1.6em;
}

div#checklist-div3 {
  width:120px;
}

div#checklist-div4 {
  width:430px;
}

div#checklist-div5 {
  height:60px;
  width:430px;
}

table#style-table th {
  padding: 1px;
}

table#style-table td {
  height: 1em;
  background: #fafafa;
  padding: 1px;
}

p#login-user, p#login-user2 {
  line-height: 150%;
  text-align: right;
}

p#login-user2 {
  float: right;
  position: relative;
}

input.small-button {
  border-bottom-color:#e4dfff;
  background-color: #e9eeff;
  font: normal 100% arial, sans-serif;
}

input.small-button1 {
  border-color: #fdf5e6 #fdf5e6 #ffdab9 #ffdab9;
  background-color: #ccccff;
  font: normal 100% arial, sans-serif;
}

input.middle-button-drp-genka-button {
  border-bottom-color:#e4dfff;
  background-color: #e9eeff;
  font: 0.8em arial, sans-serif;
  margin-right : 3px;
  margin-bottom : 4px;
}

input.middle-button {
  border-bottom-color:#e4dfff;
  background-color: #e9eeff;
  font: normal 100% arial sans-serif;
}

input.middle-button1 {
  border-color: #fdf5e6 #fdf5e6 #ffdab9 #ffdab9;
  background-color: #ccccff;
  font-size: 100%;
  height:25px;
  width: 90px;
}

input.middle-button2 {
  border-color: #fdf5e6 #fdf5e6 #ffdab9 #ffdab9;
  background-color: #ccccff;
  font-size: 100%;
  height:25px;
  width: 135px;
}

input.big-button {
  border-bottom-color: #e4dfff;
  background-color: #e9eeff;
  font: normal 100% arial, sans-serif;
}

input.big-button1 {
  border-bottom-color: #e4dfff;
  font: normal 100% arial, sans-serif;
}

input.textinput, input.textinput1, input.textinput2,
input.textinput6 {
  font: normal 100% arial, sans-serif;
}

input.textinput {
  background-color: #ffffff;
}

input.textinput1 {
  background-color: #e9eeff;
  border-bottom-color:#e4dfff;
}

input.textinput2 {
  background-color: #e6e6e6;
}

input.textinput6 {
  background-color:#ffffcc;
  color: #000000;
  text-align:center
}

input.textinput7 {
  background-color:#ffffff;
  color:black;
  font: normal 100% arial, sans-serif;
  font-size: 1.3em;
  height: 35px;
  text-align: center;
}

input.textinput8 {
  background-color: #ffffff;
  color:black;
  font: normal 100% arial, sans-serif;
  font-size: 1.2em;
  height:30px;
}

input.textUpper {
  text-transform:uppercase;
}

.textnumber {
  background-color: #ffffff;
  font: normal 100% arial, sans-serif;
  font-size: 100%;
  ime-mode:disabled;
  text-align:right;
}

.textno {
  background-color: #ffffff;
  font: normal 100% arial, sans-serif;
  font-size: 100%;
  ime-mode:disabled;
  text-align:left;
}

.textcd {
  background-color: #ffffff;
  font: normal 100% arial, sans-serif;
  font-size: 100%;
  ime-mode:disabled;
  text-align:left;
}

.textkanji {
  background-color: #ffffff;
  font: normal 100% arial, sans-serif;
  font-size: 100%;
  ime-mode:active;
  text-align:left;
}

.textcommon {
  background-color: #ffffff;
  font: normal 100% arial, sans-serif;
  font-size: 100%;
  ime-mode:inactive;
  text-align: left;
}

.textdate {
  background-color: #ffffff;
  font: normal 100% arial, sans-serif;
  font-size: 100%;
  ime-mode:disabled;
  text-align:center;
}

select.textfont {
  font-size:1em;
}

input.img-resize {
  width: 85px;
  height:60px;
}

input.img-resize1 {
  width: 130px;
  height: 120px;
}

div.div-bottomarea-white {
  background-color: #ffffff;
  width: 92%;
  margin: auto;
  border-color: #888888;
  border-width: 2px 2px 2px 2px;
  border-style: solid;
}

div.div-topbuttonlayer {
  padding: 4px 0px 0px 0px;
  float: right;
  border-color: #000000;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
}

div.div-topbuttonlayer-yellow {
  padding: 4px 0px 0px 0px;
  float: right;
  border-color: #000000;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  background-color: #FFFF00;
}

div.overflow-auto {
  height: 180px;
  overflow: auto;
}

div.divDotted{
  border-width: 1px;
  border-style: dotted
}

h2.basic-text, h2.basic-text1, h2.basic-text2 {
  float: left;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 100%;
  margin-top: 20px;
  vertical-align: bottom;
  width: 100%;
}

h2.basic-text, h2.basic-text1 {
  color: #0000cc;
}

h2.basic-text {
  text-align: right;
}

h2.basic-text1 {
  text-align: center;
  margin-left:0.8em;
}

h2.basic-text2 {
  color: #000000;
  text-align: left;
}

h3.info-text, h3.info-text1, h3.info-text2, h3.info-text3,
h3.info-text4, h3.info-text5, h3.info-text6, h3.info-text7,
h3.info-text8, h3.info-text9 {
  border-bottom: 4px double #0000ff;
  color: #0000ff;
  font-size: 1.3em;
  font-style: italic;
  font-weight: bold;
  line-height: 90%;
  margin-bottom: 5px;
  margin-top: 5px;
}

h3.info-line {
  border-bottom: 4px double #0000ff;
  color: #0000ff;
  font-size: 1.3em;
  font-style: italic;
  font-weight: bold;
  line-height: 90%;
  margin-bottom: 5px;
  margin-top: 5px;
  text-align: left;
  width: 100%;
}

h3.select-line {
  border-bottom: 4px solid #0000ff;
  color: #0000ff;
  font-size: 1.3em;
  font-style: italic;
  font-weight: bold;
  line-height: 90%;
  margin-bottom: 5px;
  margin-top: 5px;
}

h3.h3-mainmenu {
  border-bottom: 4px double #0000ff;
  color: #0000ff;
  font-size: 1.3em;
  font-style: italic;
  font-weight: bold;
  line-height: 90%;
  margin-top: 5px;
  text-align: left;
  margin-left: 11px;
  width: 850px;
}

div.tbody-style {
  overflow-y:scroll;
}

div.disp-right {
  text-align: right;
  width: 100%;
}

a.button {
  background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
  color: #444;
  display: block;
  float: left;
  font: normal 100% arial, sans-serif;
  height: 24px;
  margin-right: 6px;
  padding-right: 18px;
  text-decoration: none;
}

a.button span {
  background: transparent url('../images/bg_button_span.gif') no-repeat;
  display: block;
  line-height: 14px;
  padding: 5px 0 5px 18px;
}

a.button:active {
  background-position: bottom right;
  color: #000;
  outline: none;
}

a.button:active span {
  background-position: bottom left;
  padding: 6px 0 4px 18px;
}

span.button-left {
  background: transparent url('../images/headline-r.gif') no-repeat scroll top right;
  color: #000000;
  display: block;
  float: left;
  font: normal 100% arial, sans-serif;
  height: 24px;
  margin-right: 6px;
  padding-right: 12px;
}

span.button-right {
  background: transparent url('../images/headline-l.gif') no-repeat;
  display: block;
  line-height: 14px;
  padding: 5px 0 5px 12px;
}

span.select-item {
  background-color: #eeeeee;
  border: inset 1px #bbbbbb;
  display: block;
  color: #0000cc;
  font-size: 1em;
  font-weight: bold;
  margin-top: 6px;
  margin-left: 2px;
  padding: 3px 0px;
  text-decoration: none;
  width: 95px;
}

span.textset{
  background-color: #888888;
  color: #ffffff;
}

textarea.textarea-style, textarea.textarea-style1, textarea.textarea-style2,
textarea.textarea-style3, textarea.textarea-style4, textarea.textarea-style5,
textarea.textarea-style6, textarea.textarea-style7 {
  background-color: #ffffff;
  font: normal 100% arial, sans-serif;
}

textarea.textarea-style {
  width: 98%;
  height:50px;
}

textarea.textarea-style1 {
  width: 98%;
  height: 80px;
}

textarea.textarea-style2 {
  width: 95%;
  height: 40px;
}

textarea.textarea-style3 {
  width: 95%;
  height: 150px;
}

textarea.textarea-style4 {
  width: 80%;
  height: 100px;
}

textarea.textarea-style5 {
  width: 58%;
  height: 50px;
}

textarea.textarea-style6 {
  width: 95%;
  height: 300px;
}

textarea.textarea-style7 {
  width: 98%;
  height: 200px;
}

ul.tag-ul {
  list-style: none;
  margin-left:0;
  padding-left:0;
}

ul.tag-ul li {
  display:inline;
  line-height: 1;
  white-space:nowrap;
}

ul.tag-ul li a:hover {
  color: #000000;
  background:#cccccc;
}

img.img-hand {
  cursor: pointer;
}

input.cursor-dft {
  cursor: default;
}

img.img-resize {
  width: 130px;
  height: 120px;
}

textarea.textarea-style-scrollnone {
  background:#ffffff;
  font: normal 100% arial, sans-serif;
  overflow: hidden;
}

/* ��ʃ^�u���X�g�p CSS */
#tablist {
  padding: 3px 0;
  margin-left: 0;
  margin-bottom: 0;
  margin-top: 1px;
  font: 1em sans-serif;
  zoom: 1;
  z-index: -1;
}

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

#tablist li {
  list-style: none;
  display: inline;
  margin: 0;
}

#tablist li a {
  text-decoration: none;
  padding: 5px 0.5em 5px;
  margin-left: 0px;
  border: 1px solid #b8b8b8;
  border-bottom: none;
  background: #fafafa;
  color: #1c1c1c;
  font-size: 0.7em;
  font-weight: bold;
  /* position: relative; */
}

#tablist li a:hover {
  border: 1px solid #0076c1;
  border-bottom: none;
}

#tablist li a.current {
  color: #1c1c1c;
  font-size: 0.7em;
  font-weight: bold;
  background: #eaeaea;
  border: 1px solid #eeeeee;
  border-bottom: none;
}

/* ���j���[�p CSS */
div#nav ul {
  font-size: 0.9em;
  height: 24px;
  line-height: 24px;
  margin: 0;
  padding: 0;
  width: 100%;
}

ul#menu-info {
  /*background: #2929cd;*/
  background: #14549c;
}

ul#menu-info-sub {
  background: #7896AF;
}

div#nav li {
  list-style-type: none;
  z-index: 5;
}

ul#menu-info li.m_menu,
ul#menu-info-sub li.m_menu-sub {
  font-size: 0.85em;
  display: block;
  float: left;
  padding: 0 5px;
  position: relative;
  width: 7.5em;
}

ul#menu-info li.m_menu ul.s_menu,
ul#menu-info-sub li.m_menu-sub ul.s_menu-sub {
  display: none;
  color: #000000;
  left: 0;
  position: absolute;
  margin-top: -1px;
  top: 22px;
  width: 20.5em;
  w\idth: 18.5em;
  z-index: 10;
}

ul#menu-info li.m_menu:hover ul.s_menu,
ul#menu-info-sub li.m_menu-sub:hover ul.s_menu-sub,
ul#menu-info li.hover ul.s_menu,
ul#menu-info-sub li.hover ul.s_menu-sub {
  display: block;
}

ul#menu-info a, ul#menu-info-sub a {
  padding: 0;
  display: block;
  height: 22px;
  line-height: 22px;
  vertical-align: middle;
  font-weight: bold;
  text-align: center;
  background-position: right bottom;
  text-decoration: none;
}

ul#menu-info a {
  /*background-color: #2929cd;*/
  background-color: #14549c;
}

ul#menu-info-sub a {
  background-color: #7896AF;
}

ul#menu-info li.m_menu ul.s_menu li.s_menu a,
ul#menu-info-sub li.m_menu-sub ul.s_menu-sub li.s_menu-sub a {
  padding-left: 0.5em;
  text-align: left;
  z-index:1000;
}

ul#menu-info li.m_menu ul.s_menu li.s_menu a {
  /*background: #0000cc;*/
  background: #14549c;
}

ul#menu-info-sub li.m_menu-sub ul.s_menu-sub li.s_menu-sub a {
  background: #7896AF;
}

ul#menu-info div.m_menu a:hover,
ul#menu-info-sub div.m_menu-sub a:hover,
ul#menu-info li.s_menu a:hover,
ul#menu-info-sub li.s_menu-sub a:hover {
  color: orange;
  background-position: left top;
}

ul#menu-info li.m_menu:hover div.ie6debug,
ul#menu-info-sub li.m_menu-sub:hover div.ie6debug,
ul#menu-info li.hover div.ie6debug,
ul#menu-info-sub li.hover div.ie6debug {
  display: block;
}

ul#menu-info a.mount, ul#menu-info-sub a.mount {
  color: #ffffff;
}

ul#menu-info a.unmount, ul#menu-info-sub a.unmount {
  color: #888888;
}

div.ie6debug{
  display: none;
  filter: alpha(opacity=0);
  position: absolute;
  top: 24px;
  left: 0;
  width: 18.4em;
  w\idth: 16.9em;
  height: auto;
  overflow: hidden;
  opacity: 0;
  z-index: 9;
}

/* �N���X�X�^�C�� */
div.clear{
  clear: both;
}

div.vertical-scroll {
  overflow-x: auto;
  width: 892px;
  height: 100px;
}

div.vertical-scroll1 {
  overflow-x: auto;
  width: 950px;
  height: 162px;
}

.defaultBtn{
}

/* �K�{�p�X�^�C�� */
.font-require {
  color: #ff0000;
  font-weight: bold;
}

/* �{�^�����x����2�������炢�p */
.btn2word {
  width: 3em;
}

/* �{�^�����x����3�������炢�p */
.btn3word {
  width: 4em;
}

/* �{�^�����x����4�������炢�p */
.btn4word {
  width: 5em;
}

/* �{�^�����x����5�������炢�p */
.btn5word {
  width: 8em;
}

/* �{�^�����x����6�������炢�p */
.btn6word {
  width: 6em;
}

/* �{�^�����x����7�������炢�p */
.btn7word {
  width: 7em;
}

/* �{�^�����x����8�������炢�p */
.btn8word {
  width: 8em;
}

/* �{�^�����x����10�������炢�p */
.btn10word {
  width: 10em;
}

.cellstyle-index {
  background-color: #888888;
  color: #ffffff;
}

.clearfix {
  zoom: 1;
}

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

.textCenter {
  text-align: center;
}

.textRight {
  text-align: right;
}

.textTop {
  vertical-align: top;
}

.textBottom {
  vertical-align: bottom;
}

.disp-left {
  text-align: left;
}

.indent-table {
  margin-left: 1em;
}

.indent-table2 {
  margin-left: 0em;
  text-align: center;
  width: 99%;
}

.index-table-right {
  margin-right: 1em;
}

.red-font {
  color: #ff0000;
}

.ctrlstyle-div {
  background-color: #eeeeee;
  width: 100%;
}

.margin2Left {
  padding-left: 2.5em;
}

.margin05Left {
  padding-left: 0.5em;
}

.margin5Left {
  padding-left: 5em;
}

.sizeFull {
  width: 100%;
}

.sizeHalf {
  width: 50%;
}

.size580 {
  width: 580px;
}

.size420 {
  width: 420px;
}

.size220 {
  width: 220px;
}

.cellstyle-th {
  text-align: center;
  vertical-align: top;
}

.cellstyle-th, .cellstyle-index, .cellstyle-index17 {
  background-color: #888888;
  color: #ffffff;
}
.cellstyle-index {
  text-align: center;
}
.cellstyle-index10 {
  background-color: #ffffcc;
  color: #000000;
}
.cellstyle-index15, .cellstyle-index20 {
  background-color: #e6e6e6;
  color: #000000;
}
.cellstyle-index15 {
  padding: 3px;
}
.cellstyle-index17 {
  text-align: left;
  padding-left: 0.5em
}

.cellstyle-data {
  background-color: #ffffff;
  padding-top: 2px;
  padding-bottom: 0px;
  text-align: left;
}

.sizeSmall {
  font-size: 0.8em;
}

.hrDotted, .hrSolid {
  border-color: #0000ff;
  height: 2px;
}

.hrDotted {
  border-style: dotted;
}

.hrSolid {
  border-style: solid;
}

.font-subtitle {
  font-size: 1.2em;
  font-weight: bold;
  color: #0000cc;
  text-align: center;
}


a.init-color {
  color: blue;
}

a.clicked-color {
  color: #800040;
}

/* ���m�点�A���[�g�p */
.info-font {
  font-size: 0.8em;
  color: #00bff;
}

.height4em {
  height: 4em;
}

/* ��ԃX�P�W���[���p */
.bgcolor-border-schedule1 {
  background-color:  #96B50C;
}

.bgcolor-border-schedule2 {
  background-color:  #FF9900;
}

/* �ʐ^����p */
input.img-printsize1 {
  width: 510px;
  height: 340px;
  cursor: default;
}

input.img-printsize2 {
  width: 260px;
  height: 170px;
  cursor: default;
}

.link {
  font-style: italic;
  color: #3333ff;
  text-decoration: underline;
}

/* ������̂ݗL�� */
@media print {
  .noprint {
    display: none !important
  }
  input.textinputprint {
    border: 0;
  }
  .showprint {
/*    display : block !important*/
  }
  .pagebreak {
    page-break-before: always;
    page-break-inside: avoid;
  }
  .print-font-size {
  	font-size: 1.1em;
  }
  input.print-font-size1 {
  	font-size: 0.8em;
  }
  .print-font-size1 {
   	font-size: 0.8em;
  }
}

* {
  font-size:100%;
}

div.ctrlstyle-div1 {
  background-color:#c4c4c4;
  min-height: 400px;
  height: auto !important;
  height: 400px;
  text-align: center;
  width: 900px;
}

.margin-report-top {
  margin-top:5px
}

.textreadonly {
  border:solid #dddddd 2px;
}

/* �X�N���[���t�� */
.scroll-box {
  overflow: auto;
  border-style: solid;
  border-color: #888888;
  border-width: 2px;
}

.label-button {
	font-size: 0.9em;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	display: inline-block;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	text-align: center;
	padding: 0 15px;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .5em;
	cursor: pointer;
	*cursor: hand;
	text-decoration: none;
	font-weight: normal;
}

.label-button--default {
	color: #333;
	background-color: #fff;
}
.label-button--default:hover {
	color: #333;
	background-color: #ccc;
}
.label-button--default:hover, .label-button--default:visited, .label-button--default:active {
	color: #333;
	font-weight: normal;
}

.label-button--red {
	background-color: #c9302c;
}
.label-button--red:hover {
	background-color: #d9534f;
}
.label-button--red:hover, .label-button--red:visited, .label-button--red:active {
	color: white;
}

.box {
	/*margin: 2.4615385em;*/
	/*padding: 2em;*/
	padding: 1em 2em 1em 2em;
}

.callout {
	padding: 0.6153846em 1.2307692em;
	margin: 1.2307692em 0;
	border: 1px solid #b1b1b1;
	border-left-width: 5px;
	border-radius: 3px;
	background-color:#FFFFFF;
}
.callout__title {
	color: #ccc;
	margin-bottom: 5px;
	font-weight: bold;
	text-align: left;
}

.callout__message {
	padding: 5px;
	text-align: left;
	line-height: 1.5;
	color: #000;
}

.callout--denger {
	border-left-color: #d9534f;
}
.callout--denger .callout__title {
	color: #d9534f;
}

.callout--warning {
	border-left-color: #f0ad4e;
}
.callout--warning .callout__title {
	color: #f0ad4e;
}

.callout--info {
	border-left-color: #14549c;
}
.callout--info .callout__title {
	color: #14549c;
}