@charset"UTF-8";

*{
     margin:0;
     padding:0;
}
body{
        background:url(../img/haikei.jpg);
        font-family:"Hiragino Kaku Gothic Pro","MS Pゴシック",sans-serif;
}

.error-field{
    color:red;
    font-size:12px;
}

.error-message{
    color:red;
    font-size:14px;
}

.complete-message{
    color:blue;
    font-size:14px;
}

#wapper{
    position: relative;
    background:#fff;
    width:800px;
    height: 6700px;
    margin:0 auto;
}

#kingyo_ph{
    top:170px;
    width:800px;
    height: 436px;
    position:fixed;
    z-index:0;
    display: none;
    background: url(../img/kingyo.jpg);
    /*background-color: red;*/
}

#home img{
    position:absolute;
    top:30px;
    left:30px;
}

#bi-dama_ph{
    background:url(../img/bi-dama.png);
    width:470px;
    height:324px;
    position:absolute;
    top:0px;
    left:330px;
    display: none;
}

#contents{
    position:absolute;
    width:800px;
    z-index:10;
}

#aokiya_logo{
    position:relative;
    top:30px;
    left:30px;
    height:300px;
}

/*==============ここからnavエリア===============*/

nav{
    width:150px;
    height: 600px;
    position: fixed;
    z-index: 999;
    margin-left:650px;
}

nav  ul{
    list-style:url(../img/nav_bt.png) inside;
    font-family: 'Lora', serif;
    font-size:18px;
    color:#666;
    position:absolute;
    top:300px;
    right:30px;
    width:100px;
}

nav li{
    margin-bottom:15px;
}

nav a{
    text-decoration:none;
    color:#666;
}

nav a:hover{
    color:#c30d23;
}

nav span{
    padding-left:20px;
    font-size:10px;
    font-family: none;
}

#poricy_nav{
    position:absolute;
    top:530px;
    right:30px;
    font-size:9px;
    text-decoration:underline;
}

/*==============ここから全セクション共通エリア===============*/

.box-logo{
    width: 800px;
    z-index:15;
}

.box {
    width: 800px;
    margin-top: 400px; 
    background:rgba(255,255,255,0.8);
    padding:30px 0 60px 0;
}

section{
    width:630px;
    position:relative;
}/*----------------全セクション共通絶対値-------------------*/

h1{
    font-size:40px;
    font-family: 'Lora', serif;
    border-left:solid 15px;
    color:#00AFEC;
    margin:30px 0 0 30px;
}/*----------------全セクション共通見出し-------------------*/

.japa{
    position:absolute;
    top:0px;
    left:240px;
}/*----------------全セクション共通見出し日本語-------------------*/

h3{
    margin:30px 0 0 30px;
    font-family:"Hiragino Maru Gothic Pro","Meiryo";
}/*----------------全セクション共通小出し-------------------*/

section p{
    font-size:15px;
    padding:20px 30px 30px 30px ;
}/*----------------全セクション共通段落-------------------*/

#concept h1{
    border:none;
    color:#999;
    text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #000;
}

.line{
    padding:10px;
    margin:0 30px 0 30px;
    border-bottom:dashed 1px;
}

#shimen{
    width:570px;
    height:430px;
    margin:30px 0 0 30px;
    position:relative;
}

.shimen_ph dl{
    font-size:10px;
    width:170px;
}

.shimen_ph dd{
    line-height:1.2;
}
.p2{
    position:absolute;
    top:0px;
    left:200px;
}

.p3{
    position:absolute;
    top:0px;
    right:0px;
}

.p4{
    position:absolute;
    bottom:0px;
    left:0px;
}

#work h3{
    margin-bottom:30px;
}

#work p{
    padding-bottom:15px;
}

#work p:nth-child(9){
    padding-bottom:0px;
    margin-top:20px;
}
#work p:nth-child(10){
    padding-bottom:0px;
}



/*==============ここからcompanyエリア===============*/

#company table{
    margin-top:50px;
    font-size:15px;
    position:relative;
}

#company table ul{
    list-style:inside;
}
.kochira {
    font-size:12px;
}


/*==============ここからcontactエリア===============*/
sup{
    color:red;
    font-size:80%;
}

#contact tr:last-child{
    text-align:center;
}

#contact table th{
    text-align:left;
    width:150px;
    font-size:80%;
}

#contact .sup{
    color:red;
    font-size:10px;
    /*text-align:center;*/
    /*vertical-align:top;*/
}

/*==============ここからporicyエリア===============*/

#poricy ol{
    font-size:12px;
    width:570px;
    margin-left:50px;
}


#poricy p{
    font-size:12px;
}


/*==============ここからfooterエリア===============*/

.box-footer{
    position: absolute;
    width: 800px;
    bottom: 0px;
}

footer{
    width:800px;
    height:40px;
    background:#262d5b;
    text-align:center;
    color:#fff;
    font-size:10px;
    line-height:120%;
}

footer p{
    padding-top:10px;
}