@charset "UTF-8";

/* ****************************************************************** 

	COPYRIGHT(C) CYBRiDGE CORPORATION.
	URL: http://www.cybridge.jp/

****************************************************************** */

/*==================================================================
	common styles
===================================================================*/

#main{
	margin:0 10px;
	}
#headUtil{
	margin-bottom:10px;
	}
.submit{
	clear:both;
	margin:12px 0px;
	}


/*==================================================================
	detail styles
===================================================================*/
/* detailHeader
-------------------------------------------------------------------*/
#detailHeader{
	background:#478814 url(/img/common/h2_search.jpg) repeat-x scroll 0 100%;
	position:relative;
	color:#FFF;
	}
#detailHeader h2{
	margin-bottom:5px;
	padding:8px 10px;
    font-size:133%;
	font-weight: bold;
	line-height:normal;
	}
#detailHeader h2 a{
	color:#FFF;
	}
#detailHeader ul{
	position:absolute;
	right:8px;
	top:8px;
	_top:10px;
	}
a#onBtn{
	display:block;
	background:url("/img/btn/btn_review.gif") no-repeat 0 0;
	height:18px;
	text-indent:-5000px;
	width:138px;
	}
a#offBtn{
	display:block;
	background:url("/img/btn/btn_book.gif") no-repeat 0 0;
	height:18px;
	text-indent:-5000px;
	width:138px;
	}
#onBook{
	position:relative;
	top:0;
	display:block;
	background:url("/img/btn/btn_bookmark.gif") no-repeat 0 0;
	height:18px;
	text-indent:-5000px;
	width:138px;
	}	

#print{
	display:block;
	background:url("/img/btn/btn_print.gif") no-repeat 0 0;
	height:18px;
	text-indent:-5000px;
	width:66px;
	}
#detailHeader li{
	float:left;
	}


/* detailName
-------------------------------------------------------------------*/
ul#detailName{
	margin:auto;
	text-align:center;
	padding:30px 0;
	font-size:133%;
	color:#333333;
	font-weight:bold;
	}
#detailName li{
	display:inline;
	padding:0 5px;
	}



/* ln
-------------------------------------------------------------------*/
ul#ln{
	margin-bottom:10px;
	background:url("/img/common/bg_ln.gif") repeat-x 0 100%;
	}
ul#ln li{ 
	display:inline;
	}
ul#ln li a{
	float:left;
	display:block;
	width:138px;
	height:32px;
	text-indent:-5000px;
	}
ul#ln li#lnGuide a,
ul#ln li#lnInterview a,
ul#ln li#lnPhoto a,
ul#ln li#lnMap a,
ul#ln li#lnVoice a{
	background: #FFF url("/img/common/ln.gif") no-repeat;
	}

ul#ln li#lnGuide a{
	background-position:0 0;
	}
ul#ln li#lnGuide a:hover{
	background-position:0 -32px;
	}
ul#ln li#lnInterview a{
	background-position:-138px 0;
	}
ul#ln li#lnInterview a:hover{
	background-position:-138px -32px;
	}
ul#ln li#lnPhoto a{
	background-position:-276px 0;
	width:137px;
	}
ul#ln li#lnPhoto a:hover{
	background-position:-276px -32px;
	width:137px;
	}
ul#ln li#lnMap a{
	background-position:-414px 0;
	width:137px;
	}
ul#ln li#lnMap a:hover{
	background-position:-414px -32px;
	width:137px;
	}
ul#ln li#lnVoice a{
	background-position:-552px 0;
	}
ul#ln li#lnVoice a:hover{
	background-position:-552px -32px;
	}

a#entryBtn{
	display:block;
	background:url("/img/btn/btn_entry.gif") repeat-x 0 0;
	width:160px;
	height:32px;
	text-indent:-5000px;
	margin:0 auto;
}
a#entryBtn:hover{
	background:url("/img/btn/btn_entry_on.gif") repeat-x 0 0;
}


#detailUtil{
	background:#EEE url("/img/search/bg_item_header.gif") repeat-x 0px 100%;
	margin-bottom:5px;
	}
#detailUtil ul{
	padding:3px 5px 5px;
	}
#detailUtil li.detailIcon{
	background:#666;
	margin:0 1px;
	padding:2px 8px;
	line-height:100%;
	font-size:77%;
	color:#FFF;
	}
	

h3#summary{
	font-size:133%;
	font-weight: bold;
	color:#810A00;
	padding-bottom:5px;
	margin-bottom:12px;
	border-bottom: 1px solid #DFDFDF;
	}


#mainVisual{
	float:left;
	width:210px;
	}
#mainVisual img{
	margin-bottom:5px;
	padding:2px;
	border:1px solid #DDD;
	}

#mainMessage{
	width:370px;
	float:right;
	margin:0 0 10px 0;
	}
#mainMessage p{
	margin-bottom:10px;
	}


/* ------------------------------------------------------------------
	sheet styles
-------------------------------------------------------------------*/

table.sheet{
	margin-top:10px;
	}

/* ------------------------------------------------------------------
	jobBox styles
-------------------------------------------------------------------*/

#jobBox{
	width:365px;
	float:right;
	}
#jobBox p{
	margin:0 0 10px 0;
	}

p#wage{
	background-color:#F3F9FF;
	border:1px solid #E6F1FF;
	margin-bottom:12px;
	padding:5px;
	}


/*	 styles
-------------------------------------------------------------------*/
ul#thumbnailImage{
	clear:both;
	position:relative;
	}

ul#thumbnailImage img{
	padding:1px;
	border:1px solid #EEE;
	}

li.middleImage{
	position:absolute;
	left:250px;
	top:0px;
	}


/*	miniImages styles
-------------------------------------------------------------------*/
#miniImages{
	position:relative;
	margin:0 0 10px 0;
	}
li.rightImage{
	position:absolute;
	right:0px;
	top:0px;
	}
	


/*==================================================================
	sidebar styles
===================================================================*/
#sidebar{
	width:190px
	}
#sidebar .section .more{
	margin-top:5px;
	padding-top:6px;
	background: #FFF url("/img/common/line_dot.gif") repeat-x 0% 0%;
	}


/*	inner styles
-------------------------------------------------------------------*/
#sidebar .section#logo .inner{
	padding:10px;
	} 
#sidebar .section#map .inner{
	padding:10px 10px 7px 10px;
	} 
#sidebar .section#mobile .inner{
	padding:10px 10px 7px 10px;
	} 
#sidebar .section#link .inner{
	padding:10px;
	}  
#sidebar .section#guide .inner{
	padding:10px;
	} 
	
	
/*==================================================================
	p-companystyles
===================================================================*/
#p-company #companyName{
	margin:20px auto;
	}
#p-company #companyName img{
	vertical-align:bottom;
	padding-right:10px;
	float:left;
	}
#p-company #companyName td{
	font-size:160%;
	font-weight:bold;
	line-height:120%;
	}
#p-company #jukuList {
	margin-bottom:10px;
	}
#p-company #jukuList li{
	width:50%;
	float:left;
	}
	
.sendMobile{
	padding:10px;
	border: double 3px #CCC;
	text-align:center;
	}
	
	
/*==================================================================
	p-interview
===================================================================*/
#p-interview #face{
	background-color:#F0EFEB;
	border:1px solid #E2E2E2;
	height:1%;
	margin-bottom:25px;
	padding:8px 8px 0;
	}
#p-interview .name{
	font-size:133%;
	font-weight:bold;
	}
#p-interview h4{
	font-weight:bold;
	}
	
	
/*==================================================================
	p-photo
===================================================================*/
#p-photo .photo{
	float:left;
	width:50%;
	}
#p-photo .photo dd.name{
	font-weight:bold;
	}