/* CSS Document */

/*==============================
		全体に指定
==============================*/

*{ margin: 0; padding: 0;}

span.hidden{
		text-indent: -9999px;
		display: none;
}

/*===============================
		bodyに指定
===============================*/

body{
	font: 10px "ＭＳ ゴシック", "Osaka－等幅";
	line-height: 21px; letter-spacing: 0px;
	background: url(../share/footer_bg.gif) repeat;
}

body#frame_header{
	background-color: #FFFFFF;
	background: url();
}

/*===============================
		containerに指定
===============================*/

#container{
	margin: 0 auto;
	padding: 0 0;
	width: auto; height: auto;
	background-color: #E6EAF4;
}

/*===============================
		リンクに指定
===============================*/

a{ text-decoration: none;}
a:hover{ text-decoration: underline; color: #0000FF;}

/*===============================
		p.logo_textに指定
===============================*/

p.logo_text{
		margin-top: 30px;
		font-size: 10px; font-family: "ＭＳ ゴシック", "Osaka－等幅";
		line-height: 21px; letter-spacing: 0px;
}
/*===============================
		#top_headerに指定
===============================*/

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

/*===============================
		h1に指定
===============================*/

h1 a{
		display: block;
		/*margin-top: -15px; margin-right: 134px;*/
		width: 281px; height: 80px;
		text-indent: -9999px;
		background: url(../share/top_logo.gif) left top no-repeat;
}

/*===============================
	top_header_contentsに指定
===============================*/

#top_header_contents{
		margin: 0 auto;
		padding-bottom: 20px;
		width: 794px; height: 134px;
}
* html #top_header_contents{
		margin: 0 auto;
		padding-bottom: 14px;
		width: 794px; height: 134px;
}

p.free_dial{
		position: relative;
		top: 20px; left: 418px;
		width: 166px; height: 33px;
		text-indent: -9999px;
}
* html p.free_dial{
		position: relative;
		top: 20px; left: 149px;
		width: 166px; height: 33px;
		text-indent: -9999px;
}

p.telcontact{
		margin-bottom: 9px;
		text-indent: -9999px;
		width: 366px; height: 34px;
		background-image: url(../share/telcontact.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

p.staff_entry a{
		display: block;
		position: relative;
		width: 185px; height: 33px;
		top: -13px; left: 599px;
		background: url(../share/staff_entry_btn.gif) left top no-repeat;
}
* html p.staff_entry a{
		display: block;
		position: relative;
		width: 185px; height: 33px;
		top: -13px; left: 331px;
		background: url(../share/staff_entry_btn.gif) left top no-repeat;
}

p.staff_entry_no{
		display: block;
		position: relative;
		width: 185px; height: 33px;
		top: -13px; left: 599px;
		background: url(../share/staff_entry_btn.gif) left top no-repeat;
}
* html p.staff_entry_no{
		display: block;
		position: relative;
		width: 185px; height: 33px;
		top: -13px; left: 331px;
		background: url(../share/staff_entry_btn.gif) left top no-repeat;
}


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

p.staff_entry a:hover{
		background-position: 0 -33px;
}

/*===============================
		flash_areaに指定
===============================*/

#flash_area{
		position: relative;
		top: 0px; left: 0px;
}

/*===============================
	top_sub_headerに指定
===============================*/

#top_sub_header{
		margin: 0 0;
		width: 100%; height: 74px;
		background: url(../share/top_sub_header_bg.gif) left top repeat-x;
}

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

ul#top_nav{
		width: 794px; height: 74px;
		list-style: none;
}

ul#top_nav li{
		float: left;
}

/*------------トップナビリスト-------------*/

li.graduate_student a{
		display: block;
		margin-right: 3px;
		width: 241px; height: 60px;
		background: url(../share/graduate_student_btn.gif) left top no-repeat;
}

li.graduate_student02 a{
		display: block;
		margin-right: 3px;
		width: 241px; height: 60px;
		background: url(../share/graduate_student_btn02.gif) left top no-repeat;
}

li.graduate_student03 a{
		display: block;
		margin-right: 3px;
		width: 241px; height: 60px;
		background: url(../share/graduate_student_btn03.gif) left top no-repeat;
}

li.for_company a{
		display: block;
		margin-right: 71px;
		width: 247px; height: 60px;
		background: url(../share/for_company_btn.gif) left top no-repeat;
}

li.for_company02 a{
		display: block;
		margin-right: 71px;
		width: 247px; height: 60px;
		background: url(../share/for_company_btn02.gif) left top no-repeat;
}

li.for_company03 a{
		display: block;
		margin-right: 71px;
		width: 247px; height: 60px;
		background: url(../share/for_company_btn03.gif) left top no-repeat;
}

li.top_access a{
		display: block;
		margin-top: 38px; margin-right: 5px;
		width: 66px; height: 22px;
		background: url(../share/top_access_btn.gif) left top no-repeat;
}

li.top_contact a{
		display: block;
		margin-top: 38px; margin-right: 5px;
		width: 90px; height: 22px;
		background: url(../share/top_contact_btn.gif) left top no-repeat;
}

li.top_home a{
		display: block;
		margin-top: 38px;
		width: 56px; height: 22px;
		background: url(../share/top_home_btn.gif) left top no-repeat;
}

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

li.graduate_student a:hover{
		background-position: 0 -60px;
}

li.graduate_student02 a:hover{
		background-position: 0 -60px;
}

li.graduate_student03 a:hover{
		background-position: 0 -60px;
}

li.for_company a:hover{
		background-position: 0 -60px;
}

li.for_company02 a:hover{
		background-position: 0 -60px;
}

li.for_company03 a:hover{
		background-position: 0 -60px;
}

li.top_access a:hover{
		background-position: 0 -22px;
}

li.top_contact a:hover{
		background-position: 0 -22px;
}

li.top_home a:hover{
		background-position: 0 -22px;
}


/*===============================
	top_main_contentsに指定
===============================*/

#top_main_contents{
		margin: 0 auto;
		width: auto; height: auto;
		background-color: #F4F4F4;
}

#top_contents{
		margin: 0 auto;
		padding-bottom: 16px;
		width: 794px; height: auto;
}

#top_contents_left{
		margin: 0 0 32px 0;
		float: left;
		text-align: left;
		width: 538px; height: auto;
}
* html #top_contents_left{
		margin: 0 0 0 0;
		float: left;
		text-align: left;
		width: 538px; height: auto;
}

#top_contents_right{
		float: left;
		margin: 29px 0 20 24px;
		text-align: left;
		width: 222px; height: auto;
		background: url(../share/top_contents_right_bg.gif) center top no-repeat;
		background:  #EAEAF0;
}

/*===============================
		#contents_leftに指定
===============================*/

#contents{
		margin: 0 0;
		text-align: left;
		width: /*538px*/794px; height: auto;
}

#contents_left{
		float: left;
		margin: 0 21px 32px 0;
		padding-top: 23px;
		width: 538px; height: auto;
}
* html #contents_left{
		float: left;
		margin: 0 21px 0 0;
		padding-top: 23px;
		width: 538px; height: auto;
}

#contents_right{
		float: left;
		margin: 29px 0 0 0;
		width: 222px; height: auto;
		background-color: #EAEAF0;
}
* html #contents_right{
		float: left;
		margin: 29px 0 0 0;
		width: 222px; height: auto;
		background-color: #EAEAF0;
}

/*===============================
		footerに指定
===============================*/


/*#footer{
		clear: both;
		margin: 0 auto;
		width: auto; height: auto;
		background-color: #191464;
		border-top: 1px solid #CCCCCC;
}
* html #footer{
		clear: both;
		margin: 0 auto;
		width: auto; height: auto;
		background-color: #191464;
		border-top: 1px solid #CCCCCC;
}*/
#footer{
		clear: both;
		margin: 0 auto;
		width: auto; height: 135px;
		background-color: #191464;
		border-top: 1px solid #CCCCCC;
}
* html #footer{
		clear: both;
		margin: 0 auto;
		width: auto; height: 135px;
		background-color: #191464;
		border-top: 1px solid #CCCCCC;
}


#footer_frame{
		clear: both;
		margin:0 auto;
		width: auto; height: auto;
		background-color: #191464;
		border-top: 1px solid #CCCCCC;
}
* html #footer_frame{
		clear: both;
		margin:0 auto;
		width: auto; height: auto;
		background-color: #191464;
		border-top: 1px solid #CCCCCC;
}



ul#footerlist{
		margin: 0 auto;
		width: 794px; height: auto;
}
* html ul#footerlist{
		margin: 0 auto;
		width: 834px; height: auto;
}

ul#footerlist li{
		float: left;
		margin-top: 22px; margin-right: 40px; margin-bottom: 10px;
		list-style: none;
		line-height: 18px; color: #FFFFFF;
}
* html ul#footerlist li{
		float: left;
		margin-top: 22px; margin-right: 40px; margin-bottom: 20px;
		list-style: none;
		line-height: 18px; color: #FFFFFF;
}

ul#footerlist li.copyright_frame{
		float: left;
		margin-top: 22px; margin-right: 100px; margin-bottom: 0px;
		list-style: none;
		line-height: 18px; color: #FFFFFF;
}
* html ul#footerlist li.copyright_frame{
		float: left;
		margin-top: 22px; margin-right: 100px; margin-bottom: 0px;
		list-style: none;
		line-height: 18px; color: #FFFFFF;
}

a.color_white{
		color: #FFFFFF;
}

img.footer_arrow{
		margin-right: 2px;
}
/*li.copyright{
		position: relative ;
		top: -28px; left: 490px;
		width: 294px; height: 22px;
		background: url(../share/copyright.gif) left top no-repeat;
}
* html li.copyright{
		position: relative ;
		top: -54px; left: 490px;
		width: 294px; height: 22px;
		background: url(../share/copyright.gif) left top no-repeat;
}*/

li.copyright{
		position: relative ;
		top: -10px; left: 480px;
		width: 294px; height: 22px;
		background: url(../share/copyright.gif) left top no-repeat;
}
* html li.copyright{
		position: relative ;
		top: -11px; left: 480px;
		width: 294px; height: 22px;
		background: url(../share/copyright.gif) left top no-repeat;
}


li.copyright_frame{
		position: relative ;
		top: -73px; left: 490px;
		width: 294px; height: 22px;
		background: url(../share/copyright.gif) left top no-repeat;
}
* html li.copyright_frame{
		position: relative ;
		top: -99px; left: 490px;
		width: 294px; height: 22px;
		background: url(../share/copyright.gif) left top no-repeat;
}

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

li.sitemap_link a:hover{
		text-decoration: underline; color: #FFFFFF;
}

li.company_link a:hover{
		text-decoration: underline; color: #FFFFFF;
}

li.sitepolicy_link a:hover{
		text-decoration: underline; color: #FFFFFF;
}

li.privacypolicy_link a:hover{
		text-decoration: underline; color: #FFFFFF;
}

li.dfssite_link a:hover{
		text-decoration: underline; color: #FFFFFF;
}

/*-----------btn-----------*/

a.top_pagetop_btn{
		clear: both;
		display: block;
		margin-top: 32px;
		width: 784px; height: 19px;
		background: url(../share/pagetop_btn.gif) left top no-repeat;
}

a.top_pagetop_btn:hover{
		background-position: 0 -19px;
}

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

#left_header{
		float: left;
		width: 415px;
}

#right_header{
		margin-top: 19px;
		float: left;
}

p.pmark {
	margin: 10px;
	padding: 0 15px 10px 15px;
	background-color: #fff;
	border: 1px solid #e0e0e0;
	font-size: 1em;
	line-height: 1.5em;
}