@charset "UTF-8";
/* ******************************************************************

  --style.css--

  1. Style setting
    1-1. FontColor styles
    1-2. Headline styles

  2. Layout setting
    2-1. Base styles
    2-2. Header styles
    2-3. HeaderMenu styles
    2-4. Breadcrumbs styles
    2-5. Contents styles
    2-6. Footer styles
    2-7. Focus styles
    2-8. Index styles
    2-9. Scroll bar styles

****************************************************************** */

/*==================================================================
  1. Style setting
===================================================================*/

/* ------------------------------------------------------------------
  1-1. FontColor styles
-------------------------------------------------------------------*/
html { color:#333; }
a:link, a:visited { color:#06C; }
a:hover, a:active {
  color:#F30;
  text-decoration:none;
}
.clearfix { zoom:1; }
.clearfix:after {
  display:block;
  clear:both;
  content:"";
  overflow:hidden;
}
.center {
  text-align:center;
}
#wrapper {
  margin:0 auto;
  width:1250px;
}
#dialogWrapper {
  margin:0 auto;
  width:880px;
}
/* ------------------------------------------------------------------
  1-2. Headline styles
-------------------------------------------------------------------*/
.headline1 {
  /*border-left:;*/
  font-size:34px;
  line-height:1;
  margin-bottom:20px;
  padding-left:15px;
  position: relative;
  z-index:1;
}
.content-index .headline1 {
  border-left:5px solid #76a326;
}
.content-yellow .headline1 {
  border-left:5px solid #f0e06e;
}
.content-green .headline1 {
  border-left:5px solid #aad665;
}
.content-blue .headline1 {
  border-left:5px solid #336799;
}
.headline2 {
  border-top:2px solid #f3f3f3;
  font-size:18px;
  font-weight:bold;
  margin:10px 0;
  padding-top:15px;
}
.headline2 a {
  color:#336799;
}
.id-num {
  position:absolute;
  top:0;
  right:0;
  font-size:20px;
  line-height:2.0;
}

/*==================================================================
  2. Layout setting
===================================================================*/

/* ------------------------------------------------------------------
  2-1. Base setting
-------------------------------------------------------------------*/

/* ------------------------------------------------------------------
  2-2. Header styles
-------------------------------------------------------------------*/
.content-index #header {
  background:#aad665 url(../image/bg_header_index.png) no-repeat right top;
}
.content-yellow #header {
  background:#f0e06e url(../image/bg_header_yellow.gif) no-repeat right top;
}
.content-green #header {
  background:#aad665 url(../image/bg_header_green.gif) no-repeat right top;
}
.content-blue #header {
  background:#336799 url(../image/bg_header_blue.gif) no-repeat right top;
}
#header {
  border-top:1px solid #cfd6c9;
  position:relative;
  z-index:10;
}
#logo,
#logo a {
  color:#231815;
  font-weight:bold;
  font-size:18px;
  text-decoration:none;
}
#logo {
  background:url(../image/bg_transparent.png) repeat left top;
  padding:5px 0 5px 20px
}
.headText {
  float:left;
  font-weight:bold;
  font-size:28px;
}
.content-blue .headText {
  color:#fff;
}
.hSection {
  padding:14px 20px;
}
.headIcon {
  float:right;
  padding-top:5px;
}
.headIcon li {
  float:left;
  padding-left:10px;
  position:relative;
}
.headIcon li.border-right {
  padding-right:31px;
  border-right:#FFFFFF 2px solid;
}
.headIcon li.border-left {
  padding-left:31px !important;
}
.boxNav {
  background:url(../image/bg_box.png) no-repeat right top;
  display:none;
  padding-top:10px;
  position:absolute;
  right:-12px;
  top:25px;
  width:280px;
}
.boxNav a:link,
.boxNav a:visited,
.boxNav a:hover {
  color:#333;
  text-decoration:none;
}
.boxNav a:hover {
  color:#fff;
  font-weight:bold;
}
.content-yellow .boxNav a:hover {
  background:#6e4201;
}
.content-green .boxNav a:hover {
  background:#497a00;
}
.content-blue .boxNav a:hover {
  background:#336799;
}
.boxNav .boxInner {
  background:#fff;
  border:2px solid #444;
  border-top:none;
}
.boxNav .listNav li {
  border-bottom:1px solid #f3f3f3;
  display:block;
  float:none;
  padding:0;
}
.boxNav .listNav li:last-child {
  border-bottom:none;
}
.boxNav .listNav li a {
  display:block;
  padding:15px 15px 10px;
}
.boxNav .sub {
  background:#fff;
  border-bottom:1px solid #f3f3f3;
  font-size:14px;
  border-collapse:separate;
  padding:20px 0;
}
.boxNav .sub .userIcon {
  background:#636363;
  border:1px solid #636363;
  border-radius:26px;
  -moz-border-radius:26px;
  -ms-border-radius:26px;
  -webkit-border-radius:26px;
  width:52px;
  height:52px;
  position:relative;
  top:-3px;
  margin:0 20px;
}
.boxNav .listAction li {
  display:block;
  float:left;
  padding:0;
}
.boxNav .listAction li:first-child {
  border-right:1px solid #f3f3f3;
  width:60%;
}
.boxNav .listAction li:last-child {
  width:100%;
}
.boxNav .listAction a {
  display:block;
  font-size:14px;
  padding:12px 5px 10px;
  text-align:center;
}

/* ------------------------------------------------------------------
  2-3. HeaderMenu styles
-------------------------------------------------------------------*/
#gNav {
  background:#f1f1f1;
  border-bottom:1px solid #e6e6e6;
  padding:10px 20px;
}
#gNav ul li {
  border:1px solid transparent;
  -moz-border-radius:4px;
  -o-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  float:left;
  margin-right:3px;
  text-align:center;
    width:97px;
  /*width:85px; 元サイズ */
  position:relative;
}
#gNav ul li a {
  color:#fff;
  display: inline-block;
  height:40px;
  width:97px;
  /*width:82px; 元サイズ */
  vertical-align:top;
  text-decoration:none;
}
#gNav ul li a:before {
  content:"";
  display:inline-block;
  height:100%;
  vertical-align: middle;
}
#gNav ul li a span {
  display:inline-block;
  font-weight:bold;
  padding:0 5px;
  text-align:center;
  text-decoration:none;
  vertical-align: middle;
  line-height:1.2;
}
#gNav ul li.menu01 a span {
  color:#000;
}
#gNav ul li:first-child {
  background:#f2f2f2;
  border:1px solid #b3b3b3!important;
}
#gNav ul li:first-child a {
  color:#000;
}
#gNav ul li .sNav {
  position:absolute;
  right:0;
  top:41px;
  background:url(../image/bg_box_snav.png) no-repeat right top;
  display:none;
  padding-top:10px;
  width:238px;
  z-index:100;
}
#gNav ul li:nth-child(2) .sNav {
  left:0;
  background:url(../image/bg_box_snav_other.png) no-repeat right top;
}
#gNav ul li .sNav .sNavInner {
  background:#fff;
  border:2px solid #444;
  border-top:none;
}
#gNav ul li .sNav li {
  background:#fff!important;
  border:none!important;
  border-radius:0;
  -moz-border-radius:0;
  -webkit-border-radius:0;
  border-bottom:1px solid #e1e1e1!important;
  display:block;
  float:none;
  padding:0;
  width:100%;
}
#gNav ul li .sNav li:last-child {
  border-bottom:none!important;
}
#gNav ul li .sNav li a {
  border:2px solid #fff;
  color:#333;
  display:block;
  height:auto;
  padding:12px 5px 10px 30px;
  white-space:normal;
  width:100%!important;
  text-align:left;
}
#gNav ul li .sNav li a:hover {
  color:#fff;
  font-weight:bold;
}
#gNav ul li .sNav li a.active:hover {
  background-image:url(../image/icon_up_over.png)!important;
  color:#fff;
}
#gNav ul li .sNav li .sNavLevel2,
#gNav ul li .sNav li .sNavLevel3 {
  display:none;
  border-top:1px solid #d2d2d1;
}
#gNav ul li .sNav li .sNavLevel2 li a {
  border:2px solid #f7f7f7;
  background-color:#f7f7f7;
  background-position:17px 12px;
  padding:7px 5px 7px 45px;
}
#gNav ul li .sNav li .sNavLevel2 li a.active {
  background-position:17px 12px;
  background-color:#f7f7f7;
}
#gNav ul li .sNav li .sNavLevel2 li a:hover {
  background-position:17px 12px;
}
#gNav ul li .sNav li .sNavLevel3 li a {
  border:2px solid #ededeb;
  background:#ededeb;
  padding:7px 5px 7px 55px;
}

/* menu content-yellow */

.content-yellow #gNav ul li .sNav li a {
  background:url(../image/icon_down_yl.png) no-repeat 0 17px;
}
.content-yellow #gNav ul li .sNav li a:hover {
  background:#6e4201 url(../image/icon_down_over.png) no-repeat 0 17px;
  border:2px solid #6e4201;
}
.content-yellow #gNav ul li .sNav li.no-child a {
  background-image:none;
}
.content-yellow #gNav ul li .sNav li.no-child a:hover {
  background:#6e4201 0 17px;
  border:2px solid #6e4201;
}
.content-yellow #gNav ul li .sNav li a.active {
  background:url(../image/icon_up_yl.png) no-repeat 0 17px;
  border:2px solid transparent;
}
.content-yellow #gNav ul li .sNav li a.active:hover {
  background-color:#6e4201;
}
.content-yellow #gNav ul li .sNav li .sNavLevel3 a:hover {
  background:#6e4201;
}
.content-yellow #gNav ul li:first-child a span {
  color:#fff;
}
.content-yellow #gNav ul li:first-child .sNav {
  left:0;
  background:url(../image/bg_box_snav_other.png) no-repeat right top;
}
.content-yellow #gNav ul li.menu01 {
  background:#91325b;
}
.content-yellow #gNav ul li.menu02 {
  background:#95680A;
}
.content-yellow #gNav ul li.menu03 {
  background:#077761;
}

/* menu content-green */

.content-green #gNav ul li .sNav li a {
  background:url(../image/icon_down_grn.png) no-repeat 0 17px;
}
.content-green #gNav ul li .sNav li a:hover {
  background:#497a00 url(../image/icon_down_over.png) no-repeat 0 17px;
  border:2px solid #497a00;
}
.content-green #gNav ul li .sNav li a.active {
  background:url(../image/icon_up_grn.png) no-repeat 0 17px;
  border:2px solid transparent;
}
.content-green #gNav ul li .sNav li.no-child a {
  background-image:none;
}
.content-green #gNav ul li .sNav li.no-child a:hover {
  background:#497a00 0 17px;
  border:2px solid #497a00;
}
.content-green #gNav ul li .sNav li a.active:hover {
  background-color:#497a00;
}
.content-green #gNav ul li .sNav li .sNavLevel3 a:hover {
  background:#497a00;
}
.content-green #gNav ul li.menu02 {
  background:#5D681F;
}
.content-green #gNav ul li.menu03 {
  background:#BA5B2E;
}
.content-green #gNav ul li.menu04 {
  background:#357D96;
}
.content-green #gNav ul li.menu05 {
  background:#6a50ad;
}
.content-green #gNav ul li.menu06 {
  background:#478031;
}
.content-green #gNav ul li.menu07 {
  background:#8c2369;
}

/* menu content-blue */

.content-blue #gNav ul li .sNav li a {
  background:url(../image/icon_down_blue.png) no-repeat 0 17px;
}
.content-blue #gNav ul li .sNav li a:hover{
  background:#336799 url(../image/icon_down_over.png) no-repeat 0 17px;
  border:2px solid #336799;
}
.content-blue #gNav ul li .sNav li a.active {
  background:url(../image/icon_up_blue.png) no-repeat 0 17px;
  border:2px solid transparent;
}
.content-blue #gNav ul li .sNav li.no-child a {
  background-image:none;
}
.content-blue #gNav ul li .sNav li.no-child a:hover {
  background:#336799 0 17px;
  border:2px solid #336799;
}
.content-blue #gNav ul li .sNav li a.active:hover {
  background-color:#336799;
}
.content-blue #gNav ul li .sNav li .sNavLevel3 a:hover {
  background:#336799;
}
.content-blue #gNav ul li:last-child {
  margin-right:0;
}
.content-blue #gNav ul li a {
  font-size:11px;
  white-space:nowrap;
  width:100%;
}
.content-blue #gNav ul li.menu02 {
  background:#55823C;
}
.content-blue #gNav ul li.menu03 {
  background:#288260;
}
.content-blue #gNav ul li.menu04 {
  background:#3B6F81;
}
.content-blue #gNav ul li.menu05 {
  background:#3a5e99;
}
.content-blue #gNav ul li.menu06 {
  background:#614885;
}
.content-blue #gNav ul li.menu07 {
  background:#ad2e2b;
}
.content-blue #gNav ul li.menu08 {
  background:#747200;
}
.content-blue #gNav ul li.menu09 {
  background:#a02272;
}
.content-blue #gNav ul li.menu10 {
  background:#993632;
}
.content-blue #gNav ul li.menu11 {
  background:#697142;
}
.content-blue #gNav ul li.menu12 {
  background:#ad4c2b;
}
.content-blue #gNav ul li.menu13 {
  background:#077761;
}
.content-blue #gNav ul li.menu14 {
  background:#0E807A;
}

/* ------------------------------------------------------------------
  2-4. Breadcrumbs styles
-------------------------------------------------------------------*/
.topicpath {
  background:#fff;
  border-bottom:1px solid #e6e6e6;
  padding:8px 0 5px 20px;
}
.topicpath li {
  display:inline;
}

/* ------------------------------------------------------------------
  2-5. Contents styles
-------------------------------------------------------------------*/
#contents {
  padding:30px 20px;
}
.errorMessage {
  border:1px solid #CC0600;
  background:#ffebeb;
  color:#CC0600;
  font-size:14px;
  margin-bottom:15px;
  padding:20px 30px;
}
.message {
  color:#CC0600;
}
.tblStyle {
  width:100%;
}
.tblStyle th,
.tblStyle td {
  vertical-align:middle;
}
.tblStyle th {
  vertical-align:top;
  font-weight:bold;
  padding:15px 15px 10px;
  width:220px;
  min-width:100px;
}
.content-index .tblStyle th {
  background:#e0f2c5;
  border-top:1px solid #bee2ab;
  border-bottom:1px solid #bee2ab;
  width:200px;
}
.content-blue .tblStyle th {
  background:#dce9f5;
  border-top:1px solid #bccde0;
  border-bottom:1px solid #bccde0;
}
.content-yellow .tblStyle th {
  background:#fff0de;
  border-top:1px solid #fac67d;
  border-bottom:1px solid #fac67d;
}
.content-green .tblStyle th {
  background:#e0f2c5;
  border-top:1px solid #bee2ab;
  border-bottom:1px solid #bee2ab;
}
.tblStyle td {
  background:#f7f7f7;
  border-top:1px solid #e6e6e6;
  border-bottom:1px solid #e6e6e6;
  padding:5px 10px;
}
.tblStyle .bdRight {
  border-right:1px solid #fac67d;
}
.tblStyle .blank {
  background:#fff!important;
  border:none!important;
}
.tblStyle td.gray{
  border:1px solid #f7f7f7;
}
.tblInner td {
  border:none;
  padding:5px 10px;
}
input[type="text"],
input[type="date"],
input[type="password"] {
  border:1px solid #e6e6e6;
  height:30px;
  padding:3px 15px 0;
}
select {
  border:1px solid #e6e6e6;
  -moz-border-radius:4px;
  -o-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  height:30px;
}
.tblStyle .note, .tblSearch .note {
  background:#fff;
  border:1px solid #ccc;
  -moz-border-radius:4px;
  -o-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  color:#333;
  display:inline-block;
  margin:0 10px;
  padding:5px 5px 4px;
  text-align:center;
  min-width:100px;
  text-decoration:none;
}
.listBtn {
  padding-top:30px;
  text-align:center;
}
.listBtn.left {
  text-align:left;
}
.listBtn li {
  display:inline;
}
.listBtn .btnForm {
  background:#FF8E24;
  border:none;
  -moz-border-radius:4px;
  -o-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  color:#000000;
  cursor:pointer;
  display:inline-block;
  font-weight:bold;
  font-size:14px;
  min-width:150px;
  padding:15px 5px 10px;
  text-align:center;
}
.listBtn .btnReturn {
	background:yellow;
	/* background:#FFFF00; */
	border:none;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	color:#000000;
	/* color:#fff; */
	cursor:pointer;
	display:inline-block;
	font-weight:bold;
	font-size:14px;
	min-width:150px;
	padding:15px 5px 10px;
	text-align:center;
}
input.miniBtn[type="button"] {
  background:#FF8E24;
  border:none;
  -moz-border-radius:4px;
  -o-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  display:inline-block;
  font-weight:bold;
  margin:10px 0px;
  padding:3px 5px;
  text-align:center;
  min-width:80px;
  cursor:pointer;
  text-decoration:none;
}
.forgotPass {
  padding-top:10px;
  text-align:center;
}
.forgotPass a {
  color:#333;
  font-size:14px;
}
.forgotPass a:hover {
  text-decoration:none;
}
.hCheck {
  margin:5px 3px 5px 0;
}
.wCheck {
  margin-right:3px;
}
.hRadio {
  margin:5px 3px 5px 0;
}
.wRadio {
  margin-right:3px;
}
.successMessage {
  padding:100px 0;
  text-align:center;
}
.backTop {
  text-align:center;
}
.register {
  padding-bottom:25px;
}
.tblSearch {
  width:100%;
}
.tblSearch th {
  font-weight:bold;
  font-size:25px;
  color:black;
  padding:5px 5px 2px;
  height:45px;
  text-align:center;
  min-width:inherit;
  width:auto;
}
.content-blue .tblSearch th {
  background:#dce9f5;
  border:1px solid #bccde0;
}
.content-yellow .tblSearch th {
  background:#fff0de;
  border:1px solid #fac67d;
}
.content-green .tblSearch th {
  background:#e0f2c5;
  border:1px solid #bee2ab;
}
.tblSearch th:first-child,
.tblSearch td:first-child {
  border-left:none;
}
.tblSearch th:last-child,
.tblSearch td:last-child {
  border-right:none;
}
.tblSearch td {
  background:#f7f7f7;
  border:1px solid #eaeaea;
  border-top:none;
  padding:15px 10px;
  color:black;
  font-size:15px;
}
.leadText {
  font-size:14px;
  margin-bottom:5px;
}
.listLink {
  margin-bottom:30px;
}
.listLink li {
  margin-top:10px;
}
.listLink li a {
  background:#fff url(../image/icon_arrow01.png) no-repeat right center;
  border:2px solid #ccc;
  -moz-border-radius:4px;
  -o-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  color:#333;
  display:block;
  font-size:16px;
  padding:20px 50px 13px 20px;
  text-decoration:none;
}
.content-green .listLink li a:hover {
  background:#aad665 url(../image/icon_arrow01.png) no-repeat right center;
}
.content-blue .listLink li a:hover {
  background:#336799 url(../image/icon_arrow02.png) no-repeat right center;
  color:#fff;
  font-weight:bold;
}
.content-yellow .listLink li a:hover {
  background:#f0e06e url(../image/icon_arrow01.png) no-repeat right center;
}
.listStep {
  margin-bottom:30px;
}
.listStep li {
  background:url(../image/icon_arrow03.png) no-repeat right center;
  float:left;
  margin-right:10px;
  padding-right:18px;
}
.listStep li:last-child {
  background:none;
  margin-right:0;
  padding-right:0;
}
.listStep li span {
  background:#f0f0f0;
  border-bottom:3px solid #f0f0f0;
  display:block;
  font-size:14px;
  min-width:170px;
  padding:8px 5px 2px;
  text-align:center;
}
.listStep li.active span {
  background:#e6f0d3;
  border-bottom:3px solid #76a326;
}
.lrStyle {
  margin:30px 0 25px;
  padding:12px 0 10px 20px;
}
.lrStyle .left{
  float:left;
}
.lrStyle .right{
  text-align:right;
  margin-right:50px;
}
.lrStyle .btnForm {
  background:#FF8E24;
  border:none;
  -moz-border-radius:4px;
  -o-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  color:#000000;
  cursor:pointer;
  display:inline-block;
  font-weight:bold;
  font-size:14px;
  min-width:150px;
  padding:15px 5px 10px;
  text-align:center;
}
.lrStyle .note {
  background:#fff;
  border:1px solid #ccc;
  -moz-border-radius:4px;
  -o-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  color:#333;
  display:inline-block;
  margin:0 10px;
  padding:5px 5px 4px;
  text-align:center;
  min-width:100px;
  text-decoration:none;
}
.download {
  background:#f7f7f7;
  margin:30px 0 25px;
  padding:12px 0 10px 20px;
}
.download a,
.download span {
  border-left:2px solid #b5b5b5;
  display:inline-block;
  line-height:1;
  margin-left:20px;
  padding-left:20px;
}
.pager {
  color:#231815;
  margin-top:15px;
  text-align:right;
}
.pager p,
.pager ul {
  display:inline-block;
}
.pager p {
  margin-right:20px;
}
.pager ul li {
  display:inline-block;
}
.pager ul li a {
  color:#231815;
  display:inline-block;
  line-height:1;
  margin-right:10px;
  padding-right:10px;
}
.pager ul li:last-child a {
  border-right:none;
  margin-right:0;
  padding-right:0;
}
.underCheck {
  padding-left:10px;
}
.pager .underCheck {
  float:left;
}
div.underCheck {
  margin-top:15px;
}
.required {
  color:#CC0600;
  font-weight:bold;
  margin-left:5px;
  white-space:nowrap;
}
/* ------------------------------------------------------------------
  2-6. Footer styles
-------------------------------------------------------------------*/
#footer {
  border-top:1px solid #e6e6e6;
  padding:15px 0 50px;
  text-align:center;
}

/* ------------------------------------------------------------------
  2-7. Focus styles
-------------------------------------------------------------------*/
input:focus {
  background-color: #ffffcc;
  border: 2px solid #087FC8;
}
a:focus {
  outline: 2px solid #087FC8;
}
#gNav a:focus,.listLink li a:focus{
  outline: none;
  border: 2px solid #087Fc8 !important;
}
/*radio botton and checkbox focus Begin*/
input[type="radio"]:focus, input[type="checkbox"]:focus{
  outline: 2px solid #087FC8;
}
/*testEnd*/

/* ------------------------------------------------------------------
  2-8. Index styles
-------------------------------------------------------------------*/
.notice {
  border:1px solid #e6e6e6;
  font-size:14px;
  margin-bottom:20px;
  padding:10px 20px;
}
.noticeInner {
  position: relative;
}
.hNotice {
  border-bottom:2px solid #f3f3f3;
  font-weight:bold;
  font-size:16px;
  margin-bottom:15px;
  padding-bottom:5px;
}
.loginError {
  border:1px solid #CC0600;
  background:#ffebeb;
  font-size:14px;
  padding:20px 30px;
}
.backLogin {
  margin-top:30px;
  text-align:center;
}
.backLogin a {
  border:2px solid #e0e0e0;
  background:#e0e0e0;
  -moz-border-radius:4px;
  -o-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  color:#000;
  display:inline-block;
  font-weight:bold;
  font-size:14px;
  width:150px;
  padding:15px 5px 10px;
  text-align:center;
  text-decoration:none;
}

/* ------------------------------------------------------------------
  2-9. Scroll bar styles
-------------------------------------------------------------------*/
#scrollPane {
  height:100px;
  background:#FFF;
}
#scrollPane .viewport {
  position:relative;
  top:10px;
  bottom:10px;
  height:80px;
  overflow:hidden;
}
#scrollPane .overview {
  position:absolute;
  left:0;
  top:0;
  padding:0;
  margin:0;
}
.overview01 {
  height:10px;
}
#scrollPane .scrollbar {
  position:relative;
  float:right;
  width:8px;
}
#scrollPane .track {
  position:relative;
  width:8px;
  height:100px;
  background:#fff;
}
#scrollPane .thumb {
  border-radius:4px;
  -moz-border-radius:4px;
  -o-border-radius:4px;
  -webkit-border-radius:4px;
  position:absolute;
  top:0;
  left:0;
  width:8px;
  height:57px;
  background:#949494;
  cursor:pointer;
  overflow:hidden;
}
#scrollPane .disable {
  display:none;
}

/* ------------------------------------------------------------------
  2-10. Input disable styles
-------------------------------------------------------------------*/
input[disabled] {
  background:#f7f7f7;
  color:#000000;
  font-weight:bold;
}
input:disabled {
  background:#f7f7f7;
  color:#000000;
  font-weight:bold;
}
select:disabled {
  background:#f7f7f7;
  color:#000000;
  font-weight:bold;
}
input[readonly] {
  background:#f7f7f7;
  color:#000000;
  font-weight:bold;
}
input:readonly {
  background:#f7f7f7;
  color:#000000;
  font-weight:bold;
}
/* ------------------------------------------------------------------
  2-11. Color styles
-------------------------------------------------------------------*/
.lemon {
  background:#fffacd !important;
}
.gray {
  background:#e2e2e2 !important;
}