@charset "Shift_JIS";

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	margin:0;
	padding:0;
	color:#333333;
	text-align:center;

}


#wrapper{
	width:890px;
	margin:0 auto;
	padding:0;
	background-color:#ffffff;
}

#pagebody {
	text-align: left;
	margin:0 auto;
	padding:0;
	width:820px;
}

img{
      	border:none;
}

#header{
       	margin:0;
       	padding:0;
       	width:820px; 
    
}

#header_left{
	float:left;
	width:545px;
	margin:0;
	padding:0;
}

#header h1{
	margin:5px 0 0 0;
	padding:0;
	font-size:11px;
	font-weight:normal;
}

#header_left #logo{
	width:211px;
	margin:20px 0 0 0;
	padding:0;
}

#header_left #logo img{
	vertical-align:middle;
}

#header_right{
	float:right;
	width:272px;
	margin:0;
	padding:0;
}

#header_right #header_menu{
	width:272px;
	margin:0;
	padding:5px 0 0 0;
	text-align:right;
	color:#ff33ff;
	font-size:11px;
}

#header_right #tel{
	margin:0;
	padding:14px 0 0 0;
	text-align:right;
	font-size:12px;
}

#gnavi{
	clear:both;
        width:820px;
        height:43px;
        margin:0;
        padding:10px 0 0 0;
}

#gnavi img{
        vertical-align:bottom;
}

#gnavi ul {
        list-style: none;
        margin: 0;
        padding: 0;
}

#gnavi ul li {
       	float:left;
        list-style :none;
        margin: 0;
        padding: 0;
}


#gnavi li a {
        margin: 0;
        padding: 0;
        display:block;
        outline: 0;
}



#gnavi div.guide li#menu_home{
	background-image:url(../images/menu/menu_home.jpg);
	background-repeat:no-repeat;
	width:150px;
	height:43px;
	text-indent:-9999px;
}

#gnavi div.guide li#menu_home a:hover{
	background-image:url(../images/menu/menu_home_on.jpg);
	background-repeat:no-repeat;
	width:150px;
	height:43px;
	text-indent:-9999px;
}

#gnavi div.guide li#menu_home a{
	width:150px;
	height:43px;
	outline:0;
}

#gnavi div.guide li#menu_service{
	background-image:url(../images/menu/menu_service.jpg);
	background-repeat:no-repeat;
	width:175px;
	height:43px;
	text-indent:-9999px;
}

#gnavi div.guide li#menu_service a:hover{
	background-image:url(../images/menu/menu_service_on.jpg);
	background-repeat:no-repeat;
	width:175px;
	height:43px;
	text-indent:-9999px;
}

#gnavi div.guide li#menu_service a{
	width:175px;
	height:43px;
	outline:0;
}


#gnavi div.guide li#menu_job{
	background-image:url(../images/menu/menu_job.jpg);
	background-repeat:no-repeat;
	width:163px;
	height:43px;
	text-indent:-9999px;
}

#gnavi div.guide li#menu_job a:hover{
	background-image:url(../images/menu/menu_job_on.jpg);
	background-repeat:no-repeat;
	width:163px;
	height:43px;
	text-indent:-9999px;
}

#gnavi div.guide li#menu_job a{
	width:163px;
	height:43px;
	outline:0;
}


#gnavi div.guide li#menu_success{
	background-image:url(../images/menu/menu_success.jpg);
	background-repeat:no-repeat;
	width:163px;
	height:43px;
	text-indent:-9999px;
}

#gnavi div.guide li#menu_success a:hover{
	background-image:url(../images/menu/menu_success_on.jpg);
	background-repeat:no-repeat;
	width:163px;
	height:43px;
	text-indent:-9999px;
}

#gnavi div.guide li#menu_success a{
	width:163px;
	height:43px;
	outline:0;
}


#gnavi div.guide li#menu_faq{
	background-image:url(../images/menu/menu_faq.jpg);
	background-repeat:no-repeat;
	width:169px;
	height:43px;
	text-indent:-9999px;
}

#gnavi div.guide li#menu_faq a:hover{
	background-image:url(../images/menu/menu_faq_on.jpg);
	background-repeat:no-repeat;
	width:169px;
	height:43px;
	text-indent:-9999px;
}

#gnavi div.guide li#menu_faq a{
	width:169px;
	height:43px;
	outline:0;
}

#contents {
	width:820px;
	margin:10px 0 0 0;
	padding:0;
	background-color:#FFFFFF;
	display:inline-block;
}


/*-------------左サイド--------------*/

#leftside {
	margin:0;
	padding:0;
       	float:left;
       	width: 190px;
}

#leftside img {
	vertical-align:bottom;

}


/*------------- 左側タイトル共通 -------------*/


.left_title{
	margin:0;
	padding:0 0 10px 0;

}


/*------------- 左側バナー -------------*/


#left_regist{
	margin:13px 0 0 0;
	padding:0;

}

#left_faq{
	margin:20px 0 0 0;
	padding:0;
	background-image:url(../images/left_faq.jpg);
	background-repeat:no-repeat;
	width:190px;
	height:210px;
}

#left_faq ul{
	margin:0;
	padding:53px 0 0 10px;
	font-size:12px;
}

#left_faq li{
	margin:0 10px 10px 0;
	padding:0;
	list-style:none;
	font-size:12px;
	line-height:140%;
}

#left_faq li a{
	text-decoration:underline;
	color:#333333;
}

#left_faq li a:hover{
	color:#ff6666;
}


#left_faq span{
	margin:20px 0 0 8px;
	padding:0;
}

.left_bunnar img{
	margin:20px 0 0 0;
	padding:0 0 0 0;

}



/*------------- メインコンテンツ　タイトル共通 -------------*/


.contents_title{
	margin:0;
	padding:0 0 10px 0;

}




/*-------------メインコンテンツ-------------*/

#maincontents {
	width:610px;
	float:right;
	margin:0 0 0 10px;
	padding:0;
	text-align: left;
	background-color:#FFFFFF;
}

#maincontents  img{
	vertical-align:bottom;
}

#maincontents  #pict_main{
	margin:0 0 20px 0;
	padding:0;
}

#maincontents  h2{
	margin:0 0 15px 0;
	padding:0;
}

#top_merit{
	width:610px;
	height:120px;
	margin:0 0 15px 0;
	padding:0;
}



#top_merit_left{
	float:left;
	width:428px;
	margin:0;
	padding:0 0 15px 0;
}

#top_merit_left ul{
	margin:8px 0 0 0;
	padding:0;
}

#top_merit_left li{
	margin:0 0 18px 0;
	padding:0 0 0 23px;
	font-size:13px;
	background:url(../images/pict_merit_circle01.jpg) left no-repeat;
	list-style:none;
	line-height:180%;
}

#top_merit_right{
	float:right;
	width:180px;
	margin:0;
	padding:0;
}

#top_recommend{
	width:610px;
	margin:0 0 20px 0;
	padding:0;
}



#top_recommend ul{
	margin:10px 0 0 0;
	padding:0;
}


#top_recommend li{
	margin:0 0 10px 0;
	padding:0;
	font-size:13px;
	list-style:none;
	line-height:160%;
}

#top_recommend li a{
	padding-left:3px;
	color:#333333;	
}

#top_recommend li a:hover{
	color:#ff6666;	
}

#top_search{
	width:590px;
	height:190px;
	margin:0 0 20px 0;
	padding:0;
}

#top_search_left{
	float:left;
	width:440px;
	height:174px;
	margin:0 0 20px 0;
	padding:0;
	border:1px solid #eaeaea;
	background:#fafafa;
}

#top_search_right{
	float:right;
	width:138px;
	margin:0;
	padding:0;
}

#top_search_table{
	width:420px;
	margin:18px 0 0 20px;
	padding:0;
}

.top_search_table_left{
	width:80px;
	margin:0;
	padding:5px;
	font-size:12px;
}

.top_search_table_right{
	width:300px;
	margin:0;
	padding:5px;
	font-size:12px;
}

.top_search_table_right .size2{
	width:250px;
}

#btn_top_search{
	margin:10px 0 0 149px;
	padding:0;
}


#top_news{
	clear:both;
	width:610px;
	margin:0 0 20px 0;
	padding:0;
}


#top_news ul{
	margin:8px 0 0 0;
	padding:0;
}

#top_news li{
	margin:0 0 18px 0;
	padding:0 0 0 20px;
	font-size:12px;
	background:url(../images/pict_news_arrow.jpg) left no-repeat;
	list-style:none;
	line-height:180%;
}



#top_news li a{
	color:#333333;
}

#top_news li a:hover{
	color:#ff6666;
}


#maincontents #home_okinawa_table{
 width:600px;
 margin:0 0 20px 0;
}

#maincontents #home_okinawa_table td{
 font-size:13px;
 vertical-align:top;
}

#maincontents #home_okinawa_table .leftArea{
 width:430px;
 vertical-align:top;
}

#maincontents #home_okinawa_table .leftArea p{
 padding-right:20px;
 margin-bottom:3px;
}

#maincontents #home_okinawa_table .leftArea a{
 color:#ff6666;
}

#maincontents #home_okinawa_table .leftArea a:hover{
 color:#0033cc;
}

/*-------------フッタ-------------*/


#bottom_menu{
       	margin:0;
	padding:50px 0 5px 0;
       	font-size:12px;
	color:#666666;
	text-align:right;
	line-height:180%;
	font-size:11px;
}

#bottom_menu a{
       	color:#999999;
}

#bottom_menu a:hover{
      	color:#ff6666;
}



#copyright{
      	font-size:11px;
      	margin:0;
	padding:30px 0 5px 0;
      	text-align:center;
       	color:#999999;
}



#footer {
	clear:both;
	margin:0;
	padding:0;
	width:100%;
	height:160px;
	background-image: url(../images/footer_back.jpg);
	background-repeat:repeat-x;
}

#designed{
       	margin:80px 0 5px 0;
	padding:0;
	font-size:10px;
       	color:#999999;
       	text-align:center;
}

#designed a{
       	color:#999999;
}


/* 転職支援サービス　service/index.html
------------------------------------------*/

#service{
	width:610px;
	margin:14px 0 0 0;
	padding:0;
}

.service_text{
	clear:both;
	margin:0 10px 15px 5px;
	padding:0;
	font-size:13px;
}

#flow{
	width:610px;
	margin:0;
	padding:25px 0 25px 0;
}

#flow_table{
	width:600px;
	margin:0 0 10px 5px;
	padding:0;
}

#flow_table .flow_table_left{
	width:188px;
	margin:0;
	padding:0;
}


#flow_table .flow_table_right{
	margin:20px 0 0 0;
	padding:0;
	font-size:13px;
	line-height:150%;
}

.flow_text{
	margin:0 0 0 5px;
	padding:20px 0 0 0;
	font-size:13px;
	line-height:160%;
}


#howto_contact{
	width:610px;
	margin:0;
	padding:0 0 25px 0;
	border:1px solid #ff8888;
}

#howto_contact_table{
	width:600px;
	margin:0;
	padding:0;
}

#howto_contact_table #howto_contact_table_left{
	width:200px;
	margin:0;
	padding:0 0 0 50px;
	text-aline:left;
}

#howto_contact_table #howto_contact_table_right{
	width:250px;
	margin:0;
	padding:0;
	text-aline:left;
}


/* 転職登録　regist/index.html
------------------------------------------*/

#regist{
	width:610px;
	margin:14px 0 0 0;
	padding:0;
}


.regist_text{
	margin:20px 0 25px 5px;
	padding:10px;
	font-size:13px;
	border:1px solid #ff6666;
	background-color:#fff7f7;
}




.regist_remark_text{
	margin:0 0 0 5px;
	padding:0;
	font-size:11px;
}

.regist_remark_text span{
	color:#ff6600;
}

#regist_table{
	width:600px;
	margin:0 0 0 5px;
	padding:0;
	border:1px solid #cccccc;
}

#regist_table .regist_table_left{
	margin:0;
	padding:5px 0 5px 10px;
	width:148px;
	background-color:#f9f9f9;
	font-size:12px;
	border-bottom:1px solid #ffffff;
}

#regist_table .regist_table_right{
	border-bottom:1px solid #ffffff;
	padding:10px 0 10px 10px;
	border-bottom:1px solid #eeeeee;
	font-size:12px;
}

#regist_table td.bordernone{
	border:none;
}

.komemark{
	color:#ff6600;
}

#regist_table .size1{
	width:150px;
}

#regist_table .size2{
	width:250px;
}

#regist_table .size3{
	width:50px;
}


.regist_kiyaku_text{
	margin:20px 0 0 5px;
	padding:0;
	font-size:12px;
}

#agree_check{
	margin:10px 0 0 5px;
	padding:0;
	font-size:12px;
	background-color:#eeeeee;
}

#btn_regist{
	margin:20px 0 0 5px;
	padding:0;
	font-size:11px;
	text-align:center;
}


/* 求人情報検索　job/index.html
------------------------------------------*/

#job{
	width:610px;
	margin:14px 0 0 0;
	padding:0;
}


#job  h2{
	margin:0;
	padding:0 0 20px 0;
}


.job_text{
	margin:20px 0 25px 5px;
	padding:0;
	font-size:13px;
}

.hp_name{
	margin:20px 0 5px 5px;
	padding:0 0 0 8px;
	font-size:14px;
	border-left:3px solid #ff6666;
	font-weight:bold;
}

.job_table{
	width:600px;
	margin:0 0 20px 5px;
	padding:0;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
}

.job_table_left{
	width:120px;
	margin:0;
	padding:8px 5px 8px 10px;
	font-size:13px;
	text-align:left;
	line-height:160%;
	background-color:#f6f6f6;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}



.job_table_right{
	margin:0;
	padding:8px 10px 8px 10px;
	font-size:13px;
	text-align:left;
	line-height:160%;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

.job_table01{
	width:600px;
	margin:0 0 15px 5px;
	padding:0;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
}

.job_table01_left{
	width:120px;
	margin:0;
	padding:8px 5px 8px 10px;
	font-size:13px;
	text-align:left;
	line-height:160%;
	background-color:#fff7f7;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}



.job_table01_right{
	margin:0;
	padding:8px 10px 8px 10px;
	font-size:13px;
	text-align:left;
	line-height:160%;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}


.btn_job{
	margin:15px 0 30px 0;
	padding:0;
	text-align:center;
}

.btn_job_list{
	margin:0;
	padding:0 0 30px 0;
	text-align:center;
}


.job_table .size1{
	width:150px;
}

.job_table .size2{
	width:250px;
}

.job_table .size3{
	width:50px;
}



/* よくあるご質問  faq/index.html
-----------------------------------------------------*/


#faq{
	width:610px;
	margin:14px 0 0 0;
	padding:0;
}


#faq  h2{
	margin:0;
	padding:0 0 20px 0;
}


.faq_box{
	margin:10px 0 25px 5px;
	padding:0;
}


.faq_box dt {
	margin:0;	
	padding:0 0 10px 24px;
	background:url(../faq/images/q.jpg) no-repeat 0 3px;
	line-height:160%;
	font-size:13px;
	font-weight:bold;
}
.faq_box dd {
	margin:0;
	padding:0 0 10px 24px;
	background:url(../faq/images/a.jpg) no-repeat 0 3px;
	font-size:13px;
	line-height:160%;
}

.faq_box dd p{
	margin:0;
	padding:0;
	font-size:13px;
	line-height:160%;
}





/* 転職成功のコツ  success/index.html
-----------------------------------------------------*/


#success{
	width:610px;
	margin:14px 0 0 0;
	padding:0;
}


#success  h2{
	margin:0;
	padding:0 0 20px 0;
}


#success .success_box{
	margin:0 10px 0 0;
	padding:10px 0 10px 0;
	font-size:13px;
}


#success .success_title{
	margin:0 10px 15px 0;
	padding:0;
	font-size:13px;
}

#success .success_text{
	margin:0 10px 15px 5px;
	padding:0;
	font-size:13px;
}

#success ul{
	margin:0;
	padding:0;
}

#success li{
	margin:0 10px 0 22px;
	padding:0;
	font-size:13px;
	line-height:160%;
}


/* 口コミ情報の投稿について　voice/index.html
------------------------------------------*/

#voice{
	width:610px;
	margin:14px 0 0 0;
	padding:0;
}


#voice  h2{
	margin:0;
	padding:0 0 20px 0;
}

.voice_text{
	margin:15px 10px 5px 5px;
	padding:0;
	font-size:13px;
}

#voice ul{
	margin:0;
	padding:0;
}

#voice li{
	margin:0 0 0 5px;
	padding:0;
	font-size:13px;
	line-height:160%;
	list-style:none;
}


/* 会社概要  company/index.html
-----------------------------------------------------*/

#company{
	width:610px;
	margin:14px 0 0 0;
	padding:0;
}


#company  h2{
	margin:0;
	padding:0 0 20px 0;
}


#company_table{
	width:580px;
	margin:	20px 0 30px 5px;
	padding:0;
}

.company_table_left{
	margin:0;
	padding:10px 5px 10px 10px;
	border-bottom:1px solid #cccccc;
	font-size:13px;
	line-height:140%;
}

.company_table_right{
	margin:0;
	padding:5px 0 5px 10px;
	font-size:13px;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	background-color:#ffffff;
	line-height:140%;
}


/* お問い合わせ　contact/index.html
------------------------------------------*/

#contact{
	width:610px;
	margin:14px 0 0 0;
	padding:0;
}


.contact_text{
	margin:20px 0 25px 5px;
	padding:10px;
	font-size:13px;
	border:1px solid #ff6666;
	background-color:#fff7f7;
}




.contact_remark_text{
	margin:0 0 0 5px;
	padding:0;
	font-size:11px;
}

.contact_remark_text span{
	color:#ff6600;
}

#contact_table{
	width:600px;
	margin:0 0 0 5px;
	padding:0;
	border:1px solid #cccccc;
}

#contact_table .contact_table_left{
	margin:0;
	padding:5px 0 5px 10px;
	width:148px;
	background-color:#f9f9f9;
	font-size:12px;
	border-bottom:1px solid #ffffff;
}

#contact_table .contact_table_right{
	border-bottom:1px solid #ffffff;
	padding:10px 0 10px 10px;
	border-bottom:1px solid #eeeeee;
	font-size:12px;
}

#contact_table td.bordernone{
	border:none;
}

.komemark{
	color:#ff6600;
}

#contact_table .size1{
	width:150px;
}

#contact_table .size2{
	width:250px;
}

#contact_table .size3{
	width:50px;
}


#btn_contact{
	margin:20px 0 0 5px;
	padding:0;
	font-size:11px;
	text-align:center;
}


/* 人事ご担当者様　jinji/index.html
------------------------------------------*/

#jinji{
	width:610px;
	margin:14px 0 15px 0;
	padding:0;
}


#jinji h2{
	margin:0;
	padding:0 0 20px 0;
}


.jinji_title{
	margin:10px 15px 2px 5px;
	padding:0;
	font-size:14px;
	font-weight:bold;
	line-height:160%;
	border-bottom:1px dotted #aaaaaa;
}

.jinji_text{
	margin:0 15px 0 5px;
	padding:10px 0 15px 0;
	font-size:13px;
	line-height:160%;
}

.jinji_text span{
	font-weight:bold;
}



/* 個人情報のお取り扱いについて  privacy/index.html
-----------------------------------------------------*/


#privacy{
	width:610px;
	margin:14px 0 0 0;
	padding:0;
}


#privacy  h2{
	margin:0;
	padding:0 0 20px 0;
}

.privacy_title{
        margin:20px 0 0 10px;
        padding:0 0 5px 0;
        text-align:left;
	font-size:13px;
	font-weight:bold;
}

.privacy_text{
       	margin:5px 25px 10px 10px;
       	padding:0;
       	text-align:left;
	font-size:13px;
	line-height:160%;
}

.privacy_date{
	margin: 0 25px 0 10px;
	padding:20px 0 15px 0;
       	font-size:13px;
      	text-align:right;
	line-height:150%;
}

.privacy_contact{
	margin: 0 25px 0 10px;
	padding:10px 0 25px 0;
	font-size:13px;
	line-height:150%;
}


#privacy ul{
	margin:20px 0 20px 5px;
	padding:0;
}

#privacy li{
	margin:0 0 5px 0;
	padding:0;
	font-size:12px;
	line-height:150%;
	list-style:none;
}


/* リンク  link/index.html
-----------------------------------------------------*/


#link{
	width:610px;
	margin:14px 0 0 0;
	padding:0;
}


#link  h2{
	margin:0;
	padding:0 0 20px 0;
}

#link .link_box {
	width: 590px;
	margin: 0;
	padding:10px 0 10px 0;
}

#link .link_title {
	margin: 0px;
	padding:10px 0 0 10px;
	font-size: 13px;
	font-weight:bold;
}    


#link .link_box a {
	margin:0;
       	padding:0 0 0 10px;
       	font-size:13px;
	color: #0000ff;
}

#link .link_text {
	margin:0;
       	padding:0 10px 0 10px;
       	font-size:13px;
	color: #333333;
}



/* サイトマップ  sitemap/index.html
-----------------------------------------------------*/

#sitemap{
	width:610px;
	margin:14px 0 0 0;
	padding:0;
}


#sitemap  h2{
	margin:0;
	padding:0 0 20px 0;
}

#sitemap_table{
	width:590px;
	margin:20px 0px 10px 5px;
	padding:0;
}

#sitemap_table .sitemap_table_left{
	width:200px;
	margin:0;
	padding:10px 0 10px 5px;
	font-size:13px;
	line-height:180%;
}



#sitemap_table .sitemap_table_right{
	margin:0;
	padding:10px 0 10px 20px;
	font-size:13px;
	line-height:180%;
}






