@charset "shift_jis";
/*=============================================================
 Home Layout
=============================================================*/

/* Title
-------------------------------------------------------------*/
#contents-body .headline{
        font-size:100%;
        line-height:125%;
        background:#e5e9ed url(../img/bg_ttl_line_btm.gif) repeat-x left bottom;
        padding:5px 12px 5px;
        border-bottom:1px solid #fff;
}

/*
 Search Area Layout
-------------------------------------------------------------*/
#search-area{
        background:#8cdef7 url(../../img/search_bg.gif) repeat-x left top;
        width:662px;
        height:120px;
        margin-bottom:7px;
        padding:8px 14px 0 17px;
}
#search-area .ttl-area{
        width:100%;
        margin-bottom:10px;
        overflow:hidden;
}
#search-area .ttl-area h2{
        float:left;
        padding-right:17px;
}
#search-area .ttl-area p{
        float:left;
}
ul#search-tabs{
        width:100%;
        overflow:hidden;
}
ul#search-tabs li{
        float:left;
        width:120px;
        padding-right:2px;
        position:relative;
}
ul#search-tabs li img{
        vertical-align:bottom;
}
ul#search-tabs li #tub-products-act,
ul#search-tabs li #tub-cad-act,
ul#search-tabs li #tub-qa-act,
ul#search-tabs li #tub-site-act{
        width:120px;
        height:24px;
        position:absolute;
        top:0px;
        left:0px;
}
ul#search-tabs li .on{
        display:block;
}
ul#search-tabs li .off{
        display:none;
}
#searchform{
        width:100%;
        overflow:hidden;
}
#searchform p{
        float:right;
}
#searchform p.text{
        width:539px;
        float:left;
        background:#c7d2da;
        padding:4px;
}
#searchform p.text input{
        vertical-align:top;
        width:516px;
        height:1em;
        padding:8px 10px 7px 10px;
        border-top:1px solid #b6c2cb;
        border-right:none;
        border-bottom:none;
        border-left:1px solid #b6c2cb;
        color:#000;
}
#search-check{
        clear:both;
        text-align:right;
        width:547px;
        margin-top:4px;
        overflow:hidden;
}
#search-check ul{
        float:right;
        overflow:hidden;
}
#search-check ul li{
        float:left;
        padding-left:16px;
        color:#007ba1;
}
#search-check ul li input,
#search-check ul li label{
        cursor:pointer;
}

/* tooltip styling. by default the element to be styled is .tooltip */
.tooltip {
        font-size:11px;
        line-height:135%;
        background:transparent url(../img/white_arrow.gif) no-repeat;
        text-align:left;
        display:none;
        height:35px;
        width:160px;
        padding:22px 25px 25px;
}
/* Watermark */
#product-form p.text {
        position:relative;
        text-align:left;
}
#product-form label.updnWatermark {
        color: #999;
        width:516px;
        display:block;
        padding:8px 10px 0 10px;
        top:0px;
        left:0px;
}



/*
 product-zone-area Layout
-------------------------------------------------------------*/
#product-zone-area{
        background:#8cdef7 url(../../img/zone_bg.gif) repeat-x left top;
        width:666px;
        margin-bottom:30px;
        padding:6px 10px 9px 17px;
}
#product-zone-area ul{
        width:100%;
        margin-top:7px;
        overflow:hidden;
}
#product-zone-area ul li{
        width:166px;
        float:left;
}
#product-zone-area ul li img{
        vertical-align:top;
}

/*
 pickup-area Layout
-------------------------------------------------------------*/
#pickup-area{
        width:227px;
        float:left;
}
#pickup-area ul{
        /*padding-top:3px;*/
        padding-top:7px;
}
#pickup-area ul li{
        padding-bottom:7px;
}
#pickup-area ul li img{
        vertical-align:top;
}
#pickup-area .sep{
        padding-top:16px;
}

/*
 whatsnew-area Layout
-------------------------------------------------------------*/
#whatsnew-area{
        width:436px;
        float:right;
}
#whatsnew-area .ttl-btn{
        text-align:right;
        margin-top:-27px;
        padding-bottom:4px;
}
#whatsnew-area dl{
        line-height:150%;
        margin-bottom: 20px;
}
#whatsnew-area dt{
        background:url(../img/m_list_dot_gray.gif) no-repeat 6px 7px;
        margin-top:7px;
        padding:0 0 4px 20px;
        border-bottom:1px solid #dde4e9;
}
#whatsnew-area dt img{
        padding:0 0 0 5px;
        margin-top:-4px;
        vertical-align:text-top;
}
#whatsnew-area ul li{
        background:url(../img/line_dot_gray.gif) repeat-x left bottom;
        width:424px;
        padding:5px 6px 4px;
}
/* icon */
#whatsnew-area ul li.column a{
        display:block;
        background:url(../../img/news_ico_column.gif) no-repeat left 3px;
        padding-left:50px;
}
#whatsnew-area ul li.update a{
        display:block;
        background:url(../../img/news_ico_update.gif) no-repeat left 3px;
        padding-left:50px;
}
#whatsnew-area ul li.introduction a{
        display:block;
        background:url(../../img/news_ico_introduction.gif) no-repeat left 3px;
        padding-left:50px;
}
#whatsnew-area ul li.information a{
        display:block;
        background:url(../../img/news_ico_information.gif) no-repeat left 3px;
        padding-left:50px;
}
#whatsnew-area ul li.product a{
        display:block;
        background:url(../../img/news_ico_product.gif) no-repeat left 3px;
        padding-left:50px;
}
#whatsnew-area ul li.data a{
        display:block;
        background:url(../../img/news_ico_data.gif) no-repeat left 3px;
        padding-left:50px;
}
#whatsnew-area ul li.example a{
        display:block;
        background:url(../../img/news_ico_example.gif) no-repeat left 3px;
        padding-left:50px;
}
#whatsnew-area ul li.new a{
        display:block;
        background:url(../../img/news_ico_new.gif) no-repeat left 3px;
        padding-left:50px;
}

/*
 information-area Layout
-------------------------------------------------------------*/
#contents-body .information-area{
        margin-bottom:30px;
}
#contents-body .information-area ul{
        line-height:135%;
        background:#f5f7f8;
        padding:11px 17px 2px;
}
#contents-body .information-area ul li{
        background:url(../img/m_list_dot_orange.gif) no-repeat left 5px;
        padding:0 0 9px 16px;
}
#contents-body .information-area ul li strong{
        font-size:108%;
        color:#f63;
}
#contents-body .information-area ul li strong a{
        color:#f63;
        text-decoration:none;
}
#contents-body .line-box-orange .ttl-important{
        color:#ff6633;
        font-size:100%;
        line-height:135%;
        padding:0 0 3px;
}
#contents-body .line-box-light-blue .ttl-important{
        font-size:100%;
        line-height:135%;
        padding:0;
        margin:0;
}

/* head-information */
#hl-maintenance{
        width:693px;
        margin-bottom:15px;
        border-bottom:3px solid #ffd06b;
        background: url(../../img/bg_hl_maintenance.gif) repeat-y left top;
}
#hl-maintenance-inner{
        width:693px;
        background: url(../../img/bg_hl_maintenance_inner.gif) no-repeat left top;
        text-align:center;
}
#hl-maintenance-inner #hl-maintenance-block{
        width:667px;
        margin:0 auto;
        padding: 0 20px 0 0;
        overflow:hidden;
        text-align:left;
}
#hl-maintenance-inner #hl-maintenance-block #hl-maintenance-photo{
        float:left;
        width:79px;
}
#hl-maintenance-inner #hl-maintenance-block #hl-maintenance-info{
        float:right;
        width:588px;
        padding: 10px 0;
        text-align:left;
}
#hl-maintenance-inner #hl-maintenance-block #hl-maintenance-info p{
        line-height:140%;
}
#hl-maintenance-inner #hl-maintenance-block #hl-maintenance-info p strong{
        color:#ff6600;
}
#hl-enquete{
        width:693px;
        margin-bottom:15px;
        border-bottom:3px solid #445dd1;
        background: url(../../img/bg_hl_enquete.gif) repeat-y left top;
}
#hl-enquete-inner{
        width:693px;
        background: url(../../img/bg_hl_enquete_inner.gif) no-repeat left top;
        text-align:center;
}
#hl-enquete-inner #hl-enquete-block{
        width:687px;
        margin:0 auto;
        overflow:hidden;
}
#hl-enquete-inner #hl-enquete-block p#enquete-photo{
        float:left;
        width:70px;
}
#hl-enquete-inner #hl-enquete-block p#enquete-info{
        float:right;
        width:547px;
        padding:13px 70px 10px 0;
        line-height:140%;
}

/*
 bnr-area Layout
-------------------------------------------------------------*/
#bnr-area dt{
        font-size:85%;
        font-weight:bold;
        clear:both;
        padding-bottom:2px;
}
#bnr-area dd{
        float:left;
        padding:0 6px 10px 0;
}
#bnr-area dd img{
        vertical-align:top;
}
#bnr-area dd.sep{
        background:url(../../img/bnr_line_dot.gif) no-repeat left top;
        padding-left:8px;
}