@charset "UTF-8";
@import "common.css";



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



/*--------------------------------------
 ///【ナビセレクト】///
-------------------------------------- */
#glovalNavi dl#verbatim {
    width: 134px;
    height: 42px;
    margin: 0;
    padding: 0;
    float: left;
    background: url(../images/navi/navi_verbatim_ov.jpg) no-repeat;
}



/*--------------------------------------
 ///【タイトル】///
-------------------------------------- */
#page h1 {
    margin: 0;
    padding: 20px 0 10px 0;
}



/*******************************************************************************
 ///【Verbatimって？】///
****************************************************************************** */
#contents #whats {
    margin: 0 auto;
    padding: 0;
    width: 915px;
    background: url(../images/verbatim/index_main_pic.jpg) no-repeat;
    font-size: 12px;
    text-align: left;
}

/*--- Verbatim説明 ---*/
#contents #whats dl#explanation {
    width: 367px;
    margin: 40px 0 0 0;
    padding: 0;
    text-align: left;
}

#contents #whats dl#explanation dt {
    font-weight: bold;
}

#contents #whats dl#explanation dt#explanationTitle {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    font-size: 0;
    line-height: 0;
}

#contents #whats dl#explanation dd {
    width: 350px;
    margin: 0 0 25px 0;
    padding: 0;
    text-align: left;
}

#contents #whats dl#explanation dd p.pComment {
    margin: 20px 0 0 0;
    padding: 0;
}

/*--- シェア図 ---*/
#contents #whats dl#share {
    width: 347px;
    margin: 20px 0 0 0;
    padding: 0;
    text-align: left;
}

#contents #whats dl#share dt {
    margin: 0;
    padding: 0 0 5px 0;
    font-weight: bold;
    width: 247px;
    float: left;
    line-height: 130%;
}

#contents #whats dl#share dd#expansion {
    width: 100px;
    margin: 0;
    padding: 0 0 5px 0;
    float: right;
    clear: none;
    text-align: right;
    line-height: 130%;
}

#contents #whats dl#share dd#expansion span a {
    color: #004b96;
    text-decoration: none;
}

#contents #whats dl#share dd#expansion span a:hover {
    color: #04a8ee;
    text-decoration: none;
}

#contents #whats dl#share dd#expansion span img {
    margin: 0;
    padding: 0 0 1px 5px;
}

*+html #contents #whats dl#share dd#expansion span img {
    margin: 0;
    padding: 0 0 0 5px;
}

* html #contents #whats dl#share dd#expansion span img {
    margin: 0 0 0 5px;
    padding: 0;
}

#contents #whats dl#share dd {
    width: 347px;
    margin: 0;
    padding: 0;
    clear: both;
}

/*--- Verbatimメニュー ---*/
#contents #whats dl#verbatimMenu {
    width: 709px;
    height: 164px;
    margin: 0 100px;
    padding: 3px 18px;
    background: url(../images/verbatim/index_menu_back.jpg) no-repeat;
    clear: both;
}

* html #contents #whats dl#verbatimMenu {
    width: 715px;
    height: 170px;
}

#contents #whats dl#verbatimMenu dt {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    font-size: 0;
    line-height: 0;
    float: left;
}

#contents #whats dl#verbatimMenu dd {
    margin: 0;
    padding: 0;
    text-align: left;
    float: left;
}

#contents #whats dl#verbatimMenu dd#ddHistory {
    margin: 0;
    padding: 50px 0 0 0;
    text-align: right;
    float: left;
}

#contents #whats dl#verbatimMenu dd#ddHistory p {
    margin: 0;
    padding: 0;
    text-align: right;
}

#contents #whats dl#verbatimMenu dd#ddHistory p.pLinkR {
    margin: 20px 0 0 0;
    padding: 0;
    text-align: right;
    line-height: 130%;
}

#contents #whats dl#verbatimMenu dd#ddHistory p.pLinkR span a {
    color: #004b96;
    text-decoration: none;
}

#contents #whats dl#verbatimMenu dd#ddHistory p.pLinkR span a:hover {
    color: #04a8ee;
    text-decoration: none;
}

#contents #whats dl#verbatimMenu dd#ddHistory p.pLinkR span img {
    margin: 0;
    padding: 0 5px 1px 0;
}

*+html #contents #whats dl#verbatimMenu dd#ddHistory p.pLinkR span img {
    margin: 0;
    padding: 0 5px 0 0;
}

* html #contents #whats dl#verbatimMenu dd#ddHistory p.pLinkR span img {
    margin: 0 5px 0 0;
    padding: 0;
}

#contents #whats dl#verbatimMenu dd#brandImage {
    margin: 0 20px 0 60px;
    padding: 0;
    text-align: right;
    float: left;
}

#contents #whats dl#verbatimMenu dd#ddBrand {
    margin: 0;
    padding: 65px 0 0 0;
    text-align: left;
    float: left;
}

#contents #whats dl#verbatimMenu dd#ddBrand p {
    margin: 0;
    padding: 0;
    text-align: left;
}

#contents #whats dl#verbatimMenu dd#ddBrand p.pLinkL {
    margin: 20px 0 0 0;
    padding: 0;
    text-align: left;
    line-height: 130%;
}

#contents #whats dl#verbatimMenu dd#ddBrand p.pLinkL span a {
    color: #004b96;
    text-decoration: none;
}

#contents #whats dl#verbatimMenu dd#ddBrand p.pLinkL span a:hover {
    color: #04a8ee;
    text-decoration: none;
}

#contents #whats dl#verbatimMenu dd#ddBrand p.pLinkL span img {
    margin: 0;
    padding: 0 0 2px 5px;
}

*+html #contents #whats dl#verbatimMenu dd#brand p.pLinkL span img {
    margin: 0;
    padding: 0 0 0 5px;
}

* html #contents #whats dl#verbatimMenu dd#ddBrand p.pLinkL span img {
    margin: 0 0 0 5px;
    padding: 0 0 0 5px;
}



/*******************************************************************************
 ///【 沿　革 】///
****************************************************************************** */
#contents #history {
    margin: 0 auto;
    padding: 210px 70px 0 70px;
    width: 775px;
    background: url(../images/verbatim/history_head.jpg) no-repeat;
    font-size: 12px;
    text-align: left;
}
#contents #history p#historyHead {
	position: absolute;
	text-indent: -9999px;
}

#contents #history table {
    margin: 0;
    padding: 0;
    width: 775px;
    font-size: 12px;
    text-align: left;
}

#contents #history table th {
    margin: 0;
    padding: 10px 0;
    width: 58px;
    background: url(../images/verbatim/history_th_back.jpg) repeat-y;
    border-left: solid 1px #dcdcdc;
    border-right: solid 1px #dcdcdc;
    text-align: center;
    vertical-align: top;
}

#contents #history table th#thTop {
    margin: 0;
    padding: 10px 0;
    width: 58px;
    background: url(../images/verbatim/history_th_back_top.jpg) no-repeat;
    border-top: solid 1px #dcdcdc;
    border-left: solid 1px #dcdcdc;
    border-right: solid 1px #dcdcdc;
}

#contents #history table th#thEnd {
    margin: 0;
    padding: 10px 0;
    width: 58px;
    background: url(../images/verbatim/history_th_back_end.jpg) no-repeat bottom;
    border-bottom: solid 1px #dcdcdc;
    border-left: solid 1px #dcdcdc;
    border-right: solid 1px #dcdcdc;
}

#contents #history table td.tdMgn {
    margin: 0;
    padding: 0;
    width: 10px;
    border: none;
}

#contents #history table td {
    margin: 0;
    padding: 10px;
    border-top: dotted 1px #dcdcdc;
}

#contents #history table td#tdEnd {
    margin: 0;
    padding: 10px;
    border-top: dotted 1px #dcdcdc;
    border-bottom: dotted 1px #dcdcdc;
}

#contents #history table td span {
    color: #ff0000;
}

#contents #history table td p.relative {
    position: relative;
}

#contents #history table td img.absolute1972 {
    position: absolute;
    top: -42px;
    left: 284px;
}

#contents #history table td img.absolute1974 {
    position: absolute;
    top: -18px;
    left: 199px;
}

#contents #history table td img.absolute1981 {
    position: absolute;
    top: -21px;
    left: 232px;
}

* html #contents #history table td img.absolute1981 {
    position: absolute;
    top: -25px;
    left: 232px;
}

#contents #history table td img.absolute1991 {
    position: absolute;
    top: -27px;
    left: 251px;
}

#contents #history table td img.absolute1994 {
    position: absolute;
    top: -24px;
    left: 438px;
}

#contents #history table td img.absolute2001 {
    position: absolute;
    top: -44px;
    left: 234px;
}

#contents #history table td img.absolute2005 {
    position: absolute;
    top: -30px;
    left: 271px;
}

#contents #history table td img.absolute2006 {
    position: absolute;
    top: -71px;
    left: 278px;
}

#contents #history table td img.absolute2007 {
    position: absolute;
    top: -45px;
    left: 385px;
}

#contents #history table td img.absolute2008 {
    position: absolute;
    top: -37px;
    left: 345px;
}



/*******************************************************************************
 ///【 ブランド理念 】///
****************************************************************************** */
#contents #brand {
    margin: 0 auto;
    padding: 0;
    width: 915px;
    font-size: 12px;
    text-align: left;
}

/* ---  アイデア  --- */
#contents #brand dl#idea {
    margin: 0;
    padding: 0 0 26px 0;
    width: 700px;
    height: 316px;
    text-align: left;
    background: url(../images/verbatim/brand_dl_back.jpg) repeat-x bottom left;
}

#contents #brand dl#idea dd {
    margin: 0;
    padding: 0;
    float:left;
}

#contents #brand dl#idea dd dl#ideaNestDl {
    margin: 0;
    padding: 0;
    width: 376px;
    clear: both; 
}

#contents #brand dl#idea dd dl#ideaNestDl dt {
    margin: 0;
    padding: 65px 0 14px 0;
}

#contents #brand dl#idea dd dl#ideaNestDl dd {
    margin: 0;
    padding: 0;
}

#contents #brand dl#idea dd dl#ideaNestDl dd p.pHarf {
    margin: 0;
    padding: 0;
    width: 175px;
    float: left;
}


/* ---  デザイン  --- */
#contents #brand dl#design {
    margin: 100px 0 0 203px;
    padding: 0 0 26px 0;
    width: 712px;
    height: 154px;
    text-align: left;
    background: url(../images/verbatim/brand_dl_back.jpg) repeat-x bottom left;
}

#contents #brand dl#design dt {
    margin: 0 0 20px 0;
    padding: 0;
}

#contents #brand dl#design dd#designHdd {
    margin: 0 20px 0 0;
    padding: 0;
    width: 254px;
    float:left;
}

#contents #brand dl#design dd#designCont {
    margin: 0;
    padding: 15px 0 0 0;
    width: 367px;
    float:left;
}

#contents #brand dl#design dd#designUsb {
    margin: 0;
    padding: 0;
    float:left;
    position: relative;
}

#contents #brand dl#design dd#designUsb img {
    margin: 0;
    padding: 0;
    position: absolute;
    top: -248px;
}

* html #contents #brand dl#design dd#designUsb img {
    top: -226px;
}



/* ---  エポック  --- */
#contents #brand dl#epoch {
    margin: 100px 0 0 0;
    padding: 0 0 26px 0;
    width: 700px;
    height: 200px;
    text-align: left;
    background: url(../images/verbatim/brand_dl_back.jpg) repeat-x bottom left;
}

#contents #brand dl#epoch dt {
    margin: 0 0 20px 0;
    padding: 0;
}

#contents #brand dl#epoch dd#epochCont {
    margin: 0;
    padding: 0;
    width: 300px;
    float:left;
}

#contents #brand dl#epoch dd#epochPic {
    margin: 0;
    padding: 0;
    width: 385px;
    float:right;
}


/* ---  ナンバーワンブランド  --- */
#contents #brand dl#no1brand {
    margin: 100px 0 0 215px;
    padding: 0 0 26px 0;
    width: 700px;
    height: 280px;
    text-align: left;
    background: url(../images/verbatim/brand_dl_back.jpg) repeat-x bottom left;
}

#contents #brand dl#no1brand dd {
    margin: 0;
    padding: 0;
    float:left;
}

#contents #brand dl#no1brand dd dl#no1NestDl {
    margin: 0;
    padding: 0;
    width: 457px;
    clear: both; 
}

#contents #brand dl#no1brand dd dl#no1NestDl dt {
    margin: 0;
    padding: 0 0 14px 0;
}

#contents #brand dl#no1brand dd dl#no1NestDl dd {
    margin: 0;
    padding: 0;
}

#contents #brand dl#no1brand dd dl#no1NestDl dd img {
    margin: 5px 0 0 15px;
    padding: 0;
    float: right;
}

#contents #brand dl#no1brand dd dl#no1NestDl dd p.pHarf {
    margin: 0;
    padding: 0;
    width: 175px;
    float: left;
}



/* ---  ジャパンクオリティ  --- */
#contents #brand dl#quality {
    margin: 100px 0 0 0;
    padding: 0 0 26px 0;
    width: 700px;
    height: 200px;
    text-align: left;
    background: url(../images/verbatim/brand_dl_back.jpg) repeat-x bottom left;
}

#contents #brand dl#quality dd {
    margin: 0;
    padding: 0;
    float:left;
}

#contents #brand dl#quality dd dl#qualityNestDl {
    margin: 0;
    padding: 0;
    width: 420px;
}

#contents #brand dl#quality dd dl#qualityNestDl dt {
    margin: 0 0 10px 0;
    padding: 0;
}

#contents #brand dl#quality dd dl#qualityNestDl dd {
    margin: 0;
    padding: 0 20px 0 0;
}



/* ---  使いやすい  --- */
#contents #brand dl#easy {
    margin: 100px 0 0 215px;
    padding: 0 0 26px 0;
    width: 700px;
    height: 225px;
    text-align: left;
    background: url(../images/verbatim/brand_dl_back.jpg) repeat-x bottom left;
}

#contents #brand dl#easy dd {
    margin: 0;
    padding: 0;
    float:left;
}

#contents #brand dl#easy dd dl#easyNestDl {
    margin: 0;
    padding: 50px 0 0 0;
    width: 457px;
    clear: both; 
}

#contents #brand dl#easy dd dl#easyNestDl dt {
    margin: 0;
    padding: 0 0 14px 0;
}

#contents #brand dl#easy dd dl#easyNestDl dd {
    margin: 0;
    padding: 0;
}