@charset "UTF-8";


/*****************************************
*共通
*****************************************/

.container_employment {padding:0 0 80px;}
.container_employment h2,
.employment .container_employment h3 {margin:0 0 10px;}


.list_article li a em {margin:0;padding:1px 4px;color:#fff;background-color:#999;display:block;}

/*インデックスページ*/
.container_banners p {margin:0 20px;padding:0 0 0.5em;font-size:75%;line-height:1.5;}

.container_banners dl {float:left;display:inline;margin:0 10px 10px 0;width:180px;background-color:#f6f6f6;}
.container_banners dt {margin:0 0 2px;}
.container_banners dd {padding:0 4px 4px;height:3em;font-size:70%;line-height:1.2;}
.container_banners dd a {color:#666;text-decoration:none;display:block;}
.container_banners dd a em {color:#c00;}
.container_banners dd a:hover {color:#c00;text-decoration:underline;}

.container_buttons {padding:0 0 10px;clear:both;}


/*職種*/

.occupation {margin:0 10px 10px 0;width:560px;}
.occupation h3 {
	clear:both;margin:8px 0 10px;padding:8px 20px;font-size:1em;
	background:url(/image/bg_h2_c-firebrick.png) no-repeat left bottom;}
.occupation h3.justpanel {background-image:url(/image/bg_h2_c-slateblue.png);}
.occupation h3 img {vertical-align:middle;}
.occupation h4 {clear:both;margin:0 10px 4px;}
.occupation .place {margin:0 0 10px;padding:2px 20px;border:1px solid #dcdcdc;}
.occupation .place p {font-size:80%;font-weight:bold;}
.occupation .about {margin:0 20px 20px;}
.occupation .about p {font-size:75%;line-height:1.5;}
.occupation .about p em {padding:0 0.4em;color:#fff;background-color:#c33;}
.occupation .about .model {float:right;margin:0 0 1em 1em;}

.occupation table.detail {margin:0 0 20px;width:559px;border-collapse:collapse;border-top:1px solid #999;}
.occupation .detail th {
	padding:2px 4px;width:8em;font-size:80%;line-height:1.4;text-align:right;vertical-align:top;white-space:nowrap;
	background-color:#f5f5f5;border-bottom:1px solid #dcdcdc;border-right:1px dashed #dcdcdc;}
.occupation .detail th span {display:block;}
.occupation .detail td {padding:2px 4px;font-size:75%;line-height:1.4;border-bottom:1px solid #dcdcdc;}

.occupation .comment {
	margin:0 0 10px;padding:5px;width:550px;
	border-top:1px solid #999;overflow:hidden;}
.occupation .comment img {float:left;margin:0 10px 1em 0;}
.occupation .comment img.double {clear:both;}
.occupation .comment h5 {margin:0 0 10px;}
.occupation .comment h5 .whois {font-weight:normal;}
.occupation .comment p {margin:0 0 0.5em;font-size:75%;line-height:1.4;}


/*モットー*/
.motto {margin:0 10px 10px 0;width:560px;}
.motto h2 {margin:0 0 20px;}
.motto ul,
.motto ol,
.motto dl {margin:0 40px 20px;}
.motto ul.list_motto {margin:10px 40px;line-height:1.3;}
.motto ol li {margin:0 0 0.5em;}
.motto dt {margin:0 0 1em;font-size:80%;font-weight:bold;}
.motto dd {margin:0 0 1em;}
/*.motto h3 {margin:100px 20px 8px;padding:4px 8px;border-left:4px solid #69f;border-bottom:1px solid #dcdcdc;}*/
.motto h3 {
	clear:both;margin:8px 0 10px;padding:8px 20px;font-size:1em;
	background:url(/image/bg_h2_c-firebrick.png) no-repeat left bottom;}
.motto h4 {font-size:90%;}
.motto p {margin:0 20px 1em;font-size:75%;line-height:1.5;}
.motto p.motto_leader {margin:0 20px 8px;padding:4px;font-weight:bold;text-indent:0;border:1px solid #ccc;}
.motto p.go-top {margin:0 10px 200px;text-align:right;font-size:80%;}
.motto p.omission {font-size:1em;color:#999;}


#side_slides h3.go_index {margin:20px 0;}
#employment_index #side_slides h3.go_index {margin:20px 0 0;}
#side_slides ul.list_article {display:none;}
#employment_index #side_slides ul.list_article {display:block;}