@charset "utf-8";

/*/////////////////////////////////////////

>>index_d.css

Description: index design.

Create Date: 2010-03-12

Copyright (C) Erina Taniguchi All Rights Reserved.

/////////////////////////////////////////*/

/*
-------------------------------------------
###########################################
index.html
###########################################
-------------------------------------------
*/
div#contents{
width:748px;
margin: 61px 0px 0px 0px;
padding: 0px;
}
div#contents h1{
z-index: 1;
}
div#contents h2{ margin: 33px 0px 25px 0px; }
div#contents p{ margin-bottom: 10px; }
#leftbox{
width: 335px;
float: left;
position: relative;
}
#leftbox #info{
height: 300px;
overflow: auto;
}
#leftbox h2.material{ margin: 33px 0px 18px 0px; }
#leftbox img{
margin: 0px auto;
display: block;
}
#rightbox{
width: 335px;
float: right;
position: relative;
}
iframe{
width: 335px;
height: 331px;
border: none;
overflow: hidden;
}
#younger{ position: relative; margin-bottom: 9px; }
#elder{ position: relative; }
#younger img.photo, #elder img.photo{
position: absolute;
left: 27px;
top: 39px;
border: solid 1px #595959;
}
#younger img.bar, #elder img.bar{
display: block;
margin: 3px 0px;
}
#younger p, #elder p{
position: absolute;
width: 150px;
left: 104px;
top: 40px;
line-height: 1.4em;
text-align: left;
}
#younger img.btm, #elder img.btm{
position: absolute;
left: 264px;
top: 72px;
}
#rightbox #recruting{ position: relative; margin-left: 9px; }
#rightbox #recruting img{ margin: 14px 0px; display: block; }
#rightbox #recruting #rec_box{
position: relative;
width: 326px;
height: 159px;
background-color: #E4ECF1;
margin-bottom: 10px;
}
#rightbox #recruting #rec_box a{
width: 152px;
height: 66px;
position: absolute;
display: block;
text-indent: -9998px;
}
#rightbox #recruting #rec_box a.aboutWork{
background-image: url(../img/index_rec_aboutWork.gif);
left: 7px;
top: 9px;
}
#rightbox #recruting #rec_box a.employInfo{
background-image: url(../img/index_rec_employInfo.gif);
left: 167px;
top: 9px;
}
#rightbox #recruting #rec_box a.younger{
background-image: url(../img/index_rec_youngStuff.gif);
left: 7px;
top: 81px;
}
#rightbox #recruting #rec_box a.outlookPerson{
background-image: url(../img/index_rec_outlookPerson.gif);
left: 167px;
top: 81px;
}
#rightbox #recruting #rec_box a:link { background-position: top;}
#rightbox #recruting #rec_box a:visited { background-position: top;}
#rightbox #recruting #rec_box a:hover { background-position: bottom;}
#rightbox #recruting #rec_box a:active { background-position: bottom;}