@charset "utf-8";

html{
height:100%;
background:#fff;
/*position:relative; /* Opera 9.5 zoom bug fix */
}
body{
color:#292929;
height:100%;
margin:0px;
text-align:center;
position:relative; /* IE 7 zoom bug fix */
font-size: 12px;
line-height: 2;
letter-spacing:0.05em;
background: #ffffff url(../images/h_bg01.gif) repeat-x center top;
}
* html body              {font-size:75%;}
*:first-child + html body{font-size:75%;}

.fS{
font-size: 11px;
}
* html .fS              {font-size:85%;}
*:first-child + html .fS{font-size:85%;}

table th,
table td,
dl,
li{
line-height:1.5;
}

/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 frame

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/

#document{
min-height:100%;
width:961px; /* 背景の幅 */
margin:0 auto;
position:relative;
background: url(../images/body_bg01.gif) repeat-y center top;
}
* html #document{
height:100%;
}

#header{
margin:0 auto;
padding:0;
background:#fff url(../../recruit/images/h_bg01.jpg) no-repeat;
border-bottom:1px solid #292929;
zoom:1;
}
#header:after{content:".";display:block;height:0;clear:both;visibility: hidden;}

#content{
width:961px;
margin:0 auto;
padding-bottom:76px;
text-align:left;
}
#content:after{content:".";display:block;height:0;clear:both;visibility: hidden;}

#main{
	width:672px;
	float:left;
	padding:150px 25px 15px 24px;
	position:relative;
	background: url(../images/main_bg01.gif) no-repeat left 113px;
}

#side{
width:233px;
float:right;
padding:0;
}

#side .banner{
padding:28px 0 0 16px;
}
#side .banner li{
display:inline;
}
#side .banner .li01{
position:relative;
top:-6px;
margin:0 0 0 0;
padding:0 0 0 16px;
}

	
#footer {
	height:56px;
	width:961px;
	margin:0 auto;
	position:absolute;
	bottom:0;
	left:0;
	background:url(../images/f_bg01.gif) no-repeat;
	text-align:right;
	padding-top:20px;
}

* html #footer{bottom: expression(this.parentNode.clientHeight % 2 == 0 ? 0 : -1);}
*:first:child+html #footer{bottom: expression(this.parentNode.clientHeight % 2 == 0 ? 0 : -1);}


/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 header

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
#header div.logo{
float:left;
padding:20px 0 11px;
}
#header div.copy{
float:right;
padding:41px 0 18px;
}


/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 navi

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
#navi{
zoom:1;
overflow:hidden;
}
#navi ul{
margin:0;
list-style:none;
}
#navi ul li{
margin:0;
}
#navi ul li img{
vertical-align:top;
}
#navi:after{content:".";display:block;height:0;clear:both;visibility: hidden;}
#navi ul#gNav{
width:721px;
float:left;
	background: url(../../recruit/images/gnav_bg01.jpg) no-repeat right top;
zoom:1;
}
#navi ul#gNav:after{content:".";display:block;height:0;clear:both;visibility: hidden;}
#navi ul#gNav li{
padding:0;
float:left;
}
#navi div#utilityNav{
width:233px;
height:39px;
float:right;
background: url(../images/utility_bg01.gif) no-repeat;
zoom:1;
}
#navi div#utilityNav:after{content:".";display:block;height:0;clear:both;visibility: hidden;}
#navi div#utilityNav ul.utilityLink{
padding:15px 0 0 16px;
float:left;
zoom:1;
}
#navi div#utilityNav ul.utilityLink:after{content:".";display:block;height:0;clear:both;visibility: hidden;}
#navi div#utilityNav ul.utilityLink li{
margin-right:8px;
float:left;
}
#navi div#utilityNav ul.languageChange{
padding:8px 13px 0 0;
float:right;
zoom:1;
}
#navi div#utilityNav ul.languageChange:after{content:".";display:block;height:0;clear:both;visibility: hidden;}
#navi div#utilityNav ul.languageChange li{
margin-left:1px;
float:left;
}

/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 content

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
p.topicPath{
position:absolute;
font-size:11px;
line-height:1.1;
z-index:100;
top:15px;
}
p.topicPath a:link,
p.topicPath a:visited{
text-decoration:none;
}
* html p.topicPath              {font-size:85%;}
*:first-child + html p.topicPath{font-size:85%;}

h1{
position:absolute;
margin:0 -24px 0;
padding:0;
top:0;
width:721px;
height:113px;
background: url(../../recruit/images/h1_bg01.jpg) no-repeat;
z-index:10;
zoom:1;
}
.txtNote{
text-indent:-1em;
padding-left:1em;
font-size: 11px;
line-height:1.5;
color:#8f8f8f;
}
* html .txtNote              {font-size:85%;}
*:first-child + html .txtNote{font-size:85%;}

#main .imageLeft{
float:left;
margin:5px 20px 20px 0;
}
#main .imageRight{
float:right;
margin:5px 0 20px 20px;
}

/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 side

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
#side h2 img{
vertical-align:top;
}
#side ul{
margin:0;
padding:0;
list-style:none;
}
#side ul li{
margin:0;
padding:0;
}
#side ul li img{
vertical-align:top;
}

/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 footer

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
#footer ul.btnPrivacy{
list-style:none;
margin:0 0 0 705px;
padding:0 0 6px 0;
zoom:1;
}
#footer ul.btnPrivacy:after{content:".";display:block;height:0;clear:both;visibility: hidden;}
#footer ul.btnPrivacy li{
float:left;
margin:0;
padding:0 0 0 10px;
}
#footer p.copyright{
margin:0;
padding:0 17px 0px 0;
}


p.btnPagetop{
position:relative;
padding:0;
margin:0;
zoom:1;
}
p.btnPagetop img{
position:absolute;
top:-44px;
left:716px;
}
p.btnPagetop2{
position:relative;
padding:0;
margin:0;
zoom:1;
}
p.btnPagetop2 img{
position:absolute;
top:0;
left:692px;
}