@charset "UTF-8";

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

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

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

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

#main{
	width:740px;
	}

.submit{
	clear:both;
	margin:12px 0px;
	}


#detailHeader{
	position:relative;
	background:#0060BE url("/img/search/bg_item_title.gif") repeat-x 0px 0%;
	color:#FFF;
	}
#detailHeader h2{
	padding:8px 10px;
    font-size:133%;
	font-weight: bold;
	line-height:normal;
	}
#detailHeader h2 a{
	color:#FFF;
	}
#detailHeader ul{
	position:absolute;
	top:5px;
	right:10px;
	}	

a#onBtn{
	display:block;
	background:url("/img/btn/btn_review.gif") no-repeat 0 0;
	height:24px;
	text-indent:-5000px;
	width:140px;
	}
a#offBtn{
	display:block;
	background:url("/img/btn/btn_book.gif") no-repeat 0 0;
	height:24px;
	text-indent:-5000px;
	width:140px;
	}

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;
	}
	

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


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

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


#mainMessage ul{
	margin-bottom:10px;
	}
#mainMessage li{
background:url(/html/img/icon/li.gif) no-repeat 0 50%;
padding: 0 0 0 15px;
float:right;
font-weight:bold;
	}
#mainMessage li.rightS{
	margin-right:6px;
	}
#mainMessage .rightBox li img{
	border: 1px solid #CCC;
	padding:6px;
	}

#relatedKeyword h3 {
	font-weight:bold;
	}
#relatedKeyword ul {
	margin-bottom: 10px;
}
#relatedKeyword .blank {
	padding-right: 0;
	background: none;
}
#relatedKeyword p.right {
	margin-bottom: 10px;
}
#relatedKeyword a {
	color:#999;
}

/* ------------------------------------------------------------------
	sheetBox styles
-------------------------------------------------------------------*/

#sheetBox{
	float:left;
	width:365px;
	}
#sheetBox th{
	width:80px;
	}

td img{
	vertical-align:middle;
	}


/* ------------------------------------------------------------------
	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{
	float:right;
	width:190px;
	}
	
#sidebar .section{
	margin-bottom:5px;
	}

#sidebar .section .more{
	margin-top:5px;
	padding-top:6px;
	background: #FFF url("/img/common/line_dot.gif") repeat-x 0% 0%;
	}
#relatedKeyword {
	clear: both;
	position: relative;
}
#relatedKeyword #yahoo {
	position: absolute;
	top: 8px;
	right: 5px;
}

#near{
	clear:both;
	margin-top:15px;
	}
#near .item{
	width:176px;
	float:left;
	margin:10px 0 0 12px;
	line-height:120%;
	font-size:12px;
	}
#near a img{
	-ms-interpolation-mode: bicubic;
	width:168px;
	height:140px;
	margin:0px auto;
	padding:2px;
	}
#near a img{
	border:1px solid #EEE;
	}
#near a:hover img{
	border:1px solid #03C;
	}


/*==================================================================
	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;
	}
#p-detail strong{
	font-weight:bold;
}

	
.sendMobile{
	padding:10px;
	border: double 3px #CCC;
	text-align:center;
	}