@charset "utf-8";
/* CSS Document */
 
/*======================================
 
   Font-size Adjustment
 
   77% = 10px	| 	122% = 16px	|	167% = 22px	
   85% = 11px	|	129% = 17px	|	174% = 23px
   92% = 12px	|	136% = 18px	|	182% = 24px
   100% = 13px	|	144% = 19px	|	189% = 25px
   107% = 14px	|	152% = 20px	|	197% = 26px
   114% = 15px	|	159% = 21px	|
 
=======================================*/
 
#contents{
	float: left;
	background-color: #DBDBDB;
	width: 950px;
	padding-bottom: 10px;
}
 
#key_image{
	float: left;
	width: 928px;
	height: 216px;
	background-color: #333;
	margin-left: 11px;
	margin-top: 17px;
	display: inline;
}
 
/*======================================
 left side
=======================================*/
 
#contents #main_area{
	float: left;
	width: 680px;
	padding-left: 11px;
	padding-top: 8px;
}
 
#contents #whats_new{
	float: left;
	width: 678px;
	background: url(/skin/hrkaigai/img/wc_top/bg_content_bottom.jpg) 0 bottom no-repeat; 
	padding-bottom: 8px;
	background-color: #FFF;
	margin-top:10px;
}
 
#contents #whats_new h3{
	float: left;
	width: 678px;
	height: 28px;
	background: url(/skin/hrkaigai/img/wc_top/bg_title_whats_new.jpg) 0 0 no-repeat;
	padding-bottom: 10px;
}
 
#contents #whats_new dl{
	width: 678px;
}
 
#contents #whats_new dt{
	float: left;
	width: 440px;
	padding-left: 20px;
	margin-left: 10px;
	background: url(/skin/hrkaigai/img/common/list_disc.gif) no-repeat 0 8px ;
	padding-bottom: 2px;
}
 
#contents #whats_new dd{
	float: right;
	display: block;
	width: 182px;
	height: 20px;
	padding-right: 10px;
	text-align: right;
	background: no-repeat 0px 5px;
	_background-position: 0px 6px;
	color: #999;
}
 
#contents #whats_new dd.jobs {
	background-image: url(/skin/hrkaigai/img/common/icon_jobs.gif);
}
#contents #whats_new dd.winning {
	background-image: url(/skin/hrkaigai/img/common/icon_winning.gif);
}
#contents #whats_new dd.career {
	background-image: url(/skin/hrkaigai/img/common/icon_career.gif);
}
 
#contents #about{
	float: left;
	width: 678px;
	margin-top: 10px;
	background: url(/skin/hrkaigai/img/wc_top/bg_content_bottom.jpg) 0 bottom no-repeat; 
	background-color: #FFF;
	padding-bottom: 10px;
}
	
#contents #about h3{
	float: left;
	width: 678px;
	height: 28px;
	background: url(/skin/hrkaigai/img/wc_top/bg_title_about_this.jpg) 0 0 no-repeat;
	padding-bottom: 0px;
}
 
#contents #about h2{
	float: left;
	width: 300px;
	height: 116px;
	background: no-repeat 0 0;
	margin-left: 9px;
	display: inline;
}
 
#contents #about .content_nav{
	float: left;
	width: 678px;
	padding: 10px 0;
	border-bottom: solid 1px #ccc;
}
 
#contents #about .no_border{
	border: none;
	padding-bottom: 0px;
}
 
#contents #about .content_nav p{
	float: right;
	width: 324px;
	padding-left: 0px;
	padding-right: 15px;
}
 
#contents #about h2#jobs{
	background: url(/skin/hrkaigai/img/wc_top/ph_jobs.jpg);
}
#contents #about h2#read_share{
	background: url(/skin/hrkaigai/img/wc_top/ph_winning.jpg);
}
#contents #about h2#find_ask{
	background: url(/skin/hrkaigai/img/wc_top/ph_career.jpg);
}
 
#contents #about p{
	font-size: 100%;
}
 
#contents #about .btn_nav{
	float: right;
	width: 324px;
	margin-top: 10px;
	margin-right: 20px;
	display: inline;
}
 
#contents #about .btn_nav a{
	display: block;
	width: 288px;
	margin: 0 auto;
	background-color:#CCC;
	text-align: center;
	color: #FFF;
	text-decoration: none;
}

#contents #about .btn_nav a.one{
	padding-top: 5px;
	height: 31px;
	font-size: 122%;
}
 
#contents #about .btn_nav a.two{
	height: 33px;
	padding-top: 3px;
}
 
#contents #about .btn_nav a span{
	display: block;
	font-size: 107%;
	line-height: 1.1em;
}
 
/*-- --*/
 
#contents #about .btn_nav a#view_jobs:link,
#contents #about .btn_nav a#view_jobs:visited{
	background: url(/skin/hrkaigai/img/wc_top/btn_view_jobs.jpg) 0 0 no-repeat;
}
#contents #about .btn_nav a#take_a_look:link,
#contents #about .btn_nav a#take_a_look:visited{
	background: url(/skin/hrkaigai/img/wc_top/btn_find_more.jpg) 0 0 no-repeat;
}
#contents #about .btn_nav a#get_answers:link,
#contents #about .btn_nav a#get_answers:visited{
	background: url(/skin/hrkaigai/img/wc_top/btn_find_more_s03.jpg) 0 0 no-repeat;
}
 
#contents #about .btn_nav a#view_jobs:hover{
	background-position: 0 -36px;
}
#contents #about .btn_nav a#take_a_look:hover{
	background-position: 0 -36px;
}
#contents #about .btn_nav a#get_answers:hover{
	background-position: 0 -36px;
}

/* New Design */
#contents div.cat_title {
	margin: 0 0 10px 0;
}

#contents div.cat_title h3 {
	font-size: 159%;
}

#contents div.cat_title p {
	font-size: 107%;
}

/* Information */
#contents #information{
	float: left;
	width: 678px;
	background: url(/skin/hrkaigai/img/wc_top/bg_content_bottom.jpg) 0 bottom no-repeat; 
	padding-bottom: 8px;
	background-color: #FFF;
	margin-top:10px;
}
 
#contents #information p{
	float: left;
	width: 678px;
	height: 28px;
	background: url(/skin/hrkaigai/img/wc_top/bg_title_information.jpg) 0 0 no-repeat;
	padding-bottom: 10px;
}

#contents #information ul{
	clear: both;
	width: 678px;
}
  
#contents #information ul li{
	padding-left: 20px;
	margin-left: 10px;
	background: url(/skin/hrkaigai/img/common/list_disc.gif) no-repeat 0 8px ;
	padding-bottom: 2px;
}
 
/* Veiw - Apply for Jobs */
#contents #view{
	float: left;
	width: 678px;
	background: url(/skin/hrkaigai/img/wc_top/bg_content_bottom.jpg) 0 bottom no-repeat; 
	padding-bottom: 8px;
	background-color: #FFF;
	margin-top:10px;
}

#contents #view_title {
	background: url(/skin/hrkaigai/img/wc_top/ph_jobs.png) 10px bottom no-repeat; 
}

#contents #view div.block_title{
	float: left;
	width: 678px;
	height: 28px;
	background: url(/skin/hrkaigai/img/wc_top/bg_title_view.jpg) 0 0 no-repeat;
	padding: 1px 0 0 0;
}

#contents #view .content_nav {
	width: 658px;
	margin: 10px auto 5px auto;
}

#contents #view .grad_nav {
	width: 324px;
}

#contents #view #grad_2011 {
	float: left;
}

#contents #view #grad_2012 {
	float: right;
}

#contents #view .grad_nav .grad_btn {
	margin: 0 0 5px 0;
}

#contents #view .grad_nav .grad_btn a,
#contents #view .grad_nav .grad_btn span {
	background: #eff0f2 url(/skin/hrkaigai/img/wc_top/btn_grad_gray.png) 0 0 no-repeat;
	color: #999;
	display: block;
	font-size: 108%;
	width: 324px;
	height: 61px;
	text-align: center;
	text-decoration: none;
	padding: 14px 0 0 0;
}

#contents #view #grad_2011 .grad_btn a:link,
#contents #view #grad_2011 .grad_btn a:visited{
	background: #266ca7 url(/skin/hrkaigai/img/wc_top/btn_grad_blue.png) 0 0 no-repeat;
	color: #fff;
}

#contents #view #grad_2011 .grad_btn a:hover,
#contents #view #grad_2011 .grad_btn a:active{
	background: #266ca7 url(/skin/hrkaigai/img/wc_top/btn_grad_blue.png) 0 -75px no-repeat;
	color: #fff;
}

/* 2012年度用ボタンを有効に */
#contents #view #grad_2012 .grad_btn a:link,
#contents #view #grad_2012 .grad_btn a:visited{
	background: #5ca737 url(/skin/hrkaigai/img/wc_top/btn_grad_green.png) 0 0 no-repeat;
	color: #fff;
}

#contents #view #grad_2012 .grad_btn a:hover,
#contents #view #grad_2012 .grad_btn a:active{
	background: #5ca737 url(/skin/hrkaigai/img/wc_top/btn_grad_green.png) 0 -75px no-repeat;
	color: #fff;
}

#contents #view div.ticker,
#contents #view div.soon {
	background: #eff0f2;
	border: 1px solid #ccc;
	float: right;
	width: 322px;
	height: 24px;
	overflow: hidden;
	margin: 0 0 0px 0;
}

#contents #view div.ticker ul,
#contents #view div.soon ul{
	padding: 2px 8px;
}

#contents #view div.ticker ul{
	width: 100000px;
}

#contents #view div.ticker ul li{
	display: inline;
	margin-right: 0px;
}

#contents #view div.ticker ul li.new {
	background: url(/skin/hrkaigai/img/jobs/icon_new.jpg) 0 50% no-repeat;
	padding: 0 0 0 45px;
}

#contents #view div.ticker ul li span {
	color: #ccc;
	display: inline;
	margin: 0 0px;
}

#contents #view div.ticker ul li img{
	vertical-align: middle;
}

#contents #view div.soon ul li{
	text-align: center;
}

#contents #view .btn_nav{
	float: right;
	width: 336px;
	margin: 0px 19px 0px 0px;
	display: inline;
}
 
#contents #view .btn_nav a{
	display: block;
	width: 336px;
	margin: 0 auto;
	background-color:#CCC;
	text-align: center;
	color: #FFF;
	text-decoration: none;
}

#contents #view .btn_nav a.one{
	padding-top: 5px;
	height: 31px;
	font-size: 122%;
}
 
#contents #view .btn_nav a.two{
	height: 33px;
	padding-top: 3px;
}
 
#contents #view .btn_nav a span{
	display: block;
	font-size: 107%;
	line-height: 1.1em;
}

#contents #view .btn_nav a#view_jobs:link,
#contents #view .btn_nav a#view_jobs:visited{
	background: url(/skin/hrkaigai/img/wc_top/btn_view_jobs_b.png) 0 0 no-repeat;
}
#contents #view .btn_nav a#take_a_look:link,
#contents #view .btn_nav a#take_a_look:visited{
	background: url(/skin/hrkaigai/img/wc_top/btn_find_more.jpg) 0 0 no-repeat;
}
#contents #view .btn_nav a#get_answers:link,
#contents #view .btn_nav a#get_answers:visited{
	background: url(/skin/hrkaigai/img/wc_top/btn_find_more_s03.jpg) 0 0 no-repeat;
}
 
#contents #view .btn_nav a#view_jobs:hover{
	background-position: 0 -36px;
}
#contents #view .btn_nav a#take_a_look:hover{
	background-position: 0 -36px;
}
#contents #view .btn_nav a#get_answers:hover{
	background-position: 0 -36px;
}

/* Read Shukatsu Articles */
#contents #read{
	float: left;
	width: 678px;
	background: url(/skin/hrkaigai/img/wc_top/bg_content_bottom.jpg) 0 bottom no-repeat; 
	padding-bottom: 8px;
	background-color: #FFF;
	margin-top:10px;
}

#contents #read div.block_title{
	float: left;
	width: 678px;
	height: 28px;
	background: url(/skin/hrkaigai/img/wc_top/bg_title_read_article.jpg) 0 0 no-repeat;
	padding: 1px 0 0 0;
}

#contents #read #read_winning{
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin: 0 0 1px 0;
}

#contents #winning_title {
	background: url(/skin/hrkaigai/img/wc_top/ph_winning.png) 10px bottom no-repeat; 
}

#contents #career_title {
	background: url(/skin/hrkaigai/img/wc_top/ph_career.png) 10px bottom no-repeat; 
}

#contents .article {
	width: 658px;
	margin: 5px auto 0px auto;
}
 
#contents .article_main{
	width: 658px;
	background-color: #fff;
	padding-bottom: 5px;
}
 
#contents .article_title {
	width: 658px;
	height: 30px;
}

#contents .article_body {
	background: #fff url(/skin/hrkaigai/img/wc_top/bg_article_body.png) 0% 100% no-repeat;
	padding-bottom: 10px;
}

.nihongo{
	background: url(/skin/hrkaigai/img/wc_top/bg_title_nihongo_s.png) 100% 0 no-repeat;
}
 
.english{
	background: url(/skin/hrkaigai/img/wc_top/bg_title_english_s.png) 100% 0 no-repeat;
}

.english-nihongo{
	background: url(/skin/hrkaigai/img/wc_top/bg_title_english_nihongo_s.png) 100% 0 no-repeat;
}

#contents .article_title div.date{
	border-right: 1px solid #cccccc;
	float: left;
	padding-left: 12px;
	padding-right: 8px;
	font-size: 92%;
	width: 72px;
	height: 30px;
	line-height: 30px;
}
 
#contents .article_title h3{
	float: left;
	width: 500px;
	padding-left: 8px;
	font-size: 100%;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}

#contents .article_title h3 a{
	font-weight: bold;
}

#contents .article_photo {
  width: 103px;
  height: 93px;
  float: left;
}
 
#contents .article_photo a{
	width: 75px;
	height: 75px;
	background-color: #fff;
	margin-left: 10px;
	margin-top: 10px;
	display: block;
	font-weight: bold;
}
 
#contents .article_photo a:link,
#contents .article_photo a:visited{
	border: 1px solid #ccc;
	padding: 3px;
}
 
#contents .article_photo a:hover{
	border: 1px solid #086ca0;
	padding: 3px;
}

#contents .article_body h4{
	font-size: 92%;
    margin-left: 105px;
	padding-right: 10px;
	padding-top: 5px;
}
 
#contents .article_body p{
	font-size: 92%;
	padding-top: 0px;
    margin-left: 105px;
	height: 65px;
	padding-right: 10px;
}

#contents .article_body p a.more{
	margin-left: 1em;
}
 
#contents .article .info{
    margin-left: 105px;
	width:545px;
	height: 20px;
	padding-right: 10px;
}
 
#contents .article .info li{
	font-size: 92%;
	display: inline;
}
 
#contents .article .info li.rate{
	color: #666;
	padding-right: 10px;
}
 
#contents .article .info li.date{
	color: #999;
	padding-left: 2px;
	padding-right: 10px;
}

#contents .select_lang {
	clear: both;
	padding: 0px 0 5px 0;
}

#contents .select_lang p {
	background: url(/skin/hrkaigai/img/common/bg_title_s.png) 100% 0 no-repeat;
	margin: 0 10px;
	padding: 0;
	text-align: center;
	width: 658px;
}

#contents .select_lang ul {
	height: 36px;
	width: 658px;
	margin: 0 auto;
}

#contents .select_lang ul li {
	width: 219px;
	float: left;
}

#contents .select_lang .btn_nav{
	float: left;
	margin: 0;
	display: inline;
}
 
#contents .select_lang .btn_nav a,
#contents .select_lang .btn_nav span{
	background: url(/skin/hrkaigai/img/wc_top/bg_select_lang.png) 0 0 no-repeat;
	display: block;
	width: 219px;
	margin: 0 auto;
	background-color:#CCC;
	text-align: center;
	color: #FFF;
	text-decoration: none;
}

#contents .select_lang .btn_nav a.one,
#contents .select_lang .btn_nav span.one{
	padding-top: 6px;
	height: 30px;
	font-size: 114%;
}
 
#contents .select_lang .btn_nav a.two,
#contents .select_lang .btn_nav span.two{
	height: 33px;
	padding-top: 3px;
}
 
#contents .select_lang .btn_nav a span{
	display: block;
	font-size: 122%;
	line-height: 1.1em;
}
 
#contents .select_lang .btn_nav a.lang_ja_en:link,
#contents .select_lang .btn_nav a.lang_ja_en:visited{
	width: 219px;
	background: url(/skin/hrkaigai/img/wc_top/bg_select_lang.png) 0 0 no-repeat;
}
#contents .select_lang .btn_nav a.lang_ja:link,
#contents .select_lang .btn_nav a.lang_ja:visited{
	width: 220px;
	background: url(/skin/hrkaigai/img/wc_top/bg_select_lang.png) -219px 0 no-repeat;
}
#contents .select_lang .btn_nav a.lang_en:link,
#contents .select_lang .btn_nav a.lang_en:visited{
	width: 219px;
	background: url(/skin/hrkaigai/img/wc_top/bg_select_lang.png) -439px 0 no-repeat;
}
 
#contents .select_lang .btn_nav a.lang_ja_en:hover{
	width: 219px;
	background-position: 0 -36px;
}
#contents .select_lang .btn_nav a.lang_ja:hover{
	width: 220px;
	background-position: -219px -36px;
}
#contents .select_lang .btn_nav a.lang_en:hover{
	width: 219px;
	background-position: -439px -36px;
}

#contents .select_lang .btn_nav span.lang_ja_en_none{
	background-position: 0 -72px;
	color: #999;
}
#contents .select_lang .btn_nav span.lang_ja_none{
	background-position: -219px -72px;
	color: #999;
}
#contents .select_lang .btn_nav span.lang_en_none{
	background-position: -439px -72px;
	color: #999;
}