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

tablet css
画像ファイルの変更は a=01 をリネームする事

*********************/
body {
}

.ui-page   { min-width:300px; } 
.ui-header { border: none ; } 
.ui-footer { border: none ; } 


.tablet-heder { background-color: #000000; padding: 15px 8px 15px 8px; height:36px; text-align: center; }
.tablet-heder .title-logo { width:100%; }
.tablet-heder .title-logo .title { color: #ffffff; font-size:11pt; font-weight: bold; text-align: center; line-height:14px; display: inline-block;  }

.tablet-heder .title-logo-tel { position:absolute; left:8px; }
.tablet-heder .title-logo-tel img { width:53px;height:42px; }

/* .tablet-heder IMG     { float:right; margin:  5px  5px  0px  0px; vertical-align:top; } */

.tablet-heder SPAN.head-title { float:left ; margin:  5px  0px  0px 10px; vertical-align:top; color:red; } 

.tablet-heder DIV.head-top    { font-size :  6pt; }
.tablet-heder DIV.head-main   { font-size : 11pt; }
.tablet-heder DIV.head-bottom { font-size :  6pt; }
/* .tablet-heder .tablet-tel     { padding: 0px 0px 0px 30px; vertical-align:bottom; } */

.tablet-heder a:hover   { color:#ffffff; text-decoration:none;}
.tablet-heder a:visited { color:#ffffff; text-decoration:none;}
.tablet-heder a:active  { color:#ffffff; text-decoration:none;}
.tablet-heder a:link    { color:#ffffff; text-decoration:none;}
.tablet-heder a:hover   { opacity:0.7; filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70); }

.tablet-tel { position: absolute; 
                height : 30px;
           line-height : 13px;
        padding-top    : auto; 
        padding-bottom : auto; 
        padding-left   : 3px; 
        padding-right  : 3px; 
              font-size: 10pt;
                display: inline-block; 
                  color: #ffffff; 
       background-color: #ce383a; 
                 border: 2px solid #ce383a; 
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
             text-align: center;
}

.tablet-tel a:hover    { color:#ffffff; text-decoration:none;}
.tablet-tel a:visited  { color:#ffffff; text-decoration:none;}
.tablet-tel a:active   { color:#ffffff; text-decoration:none;}
.tablet-tel a:link     { color:#ffffff; text-decoration:none;}
.tablet-tel a:hover    { opacity:0.7; filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70); }


.tablet-line       { border: 2px solid ; background-color:#ffffff; }
.tablet-line-small { border: 1px solid ; background-color:#ffffff; }


.tablet-ok                       { text-align:right; }
.tablet-ok         span.btn      { text-align: left; display:inline-block; position: relative; }
.tablet-ok         span.btn img  { width:145px; height:31px;         display:inline-block; }
.tablet-ok         span.btn span { width:145px; left: 0px; top: 5px; display:inline-block; position: absolute; text-align:center; font-weight:bold; }

.tablet-ok a:hover img { opacity:0.7; filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70); }

.tablet-ok a:hover   { color:#ffffff; text-decoration:none;}
.tablet-ok a:visited { color:#ffffff; text-decoration:none;}
.tablet-ok a:active  { color:#ffffff; text-decoration:none;}
.tablet-ok a:link    { color:#ffffff; text-decoration:none;}

.tablet-ok         span.btn-e span {
                padding: 8px 4px 8px 4px; 
                margin : 1px 1px 1px 3px; 
                 border: 1px solid #88003a; 
       background-color: #ce383a; 
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.tablet-ok         span.btn-e       { text-align: left; display:inline-block; position: relative; }
.tablet-ok         span.btn-e  span { width:120px; display:inline-block; text-align:center; font-weight:bold; }

.tablet-ok a:hover span.btn-e      { opacity:0.7; filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70); }

.tablet-ok         span.sub span   {
                 border: 1px solid #003a88; 
       background-color: #2e628b; 

}
.tablet-ok         span.cont   span { width:185px; }



.tablet-ok         span.btn2      { text-align: left; display:inline-block; position: relative; }
.tablet-ok         span.btn2 img  { width:280px; height:31px;         display:inline-block; }
.tablet-ok         span.btn2 span { width:280px; left: 0px; top: 2px; display:inline-block; position: absolute; text-align:center; font-weight:bold; }


.tablet-ok         span.btn3      { text-align: left; display:inline-block; position: relative; }
.tablet-ok         span.btn3 img  { width:280px; height:31px;         display:inline-block; }
.tablet-ok         span.btn3 span { width:280px; left: 0px; top: 2px; display:inline-block; position: absolute; text-align:center; font-size:7.5pt; }


.tablet-footer             { background-color: #000000; padding: 5px 3px 5px 3px; height:48px; }
.tablet-footer .logo       { float:right; }
.tablet-footer .tablet-top {
               position: absolute; 
                height : 38px;
           line-height : 38px;
             font-size : 10pt;
        padding-top    : auto;
        padding-bottom : auto;
        padding-left   : 15px;
        padding-right  : 15px;
              font-size: 14pt;
            font-weight: bold;
                  color: #ffffff; 
       background-color: #8e181a; 
                 border: 1px solid #8e181a; 
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.tablet-footer a:hover   { color:#ffffff; text-decoration:none;}
.tablet-footer a:visited { color:#ffffff; text-decoration:none;}
.tablet-footer a:active  { color:#ffffff; text-decoration:none;}
.tablet-footer a:link    { color:#ffffff; text-decoration:none;}
.tablet-footer a:hover .tablet-top  { opacity:0.7; filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70); }



/*.tablet-footer .tablet-tel { font-size : 10pt; text-align: right; margin-right: 5px; margin-bottom: 5px; font-weight:bold; } */

/* tblet_sel */

.tablet-main { margin: 3px 3px 3px 3px; }


/*
.tablet-main .sel-tour .pos       { height:30px; padding-top:5px; } 
.tablet-main .sel-tour .start-pos { padding: 6px 8px 12px 8px; background-image:url("../imgt/waku.png?a=02"); background-repeat:no-repeat; background-size:100% 35px;} 
.tablet-main .sel-tour .start-pos { padding: 8px 8px 6px 8px; border: 1px solid #000000; font-weight:bold; 
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
 } 
*/
.tablet-main .sel-title           { padding: 1px 4px 1px 4px; background-color:#333388; color:#ffffff; font-weight:bold; margin-bottom:2px; }
.tablet-main .sel-tour            {} 
.tablet-main .sel-tour .pos       { padding-top:0px; }
.tablet-main .sel-tour .start-pos {
                padding: 8px 8px 6px 8px;
                 border: 1px solid #000000;
            font-weight: bold; 
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
             margin-top: 2px;
          margin-bottom: 4px;
                display: inline-block; 
 } 
.tablet-main .tour-name           { padding: 0px 0px 2px  5px; font-weight:bold; } 
.tablet-main .tour-name-road      { color:#334179; background-color:#eaf5f4;  }
.tablet-main .tour-money          { padding: 0px 0px 2px 15px; }
.tablet-main .tour-money          { padding: 0px 0px 7px 7px; }
.tablet-main .tour-money .head    { padding: 0px 0px 0px  5px; display:inline-block; }
.tablet-main .tour-money .data    { text-align: right;         font-weight:bold; }

.tablet-main .tour-money          { padding-top: 2px; padding-bottom:2px; }
.tablet-main .tour-money          { background-color:#eaf5f4; margin-bottom:3px; }
.tablet-main .tour-money .road    {            color:#334179; }

.tablet-main .bar            { border: 1px solid #000000; }

.tablet-main .bar a:hover    { color:#ffffff; text-decoration:none;}
.tablet-main .bar a:visited  { color:#ffffff; text-decoration:none;}
.tablet-main .bar a:active   { color:#ffffff; text-decoration:none;}
.tablet-main .bar a:link     { color:#ffffff; text-decoration:none;}

.tablet-main .link-bar       { background-color:#bb2222; color:#ffffff; } 

.tablet-main .calendar       { padding: 3px 3px 3px 30px; background-image:url("../imgt/calendar.png?a=02") ; background-repeat:no-repeat; background-size:26px auto; }
.tablet-main .bustop         { padding: 3px 3px 3px 30px; background-image:url("../imgt/bustop.png?a=02"  ) ; background-repeat:no-repeat; background-size:26px auto; }
.tablet-main .bin            { padding: 3px 3px 3px 30px; background-image:url("../imgt/bin.png?a=02"     ) ; background-repeat:no-repeat; background-size:26px auto; }
.tablet-main .man            { padding: 3px 3px 3px 30px; background-image:url("../imgt/man.png?a=02"     ) ; background-repeat:no-repeat; background-size:26px auto; }
.tablet-main .message        { padding: 3px 3px 3px 30px; background-image:url("../imgt/man.png?a=02"     ) ; background-repeat:no-repeat; background-size:26px auto; }
.tablet-main .bar  .mark     { float:right; display:inline-block; color:#ffffff; font-size:14pt; }

.tablet-main .tablet-r_list .bin    { background-image:url("../imgt/bin-list.png?a=02"     ) ; background-repeat:no-repeat;  }
.tablet-main .tablet-r_list .bustop { background-image:url("../imgt/bustop-list.png?a=03"  ) ; background-repeat:no-repeat;  }

.tablet-main .disp           { border: 1px solid #000000; padding: 3px 3px 1px 3px; white-space: nowrap; }
.tablet-main .disp .disp-bar { margin-left:10px; } 
.tablet-main .disp .title    { width:18px; text-align:right; margin:0px 3px 0px 3px ; display:inline-block; } 
.tablet-main .disp .number   { width:18px; text-align:right; margin:0px 3px 0px 3px ; display:inline-block; } 

.sel-pack    .disp .disp-bar { white-space: normal; }

.tablet-popup                     { background-color:#ffffff; min-width:270px; width:auto;  }
.tablet-popup      .main          { border: 1px solid #000000; padding: 1px; }

.tablet-calendar   .head          { background-color:#333333; color:#ffffff; font-size:13pt; padding: 8px 2px 8px 2px; }
.tablet-calendar   .head   .next  { float:right; text-align:center; display:inline-block; width:70px; font-weight:bold;border:1px solid; } 
.tablet-calendar   .head   .prev  { float:left;  text-align:center; display:inline-block; width:70px; font-weight:bold;border:1px solid; } 
.tablet-calendar   .head   .month {              text-align:center; display:block; width:auto; min-width:150px; white-space: nowrap; margin-left:50px;margin-right:50px;  } 

.tablet-calendar   .data             { background-color:#ffffff; color:#000000; font-size:15pt; padding: 1px; font-weight:bold;  }

/* カレンダーのタイトル部分 */
.tablet-calendar   .data   .day      { text-align:center; margin:3px  1px 2px  1px; white-space: nowrap; } 
.tablet-calendar   .data   .day span { text-align:center; margin:3px  2px 2px  2px; display:inline-block; width:22px; } 
.tablet-calendar   .data   .day span.sunday    { color:#ff0000; } 
.tablet-calendar   .data   .day span.saturday  { color:#0000ff; } 
.tablet-calendar   .data   .day span.none      { color:#bbbbbb; } 
.tablet-calendar   .data   .days-info{ text-align:center; font-size:6pt; font-weight:normal; } 

/* 日付部分 */
.tablet-calendar   .data   .days .day span      { cursor:pointer; }
.tablet-calendar   .data   .days .day span.none { cursor:default; } 

.tablet-calendar   .data   .days .day a:hover    { color:#000000; text-decoration:none;background-color:#888888; }
.tablet-calendar   .data   .days .day a:visited  { color:#000000; text-decoration:none;}
.tablet-calendar   .data   .days .day a:active   { color:#000000; text-decoration:none;}
.tablet-calendar   .data   .days .day a:link     { color:#000000; text-decoration:none;}

.tablet-calendar   a:hover    { color:#ffffff; text-decoration:none;}
.tablet-calendar   a:visited  { color:#ffffff; text-decoration:none;}
.tablet-calendar   a:active   { color:#ffffff; text-decoration:none;}
.tablet-calendar   a:link     { color:#ffffff; text-decoration:none;}

.tablet-bin        .head             { background-color:#333333; color:#ffffff; font-size:12pt; padding: 3px; text-align:center; display:block; width:auto; }
.tablet-bin        .head   .bin-info { text-align:center; font-size:6pt; font-weight:normal; } 

.tablet-bin        .data   ul            { padding: 0px; margin:0px; list-style-type: none; } 
.tablet-bin        .data   li            { line-height: 21px; border: 1px solid #000000; font-size:16pt; padding: 3px 0px 3px 0px; } 
.tablet-bin        .data   li a          { display: block; padding: 3px 5px; clear: both; white-space: nowrap; text-decoration: none;color:#ffffff; }
.tablet-bin        .data   li a:hover    { text-decoration: none;color:#000000; background-color:#888888; }
.tablet-bin        .data   li a:visited  { text-decoration: none;color:#000000; }
.tablet-bin        .data   li a:active   { text-decoration: none;color:#000000; }
.tablet-bin        .data   li a:link     { text-decoration: none;color:#000000; }
.tablet-bin        .pack   li a          { white-space: normal; }

.tablet-bin-info span       { display:inline-block; padding: 0px 2px 0px 5px; }  
.tablet-bin-info span.name  { width: auto; overflow:hidden;line-height:20px; vertical-align:top; }  
.tablet-bin-info span.seki  { width: 15px; }  
.tablet-bin-info span.time  { text-align: right; min-width: 60px; }

.tablet-bustop        .head                 { background-color:#333333; color:#ffffff; font-size:12pt; padding: 3px; text-align:center; display:block; }

.tablet-bustop        .data   ul            { padding: 0px; margin:0px; list-style-type: none; width:auto;} 
.tablet-bustop        .data   li.bin-head   { line-height: 18px; border: 1px solid #000000; font-size:11pt; padding: 2px 0px 2px 0px; color:#ffffff; background-color:#333333;text-align:center; } 
.tablet-bustop        .data   li            { line-height: 21px; border: 1px solid #000000; font-size:11pt; padding: 5px 0px 5px 0px; } 
.tablet-bustop        .data   li a          { display: block; padding: 3px 5px; clear: both; white-space: nowrap; text-decoration: none;color:#ffffff; }
.tablet-bustop        .data   li a:hover    { text-decoration: none;color:#000000; background-color:#888888; }
.tablet-bustop        .data   li a:visited  { text-decoration: none;color:#000000; }
.tablet-bustop        .data   li a:active   { text-decoration: none;color:#000000; }
.tablet-bustop        .data   li a:link     { text-decoration: none;color:#000000; }

.tablet-man           .head                 { background-color:#333333; color:#ffffff; font-size:12pt; padding: 3px; text-align:center; display:block; width:auto; }
.tablet-man           .data                 { }
.tablet-man           .data   ul            { padding: 0px; margin:0px; list-style-type: none; } 
.tablet-man           .data   li            { line-height: 42px; border: 1px solid #000000; font-size:11pt; padding: 0px 0px 0px 10px; height:45px; } 
.tablet-man           .data   li            { }

.tablet-man           .data   li         span              { font-size: 8pt; vertical-align:middle; }
.tablet-man           .data   li         span.title        { width: 70px; display:inline-block; line-height: 12px; }
.tablet-man           .data   li         span.h_sub        { margin: 0px 8px 0px 2px; padding: 0px; background-color:#bbbbbb; border: 1px solid ; display:inline-block; height:38px;width:38px; }
.tablet-man           .data   li         span.h_add        { margin: 0px 0px 0px 2px; padding: 0px; background-color:#bbbbbb; border: 1px solid ; display:inline-block; height:38px;width:38px; }
.tablet-man           .data   li a                         { margin: 0px 0px 0px 0px; padding:10px; font-size:14pt;}
.tablet-man           .data   li a:hover                   { text-decoration: none;color:#000000; background-color:#888888; }
.tablet-man           .data   li a:visited                 { text-decoration: none;color:#000000; }
.tablet-man           .data   li a:active                  { text-decoration: none;color:#000000; }
.tablet-man           .data   li a:link                    { text-decoration: none;color:#000000; }
.tablet-man           .data   li         span.number-input { width:60px; display:inline-block;  }
.tablet-man           .data   li                     input { padding:0px; font-size:12pt; }
.tablet-man           .data   li         div               { margin: 4px 4px 4px 0px;  }

.tablet-message       .head                 { background-color:#333333; color:#ffffff; font-size:12pt; padding: 3px; text-align:center; display:block; width:auto; }

.tablet-message       .data   ul            { padding: 0px; margin:0px; list-style-type: none; } 
.tablet-message       .data   li            { line-height: 21px; border: 1px solid #000000; font-size:11pt; padding: 5px 0px 5px 0px; } 
.tablet-message       .data   li a          { display: block; padding: 3px 5px; clear: both; text-decoration: none;color:#ffffff; }
.tablet-message       .data   li a:hover    { text-decoration: none;color:#000000; }
.tablet-message       .data   li a:visited  { text-decoration: none;color:#000000; }
.tablet-message       .data   li a:active   { text-decoration: none;color:#000000; }
.tablet-message       .data   li a:link     { text-decoration: none;color:#000000; }

.tablet-bustop        .data   div.stop-list                { overflow-x:auto; overflow-y:auto;  font-size:14pt; max-height:400px;}
.tablet-bustop        .data   div.stop-list table          { border: 1px solid #999999; border-collapse:collapse; }
.tablet-bustop        .data   div.stop-list table  th      { border: 1px solid #999999; line-height: 21px; white-space: nowrap; text-align:center; padding-left:5px; padding-right:5px;   }
.tablet-bustop        .data   div.stop-list table  th      { background-color:#333399; color:#ffffff; }
.tablet-bustop        .data   div.stop-list table  tr.stop-head td { background-color:#222222; color:#ffffff;}
.tablet-bustop        .data   div.stop-list table  td      { border: 1px solid #999999; line-height: 21px; white-space: nowrap; text-align:center; }
.tablet-bustop        .data   div.stop-list table  td div  { font-weight:bold; background-color:#666666; color:#ffffff; padding:1px 4px 1px 4px; font-size:8pt; }



/* tblet_r_list   font-weight:bold; */

.tablet-main .tablet-r_list   {}

.tablet-main .tablet-r_list .pack { padding: 6px 6px 6px 10px;  font-size : 12pt; border: 2px solid ; }
.tablet-main .tablet-r_list .pack { -webkit-border-radius: .3125em; border-radius: .3125em ;          }
.tablet-main .tablet-r_list .pack { margin: 5px 0px 5px 0px; }

.tablet-main .tablet-r_list .pack .tour   { font-weight:bold; }
.tablet-main .tablet-r_list .pack .tour a { float:right; }

.tablet-main .tablet-r_list .bustop .data { display:inline-block; font-size : 10pt;} 
.tablet-main .tablet-r_list .bustop .time { margin: 0px 8px 0px 8px; text-align:right;} 
.tablet-main .tablet-r_list .bustop .name { display:inline-block; } 

.tablet-main .tablet-r_list .man  span { font-weight:bold;  margin: 0px 5px 0px 8px; text-align:right;} 

.tablet-main .tablet-r_list .kin       { text-align:right;} 
.tablet-main .tablet-r_list .kin  span { font-weight:bold;} 

.tablet-main .reserve-list             { -webkit-border-radius: .3125em; border-radius: .3125em ; margin: 5px 0px 5px 0px;  }
.tablet-main .reserve-list             { padding: 3px 0px 3px 8px; font-weight:bold;}


/* tblet_reserve */

.tablet-main .reserve-info             { -webkit-border-radius: .3125em; border-radius: .3125em ; margin: 5px 0px 5px 0px;  }
.tablet-main .reserve-info             { padding: 3px 0px 3px 8px; font-weight:bold;}

input.error  { background-color: #ffdddd; color: #000000 ; } 
select.error { background-color: #ffdddd; color: #000000 ; } 
.tablet-main .message        { padding: 3px 3px 3px 30px; background-image:url("../imgt/man.png?a=02"     ) ; background-repeat:no-repeat; background-size:26px auto; }

.tablet-main .reserve-input span.importance { font-weight:bold; }

.tablet-main .reserve-input .pack { }
.tablet-main .reserve-input .pack { padding: 6px 6px 6px 10px;  font-size : 12pt; border: 2px solid ; }
.tablet-main .reserve-input .pack { -webkit-border-radius: .3125em; border-radius: .3125em ;          }
.tablet-main .reserve-input .pack { margin: 5px 0px 5px 0px; }

.tablet-main .reserve-input .pack .tour   { font-weight:bold; }

.tablet-main .reserve-input input             { padding:3px; min-height:26px; display:inline-block; }
.tablet-main .reserve-input select            { padding:3px; min-height:26px; display:inline-block; }
.tablet-main .reserve-input div               { margin: 2px 0px 2px 0px; }

.tablet-main .reserve-input .tel              { }
.tablet-main .reserve-input .tel-input        { vertical-align:middle; }
.tablet-main .reserve-input .tel-input span   { width: 60px; display:inline-block; margin:0px; padding:0px; font-size:12pt;}

.tablet-main .reserve-input .man-input        { vertical-align:middle; }
.tablet-main .reserve-input .man-input span   { width: 80px; display:inline-block; margin:0px; padding:0px; font-size:12pt;}

.tablet-main .reserve-input .post-input       { vertical-align:middle; }
.tablet-main .reserve-input .post-input span  { width: 60px; display:inline-block; margin:0px; padding:0px; font-size:12pt;}

.tablet-main .reserve-input .email-input      { vertical-align:middle; }
.tablet-main .reserve-input .hotel-input      { vertical-align:middle; }

.tablet-main .reserve-input .air-input        { vertical-align:middle; }
.tablet-main .reserve-input .air-input span   { width: 50px; display:inline-block; margin:0px; padding:0px; font-size:12pt;}
.tablet-main .reserve-input .air-input span.select     { width:auto; display:inline-block; margin:0px; padding:0px; font-size:12pt;}
.tablet-main .reserve-input .air-input span.select span{ width:auto; display:inline-block; margin:0px; padding:0px; font-size:12pt;}
.tablet-main .reserve-input .air-input span.select div { margin: 2px 0px 2px 0px; padding-top: 2px; padding-bottom: 2px; display:inline-block; vertical-align:middle;  }

.tablet-main .reserve-input .air-input span.radio        { width:auto; display:inline-block; font-size:12pt;}
.tablet-main .reserve-input .air-input span.radio  div   { width:auto; display:inline-block; }
.tablet-main .reserve-input .air-input span.radio  label { width:auto; display:inline-block; padding-top: 4px; padding-bottom: 4px;margin-top:7px;margin-left:-3px; }

.tablet-main .reserve-input .contact-input    { vertical-align:middle; }

.tablet-main .reserve-input .contact-input span.radio  div   { padding-top:4px; }
.tablet-main .reserve-input .contact-input span.radio  label { margin-top:1px;margin-left:-3px;}


.tablet-message       .air        { font-size:10pt; } 
.tablet-message       .air  .pack { }
.tablet-message       .air  .pack { padding: 6px 6px 6px 10px;  border: 2px solid ; }
.tablet-message       .air  .pack { -webkit-border-radius: .3125em; border-radius: .3125em ;          }
.tablet-message       .air  .pack { margin: 5px 0px 5px 0px; }

.tablet-message       .wan        { font-size:10pt; } 
.tablet-message       .wan  .pack { }
.tablet-message       .wan  .pack { padding: 6px 6px 6px 10px;  border: 2px solid ; }
.tablet-message       .wan  .pack { -webkit-border-radius: .3125em; border-radius: .3125em ;          }
.tablet-message       .wan  .pack { margin: 5px 0px 5px 0px; }

.tablet-message       .wan   ul   { padding: 0px; margin:0px; list-style-type: none; } 
.tablet-message       .wan   li   { line-height: 21px; border: 1px solid #000000; font-size:11pt; margin: 1px 0px 1px 0px;  padding: 5px 5px 5px 5px; } 

.tablet-message       .disp-data { max-height:400px; overflow-y:auto; }

.plan-if-info { max-height:400px; font-size:14pt; }
.plan-if-info { font:12px Meiryo,MS PGothic,Osaka,arial,helvetica,sans-serif; color:#333; text-size-adjust:100%; -moz-text-size-adjust:100%; -webkit-text-size-adjust:100%; background:none;}

.plan-if-info  .txtBlock .txtBlock ul { padding: 0px; margin:0px; list-style-type: none; } 
.plan-if-info  .txtBlock .txtBlock ul.txtList1 li      { margin-left :2.2em; }
.plan-if-info  .txtBlock .txtBlock ul.txtList1 li span { position:relative; left:-1.8em; float:left; }
.plan-if-info  .txtBlock .txtBlock ul.txtList2 li      { margin-left :2.2em; }
.plan-if-info  .txtBlock .txtBlock ul.txtList2 li span { position:relative; left:-1.8em; float:left; }


.plan-if-info h3.ttlStyle4  { font-size:20px; font-weight:normal; line-height:1.2; margin:0 0 30px 0; padding:12px 5px 10px 5px; border-top:solid 2px #c0af82; border-bottom:solid 2px #c0af82;}
.plan-if-info h3.ttlStyle6  { font-size:100%; font-weight:bold; margin:0 0 10px 0; padding:0 0 5px 0; border-bottom:solid 1px #c5c4c2; }

.can-disp-sub  .txtBlock .txtBlock { display:inline-block; text-align:left; }
.can-disp-sub  .txtBlock .txtBlock { font:12px Meiryo,MS PGothic,Osaka,arial,helvetica,sans-serif; color:#333; text-size-adjust:100%; -moz-text-size-adjust:100%; -webkit-text-size-adjust:100%; background:none;}

.can-disp-sub  .txtBlock .txtBlock .dis_sp dl.dlStyle1 dt {font-weight:bold; margin:0 0 5px 0; padding:0 0 5px 0; border-bottom:solid 1px #c5c4c2;}
.can-disp-sub  .txtBlock .txtBlock .dis_sp dl.dlStyle1 dd {margin:0 0 15px 0;}

.can-disp-sub  .txtBlock .txtBlock .dis_sp dl.dlStyle2 dt {margin:0 0 5px 0; padding:0 3px; background:#efedf0;}
.can-disp-sub  .txtBlock .txtBlock .dis_sp dl.dlStyle2 dd {margin:0 0 10px 0;}


/*
.cfix .txtBlock {margin:0 0 15px 0 !important;}
.cfix .txtBlock .txtBlock { margin:0 10px 15px 10px !important; }

.cfix ul.txtList1 {margin-left:1.2em;}
.cfix ul.txtList1 ul   { padding: 0px; margin:0px; list-style-type: none; } 
.cfix ul.txtList1 li {width:100%; position:relative;}
.cfix ul.txtList1 li span {position:absolute; top:0; left:-1.2em;}
*/

