@charset "utf-8";

/*===================================================================*/
/*====もくじ=========================================================*/
/*===================================================================*/
/***************************************************/
/*---- bone（骨組み） -----------------------------*/
/***************************************************/
/*
body
#wrapper
#header
#main
#contents
#navi
#footer
*/

/***************************************************/
/*---- common（共通） -----------------------------*/
/***************************************************/
/*-- header --*/
/*--  main  --*/
/*--contents--*/
/*--  navi  --*/
/*-- footer --*/
/*-- parts  --*/

/***************************************************/
/*---- page（ページ個別） -------------------------*/
/***************************************************/

/***************************************************/
/*---- effect（特殊効果） -------------------------*/
/***************************************************/

/*===================================================================*/
/*===================================================================*/
/*===================================================================*/

/***************************************************/
/*---- bone（骨組み） -----------------------------*/
/***************************************************/
body{
	background:url(../img/body_bg.jpg) repeat-x;
	margin:0 auto;
	padding:0;
	text-align:center;
}
div#wrapper{
	background:url(../img/body_bg_side.jpg) repeat-y;
	margin:0 auto;
	padding:0;
	width:790px;
	height:auto;
	border-width:0;
}

#index div#header{
	position:relative;
	overflow:hidden;
	background:white;
	background:url(../img/hr.jpg) 0 75px no-repeat;
	margin:0 auto;
	padding:0;
	height:340px;
	width:784px;
	text-align:left;
}

#naka div#header{
	position:relative;
	overflow:hidden;
	background:white;
	background:url(../img/hr.jpg) 0 100% no-repeat;
	margin:0 auto;
	padding:0;
	height:90px;
	width:784px;
	text-align:left;
}

div#main{
	overflow:hidden;
	margin:0;
	padding:0;
	width:784px;
	height:auto;
	border-width:0;
}

div#contents{
	float:right;
	overflow:hidden;
	margin:0;
	padding:0;
	width:523px;
	height:auto;
	border-width:0;
	font-size:1.0em;
}

div#navi{
	float:left;
	overflow:hidden;
	margin:0;
	padding:0;
	width:261px;
	height:auto;
	border-width:0;
	text-align:left;
	font-size:0.8em;
}

div#footer{
	margin:10px 0;
	padding:0;
	background:url(../img/hr.jpg) no-repeat;
	width:784px;
	height:34px;
	border-width:0;
	text-align:center;
	font-size:0.8em;
}

div#footer2{
	position:relative;
	overflow:hidden;
	background:#6986dc;
	margin:0 auto;
	padding:0;
	width:784px;
	height:50px;
	border-width:0;
	text-align:left;
}


/***************************************************/
/*---- common（共通） -----------------------------*/
/***************************************************/
/*-- header --*/
div#header h1{
	position:absolute;
	top:20px;
	left:0;
	margin:0;
	padding:0;
	width:385px;
	height:56px;
}

div#header h1 a{
	display:block;
	margin:0;
	padding:0;
	background:url(../img/h1.jpg);
	width:385px;
	height:56px;
	text-indent:-9999px;
}

div#header #read{
	position:absolute;
	top:2px;
	left:14px;
	margin:0;
	padding:0;
	font-size:0.7em;
	font-weight:normal;
}

div#header p{
	position:absolute;
	top:20px;
	right:10px;
	margin:0;
	padding:0;
}
/*----ここまで共通--------*/
a{	color:#6666dc;	text-decoration:none;}
a:hover{	color:#dcaa86;	text-decoration:underline;}

#index div#header h2{
	text-indent:-9999px;
	position:absolute;
	top:80px;
	right:10px;
	background:url(../img/header_index.jpg);
	margin:0;
	padding:0;
	width:765px;
	height:242px;
}
#index div#header p.job{
	position:absolute;
	top:212px;
	left:32px;
	margin:0;
	padding:0;
	width:329px;
	height:79px;
}
#index div#header p.job a{
	display:block;
	background:url(../img/header_index_call.jpg);
	margin:0;
	padding:0;
	width:329px;
	height:79px;
}
#index div#header p.job a:hover{	background-position:100% 0%;}
#index div#header p.job a span{	display:none;}
/*----ここまでindexページ------*/


/*--contents--*/
div#contents h2{
	margin:0;
	padding:0;
	width:503px;
	height:161px;
	text-indent:-9999px;
}
div#contents h2.about{	background:url(../img/header_about.jpg);}
div#contents h2.contents{	background:url(../img/header_contents.jpg);}
div#contents h2.choise{	background:url(../img/header_choise.jpg);}


#index div#contents h3{
	margin:0;
	padding:0
	width:502px;
	height:65px;
}
#index div#contents div.box{
	margin:0 auto;
	paddin:0;
	width:503px;
	height:auto;
}

#index div#contents div.box div{
	margin:0;
	paddin:0;
}

#index div#contents div.box div p{
	margin:0 auto;
	paddin:0;
	width:480px;
	height:auto;
	text-align:left;
	font-size:0.9em;
}

#index div#contents div.box div.box_top{
	background:url(../img/content_box_top.jpg);
	width:503px;
	height:8px;
	font-size:1px;
}

#index div#contents div.box div.box_middle{
	background:url(../img/content_box_middle.jpg) repeat-y;
	width:503px;
	height:auto;
}
#index div#contents div.box div.box_midddle p{
	width:503px;
	height:auto;
	line-height:1.2em;
}
#index div#contents div.box div.box_middle p.title{
	padding:4px 0 0 10px;
	background:url(../img/content_title.jpg) no-repeat;
	width:483px;
	height:26px;
	font-size:1.0em;
	font-weight:bold;
	color:white;
}
#index div#contents div.box div.box_middle p.text{
	margin-top:5px;
	line-height:20px;
}

#index div#contents div.box div.box_middle p.banner{
	text-align:center;
}
#index div#contents div.box div.box_middle p.banner a{
	margin:10px auto 0 auto;
	display:block;
	background:url(../img/banner_toroku.jpg) no-repeat;
	width:243px;
	height:56px;
}
#index div#contents div.box div.box_middle p.banner a:hover{	background-position:100% 0;}
#index div#contents div.box div.box_middle p.banner a span{	display:none;}

#index div#contents div.box div.box_bottom{
	background:url(../img/content_box_bottom.jpg);
	width:503px;
	height:10px;
	font-size:1px;
}

#index div#contents dl.box{
	margin:0;
	paddin:0;
}

#index div#contents dl.box dt{
	clear:both;
	margin:10px 0 10px 5px;
	padding:0 0 0 70px;
	width:500px;
	height:57px;
	line-height:70px;
	text-align:left;
	font-weight:bold;
}
#index div#contents dl.box dt.list1{	background:url(../img/content_dt1.jpg) no-repeat;}
#index div#contents dl.box dt.list2{	background:url(../img/content_dt2.jpg) no-repeat;}
#index div#contents dl.box dt.list3{	background:url(../img/content_dt3.jpg) no-repeat;}

div#contents dl.box dd{
	margin:10px;
	paddin:0;
	width:500px;
	height:auto;
	text-align:left;
}

#index div#contents dl.box dd p.left{	float:left;}
#index div#contents dl.box dd p.right{	float:right;}
#index div#contents dl.box dd p.text{	width:300px; line-height:1.4em;	font-size:0.9em;}
#index div#contents dl.box dd p.img{	width:190px;}

#index div#contents dl.box dd dl.left{ float:left;}
#index div#contents dl.box dd dl.right{ float:right;}
#index div#contents dl.box dd dl.text{ width:300px; line-height:1.4em;	font-size:0.9em;}

#index div#contents dl.box dd.text{ width:500px; line-height:1.4em;	font-size:0.9em;}

#index div#contents dl.box dd dl{
	margin:0;
	padding:0
	width:300px;
	height:auto;
	font-size:0.9em;
}
#index div#contents dl.box dd dl dt, div#contents dl.box dd dl dd{
	margin:0;
	padding:0;
	width:300px;
	height:auto;
	line-height:1.4em;
	text-align:left;
	font-weight:normal;
}
#index div#contents dl.box dd dl dd{
	margin-bottom:20px;
}




#index div#contents p.call_bana p{	text-slign:right;}
#index div#contents p.call_bana a{
	display:block;
	background:url(../img/banner_content_call.jpg);
	width:431px;
	height:58px;
}
#index div#contents p.call_bana a:hover{	background-position:100% 0;}
#index div#contents p.call_bana a span{	display:none;}


/*---中ページ-----*/
#naka div#contents dl{ margin:0 0 0 10px;}
#naka div#contents p.list1{
	margin:0;
	padding:0;
	background:url(../img/content_title2.jpg) no-repeat;
	width:503px;
	height:50px;
	text-align:left;
	font-weight:bold;
}
#naka div#contents p.list1 span{
	display:block;
	margin:0;
	padding:20px 0 0 30px;
	width:450px;
	height:auto;
}
#naka div#contents p.text{
	margin:0;
	padding:20px 0 0 30px;
	width:450px;
	height:auto;
	text-align:left;
	font-size:0.9em;
}

#naka div#contents div.contact p{
	margin:0;
	padding:0;
	width:480px;
	height:auto;
	line-height:1.4em;
	text-align:left;
	font-size:0.9em;
}
#naka div#contents div.contact form
	margin:0;
	padding:0;
	border-width:0;
	border-style:none;
	border-color:white;
}
#naka div#contents div.contact form fieldset{
	margin:0;
	padding:0;
	width:480px;
	height:auto;
	border-width:0;
	border-style:none;
	border-color:white;
	text-align:left;
	font-size:0.9em;
}
#naka div#contents div.contact form fieldset table th p{
	margin:0;
	padding:0;
	width:150px;
	height:auto;
	text-align:left;
	font-size:0.9em;
}
#naka div#contents div.contact form fieldset table td p{
	margin:0;
	padding:0;
	width:330px;
	height:auto;
	text-align:left;
	font-size:0.9em;
}
#naka div#contents div.contact form fieldset table td p input{	width:90%;}
#naka div#contents div.contact form fieldset table td p textarea{	width:90%;}

#naka div#contents div.contact table.conf{
	margin:0;
	padding:0;
	width:440px;
	height:auto;
	border-collapse:collapse;
	border-width:1px;
	border-color:#aaaaaa;
	border-style:solid;
}
#naka div#contents div.contact table.conf th{
	margin:0;
	padding:0;
	width:150px;
	height:auto;
	border-collapse:collapse;
	border-width:1px;
	border-color:#aaaaaa;
	border-style:solid;
}
#naka div#contents div.contact table.conf th p{
	margin:0;
	padding:0;
	width:150px;
	height:auto;
}

#naka div#contents div.contact table.conf td{
	margin:0;
	padding:0;
	width:290px;
	height:auto;
	border-collapse:collapse;
	border-width:1px;
	border-color:#aaaaaa;
	border-style:solid;
}
#naka div#contents div.contact table.conf td p{
	margin:0;
	padding:0;
	width:290px;
	height:auto;
}


#naka div#contents div.contact form fieldset .submit{	text-align:center;}
#naka div#contents div.contact form fieldset .submit input{
	margin:0 20px 0 0;
	padding:0;
	width:120px;
	height:50px;
}

#naka div#contents dl.box dt.list1{
	margin:0;
	padding:0;
	background:url(../img/content_title2.jpg) no-repeat;
	width:503px;
	height:50px;
	text-align:left;
	font-weight:bold;
}
#naka div#contents dl.box dt.list1 span{
	display:block;
	margin:0;
	padding:20px 0 0 30px;
	width:450px;
	height:auto;
}

#naka div#contents dl.box .right{	float:right;}
#naka div#contents dl.box .left{	float:left;}
#naka div#contents dl.box .text{	width:280px;	height:auto;	line-height:1.4em;	font-size:0.9em;}
#naka div#contents dl.box .text2{	width:480px;	height:auto;	line-height:1.4em;	font-size:0.9em;}
#naka div#contents dl.box .text3{	margin:0 0 20px;	width:480px;	height:auto;	line-height:1.4em;	font-size:0.9em;}
#naka div#contents dl.box .text3 dd{	margin:0 0 0 20px;}
#naka div#contents dl.box .img{	margin:10px 40px 0 0;	width:150px;	height:auto;}
#naka div#contents p.title{
	clear:both;
	margin:20px 0 0 10px;
	padding:2px 0 0 10px;
	background:url(../img/content_title.jpg) no-repeat;
	height:30px;
	text-align:left;
	font-weight:bold;
	color:white;
}

#naka div#contents dl.box p.title{
	clear:both;
	margin:20px 0 0 10px;
	padding:2px 0 0 10px;
	background:url(../img/content_title.jpg) no-repeat;
	height:30px;
	text-align:left;
	font-weight:bold;
	color:white;
}

#naka div#contents dl.box dt.list2{
	clear:both;
	margin:0;
	padding:0;
	background:url(../img/content_box1_top.jpg) no-repeat;
	width:503px;
	height:30px;
	text-align:left;
	font-weight:bold;
}
#naka div#contents dl.box dt.list2-2{
	height:40px;
}
#naka div#contents dl.box dt.list2 span{
	display:block;
	margin:0;
	padding:5px 0 0 30px;
	background:url(../img/content_li.jpg) no-repeat 7px 7px;
	width:450px;
	height:auto;
}
#naka div#contents dl.box .list3{
	width:260px;
	height:auto;
}
#naka div#contents dl.box .list3 dt{
	margin:0;
	padding:5px 0 0 30px;
	background:url(../img/content_li.jpg) no-repeat 7px 7px;
	font-weight:bold;
}
#naka div#contents dl.box .list3 dd{
	margin:0;
	padding:0;
	width:280px;
}
#naka div#contents dl.box .list3 dd.long{
	margin:0;
	padding:0;
	width:480px;
}
#naka div#contents dl.box .list4{
	width:480px;
	height:auto;
	text-align:left;
	font-size:0.9em;
	font-weight:normal;
}

#naka div#contents dl.box dd.qa_title dl dt{
	margin:0 0 10px 0;
	padding:0;
	width:20px;
	height:auto;
	line-height:1.4em;
	font-size:0.9em;
	font-weight:bold;
	color:#a36060;
}
#naka div#contents dl.box dd.qa_title dl dd{
	margin:-30px 0 0 30px;
	padding:0;
	width:450px;
	height:auto;
	line-height:1.4em;
	font-size:0.9em;
}

#naka div#contents dl.box dd.qa dl dt{
	margin:20px 0 10px 0;
	padding:0;
	width:500px;
	height:auto;
	border-bottom-width:2px;
	border-bottom-color:#cccccc;
	border-bottom-style:solid;
	line-height:1.4em;
	font-size:0.9em;
	font-weight:bold;
	color:#a36060;
}
#naka div#contents dl.box dd.qa dl dd{
	margin:0 0 0 30px;
	padding:0;
	width:450px;
	height:auto;
	line-height:1.4em;
	font-size:0.9em;
}


#naka div#contents dl.box dd.company_title dl dt{
	margin:10px 0 20px 10px;
	padding:0;
	width:100px;
	height:auto;
	line-height:1.4em;
	font-size:0.9em;
	font-weight:bold;
	color:#a36060;
}
#naka div#contents dl.box dd.company_title dl dd{
	margin:-40px 0 0 120px;
	padding:0;
	width:350px;
	height:auto;
	line-height:1.4em;
	font-size:0.9em;
}



#naka div#contents dl.box dd.middle{
	margin:0 0 10px 0;
	background:url(../img/content_box1_middle.jpg) repeat-y;
	width:503px;
	height:auto;
}
#naka div#contents dl.box dd.middle .text{
	margin:0 0 0 10px;
	padding:0;
	width:450px;
	height:auto;
	font-size:0.9em;
}
#naka div#contents dl.box dd.middle .text2{
	margin:0 0 0 10px;
	padding:0;
	width:300px;
	height:auto;
	font-size:0.9em;
}
#naka div#contents dl.box dd.middle .img{
	margin:0 40px 0 0;
	padding:0;
	width:150px;
	height:auto;
}
#naka div#contents p.text3{
	margin:0 0 0 10px;
	padding:0;
	width:500px;
	height:auto;
	text-align:left;
	font-size:0.9em;
}
#naka div#contents dl.box .text4{
	margin:0 0 10px 10px;
	padding:0 0 0 20px;
	width:450px;
	height:auto;
	font-size:0.9em;
}

#naka div#contents p.banner a{
	margin:10px auto 0 auto;
	padding:18px 0 0 0;
	display:block;
	background:url(../img/banner_none.jpg) no-repeat;
	width:243px;
	height:56px;
	text-decoration:none;
	font-weight:bold;
	color:white;
}
#naka div#contents p.banner a:hover{	background-position:100% 0;}



#naka div#contents dl.box .list_start{
	clear:both;
	margin:0;
	padding:0;
	background:url(../img/content_box1_top.jpg) no-repeat 0 0;
	width:503px;
	height:10px;
}

#naka div#contents dl.box dd.middle .list_end{
	clear:both;
	margin:0 0 0 0;
	background:url(../img/content_box1_bottom.jpg) no-repeat 0 100%;
	width:503px;
	height:10px;
}

#naka div#contents dl.box dd.middle p.kuwasiku_button{
	float:right;
	margin:0 10px 10px 0;
	padding:0;
	width:149px;
	height:34px;
}
#naka div#contents dl.box dd.middle p.kuwasiku_button a{
	display:block;
	margin:0;
	padding:0;
	background:url(../img/content_button_kochira.jpg) no-repeat;
	width:149px;
	height:34px;
}
#naka div#contents dl.box dd.middle p.kuwasiku_button a:hover{	background-position:100% 0;}
#naka div#contents dl.box dd.middle p.kuwasiku_button a span{	display:none;}


#naka div#contents dl.box dt.title{
	margin:0 0 0 10px;
	padding:2px 0 0 10px;
	background:url(../img/content_title.jpg) no-repeat;
	height:30px;
	text-align:left;
	font-weight:bold;
	color:white;
}
#naka div#contents dl.box dd.title{
	padding:2px 0 0 10px;
	background:url(../img/content_title.jpg) no-repeat;
	height:30px;
	font-weight:bold;
	color:white;
}

#naka div#contents dl.box dd.status{
	list-style:none;
	line-height:1.4em;
	font-size:0.9em;
}
#naka div#contents dl.box dd.status ul{
	list-style:none;
	line-height:1.4em;
	font-size:0.9em;
}
#naka div#contents dl.box dd.status ul li{
	width:400px;
	height:auto;
	border-bottom-color:#cccccc;
	border-bottom-width:2px;
	border-bottom-style:solid;
	font-weight:bold;
}
#naka div#contents dl.box dd.status ul li dl{
	margin:0 0 0 20px;
	width:400px;
	height:auto;
	font-weight:normal;
}
#naka div#contents dl.box dd.status ul li dl dt{
	width:100px;
	height:auto;
}
#naka div#contents dl.box dd.status ul li dl dd{
	margin:-20px 0 0 100px;
 	width:300px;
	height:auto;
}


#naka div#contents p.pagetop{
	margin:80px 0 10px 0;
	width:503px;
	height:20px;
}
#naka div#contents p.pagetop a{
	display:block;
	width:503px;
	height:20px;
	background:url(../img/content_button_top.jpg) no-repeat;
}
#naka div#contents p.pagetop a:hover{	background-position:0 100%;}
#naka div#contents p.pagetop a span{	display:none;}







/*--  navi  --*/
/* 通常ナビ側 */
div#navi dl{
	margin:0 0 5px 10px;
	padding:0;
	width:251px;
	height:auto;
}

div#navi dl dt{
	padding-left:50px;
	width:251px;
	height:46px;
	line-height:46px;
	text-align:left;
	font-weight:bold;
	color:white;
}

div#navi dl.job dt{	background:url(../img/navi1_top.jpg) no-repeat;}
div#navi dl.select dt{	background:url(../img/navi1_top.jpg) no-repeat;}
div#navi dl.osusume dt{	background:url(../img/navi2_top.jpg) no-repeat;}

div#navi dl.job dd{	background:url(../img/navi1_middle.jpg) repeat-y;}
div#navi dl.select dd{	background:url(../img/navi1_middle.jpg) repeat-y;}
div#navi dl.osusume dd{	background:url(../img/navi1_middle.jpg) repeat-y;}

div#navi dl.job dd.last{	background:url(../img/navi1_bottom.jpg) no-repeat 0 100%;}
div#navi dl.select dd.last{	background:url(../img/navi1_bottom.jpg) no-repeat 0 100%;}
div#navi dl.osusume dd.last{	background:url(../img/navi1_bottom.jpg) no-repeat 0 100%;}

div#navi dl dd{
	margin:0;
	padding:0;
	width:251px;
	height:30px;
}

div#navi dl dd a{
	display:block;
	margin:0;
	padding:0 0 0 24px;
	background:url(../img/navi_list.jpg) no-repeat 10px 2px;
	width:251px;
	height:30px;
	text-decoration:none;
	text-align:left;
	color:#666666;
}
div#navi dl dd a:hover{	color:#00ddff;}



/* バナー側 */
div#navi dl.banner{	margin:0 0 0 9px;}
div#navi dl.banner dt{	display:none;}
div#navi dl.banner dd,div#navi dl.banner dd a{
	margin:0;
	padding:0;
	width:251px;
	height:61px;
}
div#navi dl.banner dd a span{	display:none;}
div#navi dl.banner dd a{	background:url(../img/banner_official.jpg);}
div#navi dl.banner dd.call{	margin:10px 0;	height:90px;}
div#navi dl.banner dd.call a{	background:url(../img/banner_call_job.jpg);	height:90px;}
div#navi dl.banner dd.toroku{	margin-bottom:10px;	height:90px;}
div#navi dl.banner dd.toroku a{	background:url(../img/banner_toroku_reserve.jpg);	height:90px;}

div#navi dl.banner dd a:hover{	background-position:100% 0%;}


/*-- footer --*/
div#footer a{
	text-decoration:none;
	color:#6986dc;
}
div#footer a:hover{
	text-decoration:underline;
	color:#3366aa;
}
div#footer ul{
	margin:10px;
	padding:0;
	width:754px;
	text-align:left;
}
div#footer ul li{
	padding:0;
	display:inline;
	font-size:0.8em;
}


/*-- footer2 --*/
div#footer2 .call{
	position:absolute;
	top:5px;
	left:10px;
	margin:0;
	padding:0;
	width:195px;
	height:43px;
}
div#footer2 .copyright{
	position:absolute;
	top:30px;
	right:10px;
	margin:0;
	padding:0;
	width:250px;
	height:20px;
	text-align:right;
	font-size:0.6em;
	color:white;
}


/*-- parts  --*/
.Fl{
	float:left;
}

.Fr{
	float:right;
}

.clear{
	clear:both;
	width:550px;
	height:auto;
}


/***************************************************/
/*---- page（ページ個別） -------------------------*/
/***************************************************/
/*--./index.html--*/


/***************************************************/
/*---- effect（特殊効果） -------------------------*/
/***************************************************/
/*-- 注意 --*/
.caution{	color:red;}
/*-- 半透明効果 --*/
.alpha{
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
}


.bnr-top a {
display:block;
width:180px;
height:70px;
background:url(../img/bnr-top.jpg) 0 0 no-repeat;
text-indent:-9999px;
outline:none;
}
.bnr-top a:hover {
background-position: -180px;
}
/*.bnr-bottom a {
display:block;
width:180px;
height:39px;
background:url(../img/bnr-bottom.jpg) 0 0 no-repeat;
text-indent:-9999px;
outline:none;
}*/
.link01 a{
width:38px;
height:39px;
display:block;
float:left;
background:url(../img/bnr-bottom.jpg);
}
.link02 a{
width:34px;
height:39px;
display:block;
float:left;
background:url(../img/bnr-bottom.jpg) -38px;
}
.link03 a{
width:34px;
height:39px;
display:block;
float:left;
background:url(../img/bnr-bottom.jpg) -72px;
}
.link04 a{
width:33px;
height:39px;
display:block;
float:left;
background:url(../img/bnr-bottom.jpg) -106px;
}
.link05 a{
width:41px;
height:39px;
display:block;
float:left;
background:url(../img/bnr-bottom.jpg) -139px;
}
.link01 a:hover {
background:url(../img/link01a.jpg);
}
.link02 a:hover {
background:url(../img/link01a.jpg) -38px;
}
.link03 a:hover {
background:url(../img/link01a.jpg) -72px;
}
.link04 a:hover {
background:url(../img/link01a.jpg) -106px;
}
.link05 a:hover {
background:url(../img/link01a.jpg) -139px;
}