@charset "utf-8";

/* ------------------------------------------

Style Name: style.css
Since:      2008-09-26
Modified:   2008-09-26
Version:    1.1
Auther:     Yui Hase

-------------------------------------------*/

/* ------------------------------------------

 *  1.browser style clear

 *  2.wireframe

 *  3.common

 *  4.main page

 *  5.individual pages

 *  6.search page 

 *  7.form

 *  8.component collection

-------------------------------------------*/

/* ------------------------------------------

1.browser style clear

------------------------------------------*/

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

html, body, div, ul, ol, li, dl, dt, dd,
form, fieldset, input, textarea, h1, h2, 
h3, h4, h5, h6, pre, code, p, blockquote,
hr, th, td {
margin:0;
padding:0;}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset {
	border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style: normal;
	font-weight: normal;
}
strong {
	font-weight: bold;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 12px;
	font-weight:normal;
}
ul,li,dl,dt,dd {
	list-style:none;
}
img {
	vertical-align: top;
	border: none;
}
a img {
	border: none;
}
q:before,
q:after {
	content: '';
}
abbr,
acronym {
	border: 0;
}

a {
	font-weight: none;
	text-decoration: underline;
}
a:link {
	color: #CC3366;
}
a:visited {
	color: #CC3366;
}
a:hover {
	color: #CC3366;
	text-decoration: none;
}
a:active {
	color: #CC3366;
}

html {
	overflow-y: scroll;
}

body {
	background: url(http://www.career-force.co.jp/img/header_bg.jpg) repeat-x;
	font-family: Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",sans-serif;
	color: #333333;
	font-size: 12px;
	*font-size: small;
	*font: x-small;
	font-style: normal;
	font-weight: normal;
	line-height: 1.4;
}

p {
	margin: 0 0 5px 0;
}

.font1{
 font-size: 10px;
 margin: 5px;}


/* ------------------------------------------

2.wireframe

------------------------------------------*/

div#container {
position:relative;
width: 1024px;
margin: 0 auto;
}

div#header{
width: 1024px;
height: 60px;
margin: 0 auto;
position:relative;
background: url(http://www.career-force.co.jp/img/header_bg.jpg) repeat-x;}

.rogo{
float: left;}

.headtit{
float: right;
width: 500px;}
-------------------------------------
div#h-r{
width: 1024px;
height: 60px;
margin: 0 auto;
position:relative;
background: url(http://www.career-force.co.jp/img/header_bg.jpg) repeat-x;}

.h01{
float: right;
width: 500px;}

.r-1{
float: left;}

.h02{
text-arign: left;
padding: 8px 2px 0 0;}

.tel2{
text-arign: right;
display:block;
margin: 30px 2px 0 240px;}

*.tel2{
text-arign: right;
display:block;
margin: 30px 2px 0 340px;}

-------------------------------------

.headtit2{
padding: 8px 2px 0 0px;}

.header1{
width: 500px;}

.headtit2{
text-arign: left;
padding: 8px 2px 0 0;}

.t-map{
float: right;
padding:0 3px 3px 10px;
background:transparent url(http://www.career-force.co.jp/img/top_icon.jpg) no-repeat scroll 0 0.34em;}

.t-map a{
text-decolation: none;}

.tit001{
float: left;
margin: 0 0 0 70px;}

.tel{
text-arign: right;
display:block;
margin: 30px 2px 0 240px;}

*.tel{
text-arign: right;
display:block;
margin: 30px 2px 0 340px;}

.topimage{
margin:0 0 0 0;
}

div#bana01{
margin: 13px 0 0 0;
width: 728px;
height: 130px;
padding: 5px 5px 10px 5px;
position:relative;
background-color: #E8E8E8;}

.t-box01{
margin: 3px 0 5px 5px;}

.t-box02{
margin: 3px 0 5px 5px;}

.dr-b{
float: left;
width: 350px;
margin: 6px 0 5px 0;
}

.dra-b{
float: left;
width: 350px;
margin: 0 0 0 0;}

.ph-b{
float: left;
width: 350px;
margin: 6px 0 5px 8px;}

.nr-b{
float: left;
width: 350px;
margin: 0 0 0 8px;}

div#maincontents{
margin: 0 0 0 8px;}

.spa{
padding: 0 0 3px 0;
width: 360px;
border-bottom: 3px solid #C0C0C0;}

.melmaga{
color:#666;
font-weight:normal;}

.melmaga-tit{
margin:0 0 4px 0;}

.melmaga-line{
padding: 2px;
width: 210px;
border-bottom: 1px solid #666;
margin: 0 0 10px 0;}

.logbox{
width: 360px;
height: 100px;
overflow: auto;
}

.logbox q{color: #008000;}

.logbox-news{
width: 728px;
height: 150px;
overflow: auto;
margin-bottom: 50px;
}

.new01{
margin-left: 20px;
font-size: 12px;
font-weight: normal; 
font-color: #666;
line-height:1.5;}

.new01 a{
font-weight: normal; 
color: #666;
line-height:1.5;}

.t-box3{
float: left;}

.t-box4{
float: left;
}

.t-box5{
margin: 10px 0 0 0;
width: 728px;}

.rank-no{
float: left;
margin: 0 5px 0 0;}

*.rank-no{
float: left;
margin: 2px 5px 0 0;}

.rank-txt{
margin: 5px;
font-size: 11px;
font-weight: normal; 
font-color: #666;
line-height:1.2;}

.rank-txt a{
color: #000;
line-height:1.2;
text-decoration:none;}

.rank-bor{
border-bottom: 1px dotted #666;}

.rank-bor2{
margin: 2px 0 3px 0;}

.rank-line{
padding: 2px;
width: 200px;
border-bottom: 2px solid #CC3366;
margin: 10px 0 10px 0;
color: #CC3366;
font-weight: bold;
font-size: 14px;}

.rank-line2{
padding: 2px;
width: 200px;
border-bottom: 2px solid #339966;
margin: 10px 0 10px 0;
color: #339966;
font-weight: bold;
font-size: 14px;}

.rank-line3{
padding: 2px;
width: 200px;
border-bottom: 2px solid #FF6699;
margin: 10px 0 10px 0;
color: #FF6699;
font-weight: bold;
font-size: 14px;}

.consult-line{
padding: 2px;
width: 716px;
height:205px;
border: 11px solid #ADD0F3;
margin: 30px 0 30px 0;
background:url(http://www.career-force.co.jp/img2/t_support.jpg) no-repeat;}

.consult-tit{
margin: 25px 0 0 100px;
font-weight: bold;
color: #1F79D2;}

.consult-tit2{
padding: 0 0 0 10px;
font-size: 18px;
font-weight: bold;}

.consult-txt{
padding: 20px 0 0 20px;
width: 442px;
height: 128px;
line-height:1.3;}

.mobile-bg{
width: 240px;
margin-top: 10px;
margin-bottom: 10px;
background-color: #E0E0E0;}

---------------------------------------------------------------
div#h-navi{
width: 1024px;
height: 60px;
margin: 0 auto;
position:relative;}

ul.headernavi{
height:49px;}

ul.headernavi li{
float: left;
text-align: right;}

ul.headernavi2{
position:relative;
text-align:right;
height:15px;
margin:2px 0 5px 0;}

ul.headernavi2 li{
display:inline;
font-size: 0.8em;
padding:3px;
margin-top:2px}

ul.headernavi2 li a{
background:transparent url(http://www.career-force.co.jp/img/top_icon.jpg) no-repeat scroll 0 0.34em;
padding:3px 3px 3px 10px;}


.floatclear:after{
 content:".";
 display:block;
 height: 0;
 clear: both;
 visibility:hidden;}
 
*html .floatclear{
 height :1%;}
 
.floatclear{
display: block;}



div#main-left{
float: left;
margin: 16px 0 0 3px;}

div#main-left2{
float: left;
width: 728px;}

div#main-left2 ul{
font-size: 1.2em;
padding:5px;
line-height:1.8;
margin-top:2px;}

div#main-right{
float: right;
width: 244px;
margin: 15px 3px 0 0;
padding: 0 0 0 10px;
}

p.main-text{
width: 245px;}

.box{
width: 218px;
padding: 10px;
margin-bottom: 10px;
text-arign: center;
border: 1px solid #ccc;}

.box-rank{
padding: 10px;
margin-bottom: 10px;
margin-top:10px;
text-arign: center;
background-color: #E8E8E8;}

.rank-tit{
text-align: center;
padding: 0 3px 0 0;}

.rankin{
width: 208px;
padding: 5px;
margin: 0 0 0 4px;
text-arign: center;
background-color: #FFF;}

.box2{
width: 210px;
padding: 10px;
margin-bottom: 10px;
text-arign: center;
border: 1px solid #ccc;
font-weight: nomal;
text-decolation: none;
line-height: 2;}

ul.intro li a{
background:transparent url(http://www.career-force.co.jp/img/top_icon.jpg) no-repeat scroll 0 0.34em;
padding:3px 3px 3px 10px;
color: #666;
text-decolation: none;
line-height: 2.3;
font-weight:normal;}

.spa1{
padding: 10px 0 0 0;}

.text2{
width: 130px;
margin: 5px;
float: left;}

.text3{
width: 245px;
margin: 5px;}

div#footer{
clear: both;
text-arign: center;
padding: 20px;
border-top: 1px solid #ccc;}




*.logbox2{
width: 682px;
height: 650px;
overflow: auto;}

.typejob a{
padding: 0 3px 3px 20px;
text-decoration:none;
background:transparent url(http://www.career-force.co.jp/img/top_icon3.gif) no-repeat scroll 0 0.34em;}

.logboxleft{
padding: 0 3px 3px 20px;}

.cf-box{
width: 728px;
margin: 0 0 30px 0;}

.job-box{
float: left;
width: 480px;
margin: 30px 0 0 0;
line-height: 1.8;
border: 1px solid #0185DD;}

.job-tit{
width: 460px;
margin: 4px 0 0 10px;
border-bottom: 1px solid #0185DD;}

.job-01{
float: left;
margin-top: 10px;
margin-left: 12px;}

.job-01 a{
color: #000;}

.job-02{
float: left;
margin: 10px 0 10px 50px;}

.job-02 a{
color: #000;}

.job-03{
float: left;
margin-top: 10px;
margin-left: 50px;}

.job-03 a{
color: #000;}

.offer-box{
float: left;
margin: 30px 0 0 8px;
border: 1px solid #0185DD;}

.offer-tit{
width: 225px;
margin: 4px 5px 0 5px;
border-bottom: 1px solid #0185DD;}

.offer-01{
float: left;
margin-top: 10px;
margin-left: 65px;
line-height: 1.8;}

.offer-01 a{
color: #000;}

*.offer-01{
float: left;
margin: 10px 0 10px 50px;
line-height: 1.8;
margin-top: 10px;
margin-left: 45px;}

.mainfooter-menu{
text-align: center;
font-size: 12px;
line-height: 1.4;
margin: 10px;}

.mainfooter-menu ul li{
border-left: 1px solid #666;
padding: 3px;
display: inline;}

.mainfooter-menu ul li a{
color: #666;}

.kai-01{
float: left;
width: 74px;
margin: 8px 5px 0 0;}

.kai-02{
line-height: 1.3;
margin: 8px 0 0 0;}

.side-box{
margin: 0 0 30px 0;}

.news-line{
border-bottom: 1px solid #666;
width: 728px;}

-----top_new/kyubo----------------

.new{
font-color: #666;
line-height: 1.8;}

.new01{
margin-left: 5px;
font-color: #666;
line-height:1.4;}

.new02{
font-size: 9px;}

.new01 p{
padding: 0 1px 1px 10px;
text-decoration:none;
background:transparent url(http://www.career-force.co.jp/img/top_icon2.jpg) no-repeat scroll 0 0.34em;
}

.new011{
margin-left: 5px;
font-color: #666;
line-height:1.4;}

.new011 a{
color: #1F79D2;
}

.job{
border: 1px solid #666;
width: 600px;
margin: 10px 0 30px 30px;}

.job1{
background: url(../img/table_bg.gif) ;
font-weight: bold;
font-size: 14px;
color: #666;
padding: 5px;
border: 1px solid #666;
text-decoration:none;}

.job1 a{
font-weight: bold;
color: #666;
text-decoration:none;}

.job2{
font-weight: normal;
color: #666;
padding: 10px;
text-decoration:none;}

.job2 a{
font-weight: normal;
color: #666;
text-decoration:none;}

.typejob{
color: #666;
border: none;
line-height:1.5;
fontweight: bold;
margin: 1px 0 30px 200px;
padding: 0 0 10px 0;
border-bottom: 1px solid #ccc; }

.typejob p{
padding: 0 3px 3px 20px;
text-decoration:none;}

.typejob a{
color: #666;
border: none;
line-height:1.5;
text-decoration:none;
padding: 0 3px 3px 20px;
text-decoration:none;
margin: 1px 0 10px 0; }

.tit-blog{
color: #666;
bgcolor: #CCFFFF;
font-size: 14px;
font-weight: bold;
border: none;
line-height:1.5;
text-decoration:none;
margin: 1px 0 10px 0; }

.site{
margin: 0 0 30px 30px;
font-size: 0.95em;
font-color: #666;
line-height: 1.5;}

.site li{
padding: 0 3px 3px 20px;
text-decoration:none;
background:transparent url(http://www.career-force.co.jp/img/top_icon2.jpg) no-repeat scroll 0 0.34em;}

.webpage01{
float: left;
width:  400px;
margin: 15px 0 0 3px;}

.webpage02{
float: left;
width:  400px;
margin: 15px 3px 0 3px;
padding: 0 0 0 15px;}

.f01{
color: #666;
font-weight: bold;
padding: 0 3px 3px 6px;
border: none;
line-height:1.5;
border-bottom: 1px solid #ccc;
border-left: 5px solid #ccc;
text-decoration:none;}

div.type04{
color: #000;
font-size: 1.1em;
line-height:1.5; }

div.type04 a{
color: #0099CC; }

div.type04 h1 {
background:transparent url(http://career-force.co.jp/img/header02_bg.jpg) no-repeat scroll 0 0;
font-size:18px;
font-weight:bold;
height:38px;
margin:15px 0;
padding:8px 0 0 15px;
width:728px;}

div.type04 h2,h3,h4 {
font-size:16px;
font-weight:bold;}

.comtd {
font-size:14px;
line-height:1.5;
margin:15px 0;
padding:8px;}

.comtd td{
padding:8px;}

div.typept{
color: #000;
font-size: 0.85em;
line-height:1.6; }

div.typept a{
color: #0099CC;
line-height:1.4; }

.pt{
border: 1px solid #ccc;
padding: 2px;}

.pt tr{
border: 1px solid #ccc;
padding: 2px;}

.pt td{
border: 1px solid #ccc;
padding: 2px;}

table#noline{
border: 1px solid #fff;
border-collapse: collapse;
margin: 6px;
border-spacing: 0;}

table#noline td{
border: 1px solid #fff;
border-collapse: collapse;
margin: 6px;
border-spacing: 0;}

table#noline td tr{
border: 1px solid #fff;
border-collapse: collapse;
margin: 6px;
border-spacing: 0;}

div.typedra{
color: #000;
font-size: 0.87em;
line-height:1.8; }

div.typedra a{
color: #0099CC;
line-height:1.8;
text-decoration: none; }

.dra{
border: 1px solid #ccc;
padding: 5px;}

.dra tr{
border: 1px solid #ccc;
padding: 3px;}

.dra td{
border: 1px solid #ccc;
padding: 3px;}

/----*開業支援*----/
.shien{
color: #666;
bgcolor: #CCFFFF;
font-size: 12px;
border: none;
line-height:1.5;
text-decoration:none;
margin: 3px; 
}

/----*医療従事者転職*----/
.intro-box{
width: 650px;
height: 35px;
border-bottom: 1px solid #666;
margin: 0 0 20px 0;}

.intro-tit{
margin: 5px;}

.intro-text{
margin: 10px 0 50px 20px;
font-size: 14px;
line-height: 1.8;}

.intro-next{
float: right;
margin: 20px 0 20px 0;}

.intro-text2{
margin: 10px 0 50px 10px;
font-size: 14px;
line-height: 1.5;}

.intro-box2{
margin: 15px 0 30px 0;}

.intro-tit3{
border-bottom: 1px dotted #ccc;
margin: 5px 3px 3px 10px;}

.intoro-tit2{
padding: 3px 3px 3px 10px;
border-bottom: 1px solid #ccc;
border-left: 5px solid #CCC;
}

.intro-tit{
width: 650px;
margin: 3px 3px 3px 10px;
font-weight: bold;}

.intro-d{
margin: 5px 5px 15px 20px;}

.intro-box3{
width: 620px;
margin: 15px 0 60px 0;
padding:10px;
border: 1px solid #0066FF;}

.intro-box4{
float:left;
width: 270px;
margin: 0 0 60px 0;
padding:5px;
border: 1px solid #0066FF;}

.intro-box5{
float: right;
width: 270px;
margin: 0 0 60px 0;
padding:5px;
border: 1px solid #0066FF;}

.intro-box6{
float: right;
width: 600px;
margin: 5px 0 70px 0;
padding:10px;
border: 1px solid #FF9966;}

.intro-d1{
text-align: center;
font-weight: bold;}

.intro-bg{
background: #E7E7E7;}

.box22{
background:#E0E0E0 none repeat scroll 0 0;
overflow:hidden;
position:relative;
width:100%;}

.box23 {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CC3366;
margin: 3px 20px 20px 20px;
padding:10px;
position:relative;
}

.box-tit{
text-align: center;
margin: 5px 5px 0 5px;}

.widget-content {
background-color:#FFF;
border:1px solid #FFF;
margin:15px;
padding: 5px;
text-align: center;}

.toptitle {
margin-bottom:10px;
margin-top:10px;
}

.toplist {
border:1px solid #CCCCCC;
margin:0 0 30px;
padding:1px;
}

h2{
font-weight: bold;
}

.drtit{
width:730px;}

.blogtit{
display: inline;
width: 550px;
margin:3px;}

.blogtit1{
float: left;
display: inline;
font-weight: bold;
border-left:3px solid #CC3366;
padding: 0 10px 0 5px;
margin: 6px 0 0 15px;}

.blogtit2{
float: left;
display: inline;
font-weight:bold;
padding: 8px 0 0 10px;}

.blogtitbg{
background: #E0E0E0;}

.toplist{
padding: 1px;
border: 1px solid #ccc;
margin: 0 0 30px 0;}

.toplist td{
border-spacing: 0;
padding: 8px;}

table,td,tr{
line-height: 1.5;
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #ccc;}

.listtit{
font-weight: bold;
text-align: center;
width: 160px;
background:transparent url(http://www.career-force.co.jp/img/nrtable_bg.gif) repeat scroll 0 0;}

.drabana{
float: right;
margin-left:20px;}

.listin{
width: 100%;}

.listin01{
float:left;
text-align: left;}

.listin02{
float:right;
text-align: right;
width: 160px;
margin: 5px 45px 5px 5px;}

.more{
float:right;
margin: 5px;}

.floatclear:after{
 content:".";
 display:block;
 height: 0;
 clear: both;
 visibility:hidden;}

.bana22{
text-align: center;
margin: 5px;}

.dr-txt{
width: 724px;
line-height:1.3;
margin-bottom: 30px;}

.h-n2{
list-style: none;}

element.style {
border-collapse:collapse;
font-family:'trebuchet ms';
line-height:19px;}

.tensyoku-txt {
color:#FFFFFF;
font-size:16px;
font-weight:bold;
}
.forcliant-line3 {
background-color:#CC3366;
margin:30px 20px 30px 0;
padding:10px;
width:680px;
}

.navi {
background-color:#E8E8E8;
font-size:1em;
margin:0 0 20px;
padding:10px;
width:730px;
height: 20px;
}
.navi-box {
display:inline;
width:220px;
}
.navi-l {
float:left;
font-weight:bold;
margin:0 3px 0 0;
}
.navi-r {
float:left;
}
.navi3 {
height:15px;
margin:2px 0 5px 270px;
position:relative;
}
.navi3 li {
border-right:1px solid #666666;
display:inline;
margin-top:2px;
padding:3px;
}
.navi3 li a {
padding:3px 3px 6px;
}
.navi-in {
display:inline;
font-size:1.2em;
margin-top:2px;
padding:3px;
}
.navi4 {
display:inline;
margin:20px 0 10px 0;
width:730px;
}
.navi4-l {
float:left;
margin:0 0 20px 0;
}
.navi4-r {
float:left;
margin:0 0 0 10px;
}
.navi5 {
margin:20px 0 0;
width:401px;
}
.navi5-l {
float:left;
margin:0 3px 0 0;
width:300px;
}
.navi5-r {
float:left;
margin:5px;
}

.t-01 {
background:transparent url(../../img2/topnr_tit01nr.jpg) no-repeat scroll 0 0;
clear:both;
margin:0 20px 0 0;
padding:5px;
width:720px;
}

.t-01in {
margin:60px 120px 30px 30px;
width:407px;
}

.t-02 {
background:transparent url(../../img2/topnr_tit02.jpg) no-repeat scroll 0 0;
margin:0 20px 0 0;
padding:5px;
width:720px;
}

.t-02in {
margin:90px 120px 40px 30px;
width:550px;
}

.minnr-01 {
background:transparent url(../1min/img/1minnr_01.jpg) no-repeat scroll 0 0;
clear:both;
margin:0 20px 20px 0;
padding:5px;
width:720px;
height: 210px;
}

.minnr-01in{
width: 600px;
margin: 100px 0 10px 20px;}

.minnr-02 {
background:transparent url(../1min/img/1minnr_02.jpg) no-repeat scroll 0 0;
height:330px;
padding:5px;
width:720px;
margin: 0 0 20px 0;
}

.minnr-02in{
width: 300px;
margin: 100px 120px 10px 20px;}

.minnr-03 {
background:transparent url(../1min/img/1minnr_03.jpg) no-repeat scroll 0 0;
height:500px;
padding:5px;
width:720px;
margin: 0 0 20px 0;
}

.minnr-03in{
width: 630px;
height: 120px;
margin: 90px 0 10px 50px;}

.toptitle2{
font-weight: bold;}

.m-l{
float: left;
width: 470px;
margin: 0 0 10px 0;}

.m-r{
float: right;
margin: 0 0 10px 0;}

.spa00{
background:transparent url(../../img/koushinnr2_bg.jpg) repeat-x scroll 0 0;
border:3px solid #FFE6E6;
margin:20px 0 0;
width:713px;
padding: 2px 2px 2px  6px;
font-size: 14px;
font-weight: bold;
color: #666;
}

.logbox00 {
height:100px;
margin:0 0 0 15px;
overflow:auto;
padding:5px;
font-size: 14px;
width:700px;
}

.logbox00 a{
font-size: 14px;
}


table.kyu td, tr {
border:1px solid #CCCCCC;
border-collapse:collapse;
padding: 3px;
}

table.kyu{
margin: 20px 0 30px 40px;
}


.box03 {
background: #FFCCCC;
font-weight:bold;
width:630px;
color: #CC3366;
font-size: 14px;
}

.box04 {
background:#E0E0E0;
font-weight:bold;
padding: 5px;
text-align:center;
width:160px;
font-size: 12px;
}

.box05 {
background: #F0F0F0;
font-weight:bold;
text-align:center;
width:630px;
}

.box06 {
font-size: 12px;
width:470px;
}