@charset "utf-8";
/* ========
BASIC
======== */
body{
color:#4b4646;
background-color:#111111;
background-image: url(../../images/gradBG.jpg);
background-repeat:repeat-x;
background-position:top center;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:65%;
line-height:1.4;
margin:0 auto;
/*text-align:center;*/
}

body,h1,h2,h3,h4,div,p,ul,li,img{
margin:0;
padding:0;
}

img{
border:none;
vertical-align:top;
}

#container{
width:950px;
margin:0 0 0 50px;
}

/* ========
bg_main
======== */
div#bg_main {
position:absolute;
background:url(../../images/bg_long.jpg) no-repeat;
left:0;
top:0;
width:1050px;
height:1400px;
}

/* ========
link
======== */

a:link, a:visited, a:active{
color:#4b4646;
text-decoration:none;
}
a:hover{
color:#999999;
text-decoration:none;
}

/* ========
pankuzu
======== */
#pankuzu{
position:absolute;
top:0px;
left:5px;
width:100px;
float:left;
margin:72px 0 0 50px;
color:#c7ad93;
text-align:left;
text-decoration:none;
}

#pankuzu a:link, a:visited, a:active{
color:#c7ad93;
text-decoration:none;
}

#pankuzu a:hover{
color:#3c2d1e;
text-decoration:none;
}

/* ========
navi
======== */

#navi{
position:absolute;
top:0px;
left:149px;
width:750px;
height:72px;
background: #111111;
text-align:left;
}

#navi li{
float:left;
}


/* ========
content
======== */
#content{
position:absolute;
/*clear:both;  /* 回り込みを解除 */
overflow: auto !important;
overflow /**/: hidden;
width: 100%;
top:240px;
left:0px;
width:950px;
height:1100px;
}

/* ========
about
======== */
#about{
position:absolute;
left:0px;
top:0px;  /* fukidasiを含む上からの幅 */
width:715px;
height:800px;  /* ボックスの幅を指定 */
/*float:right;*/
}
#about .section {
margin:0 0 35px 150px;
text-align:left;
}
#about .section p{
margin:10px 0 0 155px;
text-align:left;
}

#about .section .pagetop{
position:absolute;
background: url(../../images/about_pagetop.gif) left center no-repeat;
left:150px;
top:1003px;
margin:20px 0 0 0px;
padding-left:508px;/* iconと文字との間 */
}

#about .section .pagetop_link{
position:absolute;
background:url(../../images/about_pagetop.gif) left center no-repeat;
left:0;
top:235px;
margin:120px 0 0 150px;
padding-left:508px;/* iconと文字との間 */
}

#about .section a:link, a:visited, a:active{
color:#4b4646;
text-decoration:none;
}
#about .section a:hover{
color:#999999;
text-decoration:none;
}



/* ================
works_productlist
=================== */

#about .productlist{
margin:0 0 0 150px;
text-align:left;
}

#about .productlist li{
float:left;
width:115px;
margin:10px 15px 0 0;
text-align:left;
list-style:none;
}


/* ========
news
======== */

#news{
position:absolute;
top:0px;
left:723px;
width:140px;
height:800px;
}
#news .section {
margin:0 0 35px 0; /* #newsの位置調整 */
text-align:left;
}

#news .section p{
margin:10px 0 0 25px;
text-align:left;
}

#news .section .icon{
background:url(../../images/icon.gif) left center no-repeat;
margin:10px 0 0 0px;
padding-left:40px;
text-align:left;
}

#news .section a:link, a:visited, a:active{
color:#4b4646;
text-decoration:none;
}
#news .section a:hover{
color:#999999;
text-decoration:none;
}

/* ========
footer
======== */
#footer{
position:absolute;
clear: both;
color:#403c3c;
top:1365px;
left:150px;
/*margin:0 0 0 150px;*/
width:750px;
text-align:left;
}