@charset "utf-8";
/* 印刷に適したレイアウトを提供するCSSです。*/
/* ==================== 非表示部 ==================== */
#header, 
#footer,
#sub1,
#content_navi,
#content_navilink,
#nav a {
  display: none;
}

#tabnavigation_detail,
#tabnavigation_list {
  display: none;
}

/* ==================================================== */
/* =                    トップ画面                    = */
/* ==================================================== */
/* ==================== 上部コンテンツ ==================== */

/* ----------- 上段左側ＢＯＸ ----------- */
.box_a {
    position:relative;
    float:left;
    width: 32.5%;
    margin: 0px 6px 5px 0px;
}
/* ----------- 上段右側ＢＯＸ ----------- */
.box_c {
    position:relative;
    float:left;
    width: 32.5%;
    margin: 0px 6px 5px 0px;
}
/* ----------- 上段中央ＢＯＸ ----------- */
.box_b {
    position:relative;
    float:left;
    width: 32.5%;
    margin: 0px 6px 0px 0px;
}
/* ----------- 上段左側ＢＯＸ(２分割) ----------- */
.box_a_harf {
    position:relative;
    float:left;
    width: 49%;
    margin: 0px 6px 5px 0px;
}
/* ----------- 上段中央ＢＯＸ(２分割) ----------- */
.box_c_harf {
    position:relative;
    float:left;
    width: 49%;
    margin: 0px 6px 5px 0px;
}
/* ----------- 上段内部ＢＯＸ ----------- */
.box_inner {
    position:relative;
    overflow: hidden;
    width: 100%;
    margin: 0px 0px 5px 0px;
    min-height:100px;
}
/* ----------- アイコン ----------- */
#main .icon {
    margin-right: 1px;
}
/* ----------- 明細ブロック ----------- */
.portletArea .inner {
    position: relative;
    margin-top:-3px;
    margin-left:12px;
    margin-bottom:5px;
}
/* ----------- 明細行 ----------- */
.portletArea .details {
    position:relative;
    font-size:1em;
    width:  100%;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap; 
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #999999
}
/* ----------- 新着件数 ----------- */
.portletArea .its_new {
    text-align: right;
    margin: 0px 3px 0px 0px;
    height: 15px;
    font-size: 1.0em;
}
.portletArea .its_new .style {
    font-weight:bold;
    color: #ff0000;
}
/* ----------- 全てを見る ----------- */
.portletArea .view {
    position: relative;
    float: right;
}
/* ==================== 本日のスケジュール ==================== */
.schedule_today {
    position:relative;
    width: 100%;
    height: 100%;
    background-image: url(../../img/design01/clock_70.png);
    background-repeat: no-repeat;
    background-position: 5px 100%;
}
/* ----------- 左側セパレータ（開始） ----------- */
.schedule_today .separate_s {
    position:absolute;
    float:left;
    z-index: 1;
    top:0px;
    left:0px;
    width:  3px;
    height: 100%;
    background-image: url(../../img/design01/vertical_pi_s.png);
    background-repeat: repeat-y;
    background-position: 0px 0px;
}
/* ----------- 左側セパレータ（終了） ----------- */
.schedule_today .separate_e {
    position:absolute;
    float:left;
    z-index: 2;
    bottom: 0px;
    left: 0px;
    width:  3px;
    height: 90px;
    background-image: url(../../img/design01/vertical_pi_e.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
/* ----------- タイトル ----------- */
.schedule_today .title {
    text-indent: 14px;
    font-size: 1.05em;
    font-weight:bold;
    width:  100%;
    height: 30px;
    padding-top: 6px;
    background-image: url(../../img/design01/title_pi.png);
    background-repeat: repeat-x;
    z-index: 1;
}
/* ----------- 時限・時刻 ----------- */
.schedule_today .period {
    position:absolute;
    top:  4px;
    left: 0px;
    width: 72px;
}
/* ----------- アイコン ----------- */
.schedule_today .icons_1 {
    position:absolute;
    top:  2px;
    left: 73px;
    width: 35px;
}
/* ----------- 内容（１） ----------- */
.schedule_today .text {
    position:absolute;
    top:  4px;
    left: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap; 
}
/* ----------- 内容（２） ----------- */
.schedule_today .text2 {
    position:absolute;
    top:  4px;
    left: 0px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap; 
}
/* ----------- 横幅ワイド ----------- */
.schedule_today .wide {
    margin-bottom: 3px;
    width:  11px;
    height: 11px;
    border: none;
    background: url(../../img/design01/wide.png) no-repeat;
}
/* ----------- 全てを見る ----------- */
.schedule_today .view a {
    display: inline-block;
    width:  69px;
    height: 13px;
    margin: 10px 0px 0px 0px;
    background: url(../../img/design01/view_pi.png) no-repeat;
}
/* ==================== 休講・補講情報 ==================== */
.canceled_class {
    position: relative;
    width: 100%;
    height: 100%;
    background-image: url(../../img/design01/book_70.png);
    background-repeat: no-repeat;
    background-position: 10px 100%;
}
/* ----------- 左側セパレータ（開始） ----------- */
.canceled_class .separate_s {
    position:absolute;
    float:left;
    z-index: 1;
    top:0px;
    left:0px;
    width:  3px;
    height: 100%;
    background-image: url(../../img/design01/vertical_or_s.png);
    background-repeat: repeat-y;
    background-position: 0px 0px;
}
/* ----------- 左側セパレータ（終了） ----------- */
.canceled_class .separate_e {
    position:absolute;
    float:left;
    z-index: 2;
    bottom: 0px;
    left:0px;
    width:  3px;
    height: 90px;
    background-image: url(../../img/design01/vertical_or_e.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
/* ----------- タイトル ----------- */
.canceled_class .title {
    text-indent: 14px;
    font-size: 1.05em;
    font-weight:bold;
    width:  100%;
    height: 30px;
    padding-top: 6px;
    background-image: url(../../img/design01/title_or.png);
    background-repeat: repeat-x;
}
/* ----------- 横幅ワイド ----------- */
.canceled_class .wide {
    margin-bottom: 3px;
    width:  11px;
    height: 11px;
    border: none;
    background: url(../../img/design01/wide.png) no-repeat;
    background-repeat: no-repeat;
}
/* ----------- アイコン ----------- */
.canceled_class .icons_1 {
    position:absolute;
    top:  2px;
    left: 0px;
    width: 35px;
}
/* ----------- 日付・曜日 ----------- */
.canceled_class .date {
    position:absolute;
    top:  4px;
    left: 36px;
    width: 65px;
}
/* ----------- 時限 ----------- */
.canceled_class .period {
    position:absolute;
    top:  4px;
    left: 102px;
    width: 40px;
}
/* ----------- 内容 ----------- */
.canceled_class .text {
    position:absolute;
    top:  4px;
    left: 143px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap; 
}
/* ----------- 備考 ----------- */
.canceled_class .remarks {
    position:absolute;
    top:  4px;
    left: 343px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap; 
}
/* ----------- 全てを見る ----------- */
.canceled_class .view a {
    display: inline-block;
    width:  69px;
    height: 13px;
    margin: 10px 0px 0px 0px;
    background: url(../../img/design01/view_or.png) no-repeat;
}
/* ==================== お知らせ（あなた宛／大学から） ==================== */
/* ----------- 日付・曜日 ----------- */
.personal_inf .date,
.public_inf .date,
.syokn_inf .date {
    position:absolute;
    top:  4px;
    left: 0px;
    width: 64px;
}
/* ----------- アイコン ----------- */
.personal_inf .icons_2,
.public_inf .icons_2,
.syokn_inf .icons_2 {
    position:absolute;
    top:  5px;
    left: 65px;
    width: 22px;
}
/* ----------- 内容 ----------- */
.personal_inf .text,
.public_inf .text,
.syokn_inf .text {
    position:absolute;
    top:  4px;
    left: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap; 
}

/* ==================== お知らせ（あなた宛） ==================== */
.personal_inf {
    position:relative;
    width: 100%;
    height: 100%;
    background-image: url(../../img/design01/mail_1_70.png);
    background-repeat: no-repeat;
    background-position: 8px 95%;
}
/* ----------- 左側セパレータ（開始） ----------- */
.personal_inf .separate_s {
    position:absolute;
    float:left;
    z-index: 1;
    top:0px;
    left:0px;
    width:  3px;
    height: 100%;
    background-image: url(../../img/design01/vertical_gr_s.png);
    background-repeat: repeat-y;
    background-position: 0px 0px;
}
/* ----------- 左側セパレータ（終了） ----------- */
.personal_inf .separate_e {
    position:absolute;
    float:left;
    z-index: 2;
    bottom: 0px;
    left: 0px;
    width:  3px;
    height: 90px;
    background-image: url(../../img/design01/vertical_gr_e.png);
    background-repeat: no-repeat;
    background-position: left bottom;
}
/* ----------- タイトル ----------- */
.personal_inf .title {
    text-indent: 14px;
    font-size: 1.05em;
    font-weight:bold;
    width:  100%;
    height: 30px;
    padding-top: 6px;
    background-image: url(../../img/design01/title_gr.png);
    background-repeat: repeat-x;
}
/* ----------- 横幅ワイド ----------- */
.personal_inf .wide {
    margin-bottom: 3px;
    width:  11px;
    height: 11px;
    border: none;
    background: url(../../img/design01/wide.png) no-repeat;
    background-repeat: no-repeat;
}
/* ----------- 全てを見る ----------- */
.personal_inf .view a {
    display: inline-block;
    width:  69px;
    height: 13px;
    margin: 10px 0px 0px 0px;
    background: url(../../img/design01/view_gr.png) no-repeat;
}
/* ==================== お知らせ（大学から） ==================== */
.public_inf {
    position:relative;
    width: 100%;
    height: 100%;
    background-image: url(../../img/design01/mail_2_70.png);
    background-repeat: no-repeat;
    background-position: 8px 90%;
}
/* ----------- 左側セパレータ（開始） ----------- */
.public_inf .separate_s {
    position:absolute;
    float:left;
    z-index: 1;
    top:0px;
    left:0px;
    width:  3px;
    height: 100%;
    background-image: url(../../img/design01/vertical_vi_s.png);
    background-repeat: repeat-y;
    background-position: 0px 0px;
}
/* ----------- 左側セパレータ（終了） ----------- */
.public_inf .separate_e {
    position:absolute;
    float:left;
    z-index: 2;
    bottom: 0px;
    left: 0px;
    width:  3px;
    height: 90px;
    background-image: url(../../img/design01/vertical_vi_e.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
/* ----------- タイトル ----------- */
.public_inf .title {
    text-indent: 14px;
    font-size: 1.05em;
    font-weight:bold;
    width:  100%;
    height: 30px;
    padding-top: 6px;
    background-image: url(../../img/design01/title_vi.png);
    background-repeat: repeat-x;
}
/* ----------- 横幅ワイド ----------- */
.public_inf .wide {
    margin-bottom: 3px;
    width:  11px;
    height: 11px;
    border: none;
    background: url(../../img/design01/wide.png) no-repeat;
    background-repeat: no-repeat;
}
/* ----------- 全てを見る ----------- */
.public_inf .view a {
    display: inline-block;
    width:  69px;
    height: 13px;
    margin: 10px 0px 0px 0px;
    background: url(../../img/design01/view_vi.png) no-repeat;
}
/* ==================== 所見ポートレット ==================== */
.syokn_inf {
    position:relative;
    width: 98.8%;
    height: 100%;
    background-image: url(../../img/design01/mail_2_70.png);
    background-repeat: no-repeat;
    background-position: 8px 90%;
}
/* ----------- 左側セパレータ（開始） ----------- */
.syokn_inf .separate_s {
    position:absolute;
    float:left;
    z-index: 1;
    top:0px;
    left:0px;
    width:  3px;
    height: 100%;
    background-image: url(../../img/design01/vertical_bp_s.png);
    background-repeat: repeat-y;
    background-position: 0px 0px;
}
/* ----------- 左側セパレータ（終了） ----------- */
.syokn_inf .separate_e {
    position:absolute;
    float:left;
    z-index: 2;
    bottom: 0px;
    left: 0px;
    width:  3px;
    height: 90px;
    background-image: url(../../img/design01/vertical_bp_e.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
/* ----------- タイトル ----------- */
.syokn_inf .title {
    text-indent: 14px;
    font-size: 1.05em;
    font-weight:bold;
    width:  100%;
    height: 30px;
    padding-top: 6px;
    background-image: url(../../img/design01/title_bp.png);
    background-repeat: repeat-x;
}
/* ----------- 横幅ワイド ----------- */
.syokn_inf .wide {
    margin-bottom: 3px;
    width:  11px;
    height: 11px;
    border: none;
    background: url(../../img/design01/wide.png) no-repeat;
    background-repeat: no-repeat;
}
/* ----------- 全てを見る ----------- */
.syokn_inf .view a {
    display: inline-block;
    width:  69px;
    height: 13px;
    margin: 10px 0px 0px 0px;
    background: url(../../img/design01/view_bp.png) no-repeat;
}
/* ==================== 週間スケジュールポートレット ==================== */
/* ----------- タイトル ----------- */
.weekly_portlet .title {
    position: relative;
    width:  100%;
    height: 32px;
}
.weekly_portlet .base {
position:relative;
width: 99%;
height: 32px;
margin-right: 10px;
background: url(../../img/design01/lower_base.png) 0px 0px repeat-x;
}
.weekly_portlet .label {
position:relative;
float: left;
padding-top: 8px;
font-size: 1.05em;
font-weight: bold;
text-indent: 14px;
background: url(../../img/design01/week_p.png) 0px 0px no-repeat;
}
/* ----------- ボタン ----------- */
.weekly_portlet .button_blk1 {
position:relative;
float: left;
width:  84px;
height: 32px;
}
.weekly_portlet .button_blk2 {
position:absolute;
left:   345px;
height: 32px;
}
.weekly_portlet .schedule {
    position:absolute;
    top:    9px;
    left:   15px;
    width:  90px;
    height: 16px;
    background: url(../../img/design01/button_schedule.png) 0px 0px no-repeat;
    border: none;
    cursor: pointer;
}
.weekly_portlet .button_blk2 .this_week {
    position:absolute;
    top:    9px;
    left:   0px;
    width:  53px;
    height: 16px;
    background: url(../../img/design01/button_this_week.png) 0px 0px no-repeat;
    border: none;
    cursor: pointer;
}
.weekly_portlet .button_blk2 .date_rewind2 {
    position:absolute;
    top:    7px;
    left:   62px;
    width:  42px;
    height: 20px;
    border: none;
    background: url(../../img/design01/date_rewind2.png) 0px 0px no-repeat;
    display: inline-block;
    border: none;
    cursor: pointer;
}
.weekly_portlet .button_blk2 .date_rewind1 {
    position:absolute;
    top:    7px;
    left:   104px;
    width:  20px;
    height: 20px;
    border: none;
    background: url(../../img/design01/date_rewind1.png) 0px 0px no-repeat;
    display: inline-block;
    border: none;
    cursor: pointer;
}
.weekly_portlet .button_blk2 .date_wind {
    position:absolute;
    top:    7px;
    left:   124px;
    width:  157px;
    height: 20px;
    border: none;
    background: url(../../img/design01/date_wind.png) 0px 0px no-repeat;
    display: inline-block;
    padding-top: 5px;
    text-align: center;
    font-size: 0.9em;
    cursor: pointer;
}
.weekly_portlet .button_blk2 .date_wind1 {
    position:absolute;
    top:    7px;
    left:   281px;
    width:  20px;
    height: 20px;
    border: none;
    background: url(../../img/design01/date_wind1.png) 0px 0px no-repeat;
    display: inline-block;
    border: none;
    cursor: pointer;
}
.weekly_portlet .button_blk2 .date_wind2 {
    position:absolute;
    top:    7px;
    left:   301px;
    width:  40px;
    height: 20px;
    border: none;
    background: url(../../img/design01/date_wind2.png) 0px 0px no-repeat;
    display: inline-block;
    border: none;
    cursor: pointer;
}
.weekly_portlet .button_blk2 .button_weekly {
    position:absolute;
    top:    9px;
    left:   349px;
    width:  31px;
    height: 16px;
    background: url(../../img/design01/button_weekly.png) 0px 0px no-repeat;
    border: none;
    cursor: pointer;
}
.weekly_portlet .button_blk2 .button_monthly {
    position:absolute;
    top:    9px;
    left:   385px;
    width:  31px;
    height: 16px;
    background: url(../../img/design01/button_monthly.png) 0px 0px no-repeat;
    border: none;
    cursor: pointer;
}
/* ==================== 週間スケジュール ==================== */
#weekly {
    table-layout: fixed;
}
#weekly a {
    position: relative;
    display: inline-block;
    top: 6px;
    text-decoration: underline;
}
#weekly .details a {
    position: relative;
    display: inline-block;
    top: 0px;
    text-decoration: none;
}

#weekly .details a:hover {
    text-decoration: underline;
}

#weekly .inner a,
#weekly .inner a:active,
#weekly .inner a:hover,
#weekly .inner a:visited {
    color: #000000;
}
#weekly .inner_sat a,
#weekly .inner_sat a:active,
#weekly .inner_sat a:hover,
#weekly .inner_sat a:visited {
    color: #0012ff;
}
#weekly .inner_sun a,
#weekly .inner_sun a:active,
#weekly .inner_sun a:hover,
#weekly .inner_sun a:visited {
    color: #ff0000;
}
#weekly .inner_hol a,
#weekly .inner_hol a:active,
#weekly .inner_hol a:hover,
#weekly .inner_hol a:visited {
    color: #ff0000;
}
/* ----------- テーブルレイアウト ----------- */
#weekly th {
/*
    width: 14.29%;
*/
    height: 25px;
    vertical-align: middle;
    text-align: center;
    border-right: 1pt dotted #999999;
    border-bottom: 1pt dotted #999999;
    background-color: #f0f0f0;
}
#weekly td {
/*
    width: 14.29%;
*/
    vertical-align: top;
    border-right: 1pt dotted #999999;
}
#weekly .out_line_y {
    border-right: none;
}
#weekly {
    width: 99%;
    border-collapse: collapse;
    border: 1pt solid #999999;
}
/* ----------- セル：幅 ----------- */
#weekly .out_line,
#weekly .out_line_y {
    width: 0%;
}
#weekly .corner_1,
#weekly .corner_2,
#weekly .in_line_y,
#weekly .out_line_x_t,
#weekly .out_line_x_b {
    width: 109px;
}
/* ----------- セル：高さ ----------- */
.out_line_x_t,
.out_line_x_b {
    height: 0px;
}
/* ----------- 背景色 ----------- */
#weekly .sun,
#weekly .hol {
    background-color: #ffebf1;
}
#weekly .sat{
    background-color: #edf5ff;
}
/* ----------- 見出しブロック ----------- */
#weekly th .inner {
    position: relative;
    width:  100%;
    height: 100%;
}
#weekly th .inner_sun,
#weekly th .inner_hol {
    position: relative;
    width:  100%;
    height: 100%;
}
#weekly th .inner_sat {
    position: relative;
    width:  100%;
    height: 100%;
}
/* ----------- 明細ブロック ----------- */
#weekly .details {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap; 
    margin: 5px 1px 5px 2px;
}
/* ----------- 時限／時間 ----------- */
#weekly .period {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap; 
}
/* ----------- アイコン ----------- */
#weekly .icons {
    float:left;
    width: 36px;
    margin: 0px 0px 0px 3px;
}
/* ----------- 内容 ----------- */
#weekly .text {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap; 
}

/* ==================================================== */
/* =                  その他画面共通                  = */
/* ==================================================== */

/* ---------- 画面タイトル（Ｈ２） ---------- */
#title {
    position:relative;
    width: 740px;
    height: 50px;
    margin: 10px 0px 0px 10px;
    background-image: url(../../img/design01/title_h2.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
#title h2 {
    padding: 15px 0px 0px 0px;
    text-indent: 30px;
    font-size: 1.2em;
    font-weight:bold;
}
/* ---------- 処理状況 ---------- */
#content_navi {
    margin: 4px 20px 0px 4px;
    text-align: right;
    height: 25px;
}
#content_navi .off {
    font-size:1em;
    font-weight:bold;
    color:#AAAAAA;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 9px 0px 0px 0px;
    height: 34px;
}
#content_navi .on {
    font-size:1em;
    font-weight:bold;
    color:#000000;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 9px 0px 0px 0px;
    width:  136px;
    height: 34px;
    background: url(../../img/design01/stage.png) 0px 0px no-repeat;
}
#content_navi .image {
    width:  19px;
    height: 13px;
    background: url(../../img/design01/arrow.png) 50% 50% no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin: 0px 5px 10px 5px;
}
/* ---------- 画面見出し（Ｈ３） ---------- */

/* 「 ○○○○○○○○（見出し）」等 */

.caption {
    margin-top: 10px;
    margin-left: 15px;
    margin-bottom: 15px;
}
.caption .line3 {
    padding: 0px 10px 13px 10px;
    height: 30px;
    background: url(../../img/design01/title_under.png) 0% 100% repeat-x;
}
.h3 {
    font-size: 1.1em;
    font-weight: bold;
}
/* ---------- 画面見出し（Ｈ４） ---------- */

/* 「 内容を確認して下さい」等 */

.caption .image {
    width:  15px;
    height: 20px;
    margin-top: 15px;
    margin-left: 10px;
    background: url(../../img/design01/lips.png) 0px 0px no-repeat;
    display: inline-block;
}
.caption .line4 {
    padding: 0px 15px 5px 5px;
    height: 20px;
    background: url(../../img/design01/under_l_red.png) 0px 100% repeat-x;
}
.h4 {
    font-size: 1em;
    font-weight: normal;
}
/* ---------- コメント（ｔｅｘｔ） ---------- */

/* 「○○○、ＸＸＸで検索」等 */

.caption .note {
    padding: 10px 30px 0px 30px;
}
.style_red {
    color: #CF0000;
}
/* ---------- ○件表示／○件中 ---------- */
#main .link {
    margin: 5px 0px 5px 0px;
    text-align: center;
}
#main .link .text {
    margin-right: 10px;
}
#main .link a {
    margin-left: 3px;
    text-decoration: underline;
    color: #1125A2;
}
#main .link .image {
    height: 6px;
    background: url(../../img/design01/under_l_ye.png) center bottom no-repeat;
}
/* ==================== 各種コンテンツ詳細 ==================== */
#main .contents_1 {
    width: 100%;
    text-align: center;
}
#main .contents_1 input ,select,textarea{
    vertical-align:middle;
    margin: 0px 3px 0px 7px;
    font-size:1em;
}
/* ==================== テーブル（入力画面） ==================== */
.form {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 30px;
    width: 95%;
    text-align: left;
    border-collapse: collapse;
}
.form td {
    padding: 10px 15px;
    vertical-align: middle;
}
/* ----------- ラベル（必須入力項目） ----------- */
.form .label_accent {
    width: 25%;
    padding-left: 30px;
    background: #F7E3DF url(../../img/design01/dot_red.png) 10px center no-repeat;
}
/* ----------- ラベル（通常項目） ----------- */
.form .label {
    padding-left: 30px;
    background: #FFF1E9 url(../../img/design01/dot_or.png)  10px center no-repeat;
}
/* ----------- 罫線（縦線） ----------- */
.form .line_y {
    width:      3px;
    padding:    0px 0px 0px 2px;
    border-left: 1px solid #333333;/* 線の重複を避ける */
}
/* ----------- 罫線（縦線:label用） ----------- */
.form .line_y_label {
    border-left: 1px solid #333333;/* 線の重複を避ける */
    width:      3px;
    padding:    0px 0px 0px 2px;
    background: #FFF1E9;
}
/* ----------- 罫線（縦線:label_accent用） ----------- */
.form .line_y_label_accent {
    border-left: 1px solid #333333;/* 線の重複を避ける */
    width:      3px;
    padding:    0px 0px 0px 2px;
    background: #F7E3DF;
}

/* ----------- 罫線（横線） ----------- */
.form .line_x {
    border-top: 1px solid #333333;/* 線の重複を避ける */
    height:     1px;
    padding:    0px;
}

/* ----------- 罫線（外枠） ----------- */
table .form {
    border: 1pt solid #6D584E;
}

.form .item div {
display: inline;
float: left;
}
/* カレンダーアイコン */
.form .calendar {
    display: inline-block;
    vertical-align:middle;
    width: 16px;
    height: 16px;
    background-image: url(../../img/design01/ico_calendar.png);
    background-repeat: no-repeat;
}
/* カレンダーリンク  */
.form .calendar a {
    display: inline-block;
    width: 16px;
    height: 16px;
    text-decoration: none;
}
/* ==================== テーブル（入力内容確認画面） ==================== */
.detail {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 30px;
    width: 95%;
    text-align: left;
    border-collapse: collapse;
}
.detail td {
    padding: 10px 15px;
    vertical-align: middle;
}

/* ----------- ラベル（必須入力項目） ----------- */
.detail .label_accent {
    width: 25%;
    padding-left: 30px;
    background: #F7E3DF url(../../img/design01/dot_red.png) 10px center no-repeat;
}
/* ----------- ラベル（通常項目） ----------- */
.detail .label {
    padding-left: 30px;
    background: #FFF1E9 url(../../img/design01/dot_or.png)  10px center no-repeat;
}
/* ----------- ラベル（通常項目　背景画像不要） ----------- */
.detail .label_nodot {
    padding-left: 5px;
    background: #FFF1E9;
}
/* ----------- 罫線（縦線） ----------- */
.detail .line_y {
    width:      3px;
    padding:    0px 0px 0px 2px;
    border-left: 1px solid #333333;/* 線の重複を避ける */
}
/* ----------- 罫線（縦線:label用） ----------- */
.detail .line_y_label {
    border-left: 1px solid #333333;/* 線の重複を避ける */
    width:      3px;
    padding:    0px 0px 0px 2px;
    background: #FFF1E9;
}
/* ----------- 罫線（縦線:label_accent用） ----------- */
.detail .line_y_label_accent {
    border-left: 1px solid #333333;/* 線の重複を避ける */
    width:      3px;
    padding:    0px 0px 0px 2px;
    background: #F7E3DF;
}

/* ----------- 罫線（横線） ----------- */
.detail .line_x {
    border-top: 1px solid #333333;/* 線の重複を避ける */
    height:     1px;
    padding:    0px;
}

/* ----------- 罫線（外枠） ----------- */
table .detail {
    border: 1pt solid #6D584E;
}

/* カレンダーアイコン */
.detail .calendar {
    display: inline-block;
    vertical-align:middle;
    width: 16px;
    height: 16px;
    background-image: url(../../img/design01/ico_calendar.png);
    background-repeat: no-repeat;
}
/* カレンダーリンク  */
.detail .calendar a {
    display: inline-block;
    width: 16px;
    height: 16px;
    text-decoration: none;
}
/* ========== テーブル（検索結果一覧） ========== */

/* ----------- 一括指定 ----------- */
.list {
    margin: 5px auto;
    border-collapse: collapse;
    width: 95%;
    text-align: left;
    vertical-align: middle;
}
.list, x:-moz-any-link, x:only-child { border-collapse: separate; }
.list td {
    padding: 8px 5px;
    border-top: 1px solid #333333;
    border-bottom: 1px solid #333333;
}
.list td, x:-moz-any-link, x:only-child { border-top: 0px; }
.list .line_x, x:-moz-any-link, x:only-child { 
   border-bottom: 1px solid #333333;
   display: table-cell;
}

/* ----------- リンク項目 ----------- */
.list a {
    color: #1125A2;
    text-decoration: underline;
}
/* ----------- ラベル項目 ----------- */
.list .label td {
    font-weight:bold;
    padding: 10px 5px;
    background-color: #FFE1E1;
}
/* ----------- 奇数カラム ----------- */
.list .column_odd td {
    background-color: #FFFFFF;
}
/* ----------- 偶数カラム ----------- */
.list .column_even td {
    background-color: #FBF7E9;
}
/* ----------- チェックボックス ----------- */
.list .check_box {
    text-align: center;
}
/* 左側文字列ボックス */
.list .link .left {
    float: left;
}

/* 右側文字列ボックス */
.list .link .right {
    float: right;
}

/* 右側文字列のボックスごとの空間 */
.list .link .right span {
    margin-left: 10px;
}
/* ==================== END ==================== */