@charset "utf-8";



/*###############################################################

  基本構造

#################################################################*/

html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}
/* Wrapper for page content to push down footer */
#container {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by it's height */
  margin: 0 auto -108px;
}
 
/* Set the fixed height of the footer here */
#push,
.footerWrap {
  height: 108px;
}

body{
	
	background: #fdfdff;	
}

.blockInner{
	
	width: 960px;
	margin: 0 auto;	
	position: relative;
}

/*---------------------------------------------------------------------------------------------------header*/

header{
	
	height: 110px;
	/*margin-bottom: 10px;	*/
}

.headerInner{
	
	padding-top: 40px;	
}

header h1{
	float: left;	
}

#social{
	
	/*height: 35px;*/
	float: right;
	text-align: right;
}

/*---------------------------------------------------------------------------------------------------gNavi*/

#gNav ul{
	
	float: right;	
}


#gNav li{
	
	float: left;
	/*display: inline-block;*/
	height: 24px;
	text-indent: -9999px;
	margin-left: 53px;
}

#gNav li a{
	height: 24px;
	display: block;	
}


#menu-item-62 a{
	
	width: 78px;
	background: url(../images/common/gNav/gNav_01_off.gif) left top no-repeat;
	
}
	
#menu-item-63 a{
	
	width: 43px;
	background: url(../images/common/gNav/gNav_02_off.gif) left top no-repeat;
	
}

#menu-item-64 a{
	
	width: 79px;
	background: url(../images/common/gNav/gNav_03_off.gif) left top no-repeat;
	
}

#menu-item-65 a{
	
	width: 65px;
	background: url(../images/common/gNav/gNav_04_off.gif) left top no-repeat;
	
}

#menu-item-62 a:hover{ background: url(../images/common/gNav/gNav_01_on.gif) left top no-repeat; }
#menu-item-63 a:hover{ background: url(../images/common/gNav/gNav_02_on.gif) left top no-repeat; }
#menu-item-64 a:hover{ background: url(../images/common/gNav/gNav_03_on.gif) left top no-repeat; }
#menu-item-65 a:hover{ background: url(../images/common/gNav/gNav_04_on.gif) left top no-repeat; }



/*---------------------------------------------------------------------------------------------------contents*/
#contents{
	
	position: relative;	
	/*padding-bottom: 80px;*/
}

/*---------------------------------------------------------------------------------------------------main*/
#main{
	
	margin: 0 10px 40px 10px;
	width: 700px;	
	float: right;
}

/*---------------------------------------------------------------------------------------------------side*/
#side{
	
	/*margin: 0 10px 0 0;*/
	width: 230px;	
	float: left;
}

#side .bnrArea{
	
	text-align: center;
}	

#side .bnrArea a{
	display:inline-block;
}	

/*---------------------------------------------------------------------------------------------------sideNavi*/
.sideNavi{
	
	padding-top: 3px;
	background: url(../images/common/bk/commonBk_03.gif) left top repeat-x;	
	margin-bottom: 30px;
}
.sideNavi li{
	
	height: 70px;
	line-height: 70px;
	background: url(../images/common/bk/commonBk_03.gif) left bottom repeat-x;
	padding-bottom: 3px;
	overflow: hidden;	
}

.sideNavi li a{
	
	display: block;
	font-size: 17px;
	color: #323232;
	padding-left: 25px;
	background: #fdfdff url(../images/common/icon/commonIcon_01.png) 10px center no-repeat;
		
}

.sideNavi li.current a{
	
	background: #e6f4ff url(../images/common/icon/commonIcon_01.png) 10px center no-repeat;
		
}

.sideNavi li a:link{text-decoration: none;}
.sideNavi li a:visited{text-decoration: none;}
.sideNavi li a:hover{
	
	background: #e6f4ff url(../images/common/icon/commonIcon_01.png) 10px center no-repeat;
	text-decoration: none;
	
	}
	
/*---------------------------------------------------------------------------------------------------pageTop*/

#pageTop{
		
	/*position: absolute;
	right: 0;
	bottom: -8px;*/
	text-align: right;
	position: relative;
	bottom: -8px;
	
		
}

/*---------------------------------------------------------------------------------------------------subNavi*/


#subNav li{
	
	float: left;
	margin-right: 10px;	
}

/*---------------------------------------------------------------------------------------------------footer*/

.footerWrap{
	
	overflow: hidden;	
}

.footerArea{
    height:48px;
	background: #191919 url(../images/common/bk/commonBk_02.gif) left top repeat-x;
	padding-top: 8px;
	overflow: hidden;
	/*padding-bottom: 10px;*/
	
}

footer{
	position: relative;	
}

footer p{
	
	float: left;
		color: #fff;
	margin-top: 10px;
	
}
footer nav{
	
	float: right;
	margin-top: 10px;

}

footer nav a{
	color: #fff;	
}

footer nav a:link{color: #fff; text-decoration: none;}
footer nav a:visited{color: #fff; text-decoration: none;}
footer nav a:hover{color: #fff; text-decoration: underline;}

footer small{
	
	font-family: Arial, Helvetica, sans-serif;	
}

	
/*###############################################################

  CONTENTS STYLE

#################################################################*/

/*---------------------------------------------------------------------------------------------------pageHeader h2*/

.pageHeader{
	
	height: 180px;	
	text-indent: -9999px;
	margin-bottom: 40px;
}

.pageHeadernews{ background: #005eac url(../images/news/pageHeaderNews.gif) left bottom no-repeat; }
.pageHeadercompany{ background: #005eac url(../images/company/pageHeaderCompany.gif) left bottom no-repeat; }
.pageHeaderrecruit{ background: #005eac url(../images/recruit/pageHeaderRecruit.gif) left bottom no-repeat; }
.pageHeadercareer{ background: #005eac url(../images/recruit/pageHeaderCareer.gif) left bottom no-repeat; }
.pageHeaderparttime{ background: #005eac url(../images/recruit/pageHeaderParttime.gif) left bottom no-repeat; }
.pageHeadernotfound{ background: #005eac url(../images/notfound/pageHeadernotfound.gif) left bottom no-repeat; }


/*---------------------------------------------------------------------------------------------------contentsHeader h3*/

#main h3{
	
	height: 50px;
	background: url(../images/common/bk/headingBk_01.gif) left top repeat-x;
	line-height: 50px;
	font-size: 22px;
	padding-left: 10px;
	margin-bottom: 30px;
	font-weight: bold;	
}

/*---------------------------------------------------------------------------------------------------contentsHeader h4*/

#main h4{
	
	background: url(../images/common/bk/commonBk_01.gif) left bottom repeat-x;
	font-size: 19px;
	padding-bottom: 8px;
	padding-left: 10px;
	margin-bottom: 30px;
	font-weight: bold;	
}

/*---------------------------------------------------------------------------------------------------contentsHeader h5*/

#main h5{
	
	background: url(../images/common/bk/commonBk_01.gif) left top repeat-y;
	font-size: 19px;
	padding-left: 10px;
	margin-bottom: 30px;
	font-weight: bold;	
}

/*---------------------------------------------------------------------------------------------------section*/

#main section{
	
	margin-bottom: 40px;
}


/*---------------------------------------------------------------------------------------------------p*/

#main p{
	
	/*padding: 0 10px;*/
	margin-bottom: 30px;
	font-size: 14px;
	color: #464646;	
}

#main p.attention{
	
	margin-bottom: 10px;
	color: #ff4800;
}

/*---------------------------------------------------------------------------------------------------ul*/

#main ul{
	
	padding: 0 10px;	
	margin-bottom: 20px;
	font-size: 14px;
	
}

/*---------------------------------------------------------------------------------------------------dl*/

#main dl{
	
	margin: 20px 0;	
}

#main dl dt{
	
	font-weight: bold;	
}

/*---------------------------------------------------------------------------------------------------ul.linkList*/

#main ul.linkList li{
	
	background: url(../images/common/icon/listIcon_01.png) left center no-repeat;	
	padding-left: 20px;
	margin-bottom: 20px;
	float: left;
	width: 45%;
}

#main ul.linkList li a{
	
	color: #464646;
	font-size: 16px;	
}

#main ul.linkList li a:link{text-decoration: none;}
#main ul.linkList li a:visited{text-decoration: none;}
#main ul.linkList li a:hover{text-decoration: underline;}

/*---------------------------------------------------------------------------------------------------ul.dlList*/

#main ul.dlList{
	
	margin-bottom: 40px;	
}

#main ul.dlList li{
	
	margin-bottom: 30px;
}


#main ul.dlList dt{
	
	float: left;	
}

#main ul.dlList dd{
	
	padding-left: 150px;	
}

/*---------------------------------------------------------------------------------------------------#main..mainBnrArea*/

.mainBnrArea{
	
	margin-bottom: 20px;	
}

/*---------------------------------------------------------------------------------------------------img*/
#main img{
	
	margin-bottom: 20px;	
}

/*---------------------------------------------------------------------------------------------------a*/

#main a.pdfLink{
	
	padding-right: 20px;
	background: url(../images/common/icon/pdfIcon.gif) right center no-repeat;
		
}

#main > section > ul > li > a > strong{
	color:#f00;
}

/*---------------------------------------------------------------------------------------------------clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
	font-size: 0.1em;
}
.clearfix {
	min-height: 1px;
	
}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/*----------------------------------------------------------------------------
############################################################################

    common style

##############################################################################
----------------------------------------------------------------------------*/

/*/////////////////////////////////////////////////
 * 画像置換用
////////////////////////////////////////////////*/

.replace{

	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;	
}

.aligncenter{text-align: center;}
.alignleft{text-align: left;}
.alignright{text-align: right;}

a,img{
	
	border: none;
	outline: none;	
}

