@charset "UTF-8";
/**
 * JavaScript/Ajax Samples
 * @module style
 */

/* header
 ---------------------------------------- */

#header h1 {
    font-size: 150%;
    font-weight: bolder;
}

.title {
    width:947px;
    background-image:url("../image/title.png");
    background-repeat:no-repeat;
    background-position: left top;
    position: relative; 

}


.header2 {
    padding-top:75px;
    top:90px;
    width:947px;
    height:250px;
    background-image:url("../image/header2.png");
    background-repeat:no-repeat;
    background-position: left top;
    position: relative; 
}

.header_space {
        padding-top:6px;
    height:140px;
    background:#fafafa;
    
}

.design_gallery {
    top:0px;
    height:117px;
    width:933px;
    background-image:url("../image/header_black.png");
    background-repeat:no-repeat;
    background-position: left top;
}

#fixed_top_product {
    top:0px;
    height:27px;
    width:933px;
    
}

.top_product {
    margin:0;
    padding: 0;
    height:25px;
}
.top_product ul{
    margin: 0;
    padding: 0;
    width:100%;
}

.top_product li{
    list-style-type: none;
    margin: 40;
    padding: 40;
    float:left;
    width:100px;
}
.gallery_top {margin-left:100px;}
.dynabook_design_gallery {margin-left:405px;}


.product {
    margin:0;
    padding: 0;
    height:100px;		
}
.product ul{
    margin: 0;
    padding: 0;
    width:100%;
}

.product li{
    list-style-type: none;
    margin: 40;
    padding: 40;
    float:left;
    width:100px;
}

.main {margin-left:102px;margin-top:83px;} 
.color_black {margin-left:225px;margin-top:12px;}
.color_red {margin-left:0px;margin-top:12px;}
.color_white {margin-left:0px;margin-top:12px;}

.img1 {margin-left:-408px;margin-top:77px;} 
.img2 {margin-left:-323px;margin-top:77px;} 
.img3 {margin-left:-239px;margin-top:77px;} 
.img4 {margin-left:-154px;margin-top:77px;} 
.img5 {margin-left:-68px;margin-top:77px;} 


.img01 {
    margin-top:0px;
}
.img02 {
    margin-top:30px;
}
.img03 {
    margin-top:30px;
}
.img04 {
    margin-top:30px;
}
.img05 {
    margin-top:30px;
}
.img06{
    margin-top:30px;
}

/* -------------------------------------------------------------------- */
/* header ------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
#header h1 {
    vertical-align:top;
    margin:0 0 0 12px;
    display:inline-block;
 /display:inline;
    zoom:100%;
    line-height:0;
    font-size:0;
    position: relative;
}
#header h1 img {
    vertical-align:top;
}
#header h1 #head_uri {
    position: absolute;
    top: 23px;
    left: 199px;
}
#head_bar {
    background:#fff;
    height:64px;
    min-width: 740px;
    width: expression(document.body.clientWidth < 742? "740px" : "auto");
}
#head_bar p {
    vertical-align:top;
    margin:36px 0 0 230px;
    display:inline-block;
 /display:inline;
    zoom:100%;
}
#head_bar .head_navi01 {
    position: absolute;
    top: 40px;
    right: 20px;
}
#head_bar .head_navi01 li {
    vertical-align: bottom;
    font-size:0;
}
#head_bar .head_navi01 li a {
    display: block;
}
#header li {
    line-height: 0;
    font-size:0;
}
#header li img {
    vertical-align:top;
}
#head_bar {
    position:relative;
}
#head_bar p {
    margin:0;
    display:block;
    position:absolute;
    right: 21px;
    top: 37px;
}


/* class
 ---------------------------------------- */
.onCounter {
    background-color: #ff4500;
}

.offCounter {
    background-color: gray;
}
.toPageTop a{
    float:right;
    width:114px;
    height:11px;
}

.section li .toPageTop:after {  content: " "; display: block; clear: both; height: 0; }
.section li .toPageTop { display: inline-block; }
.section li .toPageTop { display: block; }




.fixed {
    position: fixed;
    top: 0px;
}
*+html .fixed {
    position: fixed;
    top: 0px;
    left:0;
}
* html .fixed {
    position: absolute;
    top: 0px;
    left:0;
}

.fixed_top {
    z-index:3;
    width:100%;
    background-image: url(../image/header.png);
    background-repeat:repeat-x; 
}
.fixed_lineup {
    padding-top:10px;
    padding-left:375px;
    z-index:5;
    width:100%;
}

.absolute_lineup {
    z-index:5;
    width:100%;
    position:absolute;
    
}

.design_gallery {
    z-index:1;
}