@charset "UTF-8";

/* CSS Document */

#indexBanner {
width: 880px;
height: 185px;
margin-top: 7px;
padding: 0;
overflow: hidden;
}
#contents h3 {
width: 208px;
height: 25px;
text-indent: -9999px;
}

#recruit {
width: 880px;
margin-top: 18px;
padding-bottom: 30px;
background-image: url(images/back_recruit.gif);
background-position: bottom;
}
#recruit p{
padding: 0 10px 0 10px;
font-size: 75%;
font-family:Arial, Helvetica, sans-serif;
line-height: 1.3em;
color: #666666;
font-weight: normal;
}

#rec_01,#rec_02,#rec_03,#rec_04 {
width: 208px;
float: left;
text-align: left;
}
#rec_02,#rec_03,#rec_04 {
margin-left: 16px;
}
#rec_01title,#rec_02title,#rec_03title,#rec_04title {
width: 208px;
height: 144px;
position: relative;
}
#rec_01title { background-image: url(images/rec_01.jpg); }
#rec_02title { background-image: url(images/rec_02.jpg); }
#rec_03title { background-image: url(images/rec_03.jpg); }
#rec_04title { background-image: url(images/rec_04.jpg); }

#rec_01title a,#rec_02title a,#rec_03title a,#rec_04title a {
display: block;
text-indent: -9999px;
position: absolute;
outline: none;
}
.rec_01btn,.rec_02btn,.rec_03btn,.rec_04btn {
width: 100px;
height: 21px;
right: 10px;
bottom: 12px;
}

.rec_01btn { background-image: url(images/rec_01btn.gif); }
.rec_02btn { background-image: url(images/rec_02btn.gif); }
.rec_03btn { background-image: url(images/rec_03btn.gif); }
.rec_04btn { background-image: url(images/rec_04btn.gif); }

#rec_01title p,#rec_02title p,#rec_03title p,#rec_04title p {
width: 188px;
margin: 19px 0 0 10px;
padding: 0;
font-size: 80%;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
line-height: 1.3em;
color: #FFF;
overflow: auto;
}
#recruit_end {
clear:both
}

#contents .rech01,.rech02,.rech03,.rech04 {
font-size: 1em;
font-family:Arial, Helvetica, sans-serif;
line-height: 1.2em;
margin-top: 12px;
padding: 3px 0 5px 10px;
}
#contents .rech01 { border-top: 1px dotted #223C8A; color: #223C8A; }
#contents .rech02 { border-top: 1px dotted #50277E; color: #50277E; }
#contents .rech03 { border-top: 1px dotted #961F52; color: #961F52; }
#contents .rech04 { border-top: 1px dotted #5D7634; color: #5D7634; }

#recruit ul {
list-style-image: url(images/recruit_list.gif);
padding-left: 25px;
font-size: 75%;
font-family:Arial, Helvetica, sans-serif;
line-height: 1.3em;
color: #666666;
font-weight: normal;
}
#recruit li {
padding-bottom: 3px;
}
#recruit .ul2 {
list-style-image: none;
padding-left: 20px;
font-size: 75%;
font-family:Arial, Helvetica, sans-serif;
line-height: 1.3em;
color: #666666;
font-weight: bold;
}
#recruit .ul3 {
list-style-image: url(images/recruit_list.gif);
padding-left: 13px;
margin-bottom: 5px;
font-size: 95%;
font-family:Arial, Helvetica, sans-serif;
line-height: 1.3em;
color: #666666;
font-weight: normal;
}
#recruit .ul4 ul {
list-style-image: url(images/recruit_list.gif);
padding-left: 15px;
margin-bottom: 5px;
font-size: 95%;
font-family:Arial, Helvetica, sans-serif;
line-height: 1.3em;
color: #666666;
font-weight: normal;
}
#recruit a {
color: #666666;
}

#rec_01 a:hover{ color: #223C8A; }
#rec_02 a:hover{ color: #50277E; }
#rec_03 a:hover{ color: #961F52; }
#rec_04 a:hover{ color: #5D7634; }


/* siteMap */
#siteMap {
width: 880px;
margin-top: 18px;
padding-bottom: 30px;
}

#siteMap h3 {

font-size: 100%;
font-family:Arial, Helvetica, sans-serif;
line-height: 1.3em;
color: #666666;
font-weight: normal;
text-indent: 0;
}
#siteMap p {
	font-size: 65%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	color: #666666;
}