/* CSS Document */

/*--------------------------------------------------------------------
TOP
index.html
--------------------------------------------------------------------*/

/*bodyのスタイル*/

body {
	width:100%;
	font-size:small;
	color:#555;}

#body-inner{
	background:#EEE url(../images/body_bg.jpg) repeat-x;}

/*linkのスタイル*/

a{
	color:#36F;
	outline:none;}
	
a:hover{
	color:#333;}
	

/*headerのスタイル*/

#headerWrap{
	width:100%;
	height:163px;}

#header{
	margin: 0 auto;
	width:900px;
	height:163px;
	position:relative;
	background:url(../images/header_bg.jpg) no-repeat;}
	
#header h1{
	color:#fff;
	padding:3px 0 0 0;}
	
#header p#recruiters{
	width:145px;
	height:48px;
	background:url(../images/recruiters.jpg) no-repeat;
	text-indent:-9999px;
	position:absolute;
	top:0;
	left:755px;}
	
#header p#recruiters a{
	width:145px;
	height:48px;
	display:block;
	text-decoration:none;}
	
#header p#recruiters a:hover{
	background:url(../images/recruiters_a.jpg) no-repeat;}
	
#header p img#logo{
	width:319px;
	height:65px;
	margin:26px 0 0 0;
	float:left;}
	
#navi{
	float:right;
	width:236px;}
	
#navi ul{
	margin-top:12px;}
	
#navi ul li{
	width:74px;
	height:12px;
	text-indent:-9999px;
	margin:0;
	padding:0;}
	
#navi ul li.navi_sitemap{
	background:url(../images/sitemap_navi.gif) no-repeat;
	margin-bottom:3px;}

#navi ul li.navi_contact{
	background:url(../images/contact_navi.jpg) no-repeat;}
	
#navi ul li a{
	width:74px;
	height:12px;
	display:block;
	text-decoration:none;}
	
#navi ul li.navi_sitemap a:hover{
	background:url(../images/sitemap_navi_a.gif) no-repeat;}
	
#navi ul li.navi_contact a:hover{
	background:url(../images/contact_navi_a.jpg) no-repeat;}
	
#global{
	margin: 0 auto;
	width:900px;
	clear:both;}
	
#global ul li{
	float:left;
	height:41px;
	text-indent:-9999px;
	margin-top:11px;}
	
#global ul li a{
	display:block;
	height:41px;
	text-decoration:none;}
	
#global ul li.g_home,#global ul li.g_home a{
	width:155px;}
	
#global ul li.g_search,#global ul li.g_search a{
	width:170px;}
	
#global ul li.g_stock,#global ul li.g_stock a{
	width:165px;}
	
#global ul li.g_home a:hover{
	background:url(../images/g_home_a.jpg) no-repeat;}
	
#global ul li.g_search a:hover{
	background:url(../images/g_search_a.jpg) no-repeat;}
	
#global ul li.g_stock a:hover{
	background:url(../images/g_stock_a.jpg) no-repeat;}
	
#global ul li.last_date{
	text-indent:0;
	font-weight:bold;
	height:17px;
	padding:24px 0 0 10px;}
	
span.orange{
	color:#F90;
	font-family:Arial, Helvetica, sans-serif;}
	
	
/*topsearchのスタイル*/

#topsearchWrap{
	width:100%;
	height:462px;
	background:url(../images/search_bg.jpg) repeat-x;
	clear:both;}
	
#topsearch{
	margin: 0 auto;
	height:462px;
	background:url(../images/search_img.jpg) no-repeat top center;
	xwidth:100%;}
	
#topsearch #search_area{
	margin:0 auto;
	width:900px;
	padding:75px 0 0 0;
	}
	
#topsearch table{
	border-collapse:collapse;
	border:1px solid #63B1D7;
	width:530px;
	margin:0 0 5px 0;
	padding:0;
	clear:both;}
	
#topsearch table th{
	width:148px;
	text-indent:-9999px;}
	
#topsearch table.select1 th{
	background:#21A2C8 url(../images/select1.jpg) no-repeat top left;}
	
#topsearch table.select2 th{
	background:#21A2C8 url(../images/select2.jpg) no-repeat top left;}
	
#topsearch table.select3 th{
	background:#21A2C8 url(../images/select3.jpg) no-repeat top left;}
	
#topsearch table td{
	background:#EEE;
	padding:15px 0 5px 15px;}
	
*html #topsearch table td{
	padding:10px 0 5px 15px;}/*IE6*/

*:first-child+html #topsearch table td{
	padding:10px 0 5px 15px;}/*IE7*/
	
#topsearch ul li{
	float:left;
	padding-right:15px;
	padding-bottom:5px;}
	
*html #topsearch ul li{
	padding-bottom:4px;}/*IE6*/

*:first-child+html #topsearch ul li{
	padding-bottom:4px;}/*IE7*/
	
#topsearch table.select1 ul li{
	width:165px;}
	
#topsearch table.select2 ul li{
	width:350px;}
	
#topsearch table.select3 ul li{
	width:165px;}
	
#topsearch ul li strong{
	font-size:x-small;
	padding-left:20px;}
	
input#search_button{
	cursor:pointer;
	margin-left:145px;}
	
	
/*wrapperのスタイル*/

#wrapper{
	margin:0 auto;
	width:900px;
	padding-top:15px;}
	
/*mainのスタイル*/
	
#main{
	width:620px;
	float:left;}
	
#special{
	width:618px;
	border:1px solid #CCC;
	background:#FFF;
	margin-bottom:15px;
	padding-bottom:10px;}
	
#special ul{
	width:335px;
	padding:10px 0 0 145px;
	float:left;}
	
#special ul#default{
	background:url(../images/default.jpg) no-repeat top left;}
	
#special ul#special01{
	background:url(../images/special01.jpg) no-repeat top left;}
	
#special ul#special02{
	background:url(../images/special02.jpg) no-repeat top left;}
	
#special li p{
	padding:5px 0 0 10px;}
	
#special li h2{
	background:url(../images/special_title.jpg) no-repeat;
	width:327px;
	height:26px;
	font-weight:bold;
	font-size:medium;
	padding:15px 0 0 10px;}
	
#special img{
	width:120px;
	height:90px;
	padding:1px;
	border:1px solid #999;
	vertical-align:bottom;
	margin:10px 0 0 10px;
	background:#FFF;}
	
*html #special img{
	margin:10px 0 0 5px;}

	
#intro{
	margin-bottom:15px;}

#intro h3{
	background:url(../images/intro_h3.jpg) no-repeat;
	width:620px;
	height:40px;
	text-indent:-9999px;}
	
#intro div{
	background:#E3F2F4 url(../images/intro_bg.gif) no-repeat 210px 20px;
	width:588px;
	height:auto;
	padding:15px 15px 10px 15px;
	border:1px #FFF solid;}
	
#intro div p.introtxt{
	width:450px;
	margin-bottom:10px;}
	
#intro div p a{
	background:url(../images/icon_arrow.gif) no-repeat left center;
	padding:0 0 0 16px;}
	
#intro div p a:hover{
	background:url(../images/icon_arrow_a.gif) no-repeat left center;}
	
#support h3{
	background:url(../images/support_h3.jpg) no-repeat;
	width:620px;
	height:40px;
	text-indent:-9999px;
	margin-bottom:10px;}
	
#support #contents{
	width:408px;
	background:#FFF;
	border:1px solid #CCC;
	float:left;
	margin:0 0 20px 0;
	padding-left:10px;}
	
#contents dl{
	padding:0 10px 10px 0;}

#contents dt{
	float:left;
	margin:0 5px 0 0;}	
	
#contents dt.sumikomi{	
	background:url(../images/sumikomi_qa.jpg) no-repeat;
	width:80px;
	height:68px;
	text-indent:-9999px;}
	
#contents dt.sumikomi a{
	width:80px;
	height:68px;
	display:block;
	text-decoration:none;}
	
#contents dt.sumikomi a:hover{	
	background:url(../images/sumikomi_qa_a.jpg) no-repeat;}
	
#contents dt.interview{	
	background:url(../images/interview.jpg) no-repeat;
	width:80px;
	height:54px;
	text-indent:-9999px;}
	
#contents dt.interview a{
	width:80px;
	height:54px;
	display:block;
	text-decoration:none;}
	
#contents dt.interview a:hover{	
	background:url(../images/interview_a.jpg) no-repeat;}
	
#contents dt.office{	
	background:url(../images/office.jpg) no-repeat;
	width:80px;
	height:54px;
	text-indent:-9999px;}
	
#contents dt.office a{
	width:80px;
	height:54px;
	display:block;
	text-decoration:none;}
	
#contents dt.office a:hover{	
	background:url(../images/office_a.jpg) no-repeat;}
	
#contents dd.sumikomi{
	padding:15px 0 0 0;}
	
#contents dd strong{
	font-weight:bold;}
	
#contents dd strong a{
	background:url(../images/icon_arrow.gif) no-repeat left center;
	padding:0 0 0 16px;}

#contents dd strong a:hover{
	background:url(../images/icon_arrow_a.gif) no-repeat left center;}
	
#contents dl p{
	margin:5px 0 0 0;}
	
#contents img{
	margin:0 0 10px 10px;}
	
#support dl#follow{
	margin-bottom:20px;	
	float:right;}
	
dl#follow dt#coordinator_banner{
	background:url(../images/coordinator_banner.jpg) no-repeat top left;
	height:76px;}
	
dl#follow dt#mail_banner{
	background:url(../images/mail_banner.jpg) no-repeat top left;
	height:55px;}
	
dl#follow dt#staff_banner{
	background:url(../images/staff_banner.jpg) no-repeat top left;}
	
dl#follow dt{
	width:190px;
	height:50px;
	text-indent:-9999px;
	margin-bottom:2px;}
		
dl#follow dt a{
	width:190px;
	height:50px;
	display:block;
	text-decoration:none;}
	
dl#follow dt#coordinator_banner a{
	height:76px;}
	
dl#follow dt#coordinator_banner a:hover{
	background:url(../images/coordinator_banner_a.jpg) no-repeat;}
	
dl#follow dt#mail_banner a:hover{
	background:url(../images/mail_banner_a.jpg) no-repeat;
	height:55px;}

dl#follow dt#staff_banner a:hover{
	background:url(../images/staff_banner_a.jpg) no-repeat;}
	
dl#follow dd{
	font-size:10px;
	margin-bottom:8px;}

#top_back{
	clear:both;}

#top_back p{
	background:url(../images/top_back.jpg) no-repeat;
	width:155px;
	height:31px;
	text-indent:-9999px;
	margin:0 0 0 465px;}

#top_back p a{
	width:155px;
	height:31px;
	display:block;
	text-decoration:none;}
	
#top_back p a:hover{
	background:url(../images/top_back_a.jpg) no-repeat;}
	

/*sideのスタイル*/
	
#side{
	width:270px;
	float:right;}
	
#topics{
	background:#fff url(../images/topics_after.jpg) no-repeat bottom;
	width:270px;
	margin:0 0 15px 0;
	padding:0 0 7px 0;}

#topics h3{
	background:url(../images/new_h3.jpg) no-repeat;
	width:270px;
	height:35px;
	text-indent:-9999px;}
	
#topics ul{
	width:245px;
	padding:0 5px 0 15px;
	margin:10px 0 15px 0;
	height:250px;
	overflow:auto;}
	
#topics ul li{
	padding:5px 0;
	border-bottom:1px dotted #CCC;}
	
#topics ul li span{
	font-weight:bold;
	display:block;}
	
#topics p{
	text-align:right;
	margin:0 20px 0 0}
	
#topics p a{
	background:url(../images/icon_arrow2.gif) no-repeat left center;
	padding:5px 0 5px 15px;
	text-decoration:none;}
	
#topics p a:hover{
	background:url(../images/icon_arrow2_a.gif) no-repeat left center;}
	
#about h3{
	background:url(../images/about_h3.jpg) no-repeat;
	width:270px;
	height:35px;
	text-indent:-9999px;}
	
#about ul{
	background:url(../images/about_bg.gif) repeat-y;
	padding:10px 0 15px 15px;}
	
#about li.beginner_banner{
	background:url(../images/beginner_banner.jpg) no-repeat;
	width:240px;
	height:55px;
	text-indent:-9999px;}
	
#about li.beginner_banner a{
	width:240px;
	height:55px;
	display:block;
	text-decoration:none;}
	
#about li.beginner_banner a:hover{
	background:url(../images/beginner_banner_a.jpg) no-repeat;}
	
#about li.help_banner{
	background:url(../images/help_banner.jpg) no-repeat;
	width:240px;
	height:62px;
	text-indent:-9999px;}
	
#about li.help_banner a{
	width:240px;
	height:62px;
	display:block;
	text-decoration:none;}
	
#about li.help_banner a:hover{
	background:url(../images/help_banner_a.jpg) no-repeat;}
	
#about li.contact{
	background:url(../images/contact_bg.jpg) no-repeat;
	width:190px;
	height:80px;
	padding:30px 0 0 50px;
	margin:10px 0 0 0;}
	
#about li.contact p{
	font-size:10px;
	color:#333;}
	
#about li.contact p.contact_button{
	background:url(../images/contact_button.jpg) no-repeat;
	width:146px;
	height:26px;
	text-indent:-9999px;
	margin:5px 0 0 0;}
	
#about li.contact p.contact_button a{
	width:146px;
	height:26px;
	display:block;
	text-decoration:none;}
	
#about li.contact p.contact_button a:hover{
	background:url(../images/contact_button_a.jpg) no-repeat;}
	
#mobile h3{
	background:url(../images/mobile.jpg) no-repeat;
	width:245px;
	height:107px;
	text-indent:-9999px;
	margin:10px 0 0 13px;}
	

/*footerのスタイル*/
	
#footerWrap{
	clear:both;
	width:100%;}

#top_back{
		margin:0 auto;
	width:900px;}
		
#footer{
	margin:0 auto;
	width:900px;
	padding:5px;
	background:#CCC;}
	
#footer ul li{
	display:inline;
	line-height:1.4em;}
	
#copy{
	background:#222 url(../images/copy.jpg) top repeat-x;
	padding:10px 0;}
	
#copy p{
	color:#FFF;
	font-weight:bold;
	text-align:center;}
	

#regist_topbanner{
	width:620px;
	height:120px;
	margin-bottom:10px}

#regist_topbanner dt{
	width:620px;
	height:100px;
	margin-bottom:5px;
	background:url(../images/regist_topbanner.jpg) no-repeat;}

#regist_topbanner dt a{
	display:block;
	width:620px;
	height:100px;
	text-indent:-9999px;}

#regist_topbanner dt a:hover{
	background:url(../images/regist_topbanner_a.jpg) no-repeat;}
	
#regist_topbanner dd{
	text-align:center;}