/*　全体の レイアウト・文字 の管理　*/
body {
   display: block;
   margin: 0 auto;
   width: 1000px;
}

h1 {
   padding-left:15px;
   border-bottom: 4px solid rgb(255, 141, 156);
   font-weight: normal;
}

h2 {
   padding-left:15px;
   border-bottom: 2px solid rgb(255, 141, 156);
   
}

h3 {
   margin-top:50px;
   padding-left:15px;
   font-size: 19px;
   border-bottom: 1px double rgb(255, 141, 156);
}


/*----------------ヘッダー-------------*/

header {
   margin: auto;
   
}



.header-img {
   
width: 1000px;
}




/*--------------フッター---------------*/

footer {
   clear:both;
   padding:30px 0;
}

footer img {
   text-align: center;
   margin:auto;
   display:block;
}




/*--------内容部分のレイアウト---------*/
.main {
   width: 780px;
   margin:0 auto;
   float:right;
   
   
}

.contents {
   background-color: seashell;
   margin-bottom: 45px;
   padding: 20px 20px 60px 20px;
}

.contents p{
   padding:0 25px;
}




/*---------サイドメニューのレイアウト----------*/
.menu {
   width: 200px;
   float:left;
}

.menu-in ul {
   padding: 10px;
   list-style: none;
}

.menu-in p {
   background-color: rgb(255, 141, 156);
   color: white;
   padding: 10px;
   font-weight: bold;
   font-size: 16px;
}

.menu-in a {
   background-color: seashell;
   border-left: 3px solid rgb(255, 141, 156);
   color: rgb(255, 141, 156);
   padding: 10px;
   font-weight: bold;
   display: block;
   text-decoration:none;
}

.menu-in a:hover {
   background-color: #ffa1bf;
   color: white;
}


.imgs {
   text-align: center;
}



/*---------------社員紹介-------------*/

table{
   width: 720px;
   margin:40px 0;
}

th{
   width: 200px;
   font-weight: normal;
}

td{
   padding:0 20px;  
}

.name{
   font-size: 18px;
}

/*--吹き出し部分--*/
.balloon {
   position: relative;
   padding: 7px 20px;
   font-size: 15px;
   background: #b5e7e3;
   border-radius: 20px;
 }
 
 .balloon:before {
   content: "";
   position: absolute;
   top: 50%;
   left: -30px;
   margin-top: -15px;
   border: 15px solid transparent;
   border-right: 15px solid#b5e7e3;;
 }
 
 .balloon td {
   margin: 0;
   padding: 0;
 }


/*初めのリンクの所　「新入社員の1年　＞　４月～６月」*/
.root {
   margin-top: 20px;
}

.root span {
   margin: 0 10px
}


.center {
   width: 1000px;
   margin: 0 auto;
}



.contents span {
   color: rgb(255, 141, 156);
}