header{
   margin-left:auto;
   margin-right:auto;
}
body{
   display:block;
   margin:0 auto;
}
.center{
   width:1000px;
   margin:0 auto;
}
.header-img{
   width:950px;
}

.root{
   margin:30px 0 20px 0;
   color:black;
}
.root span{
   margin:0 10px
}



header{
   margin-left:auto;
   margin-right:auto;
}
body{
   display:block;
   margin:0 auto;
}
.center{
   width:950px;
   margin:0 auto;
}
.header-img{
   width:950px;
}

.root{
   margin:30px 0 20px 0;
   color:black;
}
.root span{
   margin:0 10px
}

.index{
   width:200px;
}
.index p{
   background-color:orange;
   color:white;
   padding:10px 30px 5px 30px;
   text-align:center;
   font-weight:bold;
   font-size:18px;
}
.index-in{
   border:2px dotted darkorange;
   color:white;
   text-align:left;
}
.index-in ul{
   margin:0px;
   padding:10px;
}
.index-in a{
   background-color:linen;
   border-left:3px solid orange;
   padding:10px;
   margin:10px 0px;
   color:orange;
   font-weight:bold;
   display:block

}
.index-in a:hover{
   background-color:#ffc680;
   color:white;
}

.index-in p{
 background-color:#dcdcdc;
   text-align:left;
   border-left:3px solid #a9a9a9;
   padding:10px;
   margin:10px 0px;
   color:white;
   font-weight:bold;
   display:block;
   font-size:16px;
}
.main{
   width:720px;
   float:left;
   
   margin-top:18px;
   margin-left:30px;
   display:inline-block;
}
.contents{
   background-color:linen;
   margin-bottom:45px;
   padding:20px;
}
.contents span{
   color:orange;
}
.a{
   display:flex;
   width:950px;
}
h1{
   border-bottom:4px solid orange;
   margin:0 0 20px 0;
   font-weight:normal;
}
h2{
   font-weight:normal;
   border-bottom:2px double orange;
}
   

/*---------------------------------------------------------------------*/

.human{
 display:flex;
 margin-bottom:0;
}

.human-left{
 float:left;
 text-align:center;
}

.name{
 margin-top:10px;
}

.name p{
 margin:0;
 font-weight:bold;
}

.human-right{
 display:inline-block;
}

.human-right p {
 margin-left:40px;
}

.coment p{
 background-color:#ffc680;
 margin-left:20px;
 padding: 10px;
 border-radius:6px;
}

ul{
 margin:0;
}

.footer-img{
   text-align:center;
}

.content{
 margin-bottom:40px;
}

.imgs{
 text-align:center;
}

/*---------------------------------------------------------------------*/
.things{
 margin-bottom:60px;
 padding-left:20px;
 padding-right:20px;
}


.human-thing-left{
 float:left;
 text-align:center;
 width:430px;
 padding-top:10px;
}

.human-thing-right{
 display:inline-block;
 width:240px;
 padding-top:0px;
}

.human-thing{
 float:clear;
 width:650px;
 padding-top:0px;
}
.picture img{
float:right;
}

.picture li{
 width:400px;
 margin-right:0px;
}

.picture p{
 width:400px;
 margin-right:0px;
}

.things img{
  float:left;
}


.houfu{
 margin-top:10px;
 padding:15px;
 background-color:#FFC9BD;
 border-radius:6px;
}
.houfu-text{
 padding:5px;
}

.takemoto-comment{
 height:150px;
}

.kawakami-comment{
 height:130px;
}

.mukuda-comment{
 height:130px;
}

.murai-comment{
 height:150px;
}

.tawara-comment{
 height:150px;
}

.ishida-comment{
 height:80px;
}

}