@charset "utf-8";

/********************************************

株式会社ウイング CSS Document by D-TREK

1.共通
		アンカー
2.レイアウト
		a. homepage
		b. wingpage
		c. servicepage
		d. workspage
		e. profilepage
		f. recruit01page
		g. recruit02page
		f. recruit03page
		g. recruit04page
3.wrapper
4.header
	A. globalmenu
5.container
	A. colR
		a. homepage
		b. wingpage
		c. servicepage
		d. workspage
		e. profilepage
		f. recruit01page
		g. recruit02page
		f. recruit03page
		g. recruit04page
	B. colL
		a. homepage
		b. wingpage
		c. servicepage
		d. workspage
		e. profilepage
		f. recruitpage local menu
	C. colM
		a. homepage
		b. wingpage
		c. servicepage
		d. workspage
		e. profilepage
		f. recruit01page
		g. recruit02page
		f. recruit03page
		g. recruit04page
6.footer

********************************************/


/********************************************
	1.リセット
********************************************/ 

body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,
p,blockquote,th,td{  
	margin:0; padding:0;  
}
html, body {
}
body{
	color: #666666;
	text-align: center;
	background: #FDFCF9;
	/*font: 12px/1.5em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;*/
	font: 12px/1.6em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}
table{  
	border-collapse:collapse;
	border-spacing:0;  
}  
fieldset,img{  
	border:0;  
}
address,caption,cite,code,dfn,em,strong,th,var{  
	font-style:normal;
	font-weight:normal;  
}  
p{
	text-align: justify;
}
hr {
	display: block;
	height:1px;
	background:#333;
	border:0;
}
ol,ul{  
	list-style:none;  
}
caption,th{  
	text-align:left;  
}  
h1,h2,h3,h4,h5,h6{  
	font-size:100%;
	font-weight:normal;  
}
q:before,q:after{  
	content:”;  
}  
abbr,acronym{  
	border:0;  
} 
img{
	vertical-align: bottom;
}
h1{
}
h2{
}
h3{
}
h4{
}
h5{
}
h6{
}
.clear{
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	padding: 0;
	margin: 0;
	display: block;
	background: transparent no-repeat;
}

/* アンカー */

a{
	overflow:hidden;
}
a:link,
a:visited{
	color: #333333;
	text-decoration: none;
}
a:hover,
a:active{
	color: #333333;
	text-decoration: underline;
}

/********************************************
	2.レイアウト
********************************************/ 

body{
	background: #FDFCF9;
}
#wrapper{
	width: 1012px;
	background: url(../images/page_bg.jpg) repeat-y left top;
	margin: 0px auto;
	text-align: left;
}
#header{
	background: url(../images/head/header_bg.jpg) no-repeat left top;
	height: 88px;
	width: 1012px;
	position: relative;
}
#container{
}
#colM{
}
#footer{
	height: 138px;
	width: 1012px;
	background: url(../images/foot/footer_bg.jpg) no-repeat left top;
	position: relative;
}
.floatR{
	float: right;
}
.floatL{
	float: left;
}
.btmM0px{
	margin-bottom:0px!important;
}
.rM0px{
	margin-right:0px!important;
}

		/* a. homepage */
		
		#homepage .colR{
			float: right;
			width: 532px;
		}
		#homepage .colL{
			float: left;
			width: 393px;
		}
		
		/* b. wingpage */
		
		#wingpage .colR{
			float: right;
			width: 449px;
		}
		#wingpage .colL{
			float: left;
			width: 390px;
		}
		
		/* c. servicepage */

		#servicepage .colR{
			float: right;
			width: 422px;
		}
		#servicepage .colL{
			float: left;
			width: 422px;
		}
		#servicepage .colM{
				height: 124px;
				width: 880px;
				margin: -10px 0px 25px 66px;
				_margin: -10px 0px 25px 33px;
				float: left;
			}
		
		/* d. workspage */
		
		#workspage .colR{
			float: right;
			width: 666px;
		}
		#worksepage .colL{
			float: left;
			width: 192px;
		}
		#workspage .colM{
			margin: 8px 0px 0px 0px;
		}
		
		/* e. profilepage */
		
		#profilepage .colR{
			float: right;
			width: 566px;
		}
		#profilepage .colL{
			float: left;
			width: 230px;
		}
		
		/* f. recruitpage */
		
		#recruit01page .colR,
		#recruit02page .colR,
		#recruit03page .colR,
		#recruit04page .colR{
			float: right;
			width: 648px;
		}
		#recruit01page .colL,
		#recruit02page .colL,
		#recruit03page .colL,
		#recruit04page .colL{
			float: left;
			width: 114px;
		}

/********************************************
	3. wrapper
********************************************/ 


/********************************************
	4. header
********************************************/ 

#logo{
	position: absolute;
	left: 21px;
	top: 17px;
}
h1{
	position: absolute;
	left: 21px;
	top: 60px;
}
#header p{
	height: 14px;
	width: 145px;
	position: absolute;
	top: 22px;
	right: 20px;
}

/* A.globalmenu */

#globalmenu{
	height: 47px;
	width: 499px;
	position: absolute;
	top: 41px;
	right: 6px;
	background: url(../images/head/navi_bg.jpg) no-repeat left top;
}
#globalmenu ul{;
}
#globalmenu li{
	float: left;
}
#globalmenu li a{
	display: block;
	_display: inline;
	height: 47px;
	float: left;
	margin-left:3px;
	text-indent: -5000px;
}
/* アンカー */
#globalmenu li#home a{
	width: 56px;
	background: url(../images/head/navi_bg.jpg) no-repeat -3px top;
}
#globalmenu li#wing a{
	width: 80px;
	background: url(../images/head/navi_bg.jpg) no-repeat -62px top;
}
#globalmenu li#service a{
	width: 67px;
	background: url(../images/head/navi_bg.jpg) no-repeat -145px top;
}
#globalmenu li#works a{
	width: 66px;
	background: url(../images/head/navi_bg.jpg) no-repeat -215px top;
}
#globalmenu li#profile a{
	width: 75px;
	background: url(../images/head/navi_bg.jpg) no-repeat -284px top;
}
#globalmenu li#recruit a{
	width: 66px;
	background: url(../images/head/navi_bg.jpg) no-repeat -362px top;
}
#globalmenu li#contact a{
	width: 66px;
	background: url(../images/head/navi_bg.jpg) no-repeat -431px top;
}
/* ホバー */
#globalmenu li#home a:hover{
	width: 56px;
	background: url(../images/head/navi_bg.jpg) no-repeat -3px bottom;
}
#globalmenu li#wing a:hover{
	width: 80px;
	background: url(../images/head/navi_bg.jpg) no-repeat -62px bottom;
}
#globalmenu li#service a:hover{
	width: 67px;
	background: url(../images/head/navi_bg.jpg) no-repeat -145px bottom;
}
#globalmenu li#works a:hover{
	width: 66px;
	background: url(../images/head/navi_bg.jpg) no-repeat -215px bottom;
}
#globalmenu li#profile a:hover{
	width: 75px;
	background: url(../images/head/navi_bg.jpg) no-repeat -284px bottom;
}
#globalmenu li#recruit a:hover{
	width: 66px;
	background: url(../images/head/navi_bg.jpg) no-repeat -362px bottom;
}
#globalmenu li#contact a:hover{
	width: 66px;
	background: url(../images/head/navi_bg.jpg) no-repeat -431px bottom;
}
/* カレント */
body#homepage #globalmenu li#home a{
	background: url(../images/head/navi_bg.jpg) no-repeat -3px bottom;
}
body#wingpage #globalmenu li#wing a{
	background: url(../images/head/navi_bg.jpg) no-repeat -62px bottom;
}
body#servicepage #globalmenu li#service a{
	background: url(../images/head/navi_bg.jpg) no-repeat -145px bottom;
}
body#workspage #globalmenu li#works a{
	background: url(../images/head/navi_bg.jpg) no-repeat -215px bottom;
}
body#profilepage #globalmenu li#profile a{
	background: url(../images/head/navi_bg.jpg) no-repeat -284px bottom;
}
body#recruit01page #globalmenu li#recruit a,
body#recruit02page #globalmenu li#recruit a,
body#recruit03page #globalmenu li#recruit a,
body#recruit04page #globalmenu li#recruit a{
	background: url(../images/head/navi_bg.jpg) no-repeat -362px bottom;
}
body#contactpage #globalmenu li#contact a{
	background: url(../images/head/navi_bg.jpg) no-repeat -431px bottom;
}

/********************************************
	5.container
********************************************/ 

.cover{
 margin: 0px 0px 33px 6px;
}
#profilepage .cover{
 margin: 0px 0px 0px 6px;
}
#recruit01page .cover,
#recruit02page .cover,
#recruit03page .cover,
#recruit04page .cover{
 margin: 0px 0px 0px 6px;
}
#homepage .container_col{
	margin: 0px 36px 31px 36px;
}
#wingpage .container_col{
	margin: 0px 66px 31px 66px;
}
#servicepage .container_col{
	margin: 0px 66px 31px 66px;
}
#workspage .container_col{
	margin: 0px 70px 23px 70px;
	_margin: 0px 70px 10px 70px;
}
#profilepage .container_col{
	margin: 0px 63px 0px 63px;
	padding-top:33px;
	padding-bottom:31px;
	background: url(../images/profile/container_bg.jpg) repeat-y left top;
}
#recruit01page .container_col{
	margin: 0px 60px 0px 59px;
	padding-top:33px;
	padding-bottom:31px;
	background: url(../images/recruit01/container_bg.jpg) repeat-y left top;
}
#recruit02page .container_col{
	margin: 0px 60px 0px 59px;
	padding-top:33px;
	padding-bottom:17px;
	background: url(../images/recruit02/container_bg.jpg) repeat-y left top;
}
#recruit03page .container_col{
	margin: 0px 60px 0px 59px;
	padding-top:33px;
	padding-bottom:31px;
	background: url(../images/recruit03/container_bg.jpg) repeat-y left top;
}
#recruit04page .container_col{
	margin: 0px 60px 0px 59px;
	padding-top:33px;
	padding-bottom:20px;
	_margin-bottom:-30px;
	background: url(../images/recruit04/container_bg.jpg) repeat-y left top;
}
*:first-child+html #profilepage .container_col{
padding-bottom:0px;
}
#profilepage .container_col,
#recruit01page .container_col,
#recruit02page .container_col,
#recruit03page .container_col,
#recruit04page .container_col{
_padding-bottom:0px;
}
*:first-child+html #recruit01page .container_col,
*:first-child+html #recruit02page .container_col,
*:first-child+html #recruit03page .container_col,
*:first-child+html #recruit04page .container_col{
padding-bottom:0px;
}
#workspage .container_col{
_padding-bottom:1px;
}
*:first-child+html #workspage .container_col{
padding-bottom:1px;
}
#recruit04page .container_col{
_padding-bottom:17px;
}

/* A.colR */

.bannerL{
	float: left;
}
.bannerR{
	float: right;
}

		/* a. homepage */

		#homepage .colR{
		_margin-bottom:31px;
		}
		*:first-child+html #homepage .colR{
		margin-bottom:31px;
		}
		
		#banner02 h3,#banner03 h3{
			float: left;
		}
		#banner02 p,#banner03 p{
			text-indent: -5000px;
		}
		#banner02 h3 a{
			display: block;
			height: 245px;
			width: 258px;
			background: url(../images/top/service02.gif) no-repeat left top;
			text-indent: -5000px;
		}
		#banner03 h3 a{
			display: block;
			height: 245px;
			width: 258px;
			background: url(../images/top/works03.gif) no-repeat left top;
			text-indent: -5000px;
		}
		#banner02 h3 a:hover{
			background: url(../images/top/service02.gif) no-repeat left bottom;
		}
		#banner03 h3 a:hover{
			background: url(../images/top/works03.gif) no-repeat left bottom;
		}
		h2#h_info{
			background: url(../images/top/h_info.gif) no-repeat left top;
			height: 24px;
			width: 532px;
			text-indent: -5000px;
			margin-bottom:10px;
		}
		#voice h3 a{
			height: 95px;
			width: 258px;
			background: url(../images/top/voice.gif) no-repeat left top;
			text-indent: -5000px;
			margin-bottom:7px;
			display: block;
		}
		#recruit h3 a{
			height: 95px;
			width: 258px;
			background: url(../images/top/recruit.gif) no-repeat left top;
			text-indent: -5000px;
			margin-bottom:7px;
			display: block;
		}
		#voice h3 a:hover{
			background: url(../images/top/voice.gif) no-repeat left bottom;
		}
		#recruit h3 a:hover{
			background: url(../images/top/recruit.gif) no-repeat left bottom;
		}
		#voice p,#recruit p{
			width: 258px;
		}

		/* b. wingpage */
		
		h2#h_model{
			background: url(../images/wing/h_model.gif) no-repeat left top;
			height: 27px;
			width: 449px;
			text-indent: -5000px;
			margin-bottom:20px;
		}
		#model_img{
			background: url(../images/wing/model_img.jpg) no-repeat left top;
			height: 519px;
			width: 449px;
			position: relative;
		}
		#model_img p{
			position: absolute;
			top: 212px;
			right: 0px;
			font-size: 11px;
			line-height: 1.20em;
		}
		
		/* c. servicepage */
		
		#servicepage .container_col #caseimg{
			height: 371px;
			width: 447px;
			background: url(../images/service/caseimg.jpg) no-repeat left top;
			position: relative;
			margin: 0px -14px 0px 0px;
		}
		#caseimg p{
			position: absolute;
			top: 377px;
			right: 14px;
		}
		h2#himg7{
			background: url(../images/service/himg7.gif) no-repeat left top;
			text-indent: -5000px;
			height: 34px;
			width: 422px;
			margin-bottom:17px;
		}
		h2#himg8{
			background: url(../images/service/himg8.gif) no-repeat left top;
			text-indent: -5000px;
			height: 34px;
			width: 422px;
			margin-bottom:17px;
		}
		#servicepage .container_col p{
			margin-bottom:17px;
		}
		
		/* d. workspage */
		/* e. profilepage */
		/* f. recruitpage */
		
		#recruit01page .line,
		#recruit02page .line,
		#recruit03page .line,
		#recruit04page .line{
				clear: both;
				background: url(../images/line.gif) repeat-x left top;
				width: 648px;
				margin-bottom:4px;
				margin-top:12px;
				_margin-bottom:-6px;
				_margin-top:25px;
				height: 1px;
			}
		#recruit01page .line2,
		#recruit02page .line2,
		#recruit03page .line2,
		#recruit04page .line2{
				clear: both;
				background: url(../images/line.gif) repeat-x left top;
				width: 648px;
				margin-bottom:23px;
				margin-top:12px;
				_margin-bottom:13px;
				_margin-top:35px;
				height: 1px;
			}
		#next p{
			text-align: right;
		}
		#next p a{
			background: url(../images/recruit01/next.gif) no-repeat left top;
			height: 12px;
			padding-left:50px;
		}
		#next p a:hover{
			background: url(../images/recruit01/next_on.gif) no-repeat left top;
			text-decoration: none;
		}
		
		#nextbtn p{
		}
		#nextbtn p a{
			background: url(../images/recruit03/btn.jpg) no-repeat left top;
			display: block;
			height: 90px;
			width: 649px;
			margin-left:3px;
			margin-top:22px;
			text-indent: -5000px;
		}
		#nextbtn p a:hover{
			background: url(../images/recruit03/btn.jpg) no-repeat left bottom;
		}
		
		#recruit01page h2#himg{
			background: url(../images/recruit01/himg.gif) no-repeat left top;
			text-indent: -5000px;
			height: 47px;
			width: 407px;
			margin-bottom:17px;
		}
		
		#recruit02page h2#timg{
			background: url(../images/recruit02/timg.gif) no-repeat left top;
			text-indent: -5000px;
			height: 19px;
			width: 648px;
			margin-bottom:15px;
		}
		#recruit02page h3#himg{
			background: url(../images/recruit02/himg.gif) no-repeat left top;
			text-indent: -5000px;
			height: 27px;
			width: 648px;
			margin-bottom:22px;
		}
		#recruit02page h4{
			font-weight: bold;
			color: #0099FF;
			margin-bottom:17px;
		}
		#recruit02page h5{
			font-weight: bold;
			color: #000000;
			margin-bottom:3px;
		}
		#recruit02page .floatR p{
			margin-bottom:13px;
		}
		
		#recruit03page h3#himg{
			background: url(../images/recruit03/himg.gif) no-repeat left top;
			text-indent: -5000px;
			height: 27px;
			width: 648px;
			margin-left:3px;
		}
		
		#recruit03page table{
				border-collapse: separate;
				border-spacing: 3px;
				width: 654px;
			}
			#recruit03page  th{
				width:106px;
				text-indent: -5000px;
			}
			#recruit03page  td{
				background: #f4f4f4;
				padding: 11px 0px 10px 15px;
			}
			#recruit03page #th1{
				background: #f0ecdd url(../images/recruit03/th1.jpg) no-repeat left top;
			}
			#recruit03page #th2{
				background: #f0ecdd url(../images/recruit03/th2.jpg) no-repeat left top;
			}
			#recruit03page #th3{
				background: #f0ecdd url(../images/recruit03/th3.jpg) no-repeat left top;
			}
			#recruit03page #th4{
				background: #f0ecdd url(../images/recruit03/th4.jpg) no-repeat left top;
			}
			#recruit03page #th5{
				background: #f0ecdd url(../images/recruit03/th5.jpg) no-repeat left top;
			}
			#recruit03page #th6{
				background: #f0ecdd url(../images/recruit03/th6.jpg) no-repeat left top;
			}
			#recruit03page #th7{
				background: #f0ecdd url(../images/recruit03/th7.jpg) no-repeat left top;
			}
			#recruit04page h3#timg{
				background: url(../images/recruit04/timg.gif) no-repeat left top;
				height: 16px;
				width: 646px;
				text-indent: -5000px;
				margin-bottom:16px;
			}

			form th,td{
				vertical-align: top;
			}
			input,textarea{
				padding:5px;
				border: 1px solid #D6D2C6;
				background: url(../images/recruit04/form_bg.gif) no-repeat left top;
				margin-bottom:20px;
			}
			input.check{
				border: none;
				background: url(none);
			}
			textarea{
			width: 544px;
			}
			.formth{
			position:relative;
			top:-6px;
			_top:3px;
			}
			.formth2{
			margin-right:20px;
			position:relative;
			top:-21px;
			_top:-25px;
			}
			.formth3{
			margin-right:20px;
			position:relative;
			top:-29px;
			_top:-30px;
			}
			p.clear{
				margin-bottom:0px;
			}
			form p#btn{
				text-align: center;
				_margin-bottom:0px;
			}
			#submitbtn{
				border:0px;
				margin-right:11px;
				background: url(none);
				margin-bottom:0px;
			}
			#resetbtn{
				border:0px;
				background: url(none);
				margin-bottom:0px;
			}
			.line3{
				clear: both;
				background: url(../images/line.gif) repeat-x left top;
				width: 648px;
				margin-bottom:17px;
				_margin-bottom:7px;
				margin-top:17px;
				height: 1px;
			}

/* B.colL */

		/* a. homepage */
		
		#banner01{
			position: relative;
		}
		#banner01 h2{
			background: url(../images/top/style01.gif) no-repeat left top;
			height: 162px;
			width: 357px;
			text-indent: -5000px;
			margin: -14px 0px 0px -11px;
		}
		#banner01 p{
			width: 350px;
			position: absolute;
			left: 25px;
			top: 140px;
		}
		h2#h_news{
			background: url(../images/top/h_news.gif) no-repeat left top;
			height: 24px;
			width: 393px;
			text-indent: -5000px;
			margin-bottom:10px;
		}

		/* b. wingpage */
		
		body#wingpage .colL p{
			margin-bottom:28px;
		}
		h2#t_wing{
			background: url(../images/wing/t_wing.gif) no-repeat left top;
			height: 47px;
			width: 367px;
			text-indent: -5000px;
			margin-bottom:28px;
		}
		
		/* c. servicepage */
		
			h2#himg1{
				background: url(../images/service/himg1.gif) no-repeat left top;
				text-indent: -5000px;
				height: 34px;
				width: 422px;
				margin-bottom:17px;
			}
			h3#timg1{
				background: url(../images/service/timg1.gif) no-repeat left top;
				text-indent: -5000px;
				height: 14px;
				width: 422px;
				margin-bottom:9px;
			}
			h3#timg2{
				background: url(../images/service/timg2.gif) no-repeat left top;
				text-indent: -5000px;
				height: 14px;
				width: 422px;
				margin-bottom:9px;
			}
			h2#himg2{
				background: url(../images/service/himg2.gif) no-repeat left top;
				text-indent: -5000px;
				height: 34px;
				width: 422px;
				margin-bottom:17px;
			}
			h2#himg3{
				background: url(../images/service/himg3.gif) no-repeat left top;
				text-indent: -5000px;
				height: 34px;
				width: 422px;
				margin-bottom:17px;
			}
			h2#himg4{
				background: url(../images/service/himg4.gif) no-repeat left top;
				text-indent: -5000px;
				height: 34px;
				width: 422px;
				margin-bottom:17px;
			}
			h2#himg5{
				background: url(../images/service/himg5.gif) no-repeat left top;
				text-indent: -5000px;
				height: 34px;
				width: 422px;
				margin-bottom:17px;
			}
			h2#himg6{
				background: url(../images/service/himg6.gif) no-repeat left top;
				text-indent: -5000px;
				height: 34px;
				width: 422px;
				margin-bottom:17px;
			}
			
		/* d. workspage */
		/* e. profilepage */
		
			#profilepage h3#timg{
				background: url(../images/profile/timg.gif) no-repeat left top;
				text-indent: -5000px;
				height: 20px;
				width: 563px;
				margin-bottom:0px;
				margin-left:3px;
			}
			#profilepage table{
	border-collapse: separate;
	border-spacing: 3px;
			}
			#profilepage th{
				width:100px;
				text-indent: -5000px;
			}
			#profilepage td{
				background: #f4f4f4;
				padding: 9px 0px 7px 15px;
			}
			#profilepage table a:link,
			#profilepage table a:visited{
				color: #0099FF;
				text-decoration: none;
			}
			#profilepage table a:hover,
			#profilepage table a:active{
				color: #0099FF;
			}
			#th1{
				background: #f0ecdd url(../images/profile/th1.gif) no-repeat left top;
			}
			#th2{
				background: #f0ecdd url(../images/profile/th2.gif) no-repeat left top;
			}
			#th3{
				background: #f0ecdd url(../images/profile/th3.gif) no-repeat left top;
			}
			#th4{
				background: #f0ecdd url(../images/profile/th4.gif) no-repeat left top;
			}
			#th5{
				background: #f0ecdd url(../images/profile/th5.gif) no-repeat left top;
			}
			#th6{
				background: #f0ecdd url(../images/profile/th6.gif) no-repeat left top;
			}
			#th7{
				background: #f0ecdd url(../images/profile/th7.gif) no-repeat left top;
			}
			
		/* f. recruitpage local menu */
		
			#recruit01page .colL ul,
			#recruit02page .colL ul,
			#recruit03page .colL ul,
			#recruit04page .colL ul{
			}
			#recruit01page .colL li,
			#recruit02page .colL li,
			#recruit03page .colL li,
			#recruit04page .colL li{
				text-indent: -5000px;
				margin-bottom:24px;
			}
			#recruit01page .colL li a,
			#recruit02page .colL li a,
			#recruit03page .colL li a,
			#recruit04page .colL li a{
				display: block;
				height: 12px;
				width: 114px;
			}
			#recruit01page .colL li#local1 a,
			#recruit02page .colL li#local1 a,
			#recruit03page .colL li#local1 a,
			#recruit04page .colL li#local1 a{
				background: url(../images/recruit01/local1.gif) no-repeat left top;
			}
			#recruit01page .colL li#local2 a,
			#recruit02page .colL li#local2 a,
			#recruit03page .colL li#local2 a,
			#recruit04page .colL li#local2 a{
				background: url(../images/recruit01/local2.gif) no-repeat left top;
			}
			#recruit01page .colL li#local3 a,
			#recruit02page .colL li#local3 a,
			#recruit03page .colL li#local3 a,
			#recruit04page .colL li#local3 a{
				background: url(../images/recruit01/local3.gif) no-repeat left top;
			}
			#recruit01page .colL li#local4 a,
			#recruit02page .colL li#local4 a,
			#recruit03page .colL li#local4 a,
			#recruit04page .colL li#local4 a{
				background: url(../images/recruit01/local4.gif) no-repeat left top;
			}
			#recruit01page .colL li#local1 a:hover,
			#recruit02page .colL li#local1 a:hover,
			#recruit03page .colL li#local1 a:hover,
			#recruit04page .colL li#local1 a:hover{
				background: url(../images/recruit01/local1.gif) no-repeat left bottom;
				_background: url(../images/recruit01/local1.gif) no-repeat left -12px;
			}
			*:first-child+html #recruit01page .colL li#local1 a:hover,
			#recruit02page .colL li#local1 a:hover,
			#recruit03page .colL li#local1 a:hover,
			#recruit04page .colL li#local1 a:hover{
				background: url(../images/recruit01/local1.gif) no-repeat left -12px;
			}
			#recruit01page .colL li#local2 a:hover,
			#recruit02page .colL li#local2 a:hover,
			#recruit03page .colL li#local2 a:hover,
			#recruit04page .colL li#local2 a:hover{
				background: url(../images/recruit01/local2.gif) no-repeat left bottom;
				_background: url(../images/recruit01/local2.gif) no-repeat left -12px;
			}
			*:first-child+html #recruit01page .colL li#local2 a:hover,
			#recruit02page .colL li#local2 a:hover,
			#recruit03page .colL li#local2 a:hover,
			#recruit04page .colL li#local2 a:hover{
				background: url(../images/recruit01/local2.gif) no-repeat left -12px;
			}
			#recruit01page .colL li#local3 a:hover,
			#recruit02page .colL li#local3 a:hover,
			#recruit03page .colL li#local3 a:hover,
			#recruit04page .colL li#local3 a:hover{
				background: url(../images/recruit01/local3.gif) no-repeat left bottom;
				_background: url(../images/recruit01/local3.gif) no-repeat left -12px;
			}
			*:first-child+html #recruit01page .colL li#local3 a:hover,
			#recruit02page .colL li#local3 a:hover,
			#recruit03page .colL li#local3 a:hover,
			#recruit04page .colL li#local3 a:hover{
				background: url(../images/recruit01/local3.gif) no-repeat left -12px;
			}
			#recruit01page .colL li#local4 a:hover,
			#recruit02page .colL li#local4 a:hover,
			#recruit03page .colL li#local4 a:hover,
			#recruit04page .colL li#local4 a:hover{
				background: url(../images/recruit01/local4.gif) no-repeat left bottom;
				_background: url(../images/recruit01/local4.gif) no-repeat left -12px;
			}
			*:first-child+html #recruit01page .colL li#local4 a:hover,
			#recruit02page .colL li#local4 a:hover,
			#recruit03page .colL li#local4 a:hover,
			#recruit04page .colL li#local4 a:hover{
				background: url(../images/recruit01/local4.gif) no-repeat left -12px;
			}
			#recruit01page .colL li#local1 a{
				background: url(../images/recruit01/local1.gif) no-repeat left bottom;
				_background: url(../images/recruit01/local1.gif) no-repeat left -12px;
			}
			*:first-child+html #recruit01page .colL li#local1 a{
				background: url(../images/recruit01/local1.gif) no-repeat left -12px;
			}
			#recruit02page .colL li#local2 a{
				background: url(../images/recruit01/local2.gif) no-repeat left bottom;
				_background: url(../images/recruit01/local2.gif) no-repeat left -12px;
			}
			*:first-child+html #recruit02page .colL li#local2 a{
				background: url(../images/recruit01/local2.gif) no-repeat left -12px;
			}
			#recruit03page .colL li#local3 a{
				background: url(../images/recruit01/local3.gif) no-repeat left bottom;
				_background: url(../images/recruit01/local3.gif) no-repeat left -12px;
			}
			*:first-child+html #recruit03page .colL li#local3 a{
				background: url(../images/recruit01/local3.gif) no-repeat left -12px;
			}
			#recruit04page .colL li#local4 a{
				background: url(../images/recruit01/local4.gif) no-repeat left bottom;
				_background: url(../images/recruit01/local4.gif) no-repeat left -12px;
			}
			*:first-child+html #recruit04page .colL li#local4 a{
				background: url(../images/recruit01/local4.gif) no-repeat left -12px;
			}

/* C.colM */

		/* a. homepage */
		/* b. wingspage */
		/* c. servicepage */

			#servicepage #banner{
			}
			#servicepage #banner a{
				background: url(../images/service/banner.gif) no-repeat left top;
				display: block;
				height: 124px;
				width: 880px;
				text-indent: -5000px;
			}
			#servicepage #banner a:hover{
				background: url(../images/service/banner.gif) no-repeat left bottom;
			}
			
		/* d. workspage */
		
			#workspage h2#timg{
				background: url(../images/works/timg.gif) no-repeat left top;
				text-indent: -5000px;
				height: 19px;
				width: 666px;
				margin-bottom:15px;
			}
			#workspage h2#himg{
				background: url(../images/works/himg.gif) no-repeat left top;
				text-indent: -5000px;
				height: 27px;
				width: 872px;
				margin-bottom:17px;
			}
			.block{
				width: 160px;
				float: left;
				margin-right:18px;
			}
			.block p{
				text-align:center;
				line-height: 1.25em;
				margin-top:1.0em;
			}
			.block p.url{
				margin-top:0.0em;
				margin-bottom:8px;
			}
			.block p.url a{
				margin-top:0.3em;
			}
			.block p.url a:link,
			.block p.url a:visited{
				color: #0099FF;
				text-decoration: none;
			}
			.block p.url a:hover,
			.block p.url a:active{
				color: #0099FF;
			}
			#workspage .line{
	clear: both;
	background: url(../images/line.gif) repeat-x left top;
	width: 872px;
	margin-bottom:22px;
	height: 1px;
			}
			#workspage .line{
				_margin-bottom:10px;
			}
			*:first-child+html #workspage .line{
				margin-bottom:22px;
			}
		
		/* e. profilepage */
		/* f. recruit01page */
		/* g. recruit02page */
		/* f. recruit03page */
		/* g. recruit04page */

/********************************************
	6.footer
********************************************/

h3.yadosys a{
	display: block;
	height: 41px;
	width: 296px;
	position: absolute;
	left: 189px;
	top: 1px;
	background: url(../images/foot/yadosys.gif) no-repeat left top;
	text-indent: -5000px;
}
p.yadosys{
	position: absolute;
	left: 36px;
	top: 12px;
	font-size: 10px;
}
h3.yadoclub a{
	display: block;
	height: 41px;
	width: 290px;
	position: absolute;
	right: 36px;
	top: 1px;
	background: url(../images/foot/yadoclub.gif) no-repeat left top;
	text-indent: -5000px;
}
p.yadoclub{
	position: absolute;
	right: 336px;
	top: 9px;
	line-height: 1.20em;
	font-size: 10px;
}
h3.yadosys a:hover{
	background: url(../images/foot/yadosys.gif) no-repeat left bottom;
}
h3.yadoclub a:hover{
	background: url(../images/foot/yadoclub.gif) no-repeat left bottom;
}
#footer ul{
	position: absolute;
	left: 36px;
	top: 58px;
}
#footer ul li{
	display: inline;
}
h4#policy a{
	height: 8px;
	width: 82px;
	display: block;
	background: url(../images/foot/policy.gif) no-repeat left top;
	position: absolute;
	top: 62px;
	right: 108px;
	text-indent: -5000px;
}
h4#mail a{
	height: 8px;
	width: 31px;
	display: block;
	background: url(../images/foot/mail.gif) no-repeat left top;
	position: absolute;
	top: 62px;
	right: 36px;
	text-indent: -5000px;
}
h4#policy a:hover{
	background: url(../images/foot/policy.gif) no-repeat left bottom;
	_background: url(../images/foot/policy.gif) no-repeat left -8px;
}
*:first-child+html h4#policy a:hover{
	background: url(../images/foot/policy.gif) no-repeat left -8px;
}
h4#mail a:hover{
	background: url(../images/foot/mail.gif) no-repeat left bottom;
	_background: url(../images/foot/mail.gif) no-repeat left -8px;
}
*:first-child+html h4#mail a:hover{
	background: url(../images/foot/mail.gif) no-repeat left -8px;
}
address{
	position: absolute;
	left: 36px;
	bottom: 15px;
}
#copy{
	height: 10px;
	width: 159px;
	text-indent: -5000px;
	background: url(../images/foot/copy.gif) no-repeat left top;
	position: absolute;
	right: 36px;
	bottom: 18px;
}#form {
	width: 100%;
}