/* CSS Document */

/*===============================
		top_headerに指定
===============================*/

#top_header{
		margin: 0 0;
		width: 100%; height: auto;
		background: url(../share/container_bg.gif) left top repeat-x;
}

.telcontact {
	margin-top: -3px !important;
}


/*===============================
	top_contents_leftに指定
===============================*/

p.rinen{
		width: 522px; height: 66px;
		padding-top: 12px; padding-left: 16px;
		font-size: 12px; color: #FFFFFF;
		line-height: 19px; letter-spacing: 0px;
		background: url(../share/rinen_bg.gif) left top repeat-x;
}
* html p.rinen{
		width: 538px; height: 78px;
		padding-top: 12px; padding-left: 16px;
		font-size: 12px; color: #FFFFFF;
		line-height: 19px; letter-spacing: 0px;
		background: url(../share/rinen_bg.gif) left top repeat-x;
}

/*===============================
	contents_link_listに指定
===============================*/

ul#contents_link_list{
		margin-top: 16px;
		width: 538px; height: 128px;
		list-style: none;
}

ul#contents_link_list li{
		float: left;
}

li.list01 a{
		display: block;
		margin-right: 6px;
		width: 266px; height: 128px;
		background: url(../share/list01_btn.gif) left top no-repeat;
}

li.list02 a{
		display: block;
		width: 266px; height: 128px;
		background: url(../share/list02_btn.gif) left top no-repeat;
}

/*-----------ロールオーバー------------*/

li.list01 a:hover{
		background-position: 0 -128px;
}

li.list02 a:hover{
		background-position: 0 -128px;
}

/*===============================
		top_brandingに指定
===============================*/

p.top_branding{
		margin-top: 20px;
		margin-bottom: 22px;
		padding: 0 150px 0 0;
		/*width: 538px; height: auto;*/
		font-size: 12px; line-height: 21px;
		background-image: url(../share/top_branding_bg.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
}
/** html p.top_branding{
		margin-top: 20px;
		margin-bottom: 22px;
		width: 538px; height: auto;
		font-size: 12px; line-height: 21px;
		background-image: url(../share/top_branding_bg.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
}
*/
/*===============================
		ul#news_listに指定
===============================*/

ul#news_list{
		width: 538px; height: auto;
		list-style: none;
}

.news_top{
		clear: both;
		padding-top: 29px;
		width: 538px; height: 25px;
		background: url(../share/news_top_bg.gif) left top no-repeat;
}
* html .news_top{
		padding-top: 29px;
		width: 538px; height: 54px;
		background: url(../share/news_top_bg.gif) left top no-repeat;
}

li.news_list{
		width: 522px;
		padding-top: 7px; padding-bottom: 3px; padding-left: 16px;
		font-size: 12px;
		border-top: 1px solid #D3D3D3;
		border-bottom: 2px solid #FFFFFF;
}
* html li.news_list{
		width: 538px;
		padding-top: 7px; padding-bottom: 3px; padding-left: 16px;
		font-size: 12px;
		border-top: 1px solid #D3D3D3;
		border-bottom: 2px solid #FFFFFF;
}

li.blank{
		width: 538px; height: 1px;
		border-top: 1px solid #D3D3D3;
		margin-bottom: 0px;
}
* html li.blank{
		width: 538px; height: 1px;
		border-top: 1px solid #D3D3D3;
		margin-bottom: -20px;
}

a.news_top_text{
		margin-left: 465px;
		font-size: 12px;
}

/*===============================
		interviewに指定
===============================*/

p.interview_top{
		padding-top: 28px; padding-left: 464px;
		font-size: 10px;
		width: 74px; height: 26px;
		background-image: url(../share/interview_top_bg.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
}
* html p.interview_top{
		padding-top: 28px; padding-left: 464px;
		font-size: 10px;
		width: 538px; height: 54px;
		background-image: url(../share/interview_top_bg.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
}

p.interview_image{
		padding-top: 62px; padding-left: 16px;
		width: 522px; height: 49px;
		font-size: 10px; line-height: 18px;
		background-image: url(../share/interview_image.jpg);
		background-repeat: no-repeat;
		background-position: 0 0;
}
* html p.interview_image{
		padding-top: 62px; padding-left: 16px;
		width: 538px; height: 111px;
		font-size: 10px; line-height: 18px;
		background-image: url(../share/interview_image.jpg);
		background-repeat: no-repeat;
		background-position: 0 0;
}

dl#interview_list{
		padding-bottom: 11px; padding-left: 16px;
		margin-top: 16px;/* margin-left: 16px;*/
		width: 538px; height: auto;
		list-style-type: none;
		background-image: url(../share/interview_border.gif);
		background-repeat: no-repeat;
		background-position: 0 41px;
}

dl#interview_list02{
		padding-bottom: 11px; padding-left: 16px;
		margin-top: 5px;/* margin-left: 16px;*/
		width: 538px; height: auto;
		list-style-type: none;
		background-image: url(../share/interview_border.gif);
		background-repeat: no-repeat;
		background-position: 0 41px;
}

dt.list_image{
		float: left;
		margin-top: 3px; margin-right: 16px;
}

dd.list_info{
		font-size: 12px; line-height: 18px;
}


/*===============================
	ul#graduates_service_listに指定
===============================*/

ul#graduates_service_list{
		width: 202px;
		padding-top: 10px;
		list-style: none; font-size: 10px;
}

ul#graduates_service_list li{
		list-style-image: url(../share/list_arrowf.gif);
}

li.list03{
		margin-top: 0px; margin-bottom: 9px;
		margin-left: 27px;
		line-height: 8px;
}

li.list04{
		margin-top: 0px; margin-bottom: 9px;
		margin-left: 27px;
		line-height: 8px;
}

li.list03 a{
		color: #000066;
}

li.list03 a:hover{
		color: #0000FF;
}

li.list04 a{
		color: #336666;
}

li.list04 a:hover{
		color: #0000FF;
}

li.list05 a{
		color: #336666;
}

li.list05 a:visited{
		color: #336666;
}

li.list05{
		vertical-align: top;
		margin-top: 0px; margin-bottom: 9px;
		margin-left: 27px;
		line-height: 12px;
		list-style: outside;
}

.line{
		position: relative;
		top: -2px;
}

.bottom_border{
		margin-left: 10px; margin-top: 8px;  margin-bottom: 7px;
}
* html .bottom_border{
		margin-left: 10px; margin-bottom: 5px;
}



ul#employers_service_list{
		width: 202px;
		padding-top: 10px;
		list-style: none; font-size: 10px;
}

ul#employers_service_list li{
		list-style-image: url(../share/list_arrow_emp.gif);
}

ul#employers_service_list li.liststyle_none{
		list-style-image: none;
		width: 202px; height: 65px;
		text-indent: -9999px;
		margin-left: 10px; margin-bottom: 14px;
		background: url(../share/employers_list_topr.gif) left top no-repeat;
}

.association_img{
		margin-left: 10px; margin-bottom: 0px;
}

.adver_img{
		margin-left: 10px; margin-top: 3px;
}

.adver_text{
		padding-left: 10px; padding-right: 10px; padding-bottom: 11px;
		line-height: 14px; font-size: 10px;
}

.acaric_img{
		margin-left: 10px; margin-top: 3px;  margin-bottom: 14px;
}

* html .adver_text{
		padding-left: 10px; padding-right: 10px; padding-bottom: 20px;
		line-height: 14px; font-size: 10px;
}

/*===============================
	  ul#rinen_listに指定
===============================*/

ul#rinen_list{
		margin-left: 20px; margin-bottom: 12px;
		font-size: 12px;
		list-style-type: disc;
}

ul#rinen_list li.rinen_li{
		margin-top: -2px;
}


#graduates_list_box{
		width: 538px; height: 113px;
}

a.graduates_list_link{
		display: block;
		width: 538px; height: 113px;
		font-size: 12px; color: #FFFFFF;
		background: url(../share/graduates_list_box.gif) left top no-repeat;
}

a.graduates_list_link:hover{
		background-position: 0 -113px;
		text-decoration: none; color:#FFFFFF;
}
a.graduates_list_link:visited{
		color: #FFFFFF;
}

p.graduates_list_text01{
		position: relative;
		top: 59px; left: 19px;
}

p.graduates_list_text02{
		position: relative;
		top: 66px; left: 30px;
}


/*---------------moble_site-------------*/

.moble_site{
		margin-top: 6px; margin-left: 10px;
}

.qr{
		margin-top: 10px; margin-left: 11px;
}

.dfs_site{
		margin-top: 10px; margin-left: 10px;
}

.graduates_border{
		margin-top: 4px; margin-left: 10px; margin-bottom: 4px;
}

p.graduates_text04{
		margin-top: 9px;
		padding-left: 10px; padding-right: 10px;
		font-size: 12px; line-height: 21px;
}


/*----------------yomiuri_online----------------*/

.yomiuri_online{
		margin-left: 10px; font-size: 10px;
}

a.yomiuri_online{
	width: 203px; line-height: 17px;
}

a.maching_btn{
		margin-left: 10px; margin-bottom: 0px;
		padding-top: 24px; padding-left: 11px;
		display: block;
		width: 202px; height: 84px;
		background-image: url(../share/maching_btn.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
		font-size: 10px; line-height: 14px; color: #DBEFF8;
}

* html a.maching_btn{
		margin-left: 10px; margin-bottom: 0px;
		padding-top: 24px; padding-left: 11px;
		display: block;
		width: 202px; height: 108px;
		background-image: url(../share/maching_btn.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
		font-size: 10px; line-height: 14px; color: #DBEFF8;
}

a.maching_btn:hover{
		background-position: 0 -108px; color: #DBEFF8;
}

.maching_border{ margin-left: 10px; margin-bottom: 15px;}

p.maching_text{ font-size: 12px; padding-left: 10px; padding-right: 10px;}

p.mobile_banner{
		margin-left: 10px; margin-bottom: 16px;
		text-indent: 108px; padding-top: 4px;
		width: 202px; height: 137px;
		background-image: url(../share/mobile_banner.jpg);
		background-position: 0 0;
		background-repeat: no-repeat;
		font-size: 12px; vertical-align: bottom;
}
* html p.mobile_banner{
		margin-left: 10px; margin-bottom: 16px;
		text-indent: 108px; padding-top: 4px;
		width: 202px; height: 137px;
		background-image: url(../share/mobile_banner.jpg);
		background-position: 0 0;
		background-repeat: no-repeat;
		font-size: 12px; vertical-align: bottom;
}

.mail_adress{
		clear: both;
		font-size: 10px;
		position: relative;
		left: 9px; top: 91px;
}

.mobile_border{ padding: 0 0; margin-left: 10px;}

/*--------------4/12------------*/

p.graduates_title{
		margin-bottom: 5px;
		position: relative;
		top: 10px; left: 10px;
		padding-top: 6px; padding-left: 56px;
		width: 202px; height: 32px;
		font-size: 10px;
		background-image: url(../share/graduates_title.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}
* html p.graduates_title{
		margin-bottom: -3px;
		position: relative;
		top: 10px; left: 10px;
		padding-top: 6px; padding-left: 56px;
		width: 202px; height: 32px;
		font-size: 10px;
		background-image: url(../share/graduates_title.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

p.employers_title{
		margin-bottom: 11px;
		position: relative;
		top: 6px; left: 10px;
		padding-top: 6px; padding-left: 56px;
		width: 202px; height: 32px;
		font-size: 10px;
		background-image: url(../share/employers_title.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}
* html p.employers_title{
		margin-bottom: -3px;
		position: relative;
		top: -4px; left: 10px;
		padding-top: 6px; padding-left: 56px;
		width: 202px; height: 32px;
		font-size: 10px;
		background-image: url(../share/employers_title.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

table#graduates_table{
		margin-left: 10px; margin-bottom: 0px;
		width: 202px; height: auto;
}

table#employers_table{
		margin-top: -10px; margin-left: 10px; margin-bottom: 16px;
		width: 202px; height: auto;
}
* html table#employers_table{
		margin-top: -16px; margin-left: 10px; margin-bottom: 0px;
		width: 202px; height: auto;
}

* html td.graduates_listtop{
		position: relative;
		top: 5px;
}

td.graduates_listcontents{
		width: 202px; height: auto;
		background-image: url(../share/graduates_contentsbg.gif);
		background-position: 0 0;
		background-repeat: repeat-y;
		font-size: 0.87em;
}

* html td.graduates_listcontents{
		width: 202px; height: auto;
		position: relative;
		top: 0px;
		background-image: url(../share/graduates_contentsbg.gif);
		background-position: 0 0;
		background-repeat: repeat-y;
}

.graduates_bottom{ vertical-align: top;}

p#graduatesText {
	padding: 5px 10px;
	font-size: 0.75em;
	line-height: 1.75em;
}

.entryBtn {
		margin-bottom: 5px;
		position: relative;
		top: -1px; left: 5px;
		display: block;
		width: 192px;
		padding-left: 4px;
		background-position: 0 0;
		background-repeat: no-repeat;
	}
	.entryBtn a img {
	border: none;
	}
#entryUni{
		height: 116px;
		padding-top: 51px; 
		background-image: url(../share/touroku_main.gif);
	}
	* html #entryUni {
	height: 169px;
	}

.list_img_com{
		text-indent: -9999px;
		width: 180px; height: 33px;		
}

* html .list_img_com{
		text-indent: -9999px;
		width: 180px; height: 33px;
		cursor: pointer;
}

.s_img{
		margin-bottom: 3px;
		background-image: url(../share/shuushi.gif);
}

a:hover .s_img{
		margin-bottom: 3px;
		background-image: url(../share/shuushi_over.gif);
}

.h_img{
		margin-bottom: 3px;
		background-image: url(../share/hakushi.gif);
}

a:hover .h_img{
		margin-bottom: 3px;
		background-image: url(../share/hakushi_over.gif);
}

.d_img{
		background-image: url(../share/insei.gif);
}

a:hover .d_img{
		background-image: url(../share/insei_over.gif);
}

/*==================================
		2007/05/30 新規項目追加用
====================================*/

.kyujin_info{
		width: 538px; height: auto;
		margin-bottom: 90px;
}

* html .kyujin_info{
		width: 538px; height: auto;
		margin-bottom: 24px;
}

.kyujin_title{
		text-indent: -9999px;
		width: 538px; height: 43px;
		background-image: url(../share/recruit_info_var.jpg);
}

.kyujin_title_bottom{
		float: right;
		width: 222px; height: 47px;
		background-image: url(../share/recruit_info_var2.jpg);
}

.kyujin_var{
		width: 301px; height: 27px;
		color: #FFFFFF;
		margin-top: 11px; margin-bottom: 2px;
}

.kyujin_contents{
		float: left;
		margin-top: 11px;
}


.sukauto_title{
		color: #FFFFFF;
		font-size: 12px;
		width: 288px; height: 23px;
		margin-bottom: 2px;
		padding-left: 13px; padding-top: 4px;
		background-image: url(../share/sukauto_title_var.gif);
}

* html .sukauto_title{
		color: #FFFFFF;
		font-size: 12px;
		width: 301px; height: 27px;
		margin-bottom: 2px;
		padding-left: 13px; padding-top: 4px;
		background-image: url(../share/sukauto_title_var.gif);
}

.contents_list{
		list-style: none;
}

.list_common{
		font-size: 11px;
		line-height: 15px;
		padding: 5px 10px 0 10px;
}

.c_first{
		width: 284px; height: 38px;
		background-image: url(../share/sukauto_contents_st.gif) ;
}

* html .c_first{
		width: 301px; height: 52px;
		background-image: url(../share/sukauto_contents_st.gif) ;
}

.c_second{
		width: 284px; height: 38px;
		background: url(../share/sukauto_contents_mid.gif) left bottom repeat-y;
}

* html .c_second{
		width: 301px; height: 47px;
		background: url(../share/sukauto_contents_mid.gif) left bottom repeat-y;
}

.c_third{
		width: 284px; height: 38px;
		background-image:url(../share/sukauto_contents_end.gif);
}

* html .c_third{
		width: 301px; height: 52px;
		background-image:url(../share/sukauto_contents_end.gif);
}

.info_text{
		font-size: 12px;
		line-height: 20px;
		margin-top: 50px; 
}

* html .info_text{
		font-size: 12px;
		line-height: 20px;
		margin-top: 0px; 
}

.lineup{
		float: left;
		margin-top: 12px;
}

* html .lineup{
		float: left;
		margin-top: 15px;
}

.lineup_com{
		text-indent: -9999px;
		width: 209px; height: 55px;
}

* html .lineup_com{
		text-indent: -9999px;
		cursor: pointer;
		width: 209px; height: 55px;
}

.lineup_img{
		background-image: url(../share/recruit_list.gif);
}

a:hover .lineup_img{
		background-image: url(../share/recruit_list_over.gif);
}

.important_info{
		margin-top: 24px;
}

.important_img{
		float: left;
		width: 169px; height: 33px;
		margin-bottom: 3px; margin-right: 10px;
		background-image: url(../share/infomation_var.gif);
}

.title_text{
	font-size: 10px;
	padding-top: 15px;
}

.important_border{
		clear: both;
		width: 538px; height: 3px;
		margin-bottom: 3px;
		background-image: url(../share/infomation_border.gif);
		background-repeat: repeat-x;
}

* html .important_border{
		width: 538px; height: 3px;
		margin-bottom: 0px;
		background-image: url(../share/infomation_border.gif);
		background-repeat: repeat-x;
}

.important_contents_area{
		width: 516px; height: 114px;
		padding-left: 12px; padding-top: 12px;
		padding-right: 10px;
		background-image: url(../share/important_contents_area.gif);
}

* html .important_contents_area{
		width: 538px; height: 126px;
		padding-left: 12px; padding-top: 12px;
		padding-right: 10px;
		background-image: url(../share/important_contents_area.gif);
		background-repeat: no-repeat;
}

.important_text{
		font-size: 12px;
}

.pdf_img{
		border: none;
		width: 24px; height: 24px;
		margin-top: 7px;
}

.pdf_text{
		cursor: pointer;
		position: absolute;
		font-size: 12px;
		margin-top: 10px;
}

/*-----------先週の登録者数 07/07/03 追加------------*/

.last_week_text{
		margin-left: 10px; margin-bottom: 10px;
		padding-top: 2px;
		display: block;
		width: 202px; height: 24px;
		background-image: url(../share/registrant_bk.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
		font-size: 12px;
		text-align: center;
}

a.maching_btn_01{
		margin-left: 10px; margin-bottom: 10px;
		padding-top: 24px; padding-left: 11px;
		display: block;
		width: 202px; height: 84px;
		background-image: url(../share/maching_btn.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
		font-size: 10px; line-height: 14px; color: #DBEFF8;
}

* html a.maching_btn_01{
		margin-left: 10px; margin-bottom: 10px;
		padding-top: 24px; padding-left: 11px;
		display: block;
		width: 202px; height: 108px;
		background-image: url(../share/maching_btn.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
		font-size: 10px; line-height: 14px; color: #DBEFF8;
}

a.maching_btn_01:hover{
		background-position: 0 -108px; color: #DBEFF8;
}