@charset "utf-8";

hr {
display:block;
clear:both;
height:0;
margin:0 -5px 19px;
border:none;
border-bottom:1px dotted #ccc;
}

/* lead box */
#wideContent .lead {
margin:0 -5px 19px;
}

/* news box */
#wideContent .news {
float:left;
width:280px;
margin-bottom:9px;
}
#wideContent .news dl {
margin:9px 3px 0;
}
#wideContent .news dt {
margin-bottom:5px;
}
#wideContent .news dd {
margin-bottom:10px;
}

/* job box */
#wideContent .job {
float:right;
width:460px;
margin-bottom:12px;
}
#wideContent .job h3 {
margin-bottom:10px;
}
#wideContent .job .group {
margin-bottom:7px;
margin-left:-5px;
background:url(../images/index_bg_01.png) 10px top repeat-y;
}
#wideContent .job .group-inner {
padding-bottom:6px;
background:url(../images/index_bg_02.png) 10px bottom no-repeat;
}
/* each person box */
#wideContent .job .person {
display:inline;
cursor:pointer;
float:left;
width:220px;
margin-left:10px;
}
#wideContent .job .person img {
float:left;
margin-top:-18px;
margin-left:6px;
}
#wideContent .job h4 {
height:17px;
padding-top:7px;
padding-left:78px;
background:url(../images/index_bg_07.png) no-repeat;
}
#wideContent .job .person h4 img {
margin-top:0;
margin-left:0;
}
#wideContent .job p {
margin:8px 8px 0 77px;
}
#wideContent .job a {
color:#333;
}

/* group1 */
#wideContent .group1 {
margin-bottom:14px;
background:url(../images/index_bg_03.png) repeat-y;
}
#wideContent .group1-inner {
position:relative;
padding-bottom:31px;
background:url(../images/index_bg_04.png) left bottom no-repeat;
}
/* career & training box */
#wideContent .career,
#wideContent .training {
width:370px;
}
#wideContent .career {
float:left;
}
#wideContent .training {
float:right;
}
#wideContent .group1 h3 {
margin-bottom:9px;
}
#wideContent .group1 img {
margin-left:11px;
}
#wideContent .group1 h3 img {
float:none;
margin-left:0;
}
#wideContent .group1 p {
padding-right:16px;
margin-top:-75px;
margin-bottom:0;
}
#wideContent .career p {
margin-left:196px;
}
#wideContent .training p {
margin-left:95px;
}
#wideContent .group1 .link {
position:absolute;
bottom:15px;
width:354px;
margin-top:0;
margin-left:0;
text-align:right;
}

/* group2 */
#wideContent .group2 {
margin-right:-1px;
margin-bottom:14px;
background:url(../images/index_bg_05.png) repeat-y;
}
#wideContent .group2-inner {
position:relative;
padding-bottom:31px;
background:url(../images/index_bg_06.png) left bottom no-repeat;
}
/* flow & faq & bosyu box */
#wideContent .flow,
#wideContent .faq,
#wideContent .bosyu {
width:243px;
}
#wideContent .flow,
#wideContent .faq {
float:left;
}
#wideContent .flow {
margin-right:11px;
}
#wideContent .bosyu {
float:right;
}
#wideContent .group2 h3 {
margin-bottom:8px;
}
#wideContent .group2 p {
margin:0 13px;
}
#wideContent .group2 .link {
position:absolute;
bottom:15px;
width:230px;
margin-top:0;
margin-left:0;
text-align:right;
}

/* related box */
#wideContent .related {
float:left;
width:497px;
}
#wideContent .related img {
float:left;
}
#wideContent .related h3 {
margin-bottom:10px;
}
#wideContent .related h3 img {
float:none;
}
#wideContent .related p {
margin:0 10px 6px 248px;
}
#wideContent .related ul {
margin-left:248px;
}
#wideContent .related li {
float:left;
width:159px;
line-height:1.6;
}
#wideContent .related .even {
width:90px;
}

/* banner box */
#wideContent .banner {
float:right;
width:240px;
}
#wideContent .banner li {
margin-bottom:10px;
}
