/* CSS Document */

/*___________________________________________
Project:  介護・福祉専門  人材派遣・紹介サービス
社名:     介護・福祉専門  人材派遣・紹介サービス
Email:    info@crayon.co.jp
Website:  www.crayon.co.jp
____________________________________________*/

/* common
____________________________________________*/

*{
	margin:0;
	padding:0;
	list-style:none;
}
body {
	background:#fff;
	font-size:12px;
	line-height:140%;
	font-family:ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3;
	color:#000;
}
img {
	display:block;
	border:0;
}
a{
	text-decoration:none;
	color:#fff;
}
a:hover{
	color:#f0027f;
}
.clear{
	clear:both !important;
	width:0 !important;
	line-height:0 !important;
	height:0 !important;
	margin:0 !important;
	padding:0 !important;
	font-size:0 !important;
	overflow:hidden !important;
	background:none !important;
}
h1{
	font-size:12px;
	color:#3f3f3f;
	font-weight:normal;
	line-height:26px;
	width:768px;
	text-align:center;
	background:#fff;
	margin:0 auto;
}
.top{
	text-align:center;
	margin:30px auto;
	clear:both;
}
.top a{
	color:#0000ff;
}
.top a:hover{
	text-decoration:underline;
}
.bodybg{
	width:768px;
	margin:0 auto;
	background:url(../image/body_bg.gif) repeat-y;
	padding:0 15px;
}
/* head
____________________________________________*/
#head{
	height:226px;
	background:url(../image/banner_bg.jpg) left top;
}
#head .top_menu{
	padding-top:7px;
	margin-left:410px;
	color:#FFF;
	width:338px;
	height:18px;
}
#head .top_menu li{
	display:block;
	height:12px;
	float:left;
	padding-left:5px;
	padding-right:5px;
}
#head .top_menu li a{
	text-decoration:none;
	color:#fff;
}
#head .top_menu li a:hover{
	color:#FFFF56;
}
#head .logo{
	padding-top:21px;
	margin-left:378px;
}

#head .menu{
	width:480px;
	height:38px;
	margin:48px auto 0;
	padding:0 0 0 160px;
}

#head .menu li{
	text-align:center;
	float:left;
	padding-top:16px;
}


#head .menu li a{
	display:block;
	width:120px;
	height:22px;
	color:#fff;
}

#head .menu li a:hover{
	color:#556276;
}



/* main
______________________________________________*/
#main .left{
	width:205px;
	background:url(../image/left_bg.gif) repeat-x;
	float:left;
	overflow:hidden;

}
.left .login{
	position:relative;
	height:36px;
}
#main .login img{
	position:absolute;
	top:-4px;
	left:0;
}
.left .leftmenu1,
.left .leftmenu2{
	padding:10px 15px 0;
	background:url(../image/left_menubg.jpg) no-repeat 0 -40px;
}
.left .leftmenu1 dt,
.left .leftmenu2 dt{
	background:url(../image/submenu_t11.gif) no-repeat;
	height:34px;
	color:#fdd000;
	padding-left:3px;
	font-size:12px;
	line-height:24px;
}
.left .leftmenu1 dd,
.left .leftmenu2 dd{
	background:url(../image/submenu_dd.gif) no-repeat;
	height:22px;
	margin-top:16px;
	padding-left:15px;
	color:#fff;
}
.left .leftmenu1 .dd{
	background:url(../image/submenu_dd1.gif) no-repeat;
}
/*.left .leftmenu1 dd a:hover{
	color:#004098;
}*/
.left .other{
	margin:9px auto 0;
}
.left .leftmenu2{
	background:none;
	margin-top:5px;
}
.left .leftmenu2 dt {
	color:#0068b7;
	letter-spacing:-0.05em;
	height:30px;
	background:url(../image/submenu_t2.gif) no-repeat;
}
.left .leftmenu2 dd{
	background:url(../image/submenu_dd2.gif) no-repeat;
	margin-top:0;
	padding-top:13px;
	padding-bottom:5px;
	height:auto;
}
.left .inf{
	background:url(../image/infor.gif) no-repeat;
	height:26px;
	text-indent:30px;
	color:#fff;
	padding-top:14px;
	margin:36px auto 30px;
}
.ico{
	width:200px;
}
.ico01,.ico02,.ico03{
	height:33px;
	margin-top:8px;
	text-align:center;
	overflow:hidden;
}
.ico01 dt,.ico02 dt{
	display:block;
	padding-left:5px;
	width:34px;
	float:left;
}
.ico01 dd,.ico02 dd,.ico03 dd{
	display:block;
	margin-left:5px;
	width:150px;
	float:right;
}
.ico03 dd{
	width:190px;
}
.ico01 .dd,.ico02 .dd,.ico03 .dd{
	border-bottom:1px solid #9F9F9F;
	font-size:15px;
}

.ico01{
	border-left:6px solid #E5004F;
	margin-top:0;
}

.ico02{
	border-left:6px solid #282DFF;
}

.ico03{
	border-left:6px solid #00B82D;
}
.ico a{
	display:block;
	color:#000;
}
*.ico a{
	cursor:hand;
}
.ico a:hover{
	color:#f0027f;
}
.enter_t{
	width:506px;
	margin:5px auto 10px;
}

/*
--------------------------------------*/
#main .center,
#main .second{
	width:513px;
	float:left;
	border-left:2px solid #bfbfbf;
	border-right:2px solid #bfbfbf;
	float:left;
}
#main .second{
	width:480px;
	padding:0 17px 88px 16px;
	
}
.center .banner_index,
.second .banner_second{
	width:480px;
	margin:20px auto 0;
}
.second .banner_second{
	margin-top:25px;
}
.second .h1{
	border:1px #2d90ff solid;
	padding:0 5px;
	width:160px;
	text-align:left;
	color:#000;
	margin:10px 0;
	line-height:20px;
}
.second .h1 em{
	color:#3bb9d9;
	padding-right:5px;
}
.second .h1 a{
	color:#000;
}
.second .h1 a:hover{
	color:#2d90ff;
}
.center .line,
.second .line{
	height:6px;
	background:url(../image/line.gif) center top no-repeat;
	margin:15px auto;
	overflow:hidden;
}
.m_bottom{
	height:78px;
}
.m_bottom .c_bottom,
.s_bottom{
	position:relative;
	background:#fff;
}
.m_bottom .c_bottom img,
.s_bottom img{
	position:absolute;
	left:-2px;
	top:0;
}
.s_bottom img{
	left:205px;
	top:-78px;
}
.sort_01,.sort{
	width:480px;
	height:169px;
	margin:0 auto 	
}
.sort_01{
	background:url(../image/line.jpg) repeat-x left bottom;
	margin:0 auto 10px;
}

.subsort_01{
	width:150px;
	height:150px;
	margin-right:18px;
	float:left;
}

.subsort_02{
	width:312px;
	height:150px;
	float:left;
}

.con01_title01,.con01_title02,.con01_title03{
	width:312px;
	height:17px;
	text-align:center;
	line-height:17px;
	font-weight:bold;
	color:#fff;
}

.con01_title01{
	background:url(../image/sort01_t.jpg) no-repeat;
}

.con01_title02{
	background:url(../image/sort02_t.jpg) no-repeat;
}

.con01_title03{
	background:url(../image/sort03_t.jpg) no-repeat;
}
.newbox{
	width:469px;
	height:175px;
	border-right:84px solid #efcfa0;
	border-left:84px solid #efcfa0;
	margin:7px auto 60px;
	padding:0 66px;
	}	
.scrollbar{
	width:309px;
	height:131px;
	border:none;
	overflow:visible;
}
.conterc_bottom{
	width:516px;
	height:30px;
	background:url(../image/contenc_bottom.jpg) no-repeat left top;
}
/* second
--------------------------------------*/
.second h2,.second h3,.second h4{
	font-size:15px;
	font-weight:bold;
	text-align:center;
	line-height:16px;
}
.second h2{
	font-size:16px;
}
.second h2:first-letter {
	color:#2d90ff;
}
.second h3{
	color:#fff;
	font-size:18px;
	line-height:28px;
	margin:15px auto;
	background:url(../image/h3bg.gif) no-repeat;
}
.second .h3{
	background:url(../image/h3bg1.gif) no-repeat;
}
.second h4{
	border-bottom:1px #7f7f7f solid;
	padding-bottom:5px;
	text-align:left;
}
.second h4:first-letter {
	color:#ff9d00;
}
.second .h4{
	margin:20px 0 5px;
}
.second .h401{
	font-size:18px;
	margin:30px 0 5px;
}
.second .h4:first-letter {
	color:#2d90ff;
}
.p01{
	margin:5px auto 15px;
}
.p02{
	margin:15px auto;
}
.ol01,.ol02{
	background:url(../image/ol01.gif) no-repeat;
	padding-left:63px;
}
.ol02{
	background:url(../image/ol02.gif) no-repeat;
}
.ol01 li,.ol02 li{
	height:102px;
	padding-top:5px;
}
.ol02 li{
	height:96px;
}
.ol01 .li{
	height:115px;
}
.ol02 .li{
	height:102px;
}

.ol01 li span,.ol02 li span{
	display:block;
	font-size:15px;
	font-weight:bold;
	padding-bottom:3px;
	margin-bottom:3px;
	border-bottom:1px #7f7f7f solid;
}

.ol01 li .span{
	padding:0;
	margin:0;
	border:none;
	width:173px;
	padding-left:10px;
	line-height:24px;
	float:right;
	font-size:12px;
	font-weight:normal;
	border:1px #2d90ff solid;
}
.ol01 li span:first-letter {
	color:#3bb9d9;
}
.ol02 li span:first-letter {
	color:#7fc31c;
}
.ol03{
	margin-top:15px;
	background:url(../image/ol03.gif) no-repeat;
}
.ol03 li{
	height:68px;
}
.ol03 .li{
	height:74px;
}
.ol03 li span:first-letter {
	color:#f39700;
}
.ol04{
	margin-top:15px;
	background:url(../image/ol04.gif) no-repeat;
	padding-left:0;
}
.ol04 li{
	height:96px;
	clear:both;
	position:relative;
	padding:0;
}
.ol04 li p{
	padding-left:112px;
}
.ol04 li span{
	position:absolute;
	border:none;
	width:85px;
	text-align:center;
	height:50px;
	padding-top:44px;
	font-weight:normal;
	font-size:12px;
	margin-right:20px;
	color:#898989;
}
.ol04 .li0{
	height:137px;
}

.ol04 li span:first-letter {
	color:#898989;
}
.v01{
	width:404px;
	margin:auto;
}
.ul01{
	padding-right:150px;
	background:url(../image/people.gif) no-repeat 350px center;
}
.ul01 li{
	background:url(../image/ul01.gif) no-repeat;
	width:313px;
	height:122px;
	padding:0 5px 0 10px;
	line-height:15px;
}
.ul01 li span{
	font-size:15px;
	color:#fff;
	width:313px;
	display:block;
	text-align:center;
	line-height:20px;
	height:28px;
	font-weight:bold;
}
.ul01 li .span01{
	height:22px;
}
.ul01 li .span,
.ul01 li .span1{
	float:right;
	width:134px;
	margin-top:30px;
}
.ul01 li .span1{
	margin-top:8px;
}
.v02 p{
	margin-bottom:15px;
}
.v02 p:first-letter {
	color:#f39700;
}
.dll01{
	margin-top:5px;
}
.dll01 dd{
	padding-left:1em;
	margin:5px 0 10px;
}

#table01{
	background:#6a6a6a;
	width:464px;
}
#table01 td{
	background:#fff;
	vertical-align:top;
	padding-left:5px;
}
#table01 th,#table01 thead td{
	background:#ceeeff;
	font-weight:normal;
}
#table01 .td_bg1{
	background:#fff url(../image/td_d1.gif) no-repeat;
}
#table01 th{
	text-align:left;
	width:51px;
	color:#004098;
	padding:5px 0 1px 5px;
}
#table01 .td{
	width:125px;
}
.ul02 li{
	padding-left:1em;
	line-height:22px;
}
.ul02 li:first-letter {
	color:#3bb9d9;
	width:140px;
}
.re{
	width:170px;
	margin:20px auto 0;
}
/* gui.html
__________________________________________________*/
.gui .img{
	margin:20px auto;
}
.p03{
	width:410px;
	text-align:center;
	margin:0 auto;
	border-top:1px #67aed1 solid;
	padding-top:5px;
}
.p04{
	margin-bottom:5px;
}
.gui ul li{
	width:232px;
	padding-left:8px;
	float:left;
}
.gui dl{
	width:470px;
	margin:0 auto;
	clear:both;
	margin-top:5px;
	border-bottom:1px #67aed1 solid;
	padding-bottom:5px;
}
.gui dl dt{
	width:74px;
	float:left;
	text-indent:2px;
}
.gui dl dt:first-letter {
	color:#67aed1;
}
.gui dl dd{
	float:left;
	width:390px;
}
.gui dl dd .p{
	border-bottom:1px #67aed1 solid;
}
/* info.html
_________________________________*/
.info table{
	border:none;
	border-top:1px #b1d3c9 solid;
	width:460px;
	margin:0 auto;
}
.info em{
	color:#ff0000;
	font-style:normal;
}
.info h3{
	font-size:15px;
	background:none;
	text-align:left;
	padding-bottom:15px;
	font-weight:normal;
}
.info table th,
.info table td{
	border-bottom:1px #b1d3c9 solid;
	background:#fff;
	padding:5px;
	font-weight:normal;
	text-align:right;
	vertical-align:top;
}
.info table td{
	border-left:1px #b1d3c9 solid;
	text-align:left;
}
.info table td input{
	height:14px;
	line-height:14px;
}
.info table td .in_a{
	width:100px;
}
.info table td .in_b{
	width:212px;
}
.info table td .in_c{
	width:30px;
}
.info table td .in_d{
	width:50px;
}
.info table td .in_e{
	width:108px;
	height:20px;
}
.info table td .in_f{
	width:212px;
	height:60px;
}
.info table td .in_g{
	width:60px;
	height:20px;
}
.info table td .in_h{
	width:120px;
	height:20px;
}
/* sit.html
______________________________________*/
.sit{
	letter-spacing:0.3em;
	line-height:18px;
	height:700px;
	padding-left:20px;
}

.sit dl dt:first-letter {
	color:#3bb9d9;
}
.sit dt{
	margin-top:15px;
}
.sit dd{
	margin-top:10px;
	padding-left:1.5em;
	
}
.sit  a{
	color:#5f5f5f;
}
.sit dd:first-letter {
	color:#7fc31c;
}
/* ir.html
______________________________*/

.ol05 h5{
	font-size:15px;
	color:#000;
	line-height:24px;
	border-bottom:1px #7f7f7f solid;
	margin-bottom:3px;
}
.ol05 h5:first-letter {
	color:#2d90ff;
}
.ol05 p{
	padding-left:1em;
	margin-bottom:5px;
	line-height:20px;
}
.ol05 .p02{
	text-align:right;
}
/*
______________________________________*/
#main .right{
	width:46px;
	background:url(../image/right_bg.jpg) no-repeat;
	float:left;
	height:834px;
}

/* fottor
_______________________________________________________*/
.copyright{
	display:block;
	line-height:24px;
	color:#fff;
	text-align:center;
	background:url(../image/copyright.jpg) no-repeat;
}
.foot_link{
	width:768px;
	height:30px;
	margin:0 auto;
	background:#fff;
}
.foot_link ul{
	padding-left:130px;
}

.foot_link ul li{
	line-height:30px;
	display:block;
	float:left;
}

.foot_link ul li a,
.ol01 li .span a{
	color:#000;
}
.foot_link ul li a:hover,
.ol01 li .span a:hover{
	text-decoration:underline;
}
.ol01 li .span a:hover
{
	color:#2d90ff;
}
.other_foot{
	padding-left:80px;
}
.line_footer01,.line_footer02{
	display:block;
	margin:0 auto;
	height:20px;
}

.line_footer01{
	text-align:center
}

.line_footer02{
	width:520px;
	margin-left:130px;
}

.line_footer01{	
	border-bottom:1px solid #7F7F7F;
}

.line_footer02 li{
	display:block;
	float:left;
}

.line_footer02 .style01{
	width:110px;
}
.line_footer02 .style02{
	width:400px;
}