﻿@charset "utf-8";

/*
--------------------------------------------------------------------------------------------------------------
--------------------------------------------------GLOBAL RESET------------------------------------------------
--------------------------------------------------------------------------------------------------------------
*/

	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,table,tbody,th,td{margin:0em;padding:0em;}
	/*body{font-size:62.5%;font-family:"メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}*/
	body{font-size:62.5%;font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
	/*table{border-collapse:collapse;border-spacing:0em;}*/
	fieldset,img,abbr{border:0em;}
	address,caption,cite,code,dfn,h1,h2,h3,h4,th,var{font-style:normal;font-weight:normal;}
	caption,th{text-align:left;}
	ul{list-style:none;}
	img{vertical-align:bottom; border:none;}



/*------------------------------------------h1h6------------------------------------------*/


	h1 {}

	h2 {
		font-size : 1em ;
		margin    : 0   ;
		padding   : 0   ;
	}
	
	h2.textHead {
		height      : 34px  ;
		padding     : 16px 0 0 20px ;
		font-size   : 1.6em ;
		font-weight : bold  ;
		line-height : 1.0em ;
		background  : url(../img/head/textHead.png) no-repeat ;	
	}
	
	h3 {
		font-size : 1em ;
		margin    : 0 0 25px 0 ;
		padding   : 0   ;
	}
	
	h3.textHead {
		color       : #345 ;
		height      : 20px  ;
		margin      : 0 0 15px 0 ;
		padding     : 7px 0 0 6px ;
		font-size   : 1.4em ;
		font-weight : bold  ;
		line-height : 1.0em ;
		border-top  : 3px solid #36a0ce ;
		border-bottom : 1px solid #aaa  ;
	}
	
	h4 {
		font-size : 1.2em ;
		margin    : 0   ;
		padding   : 0   ;
	}
	
	

/*--------------------------------------------------------------------------------------*/


	a:link    { color: #2e72b1 ; }
	a:visited { color: #2e72b1 ; }
	a:hover   { color: #69acd7 ; text-decoration : none ; }
	a:active  { color: #69acd7 ; text-decoration : none ; }
	
	br.clear {
		clear : both ;
	}
	
	.clearfix:after {
	  content: ".";  /* 新しい要素を作る */
	  display: block;  /* ブロックレベル要素に */
	  clear: both;
	  height: 0;
	  visibility: hidden;
	}
	
	.clearfix {
	  min-height: 1px;
	}
	
	* html .clearfix {
	  height: 1px;
	  /*?*//*/
	  height: auto;
	  overflow: hidden;
	  /**/
	}
	

	* {
		margin  : 0 ;
		padding : 0 ;
	}

	html {
		height : 100% ;
	}
	
	body {
		height : 100% ;
		background-color : #fff   ;
		color            : #444   ;
		text-align       : center ;
	}
	

	#wrapper {
		width      : 958px         ;
		min-height : 100%          ;
		height     : auto !important;
		height     : 100%          ;  
		margin     : 0 auto;
		padding    : 0px           ;
	}
	
	
	
	p {
		color        : #444       ;
		line-height  : 150%       ;
	}
	
	.detailLink {
		font-size   : 1.2em  ;
		font-weight : bold   ;
	}
	
/*-------------------------------------------header-------------------------------------------*/

#header {
	width   : 958px ;
	height  : 105px ;
	margin  : 0 auto ;
	padding : 0 ;
	text-align:left;
}

#description {
	color       : #fff ;
	font-size   : 1em  ;
	font-weight : bold ;
	line-height : 1em  ;
	padding     : 4px 10px ;
	>padding    : 3px 10px 5px 10px ;
	background  : url(../img/h_bg_description.png) repeat ;
}

#headerContents {
	height : 71px ;
	/*background  : url(../img/h_bg_header.png) no-repeat ;*/
}

.headerLogo {
	width : 280px ;
	padding : 14px 0 0 0px ;
	float : left  ;
	display:inline;
}

#logo {
	width     : 160px ;
	height    : 45px  ;
	margin    : 0 15px 0 0 ;
	padding   : 0 ;
	float     : left    ;
	display   : inline  ;
}

#site {
	width   : 90px   ;
	height  : 41px   ;
	float   : left   ;
	display : inline ;
}

.bannerWrapper {
	width   : 360px ;
	margin  : 6px 10px 0 0 ;
	float   : right  ;
	display : inline ;
}

#headBanner {
	width      : 355px ;
	height     : 55px  ;
	border     : 1px solid #ccc ;
	padding    : 1px ;
	background : #fff ;
}


#gNavWrapper {
	height : 34px ;
}

#gNav {
	margin-bottom:0px;
	margin-left:0px;
}

#gNav li {
	/*width : 126px ;*/
	float : left ;
	margin-bottom:10px;
}

#gNav li.gNavTop {
	width : 130px ;
}





/*----------------------------------------contentsBase----------------------------------------*/

#contentsWrapper {
	padding : 0px 0 20px 0 ;
}

#rightWrapper {
	width   : 300px  ;
	float   : right   ;
	display : inline ;
}

	#allReq {
		width      : 200px ;
		height     : 115px ;
		margin     : 0 0 11px 0 ;
		padding    : 0 ;
		background : url(../img/leftBlock/bg_allReq.png) no-repeat ;
	}
	
	p.arText {
		padding     : 13px 0 3px 13px ;
		font-size   : 1.2em ;
		text-align  : left  ;
		font-weight : bold  ;
	}
	
		p.arText span {
			color : #c91c1c ;
		}

	#arBtn {
		width   : 170px ;
		padding : 0     ;
		margin  : 0     ;
	}
	
	
	#rankWrapper {
		margin-bottom : 15px ;
	}
	
	.rankBox {
		text-align : left  ;
		padding    : 8px 0 ;
		background : url(../img/leftBlock/border_dotted.png) repeat-x bottom ;
	}
	
		.rankIcon {
			width   : 29px ;
			height  : 33px ;
			margin  : 0 7px 0px 0 ;
			float   : left   ;
			display : inline ;
		}
		
		.r_siteName {
			height  : 33px ;
			margin  : 0 0 0px 0 ;
			float   : left   ;
			display : inline ;
		}

		.listAddBtn {
			width   : 119px  ;
			height  : 21px   ;
			margin  : 0 7px 0 0 ;
			float   : left   ;
			display : inline ;
		}
		
		.dl_rank {
			padding : 3px 0 0 0 ;
			float   : left    ;
			display : inline  ;
			margin-left:20px;
		}


	#wSearchWrapper {
		border : 1px solid #ccc ;
		margin-bottom : 15px ;
	}
	
		#wsList {}
		
		#wsList li {
			font-size   : 1.2em ;
			text-align  : left ;
			text-indent : 1.9em ;
			background  : url(../img/leftBlock/border_dotted.png) repeat-x bottom;
		}
		
		#wsList li.wsLast {
			background  : none;
		}
		
		#wsList li a {
			display         : block ;
			padding         : 8px 0 ;
			line-height     : 1em   ;
			text-decoration : none  ;
			background      : url(../img/leftBlock/icon_searchArrow.png) no-repeat 8px center;
		}
		
		#wsList li a:hover {
			color:#fff;
			background-color : #96ced6 ;
		}


	#lwVoiceWrapper {
		border : 1px solid #ccc ;
		margin-bottom : 15px ;
	}
		.lwVoiceBox {
			padding : 8px ;
		}
		
		.lwvbBorder {
			background:url(../img/leftBlock/border_dotted.png) repeat-x bottom;
		}
	
		.lwVoicePhoto {
			width   : 61px ;
			height  : 72px ;
			margin  : 0 10px 0 0 ;
			padding : 1px  ;
			float:left;
			border  : 1px solid #ccc ;
			background : #fff;
		}
	
		.lwVoiceText {
			font-size  : 1.2em ;
			text-align : left ;
			padding    : 0 0 5px 0 ;
		}
		
		.dl_lwVoice {
			text-align : right ;
		}
	
	#lwColumnWrapper {
		border : 1px solid #ccc ;
		margin-bottom : 15px ;
	}
	
		.lwColumnText {
			font-size  : 1.2em ;
			text-align : left ;
			padding    : 8px ;
		}


#leftWrapper {
	width      : 648px  ;
	text-align : left   ;
	margin-top : 0px    ;
	float      : left  ;
	display    : inline ;
	font-size:1.2em;
}


	#workSearchHead {
		width   : 117px  ;
		float   : left   ;
		display : inline ;
		margin-bottom:0;
	}
	
	#comList {
		float   : right     ;
		display : inline    ;
		padding : 3px 0 0 0 ;
	}
	
	#workSearchBox {
		width         : 604px  ;
		height        : 221px  ;
		margin-bottom : 20px   ;
		padding       : 0 22px ;
		background    : url(../img/bg_workSearch.png) no-repeat ;
	}
	
		#wsBtn_A {
			width   : 247px  ;
			float   : left   ;
			display : inline ;
			margin-top : 14px ;
		}
		
		#wsBtn_B {
			width   : 250px  ;
			float   : right  ;
			display : inline ;
		}
		
		#wsBtn_C {
			width   : 242px  ;
			float   : left   ;
			display : inline ;
			margin-top : 11px ;
		}
		
		#wsBtn_D {
			width   : 242px  ;
			float   : right  ;
			display : inline ;
			margin-top : 16px ;
		}
	
	#welcomeWrapper{
		width:640px;
		height:200px;
		border:1px solid #d7d7d7;
		padding:1px;
		background-image: url('../img/welcome_bg.jpg');
		background-repeat: no-repeat;
		background-position: right top;
		margin-bottom:10px;
	}

	#pickupWrapper {
		width  : 632px ;
		height : 250px ;
		margin :0px 0 20px 0 ;
		padding : 0 5px ;
		/*background : url(../img/index/bg_pickup.png) no-repeat ;*/
		background-color: #FFF0DD;
		border:1px solid #6497D2;
	}
	
	
		.pickupBox {
			width   : 101px  ;
			height:220px;
			margin  : 15px 2px  ;
			float   : left   ;
			display : inline ;
		}
		
			.puImg {
				margin-bottom : 5px ;
			}
			
			.puText {
				width:104px;
				height     : 38px ;
				display:table-cell;
				text-align : center ;
				vertical-align:middle;
				font-size  : 0.9em ;
			}
			
			.puBtn {
				text-align : center ;
			}
		
	
			* html .puText{/* IE 6 */
			display:inline;
			zoom:1;
			}
			
			*:first-child+html .puText{/* IE 7 */
			display:inline;
			zoom:1;
			}
	
	.search_h2{
		margin-bottom:10px;
	}


/*-------------------------------------------footer-------------------------------------------*/

	
	#footer {
		width      : 958px ;
		height     : 220px ;
		margin     : 10px auto 0 auto ;
	}
	
	#pagetop {
		float:right;
		text-align:right;
	}
	
	#team6 {
	
	}
	
	#fNav {
		margin : 20px 0 0 2px ;
	}
	
	#fNav li {
		float           : left    ;
	}
	
	#fNav li a {
		width           : 125px   ;
		height          : 18px    ;
		margin          : 0 0 0 1px ;
		padding         : 6px 0 0 0 ;
		color           : #487f99 ;
		text-align      : center  ;
		text-decoration : none    ;
		display         : block   ;
		background      : #e7e7e7 ;
	}
	
	#fNav li a:hover {
		color:#fff;
		background      : #7c9ec2 ;
	}
	
	
	#credit {
		width  : 100% ;
		margin : 20px 0 0 0;
	}
	
		.c_left {
			width   : 132px   ;
			padding : 0 10px 0 0  ;
			float   : left   ;
			display : inline ;
		}
		
		.c_right {
			text-align : left   ;
			float      : left   ;
			display    : inline ;
			margin-left:10px;
		}
	
		.copyright {
			padding     : 4px 0 0 0 ;
			line-height : 1         ;
			text-align  : center    ;
		}
		
		#fSubNav {
			margin-top : 8px ;
		}
			
			#fSubNav li {
				margin-right : 15px   ;
				float        : left   ;
				line-height  : 1      ;
			}
			
			#fSubNav li a {
				color           : #487f99 ;
				text-decoration : none    ;
			}
			
			#fSubNav li a:hover {
				color           : #52a2c8 ;
				text-decoration : none    ;
			}
	
	
	


.pan{
	margin-bottom:5px;
}

.leftad{
	float:left;
}
.rightad{
	float:right;
}
.matchtext{
	background-color: #F4F4F4;
}