/************デフォルトテーマ上書き*************/
/* テキストボックスの背景(デフォルト上書き) */
.ui-page-theme-d .ui-body-inherit {
    background-color: #E1F5FF;
}
/************個別設定**************************/
/* キャプション�@ */
.caption-01{
    font-size: x-large;
    font-weight: bold;
    color: #189CE8;
}
/* キャプション�A */
.caption-02 {
    background-color: #189CE8;
    color: #FFFFFF;
    font-weight: bold;
    text-shadow: none;
    border-radius: 100px;
    padding: 10px;
    display: table;
}
/* キャプション�B(必須マークあり) */
.caption-03 {
    background-color: #189CE8;
    color: #FFFFFF;
    font-weight: bold;
    text-shadow: none;
    border-radius: 100px;
    padding: 10px;
    display: inline-block;
}
/* フレーム */
.frame-01 {
    border: solid 3px;
    border-color: #189CE8;
    border-radius: 0.2em;
    padding: 15px;
}
/* フレーム枠色なし位置のみ */
.frame-02 {
    border: none;
    padding: 15px;
}
/* プルダウンリストの背景 */
.ui-page-theme-d .list-background .ui-btn{
    background-color: #E1F5FF;
}

/* ラジオボタン選択時 */
.radio_check01 .check, .radio_check02 .check, .radio_check03 .check {
    background-color: #E1F5FF;
    color: #189CE8;
    border-color: #189CE8;
    border-bottom-width: 1px!important;
}
/* ラジオボタン未選択時(上要素) */
.radio_check01 .checkoff_top, .radio_check02 .checkoff_top, .radio_check03 .checkoff_top {
    color: #A9A9A9;
}
/* ラジオボタン未選択時(下要素) */
.radio_check01 .checkoff_bottom, .radio_check02 .checkoff_bottom, .radio_check03 .checkoff_bottom {
    color: #A9A9A9;
    border-top-width: 0px;
}
/* チェックボックス選択時 */
.checkbox_check .check{
    background-color: #E1F5FF;
    color: #189CE8;
    border-color: #189CE8;
}
/* チェックボックス未選択時 */
.checkbox_check .checkoff{
    color: #A9A9A9;
}
/* �@ボタン(画面遷移) */
.ui-page-theme-d .next-button .ui-btn, .ui-page-theme-d .next-button .ui-btn:hover{
    background-color: #084AA2;
    color: #FFFFFF;
    text-shadow: none;
}
/* �Aボタン(戻る) */
.ui-page-theme-d .back-button .ui-btn, .ui-page-theme-d .back-button .ui-btn:hover{
    background-color: #999999;
    color: #FFFFFF;
    text-shadow: none;
}
/* 折りたたみ */
.ui-page-theme-d .collapsible .ui-btn{
    background-color: #189CE8;
    color: #FFFFFF;
    text-shadow: none;
}
.ui-page-theme-d .collapsible .ui-btn:hover{
    background-color: #189CE8;
    color: #FFFFFF;
    text-shadow: none;
}
.ui-page-theme-d .collapsible .ui-body-inherit {
    background-color: #FFFFFF;
}
/* スクロールエリア */
.scroll-area {
    overflow-y:scroll;
    background-color: #FFFFFF;
    border: solid 1px;
    border-color:     #808080;
    height: 160px;
}
/* 文言エリア */
.word-area {
    word-break: break-all;
    background-color: #FFFFFF;
    border: solid 1px;
    border-color:     #808080;
    height: auto;
}
/* パネル */
.panel-01 {
    border: solid 1px;
    border-color: #808080;
    background-color: #DCDCDC;
    border-radius: 0.2em;
}
/* 必須項目 */
.required {
    height: 18px;
    width: auto;
}
/* 出力用段組表示の行間隔 */
table.common_table {
	padding: 0px;
    border-spacing: 0 15px;
	width:100%;
}
/* 出力用段組表示の行下線 */
table.common_table tr td{
    word-break: break-all;
    border-bottom:  solid 1px #C0C0C0;
    vertical-align: middle!important;
}
/* 出力用段組表示の項目と値の間隔 */
table.common_table tr td:nth-child(1){
    min-width:130px;
}
table.common_table tr td:nth-child(2){
    min-width:20px;
}
table.common_table tr td:nth-child(3){
    width:60%;
}
/* 入力用段組表示の行間隔 */
table.common_input_table {
	padding: 0px;
    border-spacing: 0px;
	width:100%;
}
/************日曜始まりカレンダー**************/
a.ui-state-default{
  color: #000000!important;
}
/* 日曜日のカラー設定 */
td.ui-datepicker-week-end:first-child a.ui-state-default{
  color: #FF0000!important;
}
/* 土曜日のカラー設定 */
td.ui-datepicker-week-end:last-child a.ui-state-default{
  color: #0000CD!important;
}
/************進捗画像**************************/
/* 進捗画像 */
.indicator_bar {
    position: relative;
    height: 60px;
}
.indicator_bar .base {
    position: absolute;
    top:       0;
    left:      0;
    right:     0;
    bottom: 10px;
    margin: auto;
    width: 263px;
}
.indicator_bar .step2-01iconpos {
    position: absolute;
    top:       0;
    left:      0;
    right: 250px;
    bottom: 15px;
    margin: auto;
    width:  37px;
}
.indicator_bar .step2-02iconpos {
    position: absolute;
    top:       0;
    left:  250px;
    right:     0;
    bottom: 15px;
    margin: auto;
    width:  37px;
}
.indicator_bar .step3-01iconpos {
    position: absolute;
    top:       0;
    left:      0;
    right: 250px;
    bottom: 15px;
    margin: auto;
    width:  37px;
}
.indicator_bar .step3-02iconpos {
    position: absolute;
    top:       0;
    left:      0;
    right:     0;
    bottom: 15px;
    margin: auto;
    width:  37px;
}
.indicator_bar .step3-03iconpos {
    position: absolute;
    top:       0;
    left:  250px;
    right:     0;
    bottom: 15px;
    margin: auto;
    width:  37px;
}
.indicator_bar .step7-01iconpos {
    position: absolute;
    top:       0;
    left:      0;
    right: 250px;
    bottom: 15px;
    margin: auto;
    width:  37px;
}
.indicator_bar .step7-02iconpos {
    position: absolute;
    top:       0;
    left:      0;
    right: 168px;
    bottom: 15px;
    margin: auto;
    width:  37px;
}
.indicator_bar .step7-03iconpos {
    position: absolute;
    top:       0;
    left:      0;
    right:  84px;
    bottom: 15px;
    margin: auto;
    width:  37px;
}
.indicator_bar .step7-04iconpos {
    position: absolute;
    top:       0;
    left:      0;
    right:     0;
    bottom: 15px;
    margin: auto;
    width:  37px;
}
.indicator_bar .step7-05iconpos {
    position: absolute;
    top:       0;
    left:   84px;
    right:     0;
    bottom: 15px;
    margin: auto;
    width:  37px;
}
.indicator_bar .step7-06iconpos {
    position: absolute;
    top:       0;
    left:  168px;
    right:     0;
    bottom: 15px;
    margin: auto;
    width:  37px;
}
.indicator_bar .step7-07iconpos {
    position: absolute;
    top:       0;
    left:  250px;
    right:     0;
    bottom: 15px;
    margin: auto;
    width:  37px;
}