@charset "utf-8";


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

body{
	color:#333;
	text-align:center;
	font-family: "ヒラギノ", "ＭＳ Ｐゴシック", arial, helvetica, sans-serif;
	line-height:13px;
	font-size:12px;
	background-color: #ccc;
	background-position: center center;
}

h1{
	margin : 0;
	padding : 0;
	font-size : 12px;
}
.style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
}
p.right{
	text-align:right;
}
.clear{
	clear:both;
	font-size:1px;
	line-height:1;
}
.left{
	margin:5px 15px 5px 5px;
	float:left;
}
.right{
	margin:5px 5px 5px 15px;
	float:right;
}
.small{
	font-size:90%;
}
img{
	border:0px;
}
table, th, tr, td{
	padding:0;
	margin:0;
}
table{
	margin:10px;
}
table, th, td{
	border:1px solid #CCC;
	border-collapse:collapse;
	padding:3px 8px;
	vertical-align:top;
}
table th{
	padding:3px 8px;
	text-align:left;
	background:#EEEEEE;
	vertical-align:middle;
}
table th.title{
	background:#999;
	font-weight:bold;
	padding:3px 10px;
	color:#FFF;
}
table .center{
	text-align:center;
}
li{
	list-style:none;
}
strong{
	font-weight:bold;
	color:#066;
}
/*----リンク設定----*/
a:link{
	color: #003399;
	text-decoration: none;
}

a:visited{
	color: #880088;
	text-decoration: none;
}

a:hover{
	color: #003399;
	text-decoration: underline;
}

a:active {
	color: #003399;
	text-decoration: none;
}


/*全体設定*/
#container{
	width:950px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:80px;
	*padding-bottom:30px;
	background-color:#FFF;
	text-align:left;
}


/* 共通header */
#header{
	width:830px;
	height:70px;
	border-bottom:solid #CCC 1px;
	padding:0;
}
#rogotitle {
	width: 500px;
	height: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: right;
	margin-top: 30px;
	text-align: right;
}
#mainlogo{
	width:200px;
	float:left;
}
#sublogo{
	width:210px;
	padding-top:10px;
	float:left;
}


.topicpath{
	font-size:90%;
	margin:0.2em 0 0.2em 0;
	padding:0.5em 0 0.5em 0.2em;
	line-height:1;
	background-color:#F3F3F3;
}

/* body */




#content{
	width:950px;
	margin-top: 25px;
	margin-right:0;
	margin-bottom: 0px;
	margin-left: 0;
}



/* フッター */
#p8footer .line02, #p8footer .line03 dl, #p8footer .line04, #p8footer .line05, #p8footer .line05 .left, #p8footer .line05 .left .links {
display:block;
}

#p8footer {
font-size:90%;
margin:0px auto;
text-align:left;
width:830px;
}


#p8footer .line01 {
border-top:1px solid #D4D4D4;
padding:6px 0 5px;
}

#p8footer ul, #p8footer ol {
list-style:none outside none;
}

#p8footer .line01 li {
display:inline;
padding-right:18px;
}

#p8footer p, #p8footer li, #p8footer dt, #p8footer dd {
line-height:165%;
}

#p8footer .line02 {
border-bottom:3px solid #EE6600;
border-top:1px solid #D4D4D4;
padding:5px 0;
}

#p8footer .line02 dt {
float:left;
margin-right:-13.5em;
width:13.5em;
}


#p8footer .line02 dd {
padding-left:13.5em;
}

#p8footer ul, #p8footer ol {
list-style:none outside none;
}

#p8footer .line02 dd li {
display:inline;
}

#p8footer .line03 {
padding-top:8px;
}


#p8footer .line03 dd dt {
float:left;
margin-right:-12em;
width:12em;
}

#p8footer .line03 dd dd {
padding-left:12em;
}

#p8footer .line03 dd dd li {
display:inline;
}

#p8footer .line04 {
border-bottom:3px solid #EE6600;
padding-bottom:5px;
}

#p8footer .line04 dt {
float:left;
width:17em;
}

#p8footer .line04 dd {
padding-left:17em;
}

#p8footer .line04 dd li {
display:inline;
}

#p8footer .line05 {
line-height:26px;
padding-top:7px;
}

#p8footer .line05 .left {
float:left;
padding-top:7px;
width:630px;
}

#p8footer .line05 .left .links{
*height:28px;

}

#p8footer .line05 .left .links .logo {
float:left;
width:100px;
}

#footer .line05 .left .links ul {
	float: left;
	padding-top: 6px;
}


#p8footer .line05 .left .links li {
display:inline;
padding-right:18px;
}

address {
font-style:normal;
line-height:1.1;
}

#p8footer .line05 .left address {
padding-top:12px;
}

#p8footer .line05 .left address .img{
padding:15px 0px 0px 0px;

}


#p8footer img {
border:medium none;
display:block;
font-size:0;
line-height:0;
margin:0;
padding:0;
vertical-align:bottom;
}

#p8footer .line05 .privacy {
float:right;
width:61px;
}

#pagetop{
text-align:right;
padding:13px 3px 3px 12px;

}

/*
div#footer {
	width: 830px;
	padding:0px 10px;
	}
	
div#footer ul.ftnavi01 {
	clear: both;
	margin-bottom: 8px;
	padding: 6px 0px 5px 0px;
	border-top: 1px solid #999999;
	border-bottom: 3px solid #ee6600;
	text-align: center;
	}

div#footer ul.ftnavi01 li {
	display: inline;
	font-size: 90%;
	}

div.footer-in {
	position: relative;
	width: 830px;
	padding: 0px 0px;
	}




div#footer div.ftnavi02 {
	float: left;
	width: 560px;
	border-right: 1px solid #999999;
	height: 80px;
	}

div.footer-in p {
	position: absolute;
	top: -6px;
	right: 236px;
	}

div#footer div.footer-in ul {
	margin: 0px 40px 0px 2px;
	}

div#footer div.footer-in ul li {
	display: inline;
	padding-right: 8px;
	font-size: 90%;
	}

div#footer div.footer-in ul li.no-space {
	padding-right: 3px;
	}

div#footer address {
	float: right;
	text-align:center;
	padding-top:15px;
	font-style:normal;
	}

div.footer-in:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.footer-in { display:inline-block; }
* html div.footer-in { height:1%; }
div.footer-in {
	display:block;
	height: 80px;
}

/*

#footer{
	clear:both;
	width:950px;
	margin-top:25px;
}
#footer:after{
    content:"";
    clear:both;
    height:0;
    display:block;
    visibility:hidden;
}
#footer .topicpath{
	background-color:#FFF;
	float:left;
}


#backtop{
	background:url(../img/icon_backtop.gif) no-repeat left center;
	padding:3px 3px 3px 12px;
	margin:0;
	float:left;
}
*/

/* ------------------------------------
	Background
------------------------------------ */
/* Index
------------------------------------ */
.indexWrap{
padding:22px 0 15px 0;
width:950px;
border-bottom:5px solid #93cc8c;
background:transparent url(../images/contents_bg.gif) left top repeat;
}

/* ------------------------------------
	Wrapper / Contents
------------------------------------ */
#main{
float:left;
width:604px;
}

#side{
float:right;
width:191px;
}

/* ------------------------------------
	Index
------------------------------------ */
.indexMain{
padding:0 0 0 28px;
width:576px;
}

.indexMain ul{
width:576px;
height:518px;
background:transparent url(../images/find_img.png) right bottom no-repeat;
}

.indexMain li{
float:left;
margin:0 0 10px 0;
padding:8px 0 0 119px;
width:168px;
height:152px;
background-position:left top;
background-repeat:no-repeat;
}

.indexMain .no1{ background-image:url(../images/cond_bg01.png); }
.indexMain .no2{ background-image:url(../images/cond_bg02.png); }
.indexMain .no3{ background-image:url(../images/cond_bg03.png); }
.indexMain .no4{ background-image:url(../images/cond_bg04.png); }
.indexMain .no5{ background-image:url(../images/cond_bg05.png); }

.indexMain li h3{
margin:0 0 7px -105px;
}

.indexMain li .thumb img{
float:left;
margin:0 0 0 -105px;
}

.indexMain li .text{
height:60px;
}

.indexMain li .btn{
margin:0 0 0 61px;
}


/* ------------------------------------
	求人情報を見る
------------------------------------ */
.findAreaWrap{
margin:0 0 0 29px;
width:575px;
padding:15px 0 0 0;
background:transparent url(../images/find_t_bg.png) left top no-repeat;
}

.findAreaBg{
padding:0 0 18px 0;
width:575px;
background:transparent url(../images/find_b_bg.png) left bottom no-repeat;
}

.findArea{
margin:0 0 -1px;
padding:0 26px 0 17px;
width:532px;
background:transparent url(../images/find_bg.png) left top repeat-y;
}

.findArea .all{
margin:0 0 6px 0;
padding:0 0 7px 0;
border-bottom:1px dotted #c5c5c5;
text-align:center;
}

.findArea .all img{
margin:0 5px;
vertical-align:middle;
}

.findArea dl{
width:532px;
text-align:center;
line-height:1.5;
}

.findArea dt{
float:left;
clear:left;
padding:10px 0 0 0;
width:232px;
}

.findArea dd{
margin:0 0 0 232px;
}

.findArea dd ul{
padding:0 10px;
}

.findArea dd li{
display:inline;
margin:0 2px 0 3px;
}

.findArea dd li a{
padding:2px 0 2px 21px;
background:transparent url(../images/ico_arrow.gif) left center no-repeat;
}

/* ------------------------------------
	Side
------------------------------------ */
#side .box{
margin:0 0 7px 0;
width:174px;
position:relative;
}

#side .boxWrap{
padding:0 0 12px 0;
width:174px;
background-position:0 100%;
background-repeat:no-repeat;
}

#side .boxBg{
margin:0 0 -1px;
width:174px;
background-position:0 0;
background-repeat:repeat-y;
}

#side #attentionBaito .boxWrap{
background-image:url(../images/attention_b_bg.png);
}

#side #attentionBaito .boxBg{
background-image:url(../images/attention_bg.png);
}

#side #usefulContents .boxWrap{
background-image:url(../images/useful_b_bg.png);
}

#side #usefulContents .boxBg{
background-image:url(../images/useful_bg.png);
}

#side #attentionBaito ul{
margin:0 0 0 9px;
padding:7px 0 5px 0;
width:152px;
}

#side #attentionBaito li{
width:152px;
border-bottom:1px dotted #fed4e7;
font-size:116%;
position:relative;
}

#side #attentionBaito li a{
display:block;
padding:5px 0 4px 21px;
background:transparent url(../images/ico_arrow02.gif) 0 0.3em no-repeat;
color:#3c3b3a;
position:relative;
}

#side #attentionBaito .bg{
position:absolute;
bottom:8px;
right:7px;
display:block;
width:90px;
height:74px;
background:transparent url(../images/attention_i_bg.png) 100% 97% no-repeat;
}

#side #usefulContents ul{
margin:0 0 0 10px;
padding:7px 0 5px 0;
}

#side #usefulContents li{
padding:4px 0 0 0;
}

#side .qrArea {
margin:0 0 10px 1px;
padding:8px 0px;
width:168px;
border:1px solid #83be4b;
background:#eeffd9;
text-align: left;
}

#side .qrArea p {
margin:0 9px;
font-size: 85%;
line-height: 1.6;
}

#side .qrArea p.title {
margin:0 0 9px 0;
font-size:100%;
line-height:1.6;
text-align:center;
}

#side .qrArea p.images {
margin:0 0 6px;
padding:9px 0 0 0;
line-height:0;
font-size:0;
text-align:center;
}

#side .qrArea .locator{
margin:0 auto;
padding:5px 0px;
width:160px;
background:#fff;
}

#side .qrArea .locator p{
float:left;
margin:0;
}

#side .qrArea .text{
padding:0 2px 0 5px;
width:78px;
line-height:1.4;
}

#side .qrArea .qr{
padding:2px 0 0 2px;
}

/* clearfix
------------------------------------ */
.indexMain ul:after,
.findArea dl:after,
.indexBg:after,
#side .qrArea .locator:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.indexMain ul,
.findArea dl,
.indexBg,
#side .qrArea .locator{
display:inline-block;
}
/* \*/
.indexMain ul,
.findArea dl,
.indexBg,
#side .qrArea .locator{
display:block;
}
/* */