@charset "utf-8";

.bdb {
margin-bottom: 3em;
padding-bottom: 2em;
background: url(../img/bg/dot_4x1.png) repeat-x left bottom;
}

/* #boxIntro
--------------------------------------------------------------------------*/

#boxIntro{
padding-bottom: 50px;
}

#boxIntro p {
margin-bottom: 0.5em;
}

#boxIntro .photo img {
box-shadow: 0px 0px 6px 3px rgba(53, 21, 6, 0.05);
}

#boxIntro .wrap01{
margin-bottom: 40px;
width: 100%;
display: table;
}

#boxIntro .wrap01 .txt{
display: table-cell;
vertical-align: middle;
}

#boxIntro h1 {
margin-bottom: 1em;
font-size: 18px;
}

#boxIntro .wrap01 .txt p{
width: 550px;
}

#boxIntro .wrap01 .photo{
display: table-cell;
vertical-align: top;
text-align: right;
}

#boxIntro .wrap02 {
margin-bottom: 40px;
display: table;
}

#boxIntro .wrap02 .photo,
#boxIntro .wrap02 .txt01,
#boxIntro .wrap02 .txt02{
display: table-cell;
font-size: 14px;
letter-spacing: 0;
vertical-align: top;
}

#boxIntro .wrap02 .txt01{
padding: 0 10px 0 0;
}

#boxIntro .wrap02 .txt02{
padding: 0px 10px 0px 40px;
}

#boxIntro .com {
text-align: right;
font-size: 18px;
}



/* #boxTopics
--------------------------------------------------------------------------*/

#recruit h2,
#topics h2,
#pickup h2{
margin-bottom: 0.5em;
}

#qa h2{
margin-bottom: 1em;
}

#boxTopics .left {
float: left;
width: 450px;
}

#boxTopics .right {
float: right;
width: 450px;
}

#recruit {
position: relative;
margin-bottom: 2em;
}

#recruit .icon img {
position: absolute;
bottom: 10px;
right: 30px;
width: 140px;
height: auto;
}

#contents #recruit h3 {
margin-bottom: 0;
font-size: 18px;
}

#recruit p {
margin-bottom: 0;
letter-spacing: 0;
}

#recruit ul {
margin-top: 0.5em;
}

#recruit li {
line-height: 1.5;
}

#recruit span {
font-size: 18px;
}

#pickup {
margin-bottom: 2em;
}

#pickup ul {
margin: 0 -10px 0 0;
width: 460px;
overflow: hidden;
_zoom: 1;
}

#pickup li {
float: left;
margin: 0 10px 10px 0;
width: 220px;
}

.recruit_item,
#qa p {
margin-bottom: 0.5em;
padding: 15px 20px 20px;
background-color: rgba(255, 255, 255, 0.5);
box-shadow: 0px 0px 6px 3px rgba(53, 21, 6, 0.05);
border-radius: 10px;
}



/* #boxFeature
--------------------------------------------------------------------------*/

#boxFeature {
padding-bottom: 50px;
}

#boxFeature h2{
margin-bottom: 1em;
}

#bnrDF {
float: right;
}

#bnrGhoix {
float: left;
}

#bnrDF,
#bnrGhoix {
width: 450px;
height: 200px;
display: table;
background: #fff;
box-shadow:rgba(53, 21, 6, 0.05) 0px 0px 6px 3px;
-webkit-box-shadow:rgba(53, 21, 6, 0.05) 0px 0px 6px 3px;
-moz-box-shadow:rgba(53, 21, 6, 0.05) 0px 0px 6px 3px;
}

#bnrDF p,
#bnrGhoix p {
display: table-cell;
padding: 20px 20px 10px 20px;
width: 210px;
height: 170px;
vertical-align: top;
letter-spacing: 0;
}

#bnrDF div,
#bnrGhoix div {
display: table-cell;
width: 200px;
vertical-align: top;
}



/* #boxAccess
--------------------------------------------------------------------------*/

#boxAccess ul {
margin-right: -25px;
width: 975px;
overflow: hidden;
_zoom: 1;
}

#boxAccess ul li {
margin-right: 25px;
width: 300px;
float: left;
}

#contents h3 {
margin-bottom: 1em;
}

#boxAccess ul li table {
margin-bottom: 1em;
width: 300px;
}

#boxAccess ul li th {
padding-bottom: 1em;
width: 90px;
line-height: 1.5;
}

#boxAccess ul li td {
padding-bottom: 1em;
width: 210px;
line-height: 1.5;
}