@charset "utf-8";
/* CSS Document */

@import url("base.css");
@import url("sgallery.css");

section#leftcontents{
	float:left;
	width:640px;
}
section#rightcontents{
	float:right;
	width:340px;
}

h2.cont01{
display: block;
width: 640px;
height: 95px;
background: url("../images/04_02title.jpg") no-repeat;
text-indent: -9999px;
}
.title01{
display: block;
width: 620px;
height:215px;
background: url("../images/04_03title.jpg") no-repeat;
padding: 120px 20px 0 0;
}
.title01 p{
font-size: 14px;
color: #666666;
letter-spacing: 0.1em;
line-height: 180%;
margin-bottom: 10px;
}

h2.rec1,h3.rec2,h3.rec3,h3.rec4,h3.rec5,h3.rec6{
display: block;
text-indent: -9999px;
width: 640px;
}


h2.rec1{
height: 28px;
background: url("../images/04_04title.jpg") no-repeat;
}
h3.rec2{
height: 58px;
background: url("../images/04_05title.jpg") no-repeat;
}
h3.rec3{
height: 40px;
background: url("../images/04_06title.jpg") no-repeat;
}
h3.rec4{
height: 40px;
background: url("../images/04_07title.jpg") no-repeat;

}
h3.rec5{
height: 40px;
background: url("../images/04_084title.jpg") no-repeat;
}
h3.rec6{
height: 40px;
background: url("../images/04_09title.jpg") no-repeat;
margin-bottom: 100px;
}

.srider{
display: block;
width: 340px;
height: 400px;
background: url("../images/04_10img.jpg") no-repeat;
text-indent: -9999px;
}

.images{
display: block;
width: 340px;
height: 300px;
background: url("../images/04_11img.jpg") no-repeat;
text-indent: -9999px;
}

section#recruitment_guidelines{
    clear: both;
}

h2.title02{
display: block;
width: 980px;
height: 140px;
background: url("../images/04_12title.jpg") no-repeat;
text-indent: -9999px;
margin-bottom: 60px;
}

.guide{
display: block;
width: 980px;
height:auto;
background: url("../images/04_13title.jpg") no-repeat;
padding: 230px 0 0 0;
}
.guide dl{
	list-style:none;
	line-height:150%;
	margin:30px 0 0 0;
}

.guide dt{
	float:left;
	width:150px;
	height:auto;
	clear:both;
	list-style:none;
	margin:0 0 10px 0;
	font-size:14px;
	letter-spacing:0.01em;
	line-height:115%;
    color: #666666;
}

.guide dd{
	list-style:none;
	margin:0 0 10px 170px;
	font-size:14px;
	letter-spacing:0.01em;
	line-height:115%;
    color: #666666;
}

.guide01{
display: block;
width: 980px;
height:auto;
padding: 0 0 0 0;
}
.guide01 dl{
	list-style:none;
	line-height:150%;
	margin:30px 0 0 0;
}

.guide01 dt{
	float:left;
	width:150px;
	height:auto;
	clear:both;
	list-style:none;
	margin:0 0 10px 0;
	font-size:14px;
	letter-spacing:0.01em;
	line-height:115%;
    color: #666666;
}

.guide01 dd{
	list-style:none;
	margin:0 0 10px 170px;
	font-size:14px;
	letter-spacing:0.01em;
	line-height:115%;
    color: #666666;
}

h2.title03{
display: block;
width: 980px;
height: 66px;
background: url("../images/04_15title.jpg") no-repeat;
text-indent: -9999px;
margin:150px 0 60px 0;
}

section#contact{
    clear: both;
}
.mailbox{
width: 980px;
margin: 100px 0 80px 0;
padding: 0 0 0 173px;
}
.mailbtm a{
	display:block;
	width:621px;
	height:55px;
	background:url("../images/04_14btmf.jpg") no-repeat;
	text-indent:-9999px;
}
.mailbtm a:hover{
	background:url("../images/04_14btmo.jpg") no-repeat;
}

section#contact2{
    clear: both;
}
.mailbox{
width: 980px;
margin: 100px 0 80px 0;
padding: 0 0 0 173px;
}
.mailbtm a{
	display:block;
	width:621px;
	height:55px;
	background:url("../images/04_14btmf.jpg") no-repeat;
	text-indent:-9999px;
}
.mailbtm a:hover{
	background:url("../images/04_14btmo.jpg") no-repeat;
}