@charset "utf-8";

/*============================================
 2009.0508
 lab.css
============================================*/


/*------------------------------------------------
大枠のレイアウト
----------------------------------------------- */
body {
background:none;
}
#bgmain {
background:url(/lab/img/bg_lab.jpg) top center no-repeat;
height:2244px;
}
#bgmaintop {
margin:0 auto;
background:none;
}
#bgcontainer {
margin:0 auto;
width:1020px;
text-align:left;
background:url(/lab/img/bg_lab.jpg) top center no-repeat;
}
#container {
margin:0 auto;
width:1020px;
background:none;
position:relative;
}


/*------------------------------------------------
header
----------------------------------------------- */
#header{
width:950px;
height:211px;
margin:0 auto;
position:relative;
}
#header .logo{
float:right;
padding:28px 14px 0 0;
}
#header ul#gnav{
height:34px;
padding:38px 0 0 38px;
}
#header ul#gnav li{
float:left;
margin-right:38px;
}
#header h1{
margin:42px 0 0 19px;
}
#header #pan{
position:absolute;
left:19px;
top:169px;
z-index:2;
}
#header #pan ul li{
float:left;
display:block;
margin:0;
padding:0;
}
#header #pan ul li img{
vertical-align:bottom;
}

/*------------------------------------------------
contents
----------------------------------------------- */
#contents{
width:950px;
margin:0 auto;
overflow:hidden;
position:relative;
height:2033px;
}
#contents h2{
position:absolute;
top:10px;
left:351px;
}
#contents h3{
margin-bottom:16px;
}
#contents .box1{
position:absolute;
top:389px;
left:37px;
width:600px;
color:#FFFFFF;
}
#contents .box2{
position:absolute;
top:647px;
left:37px;
width:600px;
color:#FFFFFF;
}
#contents .box3{
position:absolute;
top:390px;
left:684px;
width:229px;
height:482px;
padding-top:152px;
background:url(/lab/img/img_interview_01.jpg) top left no-repeat;
}
#contents .box3 p{
color:#FFFFFF;
letter-spacing:0;
font-size:84%;
padding:0 14px 0 17px;
line-height:1.6em;
}
#contents .box4{
position:absolute;
top:904px;
left:40px;
width:426px;
height:120px;
background:url(/lab/img/img_interview_02.jpg) top left no-repeat;
color:#FFFFFF;
font-size:84%;
letter-spacing:0;
line-height:1.6em;
}
#contents .box4 img{
float:left;
margin-right:13px;
}
#contents .box4 p{
margin-top:70px;
color:#fef187;
}
#contents .box5{
position:absolute;
top:1294px;
left:487px;
width:430px;
}
#contents .box6{
position:absolute;
top:1637px;
left:487px;
background:url(/lab/img/img_interview_03.jpg) top left no-repeat;
width:226px;
height:59px;
}
#contents .box6{
font-size:84%;
padding:50px 15px 0 15px;
letter-spacing:0;
}
#contents .box6 p{
line-height:1.4em;
}
#contents .box7{
position:absolute;
top:1091px;
left:41px;
width:226px;
height:59px;
}

#contents p{
margin-bottom:16px;
line-height:1.6em;
}
ul#snav{
margin-top:0px;
background:none;
height:240px;
}
ul#snav li{
margin:0;
padding:0;
line-height:0;
}
ul#snav li img{
vertical-align:bottom;
}
#columnL{
float:left;
width:212px;
padding-left:35px;
margin-top:13px;
}


/*------------------------------------------------
contentsBottom
----------------------------------------------- */
#contentsbottom{
position:absolute;
top:2044px;
left:33px;
width:950px;
margin:0 auto;
overflow:hidden;
}
#contentsbottom address{
margin:0 0 0 38px;
float:left;
display:inline;
}
#contentsbottom .pagetop{
float:right;
margin:38px 37px 0 0;
display:inline;
}


/*------------------------------------------------
footer
----------------------------------------------- */
#footer{
position:absolute;
top:2094px;
left:34px;
width:950px;
margin:0 auto;
padding-bottom:0px;
overflow:hidden;
background:url(/lab/img/bg_lab_foot.jpg) top left no-repeat;
}
#footer dl{
float:left;
width:189px;
padding:17px 0 15px 39px;
font-size:84%;
line-height:1.3em;
}
#footer dt{
height:16px;
}
#footBottom{
width:950px;
float:left;
}
#footBottom ul{
float:left;
width:450px;
padding:0 0 0 38px;
font-size:10px;
}
#footBottom li{
font-weight:bold;
display:inline;
}
.copyright{
color:#333333;
font-weight:bold;
font-size:10px;
float:right;
padding:0 32px 0 0;
}