/*
########################################################
  Contents style
########################################################
*/

* {
  box-sizing: border-box;
}

body {
    /* 特に変更はありません */
}

div#contents {
    width: 100%;
    text-align: left;
    position: relative; /* 修正済み */
    padding: 10px 0 0 0;
    z-index: 50;
}

/* もともとは 900px で中央寄せ (margin: 5px auto;) だった部分を、左寄せ用にマージンを変更 */
div#unitBlockContents {
    width: 950px;
    margin: 5px 0 5px 15px;  /* 上:5px, 右:0, 下:5px, 左:15px で左寄せ */
}

div#unitBlockContents div#unitBlockInContents {
    background-color: #ffffff;
    padding: 10px 0 0 0;
    /* zoom: 100%; → transform に変更 */
    transform: scale(1);
    -webkit-transform: scale(1);
    background: url(../images/background_middle.gif) repeat-y left top;
}

div#unitBlockContents div#unitBlockInContents:after {   
    content: "";
    display: block;
    clear: both;
}

/*
  内部コンテンツの横幅を、元の比率 (900/860 ≒ 1.0465) に合わせて拡大
  ＊ dl#unitListLeft : 元 630px → 約659px
  ＊ dl#unitListRight: 元 193px → 約202px
*/
div#unitBlockContents div#unitBlockInContents dl#unitListLeft {
    width: 693px;  /* 630px × 900/860 ≒ 659px */
    float: left;
}

div#unitBlockContents div#unitBlockInContents div#unitBlockBoxLeft {
    background-color: #ffffff;
}

div#unitBlockContents div#unitBlockInContents div#unitBlockBoxLeft div.newsBlockCommon {
    position: relative;
}

div#unitBlockContents div#unitBlockInContents dl#unitListRight {
    width: 212px;  /* 193px × 900/860 ≒ 202px */
    position: relative;
    top: 20px;
    float: right;
}

/* IE非標準プロパティ layout-grid-line 削除 */
div#unitBlockContents div#unitBlockInContents div#unitBlockBoxRight {
    background-color: #ffffff;
}

div#unitBlockContents div#unitBlockInContents div#unitBlockBoxRight ul.unitBlockBnArea {
    margin: 15px 0 0 0;
}

div#unitBlockContents div#unitBlockInContents div#unitBlockBoxRight ul.unitBlockBnArea li {
    margin: 0 0 5px 0;
}

div#unitBlockContents div#unitBlockInContents div#unitBlockBoxRight ul.unitBlockBnArea li img {
    vertical-align: bottom;
}

div#unitBlockContents div#unitBlockInContents div#unitBlockBoxRight ul.unitBlockBnArea li a img {
    border: 1px solid #d9d9d9;
}

div#unitBlockContents div#unitBlockInContents div#unitBlockBoxRight ul.unitBlockBnArea li a:hover img {
    border: 1px solid #b2b2b2;
}

div#unitBlockContentsLong {
    width: 100%;
    margin: 10px 0 10px 15px; /* 左寄せ用に左マージンを設定 */
    padding: 40px;
    background: #F2F2F2;
}

div#unitBlockContentsLongInT {
    width: 100%;
    margin: 2px 0 0 10px;
}

div#unitBlockContentsLongIn {
    width: 100%;
    font-size: 14px !important;
    /* layout-grid-line 削除 */
    padding: 20px 5px 39px 39px;
}

div#unitBlockContentsLongInTC {
    width: 100%;
    text-align: center !important;
    margin: 2px 0 0 10px;
}

/* テーブルの横幅も 900基準に合わせて調整（例: 555px × 900/860 ≒ 580px） */
div#unitBlockContents div#unitBlockInContents table {    
    table-layout: fixed;
    width: 610px !important;
}

/*
  アーカイブ用レイアウト（Ar 系）の調整：
  ・dl#unitListLeftAr: 元 630px → 約659px
  ・dl#unitListRightAr: 元 193px → 約202px
*/
div#unitBlockContents div#unitBlockInContents dl#unitListLeftAr {
    width: 693px;  /* 630px × 900/860 ≒ 659px */
    float: left;
}

div#unitBlockContents div#unitBlockInContents div#unitBlockBoxLeftAr {
    /* 背景色は下書きで上書きされるため不要 */
    margin: 0 0 10px 0;
    padding: 25px 25px 10px 25px;
    background: #F2F2F2;
}

div#unitBlockContents div#unitBlockInContents dl#unitListRightAr {
    width: 212px;  /* 193px × 900/860 ≒ 202px */
    position: relative;
    top: 0px;
    float: right;
}

/*
########################################################
  unitBlockBoxTab
########################################################
*/

div#unitBlockContents div#unitBlockInContents div.unitBlockBoxTabBig {
    background: url(../image/bg/bg_grey_big_middle.gif) repeat-y left top;
    position: relative;
    margin: 5px 0 30px 0;
}

div#unitBlockContents div#unitBlockInContents div.unitBlockBoxTabBig div.topTab:after,
div#unitBlockContents div#unitBlockInContents div.unitBlockBoxTabBig div.topTab2:after,
div#unitBlockContents div#unitBlockInContents div.unitBlockBoxTabBig div.topTab div.bottomTab:after,
div#unitBlockContents div#unitBlockInContents div.unitBlockBoxTabBig div.topTab2 div.bottomTab:after,
div#unitBlockContents div#unitBlockInContents div.unitBlockBoxTabSmall div.topTab:after {   
    content: "";
    display: block;
    clear: both;
}

div#unitBlockContents div#unitBlockInContents div.unitBlockBoxTabBig div.topTab {
    background: url(../image/bg/bg_grey_big_top.gif) no-repeat left top;
    padding: 0;
    /* zoom: 100%; → transform に変更 */
    transform: scale(1);
    -webkit-transform: scale(1);
}

div#unitBlockContents div#unitBlockInContents div.unitBlockBoxTabBig div.topTab2 {
    background: url(../image/bg/bg_grey_big_top2.gif) no-repeat left top;
    padding: 10px 0 0 0;
    transform: scale(1);
    -webkit-transform: scale(1);
}

div#unitBlockContents div#unitBlockInContents div.unitBlockBoxTabBig div.topTab div.bottomTab {
    background: url(../image/bg/bg_grey_big_bottom.gif) no-repeat left bottom;
    transform: scale(1);
    -webkit-transform: scale(1);
    padding: 10px 0 0 0;
}
    
div#unitBlockContents div#unitBlockInContents div.unitBlockBoxTabBig div.topTab2 div.bottomTab {
    background: url(../image/bg/bg_grey_big_bottom.gif) no-repeat left bottom;
    transform: scale(1);
    -webkit-transform: scale(1);
}

div#unitBlockContents div#unitBlockInContents div.unitBlockBoxTabBig div.topTab div.bottomTab div.unitTabalpha,
div#unitBlockContents div#unitBlockInContents div.unitBlockBoxTabBig div.topTab2 div.bottomTab div.unitTabalpha {
    clear: both;
    padding: 1px;
}

div.bottomTab div.unitTabalpha div.unitBlockData {
    background: url(../image/bg/line_data.gif) no-repeat 17px bottom;
    padding: 4px 16px 4px;
    margin: 0;
    transform: scale(1);
    -webkit-transform: scale(1);
    clear: both;
}

div.bottomTab div.unitTabalpha div.unitBlockDataNone {
    padding: 4px 16px 4px;
    margin: 0;
    transform: scale(1);
    -webkit-transform: scale(1);
    clear: both;
}

div.bottomTab div.unitTabalpha div.unitBlockDataNone:after,
div.bottomTab div.unitTabalpha div.unitBlockData:after {   
    content: "";
    display: block;
    clear: both;
}

div#unitBlockContents div#unitBlockInContents div.unitBlockBoxTabBig div.bottomTab div.unitTabalpha div.unitDataInLeft,
div.unitDataInLeft {
    width: 70px;
    float: left;
    margin-left: 3px;
    display: block;
    position: relative;
}

div#unitBlockContents div#unitBlockInContents div.unitBlockBoxTabBig div.bottomTab div.unitTabalpha div.unitDataInLeft img,
div#unitBlockContents div#unitBlockInContents div.unitBlockBoxTabSmall div.bottomTab div.unitTabalpha div.unitDataInLeft img {
    padding: 2px;
    border: 1px solid #DADADA;
    background: #FFFFFF;
}

div#unitBlockContents div#unitBlockInContents div.unitBlockBoxTabBig div.bottomTab div.unitTabalpha div.unitDataInRight {
    width: 530px;
    float: left;
}

div#unitBlockContents div#unitBlockInContents div.unitBlockBoxTabBig div.bottomTab div.unitTabalpha div.unitDataInInfo,
div.unitDataInInfo {
    width: 215px;
    float: left;
    margin-left: 3px;
    margin-bottom: 80px;
    display: block;
    position: relative;
}

div#unitBlockContents div#unitBlockInContents div.unitBlockBoxTabBig div.bottomTab div.unitTabalpha div.unitDataInMobile,
div.unitDataInMobile {
    width: 215px;
    float: right;
    margin-left: 3px;
    margin-bottom: 5px;
    text-align: right;
    display: block;
    position: relative;
}

div.bottomTab div.unitTabalpha dl.dataList dt {
    margin: 0 0 5px 0;
    padding: 2px 0 2px 20px;
}

div.bottomTab div.unitTabalpha dl.dataList dt span {
    margin: 0 8px 0 0;
}

div.bottomTab div.unitTabalpha dl.dataList dd {
    padding: 0 0 0 10px;
    margin: 0 0 3px 0;
    line-height: 1.4;
}