/* -----------------------------------------------------------------
	selector
-----------------------------------------------------------------*/

body, td, p, textarea, input, select{
	font-size:13px;	
	font-family:"メイリオ", "ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace;
}

body{
	margin:0;
	padding:0;
	background:#FFF url(/image/background.png) repeat-x;
}

h1{
	margin:0;
	padding:0;
	height:70px;
	text-indent:-9999px;
	background-image:url(/image/header.png);
}

h1 a{
	display:block;
	width:250px;
	height:60px;
}



h2{
	margin:0;
	padding:0;
}

h3{
	margin:0;
	padding:0;
}

h4{
	border-bottom:#999 3px double;	
}

p{

}

ul{

}

address{
	margin:0;
	padding:10px;
	font-size:smaller;
	color:#666;
	font-style:normal;
}

img{
	border:none;
}

hr{
	display:none;
}


/* -----------------------------------------------------------------
	id - layout
-----------------------------------------------------------------*/

#wrap1{
	width:100%;
	margin:0 auto;
	padding:0px;
	text-align:center;
}


#wrap2{
	width:900px;
	margin:0 auto;
	padding:0px;
	text-align:left;
	background-color:#FFF;
	border-left:solid #CCC 1px;
	border-right:solid #999 1px;
}

#header{
	
}

#contents{
	width:820px;
	margin:20px;
	padding:0 20px;
}


#contents_job{
	width:100%;
}

#contents_job_left{
	float:left;
	width:550px;
	padding:5px;
}

#contents_job_right{
	float:left;
	width:320px;
	padding:5px;
}

#contents_pickup{
	width:100%;
}

#contents_pickup_left{
	float:left;
	width:260px;
	padding:5px;
}

#contents_pickup_right{
	float:left;
	width:260px;
	padding:5px;
}


#contents_area{
	width:100%;
}

#contents_area_left{
	float:left;
	width:500px;
	padding:0 15px;
}

#contents_area_right{
	float:left;
	width:340px;
	padding:5px;
}

#contents_hellowork{
	width:100%;
}

#contents_hellowork_left{
	float:left;
	width:150px;
	padding:0 20px;
}

#contents_hellowork_middle{
	float:left;
	width:330px;
	padding-right:20px;
}

#contents_hellowork_right{
	float:left;
	width:330px;
}

#contents #job-change{
	width:100%;
}

#contents #job-change_left{
	float:left;
	width:240px;
	margin:10px;
}

#contents #job-change_right{
	float:left;
	width:540px;
	margin:10px;
}

/* -----------------------------------------------------------------
	id - Header
-----------------------------------------------------------------*/

#search_keyword_s{
	float:right;
	padding:20px;
	text-indent:0;
}

#search_keyword_s #textarea{
	width:150px;	
}

#header .site_summary{
	width:100%;
}

#linkbutton{
	width:635px;
	margin:0 auto;
	padding:0px;
	text-align:center;
}

#linkbutton a{
	display:block;
	margin:5px;
	text-decoration:none;
	text-indent:-9999px;
}

#button_link_search{
	width:625px;
	height:40px;
	background:url(/image/button_link_search.png);
}

#button_link_keyword{
	width:186px;
	height:22px;
	float:left;
	background:url(/image/button_link_keyword.png);
}

#button_link_area{
	width:186px;
	height:22px;
	float:left;
	background:url(/image/button_link_area.png);
}

#button_link_hello{
	width:186px;
	height:22px;
	float:left;
	background:url(/image/button_link_hello.png);
}

/* -----------------------------------------------------------------
	id - contents　etc...
-----------------------------------------------------------------*/

#breadcrumbs_list{ /* パンくずリスト */
	margin:0 20px;
	clear:both;
	/*font-size:smaller;*/
}

#search_container{
	width:820px;
	margin:20px;
	padding:20px;
	border:1px solid #993;	
	background-color:#FFC;
}

#search_container dt{
	margin:5px;
	padding:2px;
	color:#930;
	background-color:#FC6;
}

#contents #list{
	line-height:2em;
	
}

#contents h3{
	margin:20px 0 20px 0;;
	padding:2px 2px 2px 5px;
	background-color:#EEF;
	border-left: solid 3px orange;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

#contents h3, #contents h3 a{
	color:#039;
	font-weight:bold;
}

#contents table{
	width:100%;	
}

#contents th{
	width:200px;
	margin:5px;
	padding:4px;
	color:#666;
	border:1px solid #CCC;
	background-color:#EEE;
	text-align:left;
}

#contents td{
	margin:5px;
	padding:4px;
	border-bottom:1px solid #CCC;
}

/* -----------------------------------------------------------------
	id - reading
-----------------------------------------------------------------*/

#contents_reading h2{
	width:540px;
	height:40px;
	text-indent:-9999px;
	background:url(/image/headline_reading.png);
}

#contents_reading ul{
	list-style-type:none;
	margin-left:0px;
	padding-left:0px;
}

#contents_reading ul a{
	display:block;
	width:255px;
	height:100px;
	margin:0 0 10px 10px;
	text-indent:-9999px;
	float:left;
}

#contents_reading #interview a{
	background:url(/image/button_interview.jpg) no-repeat;
}

#contents_reading #interview a:hover{
	background:url(/image/button_interview.jpg) no-repeat bottom;
}

#contents_reading #job-change a{
	background:url(/image/button_job-change.jpg) no-repeat;
}

#contents_reading #job-change a:hover{
	background:url(/image/button_job-change.jpg) no-repeat bottom;
}

#contents_reading #essay{
	clear:both;
	width:520px;;
	height:120px;
	margin:10px 0 10px 10px;
	background-color:#CCF;
}

#contents_reading #essay img{
	float:left;
}

#contents_reading #essay ol{
	float:left;
}

/* -----------------------------------------------------------------
	id - pickup
-----------------------------------------------------------------*/

#contents_pickup h2{
	clear:both;
	width:540px;
	height:30px;
	text-indent:-9999px;
	background:url(/image/headline_pickup.png);
}

#contents_pickup dt{
	margin: 5px 0;
	padding-left:5px;
	border-left: solid 3px orange;
}

#contents_pickup dt a{
	color:#039;
	font-weight:bold;
}

#contents_pickup ul{
	list-style-type:none;
	margin-left:0px;
	padding-left:0px;
}

#contents_pickup li{
	margin-top: 10px;
	padding: 0 5px 5px 5px;
	border-left: solid 3px #6C6;
	border-right: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	background-color:#EEE;
}

#contents_pickup dd{
	margin-left:0;
	padding-left: 10px;
	font-size:smaller;
}

#contents_pickup .salary{
	color:red;
}

/* -----------------------------------------------------------------
	id - tool
-----------------------------------------------------------------*/

#tool h2{
	width:320px;
	height:40px;
	text-indent:-9999px;
	background:url(/image/headline_tool.png);
}

#tool ul{
	list-style-type:square;
	margin:5px 20px;
	padding-left:0;
}

/* -----------------------------------------------------------------
	id - search_pulldown
-----------------------------------------------------------------*/

#search_pulldown h2{
	width:320px;
	height:40px;
	text-indent:-9999px;
	background:url(/image/headline_search_pulldown.png);
}

/* -----------------------------------------------------------------
	id - jobtype
-----------------------------------------------------------------*/


#jobtype h2{
	width:320px;
	height:40px;
	text-indent:-9999px;
	background:url(/image/headline_jobtype.png);
}

#jobtype ul{
	list-style-type:none;
	margin-left:0px;
	padding-left:0px;
}

#jobtype li{
	width:309px;
	height:42px;
	padding:3px;
	background:#E7F8E0 url(/image/background_jobtype.png) no-repeat;
	border:1px solid #81A473;
}

#jobtype dt a{
	margin-left:20px;
	color:#900;
	font-weight:bold;
}


#jobtype dd{
	margin-left:20px;
	font-size:smaller;
}

/* -----------------------------------------------------------------
	id - 注目のキーワード
-----------------------------------------------------------------*/

#keyword h2{
	width:320px;
	height:40px;
	text-indent:-9999px;
	background:url(/image/headline_keyword.png);
}

#keyword ul{
	list-style-type:none;
	margin:5px 20px;
	padding-left:0;
}

#keyword li{
	float:left;
}

/* -----------------------------------------------------------------
	id - ソーシャルブックマークに登録
-----------------------------------------------------------------*/

#socialbookmark h2{
	clear:both;
	width:320px;
	height:40px;
	text-indent:-9999px;
	background:url(/image/headline_socialbookmark.png);
}

#socialbookmark ul{
	list-style-type:none;
	margin:5px 20px;
	padding-left:0;
}

#socialbookmark li{
	width:20px;
	float:left;
}

/* -----------------------------------------------------------------
	id - keyword
-----------------------------------------------------------------*/


#search_keyword_l{
	clear: both;
}

#search_keyword_l h2{
	margin:10px 15px;
	width:870px;
	height:40px;
	text-indent:-9999px;
	background:url(/image/headline_search_keyword.png);
}

#search_keyword_l #search_keyword_l_form{
	display:block;
	margin:0 20px;
	padding:10px 10px 0 0;
	width:845px;
	height:40px;
	text-align:right;
	background:url(/image/background_search_keyword.png) #E6E2A4 no-repeat;
}

#search_keyword_l #search_keyword_l_form #textarea{
	width:480px;
}

/* -----------------------------------------------------------------
	id - area
-----------------------------------------------------------------*/

#search_area{
	clear: both;
	color:#039;
}

#search_area h2{
	margin:10px 15px;
	width:870px;
	height:40px;
	text-indent:-9999px;
	background:url(/image/headline_search_area.png);
}

#search_area h3{
	margin: 5px 0;
	padding: 2px;
	background-color:#D2DE8E;
	font-weight:normal;
}

/* -----------------------------------------------------------------
	id - hellowork
-----------------------------------------------------------------*/

#hellowork a{
	color:#900;
}

#hellowork h2{
	margin:10px 15px;
	width:870px;
	height:40px;
	text-indent:-9999px;
	background:url(/image/headline_hellowork.png);
}

#hellowork h3{
	margin: 5px 0;
	padding: 2px;
	background-color:#F7EA7C;
	font-weight:normal;
}


/* -----------------------------------------------------------------
	id - bottom
-----------------------------------------------------------------*/

#pagelink{
	width:860px;
	padding:0 20px;
	word-break:break-all;
}


#pagetop{
	clear: both;
}

#pagetop a{
	margin:5px;
	width:165px;
	height:23px;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
	float:right;
	background:url(/image/button_link_pagetop.png);
}

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

#footer{
	clear: both;
	padding-top:20px;
	text-align:center;
	background:#EEFDE6 url(/image/background_footer.png) repeat-x;
	border-bottom:2px solid #6CBB4C;
}

#footer #mutual{
	margin:5px 0;
	color:#666;
	font-size:smaller;
}

/* -----------------------------------------------------------------
	id - 面接マナーチェック検定
-----------------------------------------------------------------*/

#assay{
	margin:20px;
	text-align:center;
}


/* -----------------------------------------------------------------
	class
-----------------------------------------------------------------*/

hr.dotline{
	clear:both;
	display:block;
	margin:10px 0;
	padding:0;
	border-style: dotted none none none;
	border-top-width: 2px;
	border-top-color: #999;

}

.site_summary{
	margin:5px 20px;
	padding:0px;
	font-size:smaller;
}

.subtitle{
	color:#666;
	font-size:x-small;
}

.photo{
	margin:5px 10px;
	padding:10px;
	border:#CCC solid 1px;
	background-color:#FFF;
}

.google_ad{
	clear: both;
	width:860px;
	text-align:center;	

	margin:10px;
	padding:10px;
	border-style: dotted none dotted none;
	border-top-width: 2px;
	border-top-color: #999;
	border-bottom-width: 2px;
	border-bottom-color: #999;
}

.commentout{
	display:none;
}

.totalnumber{
	font-family:Arial, Helvetica, sans-serif;
	font-size:x-large;
	font-weight:bold;
	color:#900;
}

tr.stripe_gray{
	background-color:#DDD;	
}