@charset "utf-8";
    * {
        font-size:12px;
       /*font-family:"MS UI Gothic",sans-serif;*/  /*  MS UI Gothic　ＭＳ Ｐゴシック　ＭＳ ゴシック　（左から順にピッチが大きくなる）  */
       font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
       color:#545454;
    }
/*
    body {
        width:1024px;
        margin: 0px 0em;
        padding: 0 0 0 0;
        background-color:#f8f8f8;
    }
    .basebody {     
        width:1024px;
        height:100%; 
        position: relative;
        margin: 0px 0em;
        padding: 60px 0 0 0px;
    }
*/
    /* brpj bweb 対応　MENU */
    .jmenubgcolor * {
        background-color: rgba(0,0,0,0.2) !important;   /* jmenuの指定値上書き */
    }


    .header_table {
        width:1024px;
		border:0px solid gray;
		background-color:#00CED1;   /* #00CED1 or #2FCDB4 */
    }


    label {

        font-size:12px;
        vertical-align: middle;
        padding: 3px;
		font-size:13px;
		padding:5px;
		line-height:8px;
		font-weight:bold;

    }

    span {
        vertical-align: middle;
    }

    a {
        text-decoration: none;
    }

    .copyright {
        height:23px;
        text-align:right;
        vertical-align:middle;
        font-size: 12px;
        color:#ffffff;
    }
    .sitemap a {
        font-size: 12px;
        font-weight:bold;
        text-decoration:none;
        color:#ffffff;
    }
    .sitemap a:hover {
        /*color:#ff0000;*/
    }


    .headerlabel {  /* ヘッダ部用 */

        font-size:12px;
        vertical-align: middle;
        padding: 3px;
        display:block;
        /*font-size:13px; 4/13調整*/
		padding:5px 5px;
		line-height:13px;
		font-weight:bold;
		color:#ffffff;
		background-color:#8a9298; /*#322f32 or #202223 or #3a3a3a */
		/*text-justify:distribute-all-lines;*/
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;

    }
    
     .headerlabelsearch {  /* ヘッダ部用検索 */

        font-size:12px;
        vertical-align: middle;
        padding: 3px;
        display:block;
		/*font-size:13px; 4/13調整*/
		padding:5px 5px;
		line-height:13px;
		font-weight:bold;
		color:#ffffff;
		background-color:#8a9298; /*#322f32 or #202223 or #3a3a3a */
        color:#00CED1;  /* #00CED1 or #2FCDB4 */
		/*text-justify:distribute-all-lines;*/
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;

    }

    .headerlabelsearch:hover {
        /* 透明度を20%に指定 */
        /*opacity: 0.8;*/
       background-color:#585858;
    }


    input[type="text"],[type="button"],[type="Password"] {
        font-size:12px;
        -webkit-appearance:none;
        outline: 0;
        vertical-align: middle;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        /*border-style: solid;*/
        /*border-width:1px;*/
        border:1px solid;
        padding: 4px 3px;
        margin: 0 4px 0;/*4/13調整追加*/

    }
    input[type="text"] {
        border: 1px solid #cccccc;  /*#000000*/
    }

    input[type="text"][disabled]{
        background:#c6c6c6;
    }

    input[type="radio"] {
        border-style: none;
        vertical-align: middle;
    }
    input[type="checkbox"]{
        border-style: none;
        vertical-align: middle;
    }

    .divreadonly {
        /*padding: 4px 3px;*/
        margin: 0 4px 0 6px;
    }
    .divreadonlyR {
        /*padding: 4px 3px;*/
        padding-right:3px;
        /*border:solid 1px red;*/
        margin: 0 6px 0 4px;
        text-align:right;
    }

    select { 
        font-size:12px; 
        outline: 0; 
        -moz-border-radius: 0px; 
        -webkit-border-radius: 0px; 
        border-radius: 0px; 
        border-style: solid; 
        border-width:1px; 
        padding: 1px 3px; 
        margin:0 4px 0px; 
    }


    
    select { 
        width: 100%; 
        background: url("../image/select-background-black.gif") no-repeat right center white; 
        border: 1px solid #cccccc;  /*#000000*/
        -webkit-appearance: none; 
        -moz-appearance: none; 
        border-radius: 0; 
        cursor: pointer; 
        -webkit-padding-end: 28px; 
        -webkit-padding-start: 1px;
        height: 24px;   
        line-height: 12px;
    }
    
/*
    select {
        font-size:12px;
        outline: 0;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        border-style: solid;
        border-width:1px;
        padding:5px 3px;
    }
*/

    textarea {
        border: 1px solid #cccccc;  /*#000000*/

        font-size:12px;
        outline: 0;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        border-style: solid;
        border-width:1px;
        padding: 3px;
        margin: 0 4px 0;/*4/13調整追加*/
    }

    button, input[type="button"] {
        /* 文字サイズを1.4emに指定 */
        font-size: 12px;
        
        /* 縦方向に10px、
         * 横方向に30pxの余白を指定 */
        /*padding: 10px 30px;*/
        padding: 5px 5px;

		/*WIDTH:85px;*/
		text-align:center;
		/*color:#ffffff;*/
		font-weight:bold;
		background-color:#ffde00; /*#ffd201 */
		/*border-style: none;*/
        border:1px solid #ffd201;
        margin: 0;/*4/13調整追加*/
    }

    button:hover, input[type="button"]:hover {
        /* 透明度を20%に指定 */
        /*opacity: 0.8;*/
       background-color:#ffd28c;    /*ffd28c ffd265 */
    }

    .button_s {
        padding: 2px 15px;
    }

    button.button_search {
       /* 文字サイズを1.4emに指定 */
        font-size: 12px;
        
        /* 縦方向に10px、
         * 横方向に30pxの余白を指定 */
        padding: 10px 30px;

        border-style: solid;
        border-width:1px;
        border-color:#000000;

		background-color:#ffffff;
		
        /* 角丸の指定 */
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }


    /* 日本語入力制御 */
    
    /* 日本語入力ON */
    .input_ka {
        ime-mode: active;
    }

    /* 日本語入力OFF(使用可) */
    .input_ki {
        ime-mode: inactive;
    }

    /* 日本語入力(使用可) */
    .input_ke {
        ime-mode: auto;
    }

    /* jquery-advisor.jsに依存 */
    .form_advisor{
	    margin-left:20px;
	    background-color:#ffd;
	    border: 2px solid #CECE8E;
	    padding: 5px;
	    font-size: 12px;
	    max-width:450px;
	    line-height: 1em;
    }



    /* divを使用した枠 S */
    .box_fieldset {
	  /*border:solid 1px #808080; 4/13調整*/
      position:relative;        /*メニューを上書きする為*/
      border-radius: 0px;         /* CSS3 8px*/
      -moz-border-radius: 0px;    /* Firefox 8px*/
      -webkit-border-radius: 0px; /* Safari,Chrome 8px*/
      /*margin-top: 1em; 4/13調整*/
      padding: 1.5em 0.5em 0.5em .8em;
    }
    .box_fieldset h1 {
      position:absolute;
      top: -0.8em;
      left: 1em;
      margin: 0;
      padding: 0.2em 0.5em;
      color: #ffffff;
      font-size: 12px;/*4/13調整　13→12へ変更*/
      font-weight: bold;    /*normal*/
      background-image: none;
      /*background-color:#ffffff;*/
      background-color:#3a3a3a;  /*#322f32 or #202223 or #3a3a3a */
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;

    }
    .box_fieldset h2 {
      position:absolute;
      top: -0.8em;
      left: 1em;
      margin: 0;
      padding: 0.2em 0.5em;
      /*color: #000000;*/
      color:#00CED1;
      font-size: 12px;/*4/13調整　13→12へ変更*/
      font-weight: bold;    /*normal*/
      background-image: none;
      /*background-color:#ffffff;*/
      background-color:#3a3a3a;  /*#322f32 or #202223 or #3a3a3a */
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;

    }

    .box_fieldset a:link {
	    color: #2828ff;
	    text-decoration: none;
    }
    .box_fieldset a:visited {
	    color: #2828ff;
	    text-decoration: none;
    }
    .box_fieldset a:hover {
	    color: #ff0033;
	    text-decoration: none;
    }
    .box_fieldset li span {
	    color: #f63;
	    font-size: smaller;
    }
    /* divを使用した枠 E */

    /*blue:#83acd0*/
    .tbl_select {
        border: 1px solid #000000;
        border-collapse: collapse;
        background-color:#fff;
    }

    .tbl_select th {
        border-top: 1px solid #000000;
        border-bottom: 1px solid #000000;
        background-color: #eaf1f7;
    }

    .tbl_select th:first-child {
        border-left: 1px solid #000000;
    }

    .tbl_select th:last-child {
        border-right: 1px solid #000000;
    }


    .tbl_select thead tr{
        position: absolute; 
        z-index: 10;
        top: 0px;
        left: 0px; 
    }
    .tbl_select thead tr th{
        padding: 3px 10px 10px 10px;
    }

    .tbl_select td {
        border-bottom: 0px solid #000000;
        padding: 3px 10px;
    }

    .tbl_select tbody tr:nth-child(odd) {
        background-color: #eaf4ff;
    }

    .tbl_select tbody tr:hover {
        background: #83acd0;
    }



   /* 1明細2行構成用 */
    .tbl_select_2lne {
        margin:0px;
        padding:0px;
        border: 0px solid #ffffff;
        border-collapse: collapse;
        /*background-color:#fff;*/
    }

    .tbl_select_2lne th:first-child {
        border-left: 0px solid red;
    }

    .tbl_select_2lne th:last-child {
        border-right: 0px solid red;
    }


    .tbl_select_2lne thead tr th{
        color:#ffffff;
        padding: 3px 0px;
        background-color: #3a3a3a;  /*00CED1*/ /*#322f32 or #202223 or #3a3a3a */

    }

    .tbl_select_2lne thead table{
        position: absolute;
        border-collapse: collapse;
        z-index: 10;
        top: 0px;
        left: 0px; 
    }

    .tbl_select_2lneRow1 {
        border-collapse: collapse;
        background-color: #8a9298;           /*00CED1*/  /*#322f32 or #202223 or #3a3a3a */
        border: 0px solid #8a9298;    /*00CED1*/ /*#322f32 or #202223 or #3a3a3a */
    }

    .tbl_select_2lneRow2 {
        border-collapse: collapse;
        background-color: #3a3a3a;       /*00CED1*/  /*#322f32 or #202223 or #3a3a3a */
        border: 0px solid #3a3a3a;       /*00CED1*/  /*#322f32 or #202223 or #3a3a3a */
    }

    .tbl_select_2lneRow1 td font b {
        color:#ffffff!important;
    }

    .tbl_select_2lneRow2 td font b {
        color:#ffffff!important;
    }


    .tbl_select_2lne tbody tr:nth-child(even) {
        background-color: #d2dbe5;
    }

    .tbl_select_2lne tbody tr:hover {
        background: #83acd0;
    }

   /* 明細行の内のテーブに対する罫線、背景色指定 */
   .tbl_selectsub {
        border: none;
        border-collapse: collapse;
    }

    .tbl_selectsub td {
        border: none;
        padding: 3px 1px;
    }

    .tbl_selectsub tbody tr:nth-child(even) {
        background-color: transparent;
    }

    .tbl_selectsub tbody tr:hover {
        background-color: transparent;
    }


    .overflowbloc {
        width: 00px; /* 要素の横幅を指定　※この値に関しては各レイアウトにて */
        white-space: nowrap; /* 横幅のMAXに達しても改行しない */
        overflow: hidden; /* ハミ出した部分を隠す */
        text-overflow: ellipsis; /* 「…」と省略 */
        -webkit-text-overflow: ellipsis; /* Safari */
        -o-text-overflow: ellipsis; /* Opera */
    }

.pgtitle {
  margin: 0;
}
.pgtitle h1 {
  line-height:30px;
  font-size: 16px;
  height:29px;
  color: #e87b10;
  border-left:7px solid #585858;   
  border-bottom:1px solid #585858; 
  padding:.1em .8em 
}

/* 4/13調整　追加*/
.pgtitle h1 span{
  font-size: 16px;
  font-weight: bold;
}



hr {
  padding: 1px 0 0 0px;
  margin: 3px 0px;
  height: 1.3px;
  background-color: #FF7F00;
  border: none;
  color: #FF7F00;  
}


#sidr-left, #sidr-left-yammer {
    border:1px solid #ffffff;
}
    /* --------------------------------------------------
       coder Table
    -------------------------------------------------- */
    .coder {
        border-spacing: 0;
	
        border: 1px solid #000000;
        -webkit-border-radius: 6px;
           -moz-border-radius: 6px;
             -o-border-radius: 6px;
                border-radius: 6px;
        /*box-shadow: 0 1px 1px #CCC;	*/
    }
    .coder th,
    .coder td {
        padding:10px;
        background:#FFF;
        border-bottom:solid 1px #000000;
        border-right:solid 1px #000000;
    }
    .coder th {
        background:#e3dcd5;
        /*box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;*/
        color:#000000;
    }
    .coder tr:nth-child(odd) {
        background-color: #eaf4ff;
    }
    .coder tr:hover {
        background: #83acd0;
    }

    /* -----------------------
      左上角丸　最初の行の最初のセル
    ----------------------- */
    .coder tr:first-child th:first-child,
    .coder tr:first-child td:first-child {
        -webkit-border-radius: 6px 0 0 0;
           -moz-border-radius: 6px 0 0 0;
             -o-border-radius: 6px 0 0 0;
                border-radius: 6px 0 0 0;
    }
    /* -----------------------
      右上角丸　最初の行の最後のセル
    ----------------------- */
    .coder tr:first-child th:last-child,
    .coder tr:first-child td:last-child {
        -webkit-border-radius: 0 6px 0 0;
           -moz-border-radius: 0 6px 0 0;
             -o-border-radius: 0 6px 0 0;
                border-radius: 0 6px 0 0;
    }
    /* -----------------------
      左下角丸　最後の行の最初のセル
    ----------------------- */
    .coder tr:last-child th:first-child,
    .coder tr:last-child td:first-child {
        -webkit-border-radius: 0 0 0 6px;
           -moz-border-radius: 0 0 0 6px;
             -o-border-radius: 0 0 0 6px;
                border-radius: 0 0 0 6px;
    }
    /* -----------------------
      右下角丸　最後の行の最後のセル
    ----------------------- */
    .coder tr:last-child th:last-child,
    .coder tr:last-child td:last-child {
        -webkit-border-radius: 0 0 6px 0;
           -moz-border-radius: 0 0 6px 0;
             -o-border-radius: 0 0 6px 0;
                border-radius: 0 0 6px 0;
    }
    /* --------------------------------------------
      thaed,tbodyを使う場合の設定
    -------------------------------------------- */
    .coder thead th {background:#e3dcd5;}
    .coder thead+tbody th {background:#f4ede6;}
    .coder tbody th {text-align:left;}/*IE*/
    /* -----------------------
      左上角丸 thead内　最初の行の最初のセル
    ----------------------- */
    .coder thead tr:first-child th:first-child,
    .coder thead tr:first-child td:first-child {
        -webkit-border-radius: 6px 0 0 0;
           -moz-border-radius: 6px 0 0 0;
             -o-border-radius: 6px 0 0 0;
                border-radius: 6px 0 0 0;
    }
    /* -----------------------
      右上角丸 thead内　最初の行の最後のセル
    ----------------------- */
    .coder thead tr:first-child th:last-child,
    .coder thead tr:first-child td:last-child {
        -webkit-border-radius: 0 6px 0 0;
           -moz-border-radius: 0 6px 0 0;
             -o-border-radius: 0 6px 0 0;
                border-radius: 0 6px 0 0;
    }
    /* -----------------------
      角丸なし　thaedの後のtbody 最初の行の最初のセル
      角丸なし　thaedの後のtbody 最初の行の最後のセル
    ----------------------- */
    .coder thead+tbody tr:first-child th:first-child,
    .coder thead+tbody tr:first-child td:first-child,
    .coder thead+tbody tr:first-child th:last-child,
    .coder thead+tbody tr:first-child td:last-child {
        -webkit-border-radius:0px;
           -moz-border-radius:0px;
             -o-border-radius:0px;
                border-radius:0px;
    }
    /* -----------------------
      左下角丸　thaedの後のtbody 最後の行の最初のセル
    ----------------------- */
    .coder thead+tbody tr:last-child th:first-child,
    .coder thead+tbody tr:last-child td:first-child {
        -webkit-border-radius: 0 0 0 6px;
           -moz-border-radius: 0 0 0 6px;
             -o-border-radius: 0 0 0 6px;
                border-radius: 0 0 0 6px;
    }
    /* -----------------------
      右下角丸　thaedの後のtbody 最後の行の最後のセル
    ----------------------- */
    .coder thead+tbody tr:last-child th:last-child,
    .coder thead+tbody tr:last-child td:last-child {
        -webkit-border-radius: 0 0 6px 0;
           -moz-border-radius: 0 0 6px 0;
             -o-border-radius: 0 0 6px 0;
                border-radius: 0 0 6px 0;
    }  


/* 4/13調整 以下追加*/
.reqcol {
    font-size:12px; display:block; 
    padding:0px;
    margin:0px;
    line-height:4px;
    text-align:left;
    width:4px;
    color:red;
    position: absolute; 
    top: 12px;
    left: 7px; 
}
.reqcolor {
    color:#FF9E8C;
}

/* divを使用した枠 S */
    .box_frameset {
	  border:solid 1px #808080;
      position:relative;        /*メニューを上書きする為*/
      border-radius: 0px;         /* CSS3 8px*/
      -moz-border-radius: 0px;    /* Firefox 8px*/
      -webkit-border-radius: 0px; /* Safari,Chrome 8px*/
      margin-top: 1em;
      padding: 1.5em 0.5em 0.5em .8em;
    }
    .box_frameset h1 {
      position:absolute;
      top: -0.8em;
      left: 1em;
      margin: 0;
      padding: 0.2em 0.5em;
      color: #ffffff;
      font-size: 12px;
      font-weight: bold;    /*normal*/
      background-image: none;
      /*background-color:#ffffff;*/
      background-color:#2a8385;  /*#322f32 or #202223 or #3a3a3a */
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;

    }
    .box_frameset h2 {
      position:absolute;
      top: -0.8em;
      left: 1em;
      margin: 0;
      padding: 0.2em 0.5em;
      /*color: #000000;*/
      color:#00CED1;
      font-size: 12px;
      font-weight: bold;    /*normal*/
      background-image: none;
      /*background-color:#ffffff;*/
      background-color:#2a8385;  /*#322f32 or #202223 or #3a3a3a */
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;

    }

    .box_frameset a:link {
	    color: #2828ff;
	    text-decoration: none;
    }
    .box_frameset a:visited {
	    color: #2828ff;
	    text-decoration: none;
    }
    .box_frameset a:hover {
	    color: #ff0033;
	    text-decoration: none;
    }
    .box_frameset li span {
	    color: #f63;
	    font-size: smaller;
    }

    .prdcOpenwindow_box {
        position: relative;
        width: 100%;
        padding: 75% 0 0 0;
    }
    .prdcOpenwindow_box iframe {
        border: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .prdcOpenwindow_box {
        position: relative;
        width: 100%;
        padding: 75% 0 0 0;
    }
    #prdcOpenwindow_ifram {
        border: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }