@charset "UTF-8";

@import url("navigation.css");

/* -------------------------- */
/* BODY ELEMENT */
/* -------------------------- */
body {
background: #f2f2f2;
margin: 0;
padding: 0;
color: #222222;
background-image: url(../images/bg001.gif);
background-repeat: repeat-x;
text-align:center;
font-family: "メイリオ", "ヒラギノ角ゴ ProN W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
font-size: 90%;
line-height: 1.5;
}

form{
margin:0px;
padding:0px;
}

img.vsp10 {
margin-top:10px;
}

/* -------------------------- */
/* SEO対策用　strongタブ初期化 */
/* -------------------------- */
strong {font-weight: normal;}
strong.st_bold {font-weight: bold;}

/* -------------------------- */
/* 全般的なリンクの設定 */
/* -------------------------- */

a:link {text-decoration:none; color:#0000cc; } 
a:visited {text-decoration:none; color:#660066; } 
a:active {text-decoration:none; color:#990000; } 
a:hover {text-decoration:none; background-color:#f1f1f1; color:#555; } 

/* リンク文字（白） */
a.linkW{color:#fff; text-decoration: NONE; }  
a.linkW:visited {color:#fff; text-decoration: NONE; }
a.linkW:active {color:#ccc; text-decoration: underline; }
a.linkW:hover {color:#ffff88; text-decoration: underline; }
a.copyright_RIPURESU:link{color:#FFFFFF}
a.copyright_RIPURESU:visited{color:#FFFFFF}

/* リンクアイコン付き */
a.linkI {text-decoration:none; background:url(../images/ar.gif) no-repeat;color:#0000ff; background-position:0px 3px; padding-left:14px; } 
a.linkI:visited {text-decoration:none; color:#660066; } 
a.linkI:active {text-decoration:none; color:#990000; } 
a.linkI:hover {text-decoration:none; background-color:#f1f1f1; color:#555; } 

/* -------------------------- */
/* 一般タグの設定 */
/* -------------------------- */

h1 {
font-size:75%;
font-weight:normal;
padding:50px 0px 0px 30px;
}

h1.top01{margin-top:15px;font-size:12px;padding-bottom:0px;margin-bottom:0px}

h2 {
font-size:120%;
font-weight:bold;
background-image:url(../images/h2bg.gif);
background-repeat:no-repeat;
padding:0px 0px 10px 0px;
}

h2.top02{font-size:12px;padding-top:0px;margin-top:0px;font-weight: normal;margin-left:30px}

h3 {
font-size:100%;
font-weight:bold;
background-color:#eee;
border-bottom:1px solid #ccc;
padding:3px;
}

p.head1 {
margin:0px;
padding:0px 0px 5px 0px;
color:#009cd1;
font-size:100%;
font-weight:bold;
}

p.read {
margin:0px;
padding:0px 0px 10px 0px;
}

p.read_tp {
font-size:90%;
background-color:#f5f5f5;
margin:0px 0px 15px 0px;
padding:8px;
border-top:1px solid #aaa;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
border-left:1px solid #aaa;
}
p.ten1 {
	font-size: 12px;
	font-weight: bold;
	color: #3333FF;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}
p.ten2 {
	font-size: 90%;
	color: #666666;
	margin: 0px;
	padding: 0px;
}



p.read_s {
font-size:75%;
margin:3px 0px 10px 0px;
padding:0px;
}

p.read_red {
font-size:75%;
color:#ff3300;
margin:0px;
padding:0px 0px 5px 0px;
}

p.ppread_01 {
font-weight:bold;
color:#FF0000;
margin:3px 0px 10px 0px;
padding:0px;
}

p.ppread_02 {
background-color:#eee;
margin:3px 0px 3px 0px;
padding:3px;
}

p.cpread {
margin:3px 0px 5px 0px;
padding:0px 0px 5px 10px;
border-bottom:1px dotted #ccc;
}

p.cphead {
font-weight:bold;
margin:0px 0px 3px 0px;
padding:3px;
border-left:5px solid #ccc;
}

p.linkpage{
font-size:13px;
margin:0px 0px 0px 12px;
padding:0px
}

ol {
list-style-type:decimal; 
margin:0px 0px 0px 30px; 
padding:0px; 
}

ul {
list-style-type:disc; 
margin:0px 0px 10px 30px; 
padding:0px; 
font-size:100%;
}


/* -------------------------- */
/* STYLE */
/* -------------------------- */


img.sp01 {
margin:0px 10px 10px 0px;
}

div {
	position: relative;
}

div.rayout {
width:800px;
text-align:left;
background-color: #fff;
margin:0px auto; 
padding: 0;
}

div.header {
	width:800px;
	height:100px;
	background-image: url(../images/header_back_image.gif);
	background-repeat: no-repeat;
}

div.hsp01 {
	position: absolute;
	top: 0px;
	left: 15px;
	width:80px;
	height: 88px;
}

div.hsp01 a {
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 88px;
	width: 80px;
}

div.hsp02 {
	position: absolute;
	top: 0px;
	left: 95px;
	width:400px;
	background-image:url(../images/headcopy.gif);
	background-repeat:no-repeat;
}

div.hsp03 {
	position: absolute;
	top: 0px;
	right: 15px;
	width:216px;
}

div.navigation {
padding:0px 15px;
margin:0px;
}

div.flash_space {
margin:15px 15px 0px 15px;
}

div.search_space {
width: 770px;
padding:0px;
margin:0px 15px 0px 15px;
background-color:#f4f4f4;
}

div.main_space {
margin:0px 15px 0px 15px;
clear:both;
}

div.main_space_next {
width:770px;
margin:15px 15px 0px 15px;
}

div.block_l {
width:565px;
float:left;
display:inline; /* win ie6 */
}

div.block_lsp1 {
width:120px;
float:left;
}

div.block_lsp1 a {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 120px;
	width: 120px;
}
div.block_lsp1 a:hover {
	background-position: -120px 0px;
}
div.block_lsp1 a.top_entry_btn1 {
	background-image: url(../images/search_btn01.gif);
}
div.block_lsp1 a.top_entry_btn2 {
	background-image: url(../images/search_btn02.gif);
}
div.block_lsp1 a.top_entry_btn3 {
	background-image: url(../images/search_btn03.gif);
}

div.block_lsp2 {
width:430px;
height:145px;
overflow:auto;
float:right;
}

div.block_lsp3 {
width:430px;
float:right;
}



div.block_r {
width:190px;
float:right;
display:inline; /* win ie6 */
}

div.block_sml {
width:270px;
float:left;
display:inline;
}

div.block_smr {
width:270px;
float:right;
display:inline;
}

div.footer {
margin:10px 0px 0px 0px;
width:800px;
height:27px;
background-color:#ccc;
clear:both;
}

div.seo_sp {
margin:0px;
padding:5px 0px;
width:100%;
background-color:#fff;
clear:both;
display:none; /* ジャックと豆の木スペース、消してあります */
}

div.pagetop {
margin:5px 5px 20px 0px;
text-align:right;
}

div.opwin {
background-color:#fff;
margin:px;
padding:10px;
text-align:left;
}

div.opwinclose {
background-color:#666666;
padding:2px 5px;
text-align:right;
font-size:75%;
}

div.kangosi_site {
	font-size:12px;
	color: #FF66FF;
	text-align: right;
	position: absolute;
	right: 15px;
	bottom: 16px;
}
div.kangosi_site a {
	color: #0099FF;
}


/* -------------------------- */
/* グローバルナビ */
/* -------------------------- */

#global_nav {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#global_nav li {
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#global_nav li a {
	background-image: url(../images/globalnav.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 57px;
}
#global_nav li.g_nav1 a {
	background-position: 0px 0px;
	width: 205px;
}
#global_nav li.g_nav2 a {
	background-position: -205px 0px;
	width: 128px;
}
#global_nav li.g_nav3 a {
	background-position: -333px 0px;
	width: 121px;
}
#global_nav li.g_nav4 a {
	background-position: -454px 0px;
	width: 196px;
}
#global_nav li.g_nav5 a {
	background-position: -650px 0px;
	width: 120px;
}

/* カテゴリでの色変え */
.body_cat0 {
}
.body_cat1 #global_nav li.g_nav1 a {
	background-position: 0px -57px;
}
.body_cat2 #global_nav li.g_nav2 a {
	background-position: -205px -57px;
}
.body_cat3 #global_nav li.g_nav3 a {
	background-position: -333px -57px;
}
.body_cat4 #global_nav li.g_nav4 a {
	background-position: -454px -57px;
}
.body_cat5 #global_nav li.g_nav5 a {
	background-position: -650px -57px;
}

/* -------------------------- */
/* table */
/* -------------------------- */

table.design01 {
font-size:90%;
width:100%;
border-collapse:collapse;
background-color:#fff;
border:1px solid #aaa;
}

table.hp{
width:200px
}

th.sp01 {
width:100px;
background-color:#ddd;
padding:3px;
text-align:center;
border-bottom:1px solid #aaa;
}

.design01 td {
border:1px solid #aaa;
}

td.sp02 {width:120px; background-color:#eee; text-align:right; padding-right:5px;}

td.sp03 {background-color:#fff; padding-left:5px;}

td.sp04 {background-color:#ffdcdc; padding:3px;}

td.sp05 {background-color:#fff; padding:0px; width:252px;}

td.sp05 img {
	margin: 5px;
}

caption {
	margin:0px;
	padding:5px;
	background-color:#ffffaa;
	border-top:1px solid #aaa;
	text-align:left;
}

caption.new {
background-image:url(../images/rnewicon.gif);
background-repeat:no-repeat;
background-position:center right;
}



div.ftbtn {
	margin:5px 0px 20px 0px;
	text-align:right;
}

em {
	font-weight: normal;
	font-style:normal;
	text-align:left;
}

em.type1 {
	background-image:url(../images/ricon01.gif);
	background-repeat:no-repeat;
	background-position:center right;
	padding-right:42px;
}

em.type2 {
	background-image:url(../images/ricon02.gif);
	background-repeat:no-repeat;
	background-position:center right;
	padding-right:42px;
}

em.type3 {
	background-image:url(../images/ricon03.gif);
	background-repeat:no-repeat;
	background-position:center right;
	padding-right:70px;
}

/* 求人詳細用 */
table.design02 {
	font-size:90%;
	width:100%;
	border-collapse:collapse;
	background-color:#fff;
	border:1px solid #aaa;
}
table.design02 th {
	width:130px;
	background-color:#eee;
	padding:3px 5px;
	text-align:right;
	border:1px solid #aaa;
	white-space:nowrap;
	font-weight: normal;
}
table.design02 td {
	width:auto;
	background-color:#fff;
	padding:3px;
	text-align:left;
	border:1px solid #aaa;
}
table.design02 td.sp05 {
	padding:5px;
	width:250px;
	text-align: center;
}
table.design01 td img,
table.design02 td img {
	display: inline;
}
a.btn_syousai img {
	vertical-align: middle;
	margin-left: 15px;
	margin-bottom: 1px;
}
a.btn_syousai:hover{
background-color:#FFFFFF;
}
/* 注目情報用 */
p.pickup_date {
	font-size: 0.9em;
	margin:1em 0px 0px 20px;
}
p.pickup_title {
	font-weight: bold;
	color: #00A5DD;
	margin:0px 0px 5px 20px;
}
p.pickup_words {
	font-size: 0.9em;
	margin:5px 0px 0px 20px;
}
span.pickup_btn {
	font-size: 0.9em;
	font-weight:normal;
	color: #FFFFFF;
	background-color: #FF3300;
	margin-right: 10px;
	padding: 2px 5px;
}
div.pickup_div {
	font-size: 0.9em;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	margin-top: 0px;
	margin-bottom: 10px;
	padding:5px 15px;
}
div.pickup_div dl {
	margin:0px;
	padding:0px;
}
div.pickup_div dt {
	clear: left;
	float: left;
}
div.pickup_div dd {
	padding-left: 40px;
}
div.pickup_div dd span {
	font-size: 0.9em;
	font-weight:normal;
	color: #FFFFFF;
	background-color: #FF3300;
	margin-right: 10px;
	padding: 2px 5px;
}

/* -------------------------- */
/* ヘッダーナビ */
/* -------------------------- */

#header_nav {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#header_nav li {
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#header_nav li a {
	background-image: url(../images/headernav.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 25px;
}
#header_nav li.h_nav3 a {
	background-position: 0px 0px;
	width: 72px;
}
#header_nav li.h_nav1 a {
	background-position: -72px 0px;
	width: 72px;
}
#header_nav li.h_nav2 a {
	background-position: -144px 0px;
	width: 72px;
}



/* -------------------------- */
/* フッターナビ */
/* -------------------------- */

#footer_nav {
	list-style-type: none;
	padding: 0px;
	margin:0px;
	position: absolute;
	left: 15px;
	top: 5px;
}
#footer_nav li {
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#footer_nav li a {
	background-image: url(../images/footernav.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 17px;
}
#footer_nav li.f_nav1 a {
	background-position: 0px 0px;
	width: 51px;
}
#footer_nav li.f_nav2 a {
	background-position: -51px 0px;
	width: 81px;
}
#footer_nav li.f_nav3 a {
	background-position: -132px 0px;
	width: 103px;
}
#footer_nav li.f_nav4 a {
	background-position: -235px 0px;
	width: 77px;
}

#copyright_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 1em;	
	color: #FFFFFF;
	position: absolute;
	top: 6px;
	right: 5px;
}


/* -------------------------- */
/* タイムスタンプツール */
/* -------------------------- */

div.timestamp {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	margin-top: 0px;
	margin-bottom: 10px;
	padding:5px 15px;
}
div.timestamp dl {
	margin:0px;
	padding:0px;
}
div.timestamp dl dt {
}
div.timestamp dl dd {
	margin:0px 0px 0px 20px;
}

div.pickup_div {
	font-size: 0.9em;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	margin-top: 0px;
	margin-bottom: 10px;
	padding:5px 15px;
}
p.taisyo{
	font-size:16px;
	font-color:#DDDDDD;
	margin-top:0px;
	padding-top:0px
	 }
p.taisyo1{font-size:10px;
         font-color:#cccccc
		 
	 }