@charset "UTF-8";

body {
	background:#FFFFFF;
	text-align: center;
	background:url(../images/wrapper_bg.gif) repeat-y 0 0;
	}

#wrapper {
	margin: 0;
	padding: 0;
	text-align: center;
	background:url(../images/footer_bg.gif) repeat-x 0 bottom;
	}

#main {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	}

h1 { 
  color:#666;
	font-size:12px;
	padding-top:6px;
	padding-left:6px;
	font-weight:normal;
	letter-spacing:1.6px;
	}

h2 { 
  width:960px;
	height:50px;
	background:url(../images/index_h2.gif) 0 0 no-repeat;
	text-indent:-9999px;
	}
	
h3 { 
  width:480px;
	height:30px;
	text-indent:-9999px;
	}

h4 { 
  width:302px;
	height:30px;
	text-indent:-9999px;
	}

h5 { font-size:12px; }

/*------ ヘッダー ここから-----*/	


#header { 
  width:960px;
  height:169px;
	background:url(../images/header-bg.jpg) 0 0 no-repeat;
	position:relative;
  }


#header .logo a{
	width:350px;
	height:94px;
	position:absolute;
	top: 47px;
	left:10px;
	}	
#header .logo p {	text-indent:-9999px; }	


#header .g-navi {
	height:44px;
	width:568px;
	text-indent:-9999px;
	position:absolute;
	left: 392px;
	top: 95px;
	}

	
#header .g-navi ul li { list-style:none; float:left; }
	
#header .g-navi .gn01 a { 
  display:block;
  width:96px;
	height:44px;
	background: url(../images/g-navi.jpg) 0 0 no-repeat;
  }
	
#header .g-navi .gn01 a:hover { background: url(../images/g-navi.jpg) 0 -44px; }
		
#header .g-navi .gn02 a{ 
  display:block;
  width:126px;
	height:44px;
	background: url(../images/g-navi.jpg) -96px 0 no-repeat;
	}
#header .g-navi .gn02 a:hover { background: url(../images/g-navi.jpg) -96px -44px; }		

#header .g-navi .gn03 a{ 
  display:block;
  width:98px;
	height:44px;
	background: url(../images/g-navi.jpg) -222px 0 no-repeat;
	}	
#header .g-navi .gn03 a:hover { background: url(../images/g-navi.jpg) -222px -44px; }		

#header .g-navi .gn04 a{ 
  display:block;
  width:131px;
	height:44px;
	background: url(../images/g-navi.jpg) -320px 0 no-repeat;	
	}	
#header .g-navi .gn04 a:hover { background: url(../images/g-navi.jpg) -320px -44px; }		

#header .g-navi .gn05 a{ 
  display:block;
  width:117px;
	height:44px;
	background: url(../images/g-navi.jpg) -451px 0 no-repeat;	
	}	
#header .g-navi .gn05 a:hover { background: url(../images/g-navi.jpg) -451px -44px; }		


#header .mail a { 
  display:block;
	background:url(../images/mail-bnr.gif) 0 0 no-repeat; 
	width:155px;
	height:60px;
	outline:none;
	text-indent:-9999px;
	position:absolute;
	right:370px;
	top:23px;
	}
	
#header .mail a:hover { background-position:bottom; }	


/*------ ヘッダー ここまで -----*/




/*------ コンテンツ ここから-----*/	

#contents {
  width:960px;
	height:auto;
	background:#FFFFFF;
  }	
	
#contents .tx01 { 
  font-size:14px;
	padding:0 30px 0 40px;
	line-height:170%;
	letter-spacing:1.7px;
	}

#contents .tx02 { 
  font-size:14px;
	padding:10px 10px 0 30px;
	line-height:170%;
	letter-spacing:1.7px;
	}

#contents .tx03 { 
  font-size:14px;
	padding:10px 18px 0 15px;
	line-height:170%;
	letter-spacing:1.7px;
	}

#contents .index_more_01 a{ 
  display:block;
	height:25px;
	width:480px;
	background:url(../images/index_more_01.gif) 0 0 no-repeat;
	margin-top:10px;
	margin-bottom:28px;
	text-indent:-9999px;
	outline:none;
	}
#contents .index_more_01 a:hover { background-position:bottom; }

#contents .index_more_02 a{ 
  display:block;
	height:25px;
	width:302px;
	background:url(../images/index_more_02.gif) 0 0 no-repeat;
	margin-top:10px;
	margin-bottom:20px;
	text-indent:-9999px;
	outline:none;
	}
#contents .index_more_02 a:hover { background-position:bottom; }


#contents .index-left {
	width:480px;
	height:auto;
	float:left;
	}

#contents .index-right {
	width:480px;
	height:auto;
	margin-bottom:30px;
	float:right;
	background:url(../images/index-right_bg.gif) repeat-y 0 0;
	}
	
#contents .index-right .information { 
  width:440px;
	height:auto;
	margin-left:25px;
	}

#contents .index-right .information dl { 
	overflow: hidden;
	overflow-y:auto;
	letter-spacing:2px;
  }

#contents .index-right .information dt { 
  background:url(../images/list-mark.gif) 0 0 no-repeat;
	padding-left:25px;
	margin: 0 0 8px 20px;
	}

#contents .index-right .information dd { 
  margin-left:20px;
	padding-left:25px;
	width:380px;
	height:55px;
	background:url(../images/info-line.gif) no-repeat 0 0;
	}
	
#contents .index-right .recruit-bnr a { 
  display:block;
	width:404px;
	height:100px;
	margin-top:5px;
	margin-bottom:20px;
	margin-left:40px;
	background:url(../images/recruit-bnr.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	outline:none;
	}	

#contents .index-right .recruit-bnr a:hover { background-position:bottom; }
	
#contents .box-left { 
  width:178px;
	height:auto;
	float:left;
	}	

#contents .box-right { 
  width:302px;
	height:auto;
	float:right;
	}	


#contents #title01 { background:url(../images/index_h3_01.gif) 0 0 no-repeat; }
#contents #title02 { background:url(../images/index_h4_01.gif) 0 0 no-repeat; }


/*------ コンテンツ ここまで-----*/	

#footer {
  width:960px;
	height:auto;
	background-color:#f7dee3;
  }	

#footer .footer-list ul { margin-bottom:5px; }
#footer .footer-list li { display:inline; }

#footer .footer-list { padding:10px 0 0 0; text-align:center; }

#footer .footer-list2 ul { margin-bottom:15px; margin-top:15px; }
#footer .footer-list2 li { display:inline; font-size:90%; }

#footer .footer-list2 { padding:10px 0 0 0; text-align:center; }


#footer .footer-list3 li { display:inline; font-size:10px; }

#footer .footer-list3 { padding:10px 0 0 0; text-align:center; margin-bottom:10px; }



/*------ その他 ここから-----*/

.marTB { margin-top:10px; margin-bottom:5px; }
.marTB2 { margin-top:25px; margin-bottom:20px; }
.marTL { margin-top:10px; margin-left:10px; }
.marTL2 { margin-top:5px; margin-left:5px; }

.marL3 { margin-left:3px; }
.marL5 { margin-left:5px; }
.marL15 { margin-left:15px; }

.marR8 { margin-right:8px; }
.marR10 { margin-right:10px; }
.marR15 { margin-right:15px; }
.marR20 { margin-right:20px; }

.marT5 { margin-top:5px; }
.marT10 { margin-top:10px; }
.marT15 { margin-top:15px; }
.marT20 { margin-top:20px; }

.marB5 { margin-bottom:2px; }
.marB10 { margin-bottom:10px; }
.marB20 { margin-bottom:20px; }
.marB30 { margin-bottom:30px; }

.pddR10 { padding-right:10px; }
.pd10 { padding:10px 60px 10px 15px; line-height:200%; }

.red { color:#ff2020; }
.red-b { color:#ff2020; font-weight:bold; font-size:110%; }
.big { font-weight:bold; }
.big2 { font-weight:bold; font-size:150%; }
.small { font-size:90%; }
.fr { float:right; }
.fl { float:left; }
.t-deko { margin-left:4px; margin-top:5px; margin-bottom:25px; }
.t-deko2 { padding:1px 7px 10px 15px; font-weight:bold; line-height:170%; font-size:110%; }
.lh { line-height:150%; }
.blue-b { font-weight:bold; color:#0000CC; }
.img-l { float:left; margin-right:10px; }
.small2 { font-size:95%; }

.bg-gray { background:#ececec; width:650px; }

/*------ その他 ここまで-----*/