@charset "utf-8";
body{
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background-image:url(img/bg.png);
    background-position:center center;
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-size:cover;
    background-color:#464646;
    }
.big{
    font-weight:bold;
}
/*=====ヘッダー=====*/
#headerbg{
    height:70px;
    background:#d6d0bd;
    }
#header{
    width: 920px;
    height:70px;
    margin:0 auto;
    background:#d6d0bd;
    overflow: hidden;
    }
#header h1{
    float: left;}
#header a{
    line-height: 70px;
    color: #2b1b1b;
    font-size: 28px;
    font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    }
#header .head{
    font-size:24px;
    }
#header p{
    line-height: 70px;
    color: #7E5C09;
    font-size: 14px;
    text-align: right;
    }
/*=====ヘッダー終わり=====*/
/*=====ナビ=====*/
#nav{
    height:30px;
    margin-bottom:;
    background:#3b2b1e;
    }
#nav ul{
    width:920px;
    margin:0 auto;
    overflow:hidden;
    }
#nav li{
    width:120px;
    height:30px;
    text-align:center;
    line-height:30px;
    float:left;
    color:#ae8422;
    }
#nav li a{
    color:#ae8422;
    display:block;
    }
#nav li a:hover{
    color:#fdfdff;
    }
/*=====ナビ終わり=====*/
/*=====コンテンツサイズ=====*/
#content{
    width:940px;
    margin:0 auto;
    background:#d6d0bd;
    padding:10px 10px;
    }
#info, #access, #material, #works, #staff{
    width:920px;
    margin:0 auto;
    padding:10px 20px 50px 20px;
    background:#d6d0bd;
    }
/*=====コンテンツサイズ終わり=====*/
/*=====コンテンツ=====*/

#content .head{
    width:920px;
    height:250px;
    background:url(img/top.png);
    margin:0 0 10px 10px;
    }
/*.head{
    height:300px;
    overflow:hidden;
    }*/
#wrapper{
    overflow:hidden;
    margin:0 0 20px 0;
    }
#wrapper .toppage{
    width:300px;
    height:150px;
    float:left;
    }
#wrapper .toppage p{
    color:#fff;
    padding:10px;
    margin-top:90px;
    font-size:14px;
    text-align:right;
    }
.toppage h2{
    background:#3b2b1e;
    color: #ae8422;
    font-size:18px;
    margin-bottom:10px;
    padding:5px;
    }
.toppage a{
    display:block;
    }
#wrapper #infonav{
    background:url(img/03s.png);
    margin:0 10px;
    }
#wrapper #materialnav{
    background:url(img/s02.png);
    margin-right:10px;
    }
#wrapper #worksnav{
    background:url(img/s03.png);
    }
#wrapper h2{
    padding-left:20px;
    }
#infonav p, #materialnav p, #worksnav p{
    background:rgba(0,0,0,0.7) url(img/ya.png) no-repeat;
    background-position:190px center;
    }
#contact{
    padding-bottom:20px;
    }
#contact h2{
    margin:0 10px;
    padding-left:20px;
    }
#contact p{
    padding-top:10px;
    padding-left:30px;
    font-size:14px;
    line-height:20px;
    color:2b1b1b;}
#contact dl{
    width:940px;
    margin:0 auto;
    padding:10px 0 0 30px;
    }
#contact dt{
    width:5em;
    color:2b1b1b;
    line-height:20px;
    float:left;
    clear:both;
    border-bottom:1px solid #1b1b1b;
    }
/*=====更新情報=====*/
.scr{
    overflow-y:scroll;
    width:;
    height:50px;
    margin:0 10px 20px;
    padding:10px 20px;
    background:#eee;}
#wrapper h3{
    margin:10px 10px 0 10px;
    background:#3b2b1e;
    color: #ae8422;
    font-size:16px;
    padding:5px 20px;
    }
/*=====更新情報終わり=====*/
#contact dd{
    width:10em;
    color:#2b1b1b;
    line-height:20px;
    margin-left:6em;
    border-bottom:1px solid #1b1b1b;
    }
/*=====コンテンツ終わり=====*/
/*=====フッター=====*/
#footer{
    width:100%;
    font-size:14px;
    background:#3b2b1e;
    padding:10px 0 0 0;
    }
#footer ul{
    text-align:center;
    background:#3b2b1e;
    margin-bottom:1px;
    }
#footer ul li{
    display: inline-block;
    padding-right:10px;
    color:#ae8422;
    }
#footer ul li a{
    color:#ae8422;
    font-size:12px;
    }
#copy{
    height:30px;
    color:#ae8422;
    background:#3b2b1e;
    text-align:center;
    }
/*=====フッター終わり=====*/
/*=====会社概要=====*/

#info h2{
    background:#3B2B1E;
    color:#ae8422;
    font-size:18px;
    padding:5px;
    margin-bottom:20px;}
#info dl{
    background:#3B2B1E;
    border-bottom:1px solid #1b1b1b;}
#info dt{
    width:6em;
    padding:5px 5px;
    border-top:1px solid #1b1b1b;
    color:#ae8422;
    float:left;
    clear:both;}

#info dd{
    border-top:1px solid #1b1b1b;
    border-right:1px solid #1b1b1b;
    background:#fff;
    padding:5px 5px;
    margin-left:6em;}
/*=====アクセス=====*/
#access h2{
    background:#3B2B1E;
    color:#ae8422;
    font-size:18px;
    padding:5px;
    margin-bottom:20px;
    }
#access dl{
    width:300px;
    margin-left:20px;
    margin-bottom:10px;
}
#access dt{
    width:6em;
    padding:5px 5px;
    float:left;
    clear:both;}

#access dd{
    padding:5px 5px;
    margin-left:6em;}
#access p{
    margin-right:20px;}
/*=====アクセス終わり=====*/
/*=====製作物=====*/
#works{
    padding-bottom:30px;}
#works h2{
    background:#3B2B1E;
    color:#ae8422;
    font-size:18px;
    margin-bottom:20px;
    padding:5px;}
/*=====製作物終わり=====*/
/*=====スタッフ紹介=====*/
#staff h2{
    background:#3B2B1E;
    color:#ae8422;
    font-size:18px;
    margin-bottom:20px;
    padding:5px;}
#staff h3{
    background:#3B2B1E;
    color:#ae8422;
    font-size:15px;
    margin-bottom:10px;
    padding:5px;
    }
#staff p{
    width:650px;
    overflow:hidden;
    line-height:1.2;
    margin-bottom:10px;
}
#staff img{
    width:120px;
    border:1px solid #3B2B1E;
    margin:0 10px 10px 0;
    float:left;}
/*=====スタッフ紹介終わり=====*/
#nav ul li .here a{
    color:#fdfdff;
}