/* 三菱化学メディアブランドサイト：共通スタイルシート */




/* 全体基本設定 */
* {
    margin:0 0 0 0;
    padding:0 0 0 0;
}
html {
    font-family: "ＭＳ ゴシック", "Osaka－等幅";
    font-size: 75%;
}
img {
    border: none;
}
a {
    color:#666666;
    overflow:hidden;
    text-decoration:none;
}
a:hover {
    color:#ff0000;
}
body {
    background-color:#ffffff;
}


/* float時高さ0回避（適宜使用） */
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */






/* ページ基本レイアウト */
#wrapper {
    background:url(../images/common/bg_wrapper.gif) top repeat-y;
    width:1035px;
    margin:0 auto 0 auto;
    padding:0 0 0 0;
}
#wrapper #header {
    background:url(../images/common/bg_header_2.gif) top left repeat-y;
    width:915px;
    height:110px;
    margin:0 auto 0 auto;
    padding:0 0 0 0;
    position:relative;
    z-index: 10;
}
#wrapper #main {
    width:915px;
    background:url(../images/common/bg_main.gif) top repeat-y;
    margin:25px auto 0px auto;
    padding:0px 0 0px 0;
    position:relative;
}
    /* コンテンツ左 */
    #wrapper #main #contents {
        with:726px;
        margin:0 0 0 0;
        padding:0 0 0 0;
        float:left;
        display:inline;
    }
    /* コンテンツ右（サイドバー） */
    #wrapper #main #sidebar {
        with:188px;
        margin:0 0 0 0;
        padding:0 0 0 0;
        float:right;
        display:inline;
    }
#wrapper #footer {
    clear:both;
    width:915px;
    margin:0px auto 0 auto;
    padding:0 0 0 0;
    position:relative;
}





/* ヘッダー */
/* h1（ロゴ） */
#wrapper #header h1 {
    background:url(../images/common/logo.gif) no-repeat;
    text-indent:-9999px;
    width:219px;
    height:23px;
    position:absolute;
    top:15px;
    left:15px;
}
#wrapper #header h1 a {
    display:block;
    width:219px;
    height:23px;
}

/* 検索 */
#wrapper #header #search_form {
    text-align: right;
    height:     25px;
    padding: 10px 10px 0 0;
}
#wrapper #header #search_form input {
    vertical-align: middle;
}


/* グローバルナビ */
#wrapper #header #navi {
    margin-top: -10px;
}
#wrapper #header #navi ul {
    list-style:none;
    width:484px;
    height:85px;
    float:right;
}
#wrapper #header #navi ul li {
    /* width:120px; */
    /* height:85px; */
    float:left;
    /* margin:0 1px 0 0; */
}
#wrapper #header #navi ul li a {
    display:block;
}
/* AV用メディア */
#wrapper #header #navi ul li a.av {
    width:120px;
    height:85px;
    text-indent:-9999px;
    background:url(../images/common/navi_av.gif) no-repeat 0 0;
}
#wrapper #header #navi ul li a.av-current,
#wrapper #header #navi ul li a:hover.av {
    width:120px;
    height:85px;
    text-indent:-9999px;
    background:url(../images/common/navi_av.gif) no-repeat 0 -85px;
}
/* データ用メディア */
#wrapper #header #navi ul li a.data {
    width:120px;
    height:85px;
    text-indent:-9999px;
    background:url(../images/common/navi_data.gif) no-repeat 0 0;
}
#wrapper #header #navi ul li a.data-current,
#wrapper #header #navi ul li a:hover.data {
    width:120px;
    height:85px;
    text-indent:-9999px;
    background:url(../images/common/navi_data.gif) no-repeat 0 -85px;
}
/* その他のメディア */
#wrapper #header #navi ul li a.other {
    width:120px;
    height:85px;
    text-indent:-9999px;
    background:url(../images/common/navi_other.gif) no-repeat 0 0;
}
#wrapper #header #navi ul li a.other-current,
#wrapper #header #navi ul li a:hover.other {
    width:120px;
    height:85px;
    text-indent:-9999px;
    background:url(../images/common/navi_other.gif) no-repeat 0 -85px;
}
/* プリンター用紙 */
#wrapper #header #navi ul li a.paper {
    width:120px;
    height:85px;
    text-indent:-9999px;
    background:url(../images/common/navi_paper.gif) no-repeat 0 0;
}
#wrapper #header #navi ul li a.paper-current,
#wrapper #header #navi ul li a:hover.paper {
    width:120px;
    height:85px;
    text-indent:-9999px;
    background:url(../images/common/navi_paper.gif) no-repeat 0 -85px;
}







/* パンくず */
#wrapper #topic-path {
    width:915px;
    margin:0px auto 0px auto;
    border-bottom:#aabcc7 1px solid ;
}
#wrapper #topic-path ul {
    list-style:none;
    padding:0px 0px 3px 16px;
    color:#666666;
}
#wrapper #topic-path ul li {
    display:inline;
    padding:0 0 0 0;
}
#wrapper #topic-path ul li.current {
    color:#ff0000;
}






/* メイン（左） */
/* h2 */
#wrapper #main #contents h2 {
    padding:0 40px 25px 17px;
    width:669px;
    position:relative;
}





/* メイン（右サイドバー） */
/* メディア紹介 */
#wrapper #main #sidebar div.introduction {
    width:158px;
    background:url(../images/common/bg_introduction.gif) top repeat-x;
    background-color:#dee5ea;
    margin:10px 0 0 0;
}
#wrapper #main #sidebar div.introduction p.subtitle {
    width:158px;
}
#wrapper #main #sidebar div.introduction ul {
    list-style:none;
    padding:15px 10px 5px 10px;
}
#wrapper #main #sidebar div.introduction ul li {
    background:url(../images/common/arrow_introduction.gif) no-repeat top left;
    padding:0 0px 0 15px;
    margin-bottom:10px;
    vertical-align:top;
}
#wrapper #main #sidebar div.introduction ul li a:hover, 
#wrapper #main #sidebar div.introduction ul li a.current {
    color:#000000;
}

/* ◆◆◆◆◆◆サブナビゲーション：通常時◆◆◆◆◆ */
#wrapper #main #sidebar ul.subnavi {
    list-style:none;
    width:158px;
    margin:0px 15px 0 0;
}
#wrapper #main #sidebar ul.subnavi li {
    width:158px;
    margin:0 0px 0 0;
}
#wrapper #main #sidebar ul.subnavi li a {
    display:block;
    width:158px;
    text-indent:-9999px;
}
/* 技術と理念 */
#wrapper #main #sidebar ul.subnavi li a.technology {
    background:url(../images/common/subnavi_technology.gif) no-repeat 0 0;
    height:36px;
}
#wrapper #main #sidebar ul.subnavi li a:hover.technology {
    background:url(../images/common/subnavi_technology.gif) no-repeat -158px 0;
    height:36px;
}
/* メディアの知識
#wrapper #main #sidebar ul.subnavi li a.media {
    background:url(../images/common/subnavi_media.gif) no-repeat 0 0;
    height:36px;
}
#wrapper #main #sidebar ul.subnavi li a:hover.media {
    background:url(../images/common/subnavi_media.gif) no-repeat -158px 0;
    height:36px;
}
 */
/* オンデマンドサービス */
#wrapper #main #sidebar ul.subnavi li a.ondemand {
    background:url(../images/common/subnavi_ondemand.gif) no-repeat 0 0;
    height:36px;
}
#wrapper #main #sidebar ul.subnavi li a:hover.ondemand {
    background:url(../images/common/subnavi_ondemand.gif) no-repeat -158px 0;
    height:36px;
}
/* グリーン購入法適合商品 */
#wrapper #main #sidebar ul.subnavi li a.green {
    background:url(../images/common/subnavi_green.gif) no-repeat 0 0;
    height:36px;
}
#wrapper #main #sidebar ul.subnavi li a.green-current,
#wrapper #main #sidebar ul.subnavi li a:hover.green {
    background:url(../images/common/subnavi_green.gif) no-repeat -158px 0;
    height:36px;
}
/* サポート */
#wrapper #main #sidebar ul.subnavi li a.support {
    background:url(../images/common/subnavi_support.gif) no-repeat 0 0;
    height:36px;
}
#wrapper #main #sidebar ul.subnavi li a:hover.support {
    background:url(../images/common/subnavi_support.gif) no-repeat -158px 0;
    height:36px;
}



/* ◆◆◆◆◆サブナビゲーション：ページ選択時◆◆◆◆◆

/* 第2階層の設定 */
#wrapper #main #sidebar ul.subnavi li ul {
    list-style:none;
    width:158px;
    margin:0px 0px 0 0;
    border-bottom:#000000 1px solid;
    padding-bottom:1px;
}
#wrapper #main #sidebar ul.subnavi li ul li {
    width:158px;
    margin:0 0px 0 0;
    background:url(../images/common/bg_subnavi.gif) repeat-y;
}
#wrapper #main #sidebar ul.subnavi li ul li a {
    display:block;
    width:158px;
    text-indent:0px;
}

/* 第3階層の設定 */
#wrapper #main #sidebar ul.subnavi li ul li ul {
    list-style:none;
    width:158px;
    margin:0px 0px 0 0;
    border-bottom:none;
    padding-bottom:0px;
}
#wrapper #main #sidebar ul.subnavi li ul li ul li {
    width:158px;
    margin:0 0px 0 0;
    background:url(../images/common/bg_subnavi.gif) repeat-y;
}
#wrapper #main #sidebar ul.subnavi li ul li ul li a {
    display:block;
    width:158px;
    text-indent:0px;
}



/* 第1階層：技術と理念 */
#wrapper #main #sidebar ul.subnavi li a.technology-current,
#wrapper #main #sidebar ul.subnavi li a.technology-current:hover {
    background:url(../images/common/subnavi_technology_current.gif) no-repeat 0 0;
    height:34px;
    text-indent:-9999px;
}
    /* 第2階層：メディアの豆知識 */
    #wrapper #main #sidebar ul.subnavi li ul li a.knowledge {
        width:138px;
        border-top:#666666 dotted 1px;
        padding:0.5em 0 0.5em 20px;
        margin:0 0 0 0px;
        color:#474e60;
    }
    #wrapper #main #sidebar ul.subnavi li ul li a.knowledge-current,
    #wrapper #main #sidebar ul.subnavi li ul li a.knowledge:hover {
        width:138px;
        border-top:#666666 dotted 1px;
        padding:0.5em 0 0.5em 20px;
        margin:0 0 0 0px;
        color:#ffffff;
    }
        /* 第3階層：Blu-ray */
        #wrapper #main #sidebar ul.subnavi li ul li ul li a.bd {
            width:125px;
            border-top:#666666 dotted 1px;
            padding:0.5em 0 0.5em 33px;
            margin:0 0 0 0px;
            color:#474e60;
            background:url(../images/common/arrow_subnavi.gif) no-repeat 23px 9px;
        }
        #wrapper #main #sidebar ul.subnavi li ul li ul li a.bd-current,
        #wrapper #main #sidebar ul.subnavi li ul li ul li a.bd:hover {
            width:125px;
            border-top:#666666 dotted 1px;
            padding:0.5em 0 0.5em 33px;
            margin:0 0 0 0px;
            color:#b6c9fc;
            background:url(../images/common/arrow_subnavi_ov.gif) no-repeat 23px 9px;
        }
        /* 第3階層：片面2層DVDディスク */
        #wrapper #main #sidebar ul.subnavi li ul li ul li a.dvd-dl {
            width:125px;
            border-top:#666666 dotted 1px;
            padding:0.5em 0 0.5em 33px;
            margin:0 0 0 0px;
            color:#474e60;
            background:url(../images/common/arrow_subnavi.gif) no-repeat 23px 9px;
        }
        #wrapper #main #sidebar ul.subnavi li ul li ul li a.dvd-dl-current,
        #wrapper #main #sidebar ul.subnavi li ul li ul li a.dvd-dl:hover {
            width:125px;
            border-top:#666666 dotted 1px;
            padding:0.5em 0 0.5em 33px;
            margin:0 0 0 0px;
            color:#b6c9fc;
            background:url(../images/common/arrow_subnavi_ov.gif) no-repeat 23px 9px;
        }


/* 第1階層：オンデマンドサービス */
#wrapper #main #sidebar ul.subnavi li a.ondemand-current,
#wrapper #main #sidebar ul.subnavi li a.ondemand-current:hover {
    background:url(../images/common/subnavi_ondemand_current.gif) no-repeat 0 0;
    height:34px;
    text-indent:-9999px;
}
    /* 第2階層：CD/DVDプレスサービス */
    #wrapper #main #sidebar ul.subnavi li ul li a.press {
        width:138px;
        border-top:#666666 dotted 1px;
        padding:0.5em 0 0.5em 20px;
        margin:0 0 0 0px;
        color:#474e60;
    }
    #wrapper #main #sidebar ul.subnavi li ul li a.press-current,
    #wrapper #main #sidebar ul.subnavi li ul li a.press:hover {
        width:138px;
        border-top:#666666 dotted 1px;
        padding:0.5em 0 0.5em 20px;
        margin:0 0 0 0px;
        color:#ffffff;
    }
    /* 第2階層：デジタルデータ化サービス */
    #wrapper #main #sidebar ul.subnavi li ul li a.convert {
        width:138px;
        border-top:#666666 dotted 1px;
        padding:0.5em 0 0.5em 20px;
        margin:0 0 0 0px;
        color:#474e60;
    }
    #wrapper #main #sidebar ul.subnavi li ul li a.convert-current,
    #wrapper #main #sidebar ul.subnavi li ul li a.convert:hover {
        width:138px;
        border-top:#666666 dotted 1px;
        padding:0.5em 0 0.5em 20px;
        margin:0 0 0 0px;
        color:#ffffff;
    }
    /* 第2階層：CD/DVDコピーサービス */
    #wrapper #main #sidebar ul.subnavi li ul li a.copy {
        width:138px;
        border-top:#666666 dotted 1px;
        padding:0.5em 0 0.5em 20px;
        margin:0 0 0 0px;
        color:#474e60;
    }
    #wrapper #main #sidebar ul.subnavi li ul li a.copy-current,
    #wrapper #main #sidebar ul.subnavi li ul li a.copy:hover {
        width:138px;
        border-top:#666666 dotted 1px;
        padding:0.5em 0 0.5em 20px;
        margin:0 0 0 0px;
        color:#ffffff;
    }
    /* 第2階層：レーベル印刷サービス */
    #wrapper #main #sidebar ul.subnavi li ul li a.label {
        width:138px;
        border-top:#666666 dotted 1px;
        padding:0.5em 0 0.5em 20px;
        margin:0 0 0 0px;
        color:#474e60;
    }
    #wrapper #main #sidebar ul.subnavi li ul li a.label-current,
    #wrapper #main #sidebar ul.subnavi li ul li a.label:hover {
        width:138px;
        border-top:#666666 dotted 1px;
        padding:0.5em 0 0.5em 20px;
        margin:0 0 0 0px;
        color:#ffffff;
    }
    /* 第2階層：USB名入れサービス */
    #wrapper #main #sidebar ul.subnavi li ul li a.name {
        width:138px;
        border-top:#666666 dotted 1px;
        padding:0.5em 0 0.5em 20px;
        margin:0 0 0 0px;
        color:#474e60;
    }
    #wrapper #main #sidebar ul.subnavi li ul li a.name-current,
    #wrapper #main #sidebar ul.subnavi li ul li a.name:hover {
        width:138px;
        border-top:#666666 dotted 1px;
        padding:0.5em 0 0.5em 20px;
        margin:0 0 0 0px;
        color:#ffffff;
    }
    /* 第2階層：お問い合わせ */
    #wrapper #main #sidebar ul.subnavi li ul li a.contact {
        width:138px;
        border-top:#666666 dotted 1px;
        padding:0.5em 0 0.5em 20px;
        margin:0 0 0 0px;
        color:#474e60;
    }
    #wrapper #main #sidebar ul.subnavi li ul li a.contact-current,
    #wrapper #main #sidebar ul.subnavi li ul li a.contact:hover {
        width:138px;
        border-top:#666666 dotted 1px;
        padding:0.5em 0 0.5em 20px;
        margin:0 0 0 0px;
        color:#ffffff;
    }


/* 第1階層：サポート */
#wrapper #main #sidebar ul.subnavi li a.support-current,
#wrapper #main #sidebar ul.subnavi li a.support-current:hover {
    background:url(../images/common/subnavi_support_current.gif) no-repeat 0 0;
    height:34px;
    text-indent:-9999px;
}
    /* 第2階層：faq */
    #wrapper #main #sidebar ul.subnavi li ul li a.faq {
        width:138px;
        border-top:#666666 dotted 1px;
        padding:0.5em 0 0.5em 20px;
        margin:0 0 0 0px;
        color:#474e60;
    }
    #wrapper #main #sidebar ul.subnavi li ul li a.faq-current,
    #wrapper #main #sidebar ul.subnavi li ul li a.faq:hover {
        width:138px;
        border-top:#666666 dotted 1px;
        padding:0.5em 0 0.5em 20px;
        margin:0 0 0 0px;
        color:#ffffff;
    }
    /* 第2階層：お問い合わせ */
    #wrapper #main #sidebar ul.subnavi li ul li a.contact {
        width:138px;
        border-top:#666666 dotted 1px;
        padding:0.5em 0 0.5em 20px;
        margin:0 0 0 0px;
        color:#474e60;
    }
    #wrapper #main #sidebar ul.subnavi li ul li a.contact-current,
    #wrapper #main #sidebar ul.subnavi li ul li a.contact:hover {
        width:138px;
        border-top:#666666 dotted 1px;
        padding:0.5em 0 0.5em 20px;
        margin:0 0 0 0px;
        color:#ffffff;
    }
    /* 第2階層：レコーダー対応表 */
    #wrapper #main #sidebar ul.subnavi li ul li a.recorder {
        width:138px;
        border-top:#666666 dotted 1px;
        padding:0.5em 0 0.5em 20px;
        margin:0 0 0 0px;
        color:#474e60;
    }
    #wrapper #main #sidebar ul.subnavi li ul li a.recorder-current,
    #wrapper #main #sidebar ul.subnavi li ul li a.recorder:hover {
        width:138px;
        border-top:#666666 dotted 1px;
        padding:0.5em 0 0.5em 20px;
        margin:0 0 0 0px;
        color:#ffffff;
    }







/* バナー全体 */
#wrapper #main #sidebar div.banner {
    width:158px;
    margin:30px 15px 0 0;
}
/* 各バナー */
#wrapper #main #sidebar div.banner p {
    width:158px;
    margin:0 0px 7px 0;
}
/* Our BRAND */
#wrapper #main #sidebar div.brand {
    width:158px;
    margin:25px 15px 0 0;
}
/* タイトル */
#wrapper #main #sidebar div.brand p.subtitle {
    width:158px;
    margin:0px 0 0 0;
}
/* 各バナー */
#wrapper #main #sidebar div.brand p {
    width:158px;
    margin:0 0px 0px 0;
}






/* フッター */
#wrapper #footer div.link {
    width:915px;
    border-bottom:#aabcc7 1px solid ;
    padding:40px 0 5px 0;
}
/* 各リンク */
#wrapper #footer div.link ul {
    list-style:none;
    text-align:center;
}
#wrapper #footer div.link ul li {
    display:inline;
    padding:0 1.0em 0 1.0em;
    background:url(../images/common/arrow_footer.gif) no-repeat left;
}
/* Copyright画像 */
#wrapper #footer p {
    text-align:center;
    padding:10px 0 30px 0;
}



/* グローバルナビ ホバー */
div#navi ol {
    xwidth: 120px;
    list-style-type: none;
    border: solid 1px #E11818;
    position: absolute;
    padding: 15px 0 0 0;
    margin: 0;
    background: transparent;
}
div#navi ol li {
    display: block;
    width: 120px;
    border-top: solid 1px #DDDDDD;
    background: white;
    margin: 0 0 0 0;
    float: left;
    clear: both;
}
div#navi ol li a {
    background: white;
    display: block;
    margin: 1px;
    padding: 5px 8px;
    text-indent: 0;
    color: black;
    line-height: 1;
    font-size: 10px;
}
div#navi ol li a:hover {
    color: white;
    background-color: #E11818;
}

/*--------------------------------------
 ///【IE6用 Hover】///
-------------------------------------- */
* html body {   
    behavior: url(./js/csshover3.htc);
}


/* AV */
div#navi ol#navi-av {
    top: 90px;
    left: 430px;
    display: none;
}
li#navi-av-main:hover a.av {
    background-position: 0 -85px;
}
li#navi-av-main:hover ol#navi-av {
    display: block;
}

/* DATA */
div#navi ol#navi-data {
    top: 90px;
    left: 551px;
    display: none;
}
li#navi-data-main:hover a.data {
    background-position: 0 -85px;
}
li#navi-data-main:hover ol#navi-data {
    display: block;
}

/* OTHER */
div#navi ol#navi-other {
    top: 90px;
    left: 672px;
    display: none;
}
li#navi-other-main:hover a.other {
    background-position: 0 -85px;
}
li#navi-other-main:hover ol#navi-other {
    display: block;
}

/* PAPER */
div#navi ol#navi-paper {
    top: 90px;
    left: 793px;
    display: none;
}
li#navi-paper-main:hover a.paper {
    background-position: 0 -85px;
}
li#navi-paper-main:hover ol#navi-paper {
    display: block;
}


/* ページのトップ */
p.pagetop {
    clear: both;
    width: 680px;
    text-align: right;
    line-height: 1;
    padding: 10px 0;
}
p.pagetop a {
    font-size: 10px;
}