@charset "UTF-8";
/* CSS Document */

h2 {
display:inline;
}

h3 {
margin-top: 50px;
margin-bottom: 20px;
}

.font16px {
font-size: 16px;
}

#conts {
width: 800px;
margin-left: -400px;
left: 50%;
position:absolute;
background-color: #322b84;
text-align: left;
}

#menu_top {
padding-top: 50px;
text-align: left;
background-color: #322b84;
}

#menu_top img {
margin-right: 20px;
}

#subconts {
margin: 50px 0 100px 0;
}

.l20px {
margin-left: 20px;
}

li {
list-style-type: circle;
list-style-position: inside;
}

/* ABOUT */

#mem_01 {
float: left;
margin-bottom: 50px;
}

#mem_02 {
clear: both;
margin-bottom: 20px;
}

.mem_photo {
width: 150px;
margin: 0 30px 0 20px;
float: left;
}

.mem_text {
margin-left: 200px;
width: 580px;
line-height:150%;
}

.name {
font-size: 14px;
line-height:250%;}


table.l20px l th tr td {
padding: 50px;
vertical-align:top;
white-space: nowrap;
}


/* works */

.work_web {
width: 400px;
float: left;
margin-bottom: 30px;
}

.work_web2 {
width: 380px;
float: left;
padding-left: 20px;
margin-bottom: 30px;
}


#work_01 {
width: 700px;
height: 110px;
margin-left: 20px;
margin-top: 20px;
background: url(../img/works/back.jpg) ;
}

#work_02 {
width: 700px;
height: 110px;
margin-left: 20px;
background: url(../img/works/back.jpg) ;
}

.web_photo {
margin-bottom: 10px;
}

.work1 {
margin: 12px 0 0 12px;
}

.work2 {
margin: 12px 0 0 30px;
}