/* -----------------------------------------------
CSS Document
----------------------------------------------- */

/******************************** index.html layout ********************************/

/***** topcontents *****/
body{background:url(/osaka/img/top/topback_img.jpg) repeat-x;
		background-color:#FFFFFF;
	}

#topcontents {
	width:900px;
}
#flashcontent {
	float:left;
	width:665px;
	height:300px;
	margin:5px 5px 0 8px;
	display:inline;
}
#rightbox {
	width:212px;
	float:right;
	margin:5px 8px 0 0;
}
#rightbox p.special {
	padding:0;
	margin-top:5px;
	font-size:10px;
	color:#FFFFFF;
	line-height:1.1
}
#rightsearchbox {
	width:210px;
	border:#CCC 1px solid;
	margin-bottom:5px;
	background-color:#FFFBD0
}



/* 2010.6.25 �C��
#rightsearchbox h2 img {
	margin:1px 0 0 0px;
}
*/

#rightsearchbox h2 {
	margin:1px 0 0 1px;
	background:url(/osaka/img/osusume1.gif) no-repeat #FFF;
	width:208px;
	height:31px;
	text-align:right;
}
#rightsearchbox #date {
	color:#FFF;
	padding:10px 2px 0 0;
	font-size:80%;
}

#rightsearchbox div {
	width:210px;
}
#rightsearchbox .osusume{
	margin-bottom:0px;
}
#rightsearchbox .osusume dl {
	padding-top: 3px;
	padding-right: 10px;
	padding-left: 10px;
	background-color:#FFFBD0
}
#rightsearchbox .osusume dl dt,#rightsearchbox .osusume dl dd {
	line-height:1.3em;
	font-weight: bold;
	color: #000;
	text-align: center;
	display: block;
}

#rightsearchbox .osusume dl dt {
	color: #006600;

}

#rightsearchbox .osusume ul { padding-top: 3px; padding-right: 10px; padding-bottom: 3px; padding-left: 10px; height: 160px;background-color:#FFFBD0 }


#rightsearchbox .osusume ul li { background:url(../img/arrow2.gif) center left no-repeat; text-indent:15px; line-height:16px; font-size: 10px; width: 190px; height: 16px; overflow: hidden; }
#rightsearchbox .freeword {
	width:198px;
	padding:5px;
}
#rightsearchbox .freeword form {
	float:left;
}
#rightsearchbox input{
	width:140px;
	height:15px;
	border-color:#95A87D;
	border-style:solid;
 	color :#665032;
	border-width:1px;
}
#rightsearchbox input.btn{
 	background-color: #CCE57F;
	width: 40px;
	height:20px;
	line-height:1.2em;
	margin-left:5px;
}

/***** leftcontents *****/		
#leftcontents {
	float:left;
	width:530px;
	margin:17px 0 10px 8px;

}
*html body #leftcontents {
	float:left;
	width:530px;
	margin:10px 0 10px 4px;
}
#jobsupport .midashi {
	background:url(../img/jobsupportmidashi.gif) top no-repeat;
	width:532px;
	height:29px;
	display:block
}
#jobsupport .midashi a {
	background:url(../img/jobsupportmidashi.gif) top no-repeat;
	width:532px;
	height:29px;
	display:block;
	text-decoration: none;
}
#jobsupport .midashi a:hover{
	background:url(../img/jobsupportmidashi2.gif) top no-repeat;
	width:532px;
	height:29px;
	display:block
}

#jobsupport .midashi .rss{	
	float:right;
	width:auto;
	margin:3px 10px 0 0;
}
#jobsupport .midashi .date{	
	font-size:77%;
	color:#FFF;
	float:right;
	width:auto;
	margin:10px 10px 0 0;
}

#jobsupport .supportbox{
	border:1px solid #CCC;
	background-color:#FFFFFF;
	width:530px;
	}





#jobsupport p.special {
	padding:10px 0 0 10px;
	margin:0;
}




#jobsupport .career {
	background:url(../img/img1.jpg) no-repeat 0 10px;
	margin:0 10px;
}
#jobsupport .career h4 {
	padding:10px 0 10px 70px;
}

#jobsupport .career ul {
}
#jobsupport .career ul li {
	background:url(../img/arrow.gif) center left no-repeat;
	text-indent:15px;
	margin-left:70px;
}
#jobsupport .career img {
	margin-top: 4px;
}
#jobsupport .industry img {
	margin-top: 4px;
}
#jobsupport .industry {
	background:url(../img/img2.jpg) no-repeat 0 10px;
	margin:0 10px;
}
#jobsupport .industry h4 {
	padding:10px 0 10px 70px;
}
#jobsupport .industry p {
	margin-left:70px;
}
#jobsupport .consider {
	float:left;
	width:255px;
	background:url(../img/img3.jpg) no-repeat 0 10px;
	margin:0 0 4px 4px;
}
#jobsupport .consider h4 {
	padding:10px 0 10px 50px;
}
#jobsupport .consider p {
	padding-bottom:5px;
	margin-left:50px;
}
#jobsupport .work {
	float:left;
	width:260px;
	background:url(../img/img4.jpg) no-repeat 0 10px;
	margin:0 0 4px 4px;
}
#jobsupport .work h4 {
	padding:10px 0 10px 50px;
}
#jobsupport .work p {
	padding-bottom:5px;
	margin-left:50px;
}
#reading { 
}
#reading .interview {
	width:530px;
	background:url(../img/interviewbg.gif) no-repeat top;
	display:inline-block;
	padding-bottom:15px;
	margin-top:8px;
	border:1px solid #CCC;
}





#reading .interview .midashi {
	background:url(../img/jobinterviewtai.gif) top no-repeat;
	width:532px;
	height:29px;
	display:block
}
#reading .interview .midashi a {
	background:url(../img/jobinterviewtai.gif) top no-repeat;
	width:532px;
	height:29px;
	display:block
	text-decoration: none;
}
#reading .interview .midashi a:hover{
	background:url(../img/jobinterviewtai2.gif) top no-repeat;
	width:532px;
	height:29px;
	display:block
}

#reading .interview .midashi .rss{	
	float:right;
	width:auto;
	margin:3px 10px 0 0;
}
#reading .interview .midashi .date{	
	font-size:77%;
	color:#FFF;
	float:right;
	width:auto;
	margin:10px 10px 0 0;
}





#reading .interview p.special {
	padding:10px 0 0 10px;
	margin:0;
}
#reading .interview:after {   
  content: ".";   
  display: block;   
  visibility: hidden;   
  height: 0.1px;   
  font-size: 0.1em;   
  line-height: 0;   
  clear: both;   
}  
#reading .interview .company1 {
	font-size:77%;
	float:left;
	width:170px;
	padding:10px 45px 10px 45px;
}
#reading .interview .company2 {
	font-size:77%;
	float:left;
	width:170px;
	padding:10px 45px 10px 45px;
}
#reading .interview .company3 {
	font-size:77%;
	width:170px;
	float:left;
	padding:0 45px 10px 45px;
}
#reading .interview .company4 {
	font-size:77%;
	float:left;
	width:170px;
	padding:0 45px 10px 45px;
}
#reading .uiturn {
	clear:both;
	margin:10px 0 10px;
}



#reading .coffeebreak {
	width:530px;
	background:url(../img/coffeebreakbg.gif) no-repeat bottom;
	display:inline-block;
	margin:8px 0;
	border:1px solid #CCC;
}
#reading .coffeebreak p.special {
	padding:10px 0 0 10px;
	margin:0;
}
#reading .coffeebreak:after {   
  content: ".";   
  display: block;   
  visibility: hidden;   
  height: 0.1px;   
  font-size: 0.1em;   
  line-height: 0;   
  clear: both;   
}  
#reading .coffeebreak .cbmidashi {
	background:url(../img/coffeebreak.gif) no-repeat;
	width:530px;
	height:48px;
}
.cbmidashi {
	height:48px;
}
#reading .coffeebreak ul {
	padding:10px 0 10px 0;
}





#reading .coffeebreak ul li {
	background:url(../img/arrow4.gif) center left no-repeat;
	text-indent:15px;
	margin-left:30px;
}
.cbmidashi h3 .cbrss{	
	float:right;
	width:auto;
	margin:13px 10px 0 0;
}
.cbmidashi h3 .cbdate{	
	font-size:77%;
	color:#666;
	float:right;
	width:auto;
	margin:20px 10px 0 0;
}







/***** rightcontents *****/	
#rightcontents {
	float:right;
	width:338px;
	margin:17px 8px 10px 0;
}
*html body #rightcontents {
	float:right;
	width:338px;
	margin:10px 4px 10px 0;
}
#rightcontents h3.syokusyutai {
	background:url(../img/syokusyu.gif) no-repeat top left;
	width:338px;
	height:28px
}



#rightcontents .searchbox {
	border:1px solid #CCC;
	background-color:#FFFFFF;
}
#rightcontents .searchbox a:link {   
    color:#000;   
    text-decoration:underline;   
}   
#rightcontents .searchbox a:visited {   
    color:#000;   
    text-decoration:underline;   
}   
#rightcontents .searchbox a:hover {
		color:#006633;
    text-decoration:underline;
}   
#rightcontents .searchbox a:active {   
    color:#990000;
    text-decoration:underline;   
} 

#rightcontents h3 .rss{	
	float:right;
	width:auto;
	margin:3px 10px 0 0;
}
#rightcontents h3 .date{	
	font-size:77%;
	color:#666;
	float:right;
	width:auto;
	margin:10px 10px 0 0;
}
#rightcontents .searchbox .custom {
	background:url(../img/custom.gif) no-repeat 1px 1px;
}
.searchbox .custom ul {
	padding:10px 0 10px 0;
}
.searchbox .custom ul li {
	background:url(../img/arrow2.gif) center left no-repeat;
	text-indent:15px;
	margin-left:10px;
}


.syokusyu .category {
	width:336px;
	height:auto;
	background:url(../img/bottomline.gif) bottom no-repeat;
	padding:5px 0 5px 0;
}
.syokusyu .category p {
	background:url(../img/arrow2.gif) center left no-repeat;
	text-indent:15px;
	margin-left:10px;
}
.category ul {
	padding-left: 25px;	/*text-indent:25px;*/
	display: block;
}
.category ul li {
	display:inline;
	color:#000;
	font-size:77%;
	padding:0;
	margin:0 5px 0 0;
}
.syokusyu .category_bottom {
	height:auto;
	padding:5px 0 5px 0;
}
.syokusyu .category_bottom p {
	background:url(../img/arrow2.gif) center left no-repeat;
	text-indent:15px;
	margin-left:10px;
}
.category_bottom ul {
	text-indent:25px;
}
.category_bottom ul li {
	display:inline;
	color:#000;
	font-size:77%;
	padding:0;
	margin:0 5px 0 0;
}
#rightcontents .newsrelease {
	background:url(../img/newsrelease.gif) no-repeat;
	width:338px;
	margin-top:10px;
	border:1px solid #CCC;
	background-color:#FFFFFF
}
#rightcontents .newsrelease ul li {
	background:url(../img/arrow3.gif) center left no-repeat;
	margin-left:10px;
	padding-left:15px;
}
.newsrelease ul li p {
	background:url(../img/bottomline.gif) bottom no-repeat;
	padding:5px 0;
}

#bottom {
	width:900px;
	height:82px;
	padding:0;
	background-color: #FFFFFF;
	margin-left: 8px;
	margin-bottom:30px;
}

#bottom .service {
	float:left;
	width:363px;
	height:84px;
	border:#CCC 1px solid;
	margin-right:8px;
	padding-left:10px;
	padding-right10px;
	padding-top:4px;
	padding-bottom:4px;
}
#bottom .service ul li {
	background:url(../img/arrow.gif) center left no-repeat;
	text-indent:15px;
	margin-left:0px;
}

#bottom .tensapo {
	float:left;
	width:480px;
	height:72px;
	border:#CCC 1px solid;
	margin-right:4px;
	padding:10px;
}