@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_main02.jpg) no-repeat;
left:0;
top:0;
width:1050px;
height:750px;
}

/* ========
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:495px;
}

/* ========
about
======== */
#about{
position:absolute;
left:0px;
top:0px;  /* fukidasiを含む上からの幅 */
width:715px;  /* ボックスの幅を指定 */
/*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 .icon{
background:url(../../images/icon.gif) left center no-repeat;
margin:10px 0 0 130px;
padding-left:40px;/* iconと文字との間 */
text-align:left;
}

#about .section .icon02{
background:url(../../images/icon.gif) left center no-repeat;
margin:10px 0 0 60px;
padding-left:40px;/* iconと文字との間 */
text-align:left;
}


#about .section .pagetop{
position:absolute;
background: url(../../images/about_pagetop.gif) left center no-repeat;
left:150px;
top:339px;
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;
}

.mailbox{
padding:10px 0 0px 150px;　/*上右下左*/
line-height:1.4;
}

.mail_btn{
/*position:absolute;*/
text-align:left;
}


/* ========
links_about
======== */

#about .section .left{
float:left;
width:300px;
}

#about .section .right{
float:left;
width:265px;
text-align:left;
}



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

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

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


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

#news{
position:absolute;
top:0px;
left:723px;
width:140px;
}
#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;
}

/* ========
mailbox
======== */
div#mailbox{
position:absolute;
top:80px;
left:300px;
width:350px;
}

#mailbox p.subject{
margin:5px 0 5px 5px;
padding-left:5px;
color:#4b4646;
border-left:4px solid #4b4646;
}

#mailbox p.subject02{
margin:0 0 3px 5px;
padding-left:5px;
color:#4b4646;
}

#mailbox p.subject01{
margin:0 0 0 0;
padding-left:5px;
color:#4b4646;
}

#mailbox p.subject03{
margin:0 0 5px 5px;
padding-left:5px;
color:#4b4646;
border-left:4px solid #4b4646;
}

.btnleft{
margin:0 0 0 5px;
}

.inputarea{
margin-bottom:5px;
}

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