@charset "utf-8";
@import "../common/table.css";

/*------------------------------------------------------------------------------

	[ファイル名]	recruit.css
	
	[概要]			リクルートページレイアウト用
	
	[目次]
		・clearFix／画像代替／非表示部
	
------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------

								clearFix
								
------------------------------------------------------------------------------*/
div#localNav ul:after,
body.hiring div#section3 ul:after
{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	content: ".";
}

/* Win IE7 */
*:first-child + html div#localNav ul,
*:first-child + html body.hiring div#section3 ul
{
	min-height: 1%;
}
/* End Win IE7 */

/* Win IE6 \*/
* html div#localNav ul,
* html body.hiring div#section3 ul
{
	height: 1%;
}
/* End Win IE6 */

/* Mac IE\*//*/
div#localNav ul,
body.hiring div#section3 ul
{
	display: inline-table;
}
/* End Mac IE */



/*------------------------------------------------------------------------------

							テキスト画像代替
							
------------------------------------------------------------------------------*/
h1,
div#localNav ul li a,
a.buttonMore,
body.hiring div#section2 a#buttonShopList span
{
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
	text-decoration: none;
	text-align: left;
/*\*/
	overflow: hidden;
/* */
}



/*------------------------------------------------------------------------------

								非表示部
								
------------------------------------------------------------------------------*/
div.section h2 span,
body#recruit div#section1 h2,
body#recruit div#section1 p,
body#recruit div#section1 h3
{
	position: absolute;
	top: -9999px;
	left: -9999px;
	z-index: -9999;
	width: 0;
	height: 0;
	overflow: hidden;
}



/*------------------------------------------------------------------------------

									共通
									
------------------------------------------------------------------------------*/
.left{
	float: left;
}

.right{
	float: right;
}

.photo.left{
	padding-right: 10px;
}

.photo.right{
	padding-left: 10px;
}



/*------------------------------------------------------------------------------

								div#mainContent
									
------------------------------------------------------------------------------*/
div#mainContent{
	width: 670px;
	padding-left: 10px;
}

* html div#mainContent{
	width: 680px;
}



/*------------------------------------------------------------------------------

									h1
									
------------------------------------------------------------------------------*/
h1{
	width: 670px;
	height: 30px;
	margin: 0 auto;
	background: url(../../recruit/images/h1.gif) no-repeat scroll left top;
}


/*------------------------------------------------------------------------------

								ローカルナビ
								
------------------------------------------------------------------------------*/
div#localNav,
div#localNav ul,
div#localNav ul li,
div#localNav ul li a{
	height: 33px;
	background: no-repeat scroll left top;
}

div#localNav{
	width: 670px;
	margin: 0 auto;
	margin-bottom: 15px;
	background-image: url(../../recruit/images/local_nav_bg.gif);
	text-align: left;
}

div#localNav ul{
	padding-left: 7px;
}

div#localNav ul li,
div#localNav ul li a{
	width: 122px;
}

div#localNav ul li{
	float: left;
}

/*----- 各ボタン ロールオーバー時画像指定 -----*/
div#localNav ul li#localNavEducation{
	background-image: url(../../recruit/images/local_nav_education_ov.gif);
}
div#localNav ul li#localNavPossibility{
	background-image: url(../../recruit/images/local_nav_possibility_ov.gif);
}
div#localNav ul li#localNavGradHiring{
	background-image: url(../../recruit/images/local_nav_grad_hiring_ov.gif);
}
div#localNav ul li#localNavHiring{
	background-image: url(../../recruit/images/local_nav_hiring_ov.gif);
}

/*----- 各ボタン 通常時画像指定 -----*/
div#localNav ul li#localNavEducation a{
	background-image: url(../../recruit/images/local_nav_education.gif);
}
div#localNav ul li#localNavPossibility a{
	background-image: url(../../recruit/images/local_nav_possibility.gif);
}
div#localNav ul li#localNavGradHiring a{
	background-image: url(../../recruit/images/local_nav_grad_hiring.gif);
}
div#localNav ul li#localNavHiring a{
	background-image: url(../../recruit/images/local_nav_hiring.gif);
}

/*----- ロールオーバー動作指定 -----*/
div#localNav ul li a:hover{
	background-image: none!important;
}

/*----- 反転指定 -----*/
div#localNav ul li.selected,
div#localNav ul li.selected a:hover{
	visibility: hidden;
}



/*------------------------------------------------------------------------------

								詳しくはコチラ ボタン
								
------------------------------------------------------------------------------*/
a.buttonMore{
	position: absolute;
	top: 6px;
	right: 5px;
	z-index: 1;
	width: 89px;
	height: 18px;
	background: url(../../ec/images/button_more.gif) no-repeat scroll left top;
}

a.buttonMore:hover{
	background-image: none;
}



/*------------------------------------------------------------------------------

								div.section
								
------------------------------------------------------------------------------*/
div.section h2{
	width: 670px;
	height: 30px;
	background: no-repeat scroll left top;
}

div.sectionContent{
	margin: 10px;
}

div.section p.text{
	margin-bottom: 10px;
	line-height: 1.5em;
}



/*------------------------------------------------------------------------------

							教育・研修	div#section1
							
------------------------------------------------------------------------------*/
body#recruit div#section1{
	width: 670px;
	height: 260px;
	background: url(../../recruit/images/section1_bg.jpg) no-repeat scroll left top;
}



/*------------------------------------------------------------------------------

							教育・研修	div#section2
							
------------------------------------------------------------------------------*/
body#recruit div#section2 h2{
	position: relative;
	background-image: url(../../recruit/images/section2_h2.gif);
}

body#recruit div#section2 p.photo{
	width: 180px;
}

* html body#recruit div#section2 p.photo{
	width: 190px;
}



/*------------------------------------------------------------------------------

							教育・研修	div#section3
							
------------------------------------------------------------------------------*/
body#recruit div#section3 h2{
	background-image: url(../../recruit/images/section3_h2.gif);
}



/*------------------------------------------------------------------------------

							教育・研修	div#section4
							
------------------------------------------------------------------------------*/
body#recruit div#section4 h2{
	background-image: url(../../recruit/images/section4_h2.gif);
}



/*------------------------------------------------------------------------------

							教育・研修	div#section5
							
------------------------------------------------------------------------------*/
body#recruit div#section5 h2{
	background-image: url(../../recruit/images/section5_h2.gif);
}

body#recruit div#section5 div.left{
	width: 460px;
}

body#recruit div#section5 p.photo{
	width: 180px;
}

* html body#recruit div#section5 p.photo{
	width: 190px;
}

body#recruit div#section5 dl{
	border: 1px solid #cccccc;
}

body#recruit div#section5 dl dt{
	padding: 10px;
	background-color: #f2f2f2;
	color: #990000;
	font-weight: bold;
	text-align: center;
}

body#recruit div#section5 dl dd{
	padding: 10px;
}

body#recruit div#section5 dl dd ol li{
	margin-bottom: 5px;
	margin-left: 2em;
	list-style-type: decimal;
	list-style-position: outside;
}



/*------------------------------------------------------------------------------

							サンデーの可能性 div#section1
								
------------------------------------------------------------------------------*/
body#possibility div#section1 h2{
	width: 670px;
	height: 120px;
	background: url(../../recruit/possibility/images/section1_bg.jpg) no-repeat scroll left top;
}



/*------------------------------------------------------------------------------

							サンデーの可能性 div#section2
								
------------------------------------------------------------------------------*/
body#possibility div#section2 h2{
	background-image: url(../../recruit/possibility/images/section2_h2.gif);
}



/*------------------------------------------------------------------------------

							サンデーの可能性 div#section3
								
------------------------------------------------------------------------------*/
body#possibility div#section3 h2{
	background-image: url(../../recruit/possibility/images/section3_h2.gif);
}



/*------------------------------------------------------------------------------

							サンデーの可能性 div#section4
								
------------------------------------------------------------------------------*/
body#possibility div#section4 h2{
	background-image: url(../../recruit/possibility/images/section4_h2.gif);
}



/*------------------------------------------------------------------------------

							サンデーの可能性 div#section5
								
------------------------------------------------------------------------------*/
body#possibility div#section5{
	float: left;
	width: 340px;
}

body#possibility div#section5 h2{
	width: 330px;
	background-image: url(../../recruit/possibility/images/section5_h2.gif);
}



/*------------------------------------------------------------------------------

							サンデーの可能性 div#section6
								
------------------------------------------------------------------------------*/
body#possibility div#section6{
	float: left;
	width: 330px;
}

body#possibility div#section6 h2{
	width: 330px;
	background-image: url(../../recruit/possibility/images/section6_h2.gif);
}



/*------------------------------------------------------------------------------

								新卒採用情報
								
------------------------------------------------------------------------------*/
body#gradHiring div#section1 h2{
	background-image: url(../../recruit/grad_hiring/images/section1_h2.gif);
}



/*------------------------------------------------------------------------------

							新卒／中途採用情報 table
							
------------------------------------------------------------------------------*/
body.hiring table{
	width: 648px;
}

body.hiring table thead th{
	background-color: #f0f0f0;
}

body.hiring table thead th.firstChild{
	background-color: #d8d8d8;
}

body.hiring table tbody th{
	background-color: #e5e5e5;
}



/*------------------------------------------------------------------------------

						新卒／中途採用情報	div#section2
						
------------------------------------------------------------------------------*/
body.hiring div#section2 h2{
	background-image: url(../../recruit/hiring/images/section2_h2.gif);
}

body.hiring div#section2 table tbody th{
	width: 80px;
}

body.hiring div#section2 a#buttonShopList{
	float: right;
	display: block;
	width: 80px;
	height: 19px;
	background: url(../../recruit/hiring/images/button_shop_list_ov.gif) no-repeat scroll left top;
}

body.hiring div#section2 a#buttonShopList span{
	width: 80px;
	height: 19px;
	background: url(../../recruit/hiring/images/button_shop_list.gif) no-repeat scroll left top;
}

body.hiring div#section2 a#buttonShopList:hover span{
	background-image: none;
}



/*------------------------------------------------------------------------------

						新卒／中途採用情報	div#section3
						
------------------------------------------------------------------------------*/
body.hiring div#section3 h2{
	background-image: url(../../recruit/hiring/images/section3_h2.gif);
}

body.hiring div#section3 table caption{
	padding-bottom: 5px;
	text-indent: -0.5em;
	text-align: left;
	font-weight: bold;
}

body.hiring div#section3 h3{
	margin: 10px 0px;
	font-size: 110%;
}

body.hiring div#section3 ul{
	margin-bottom: 10px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #cccccc;
}

body.hiring div#section3 ul ul{
	margin-bottom: 0;
	padding-bottom: 0;
	border-style: none;
}

body.hiring div#section3 ul li{
	margin: 0;
	padding: 0;
	width: 320px;
}

body.hiring div#section3 ul li dl dd em{
	display: block;
	margin-bottom: 5px;
	text-indent: -0.5em;
}

body.hiring div#section3 ul.note li{
	padding-left: 1em;
	text-indent: -1em;
}

body.hiring div#section3 p.note{
	margin-bottom: 20px;
}

body.hiring div#section3 address em{
	color: #ff0000;
}

body.hiring div#section3 address em span{
	color: #ff0000;
	font-weight: bold;
	font-size: 120%;
}

body.hiring div#section3 table p.note{
	margin: 0;
	color: #ff0000;
}



/*------------------------------------------------------------------------------

						新卒／中途採用情報	div#section4
						
------------------------------------------------------------------------------*/
body.hiring div#section4 h2{
	background-image: url(../../recruit/hiring/images/section4_h2.gif);
}

body.hiring div#section4 address{
	width: 280px;
	padding: 10px;
	border: 1px solid #cccccc;
}

* html body.hiring div#section4 address{
	width: 300px;
}

body.hiring div#section4 address em{
	color: #ff0000;
}

body.hiring div#section4 address em span{
	color: #ff0000;
	font-weight: bold;
	font-size: 120%;
}



/*------------------------------------------------------------------------------

						新卒／中途採用情報	div#section5
						
------------------------------------------------------------------------------*/
body.hiring div#section5 h2{
	background-image: url(../../recruit/hiring/images/section5_h2.gif);
}



/*------------------------------------------------------------------------------

						中途採用情報	div#section1
						
------------------------------------------------------------------------------*/
body#experienced.hiring div#section1 h2{
	background-image: url(../../recruit/hiring/images/section1_h2.gif);
}



/*------------------------------------------------------------------------------

						新卒採用情報	div#section2
						
------------------------------------------------------------------------------*/
body#graduates.hiring div#section2 table{
	margin-bottom: 20px;
}

body#graduates.hiring div#section2 table caption{
	padding-bottom: 5px;
	text-indent: -0.5em;
	text-align: left;
	font-weight: bold;
}

body#graduates.hiring div#section2 table table{
	width: auto;
}



/*------------------------------------------------------------------------------

						新卒採用情報	div#section3
						
------------------------------------------------------------------------------*/
body#graduates.hiring div#section3 dt{
	margin: 0;
	padding-bottom: 5px;
	text-indent: -0.5em;
	text-align: left;
	font-weight: bold;
}



p#unavailable{
	padding: 20px 0px;
	text-align: center;
}