@charset "utf-8";

/* FONT 対応サイズ表*/
/*---------------------------------------------------------------------
pxでの指定値  	%での指定値
	10px 			83		%			11px 			92  %
	12px 			100	%			13px 			108 %
	14px 			117	%			15px 			125 %
	16px 			133	%			17px 			142 %
	18px 			150	%			19px 			158 %
	20px 			167	%			21px 			175 %
	22px 			183	%			23px 			192 %
	24px 			200	%			25px 			208 %
	26px 			217	%
---------------------------------------------------------------------*/

/*---------------------------------------------------------------------
Page layout
---------------------------------------------------------------------*/
html, body	{height:100%;}
body			{text-align:center; background:#f8f8f5;}
#wrapper		{width:925px; margin:0 auto; text-align:left; background:#fff; padding:10px 60px 20px 60px;}


/*---------------------------------------------------------------------
Header Layout
---------------------------------------------------------------------*/
#header	{margin-bottom:15px;}
	#logo		{float:left;}
	#official-logo		{float:right; padding:25px 0 0 0;}

/*---------------------------------------------------------------------
Main visual Layout
---------------------------------------------------------------------*/
#main-visual	{position:relative; margin-bottom:10px; border-bottom:7px solid #000; z-index:1500;}
#sub-visual		{position:relative; margin-bottom:10px; border-bottom:7px solid #000;}
	#sub-logo		{position:absolute; left:10px; bottom:-7px; z-index:999; clear:both;}
	#loopedSlider	{float:left; overflow:hidden; height:240px; width:702px;}
		.container	{width:702px; height:240px; overflow:hidden; position:relative;}
			.slides	{position:absolute; top:0; left:0;}
			.slides > div {position:absolute; top:0; width:702px; display:none;}
			
			.pagination		{position:absolute; bottom:5px; right:231px; z-index:3000;}
				.pagination li				{float:left; margin-right:4px;}
				.pagination li a			{display:block; overflow:hidden; width:24px; height:0; padding-top:12px; background:url(../images/top/btn_slide.gif) no-repeat left top;}
				.pagination li a:hover	{background:url(../images/top/btn_slide_on.gif) no-repeat left top;}
				.pagination li.active a	{background:url(../images/top/btn_slide_on.gif) no-repeat left top;}
			
	#topics			{float:right; background:url(../images/common/bg_topics.gif) repeat left top; padding:12px;}
		#title-topics	{margin-bottom:10px; line-height:100%;}
		#bnr-topics		{}
			#bnr-topics li			{margin-bottom:12px; background:#fff;}
			#bnr-topics li.last	{margin:0;}
			#bnr-topics li img	{vertical-align:bottom;}
				#bnr-topics li a					{display:block; height:100%;}
				#bnr-topics li a:hover			{text-decoration:none;}
				#bnr-topics li a:hover img		{filter:alpha(opacity=80); opacity:0.8;}


/*---------------------------------------------------------------------
Container Layout
---------------------------------------------------------------------*/
#container	{margin-bottom:30px; position:relative;}
	
	/* left-section layout */
	#left-section	{float:left; width:670px;}
		.section_title		{background:url(../images/common/line_dot-xy.gif) repeat-x left bottom; padding-bottom:8px; margin-bottom:20px; position:relative;}
		
		/* Common layout */
		.section				{margin-bottom:35px;}
		.inner				{padding:0 15px;}
		.inner p				{line-height:170%; text-align:justify; text-justify:inter-ideograph;}
		#page-title			{margin-bottom:35px;}
		.subtitle			{font-weight:bold; color:#44b5dd; display:block; line-height:100%; padding-bottom:8px;}
		.line_title			{margin-bottom:25px;}
		.line_title img	{vertical-align:bottom; line-height:100%;}
		
		/* pankuzu layout */
		#pankuzu	{margin-bottom:35px; font-size:83%;}
			#pankuzu	li	{padding-right:10px; display:table-cell; *display:inline; *zoom:1; color:#666;}
			#pankuzu li a	{background:url(../images/common/ic_arrow-pankuzu.gif) no-repeat right center; padding-right:10px;}
		
		/* recruit-info layout */
		#recruit-info	{margin-bottom:20px; padding-top:10px;}
			#recruit-info ul	{text-align:center;}
				#recruit-info ul li			{display:inline; margin-right:18px;}
				#recruit-info ul li.last	{margin:0;}
				#recruit-info ul li img		{border:1px solid #eaeaea; padding:2px;}
				#recruit-info ul li a:hover img	{border:1px solid #019095; filter:alpha(opacity=80); opacity:0.8;}
		
		/* news layout */
		#news	{color:#535353;}
			#news #archive-link	{font-size:83%; background:url(../images/common/ic_arrow-dot.gif) no-repeat left center; padding-left:7px; position:absolute; right:0;}
			
				#news-box td span	{color:#fff; margin-right:2px; text-align:center; width:70px; display:inline-block; _display:inline; _zoom:1;}
				.mark_fresh			{background:#78CD61;}
				.mark_mid			{background:#FF8237;}
                .mark_new			{background:#44B5DD;}
				.mark_conscription	{line-height:100%; margin-left:5px; vertical-align:bottom;}
				.mark_conscription img	{vertical-align:bottom;}
			
			#news-box	{font-size:83%;}
				#news-box tr		{background:url(../images/common/line_dot-x.gif) repeat-x left bottom;}
				#news-box tr.last	{background:none;}
				#news-box th		{padding:8px 0 8px 8px; vertical-align:top;}
				#news-box .date	{background:url(../images/common/ic_dot-cross.gif) no-repeat right center; padding-right:10px;}
				#news-box td		{padding:8px 0 8px 8px; line-height:150%; width:100%;}
				
				/* clearfix */
			#news dl:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
			#news dl {display:inline-block;}
			/* Hides from IE-mac \*/
			* html #news dl {height:1%;}
			#news dl {display:block;}
			/* End hide from IE-mac */
				* html #news dl {display:inline-block;}/* for IE6 */
				*+html #news dl {display:inline-block;}/* for IE7 */
				
		/* Return btn layout */
		#return	{position:absolute; bottom:-30px; _bottom:-31px; right:0;}
			.pagetop				{margin:0 0 15px 77px;}
			.pagetop	a			{display:block; overflow:hidden; width:76px; height:0; padding-top:10px; background:url(../images/common/btn_return_top.gif) no-repeat left top;}
			.pagetop	a:hover	{background:url(../images/common/btn_return_top_on.gif) no-repeat left top;}
			
			.sitetop	a			{display:block; overflow:hidden; width:148px; height:0; padding-top:23px; background:url(../images/common/btn_return-recruit.gif) no-repeat left top;}
			.sitetop	a:hover	{background:url(../images/common/btn_return-recruit_on.gif) no-repeat left top;}
		
	/* right-section layout */
	#right-section	{float:right;}
		
		/* Side nav layout */
		#snav	{background:#f2f2f2; margin-bottom:8px;}
			#snav li		{width:221px;}
			#snav li a	{display:block; overflow:hidden; height:0;}
			
			#snav li.snav01	{background:url(../images/common/nav_01.gif) no-repeat left top;}
			#snav li.snav02	{background:url(../images/common/nav_02.gif) no-repeat left top;}
			#snav li.snav03	{background:url(../images/common/nav_03.gif) no-repeat left top;}
			#snav li.snav04	{background:url(../images/common/nav_04.gif) no-repeat left top;}
			#snav li.snav05	{background:url(../images/common/nav_05.gif) no-repeat left top;}
			
			#snav li.snav01 a	{background:url(../images/common/nav_01.gif) no-repeat left top; padding-top:28px;}
			#snav li.snav02 a	{background:url(../images/common/nav_02.gif) no-repeat left top; padding-top:28px;}
			#snav li.snav03 a	{background:url(../images/common/nav_03.gif) no-repeat left top; padding-top:28px;}
			#snav li.snav04 a	{background:url(../images/common/nav_04.gif) no-repeat left top; padding-top:28px;}
			#snav li.snav05 a	{background:url(../images/common/nav_05.gif) no-repeat left top; padding-top:27px;}
			
			#snav li.snav01 a:hover	{background:url(../images/common/nav_01_on.gif) no-repeat left top; padding-top:28px;}
			#snav li.snav02 a:hover	{background:url(../images/common/nav_02_on.gif) no-repeat left top; padding-top:28px;}
			#snav li.snav03 a:hover	{background:url(../images/common/nav_03_on.gif) no-repeat left top; padding-top:28px;}
			#snav li.snav04 a:hover	{background:url(../images/common/nav_04_on.gif) no-repeat left top; padding-top:28px;}
			#snav li.snav05 a:hover	{background:url(../images/common/nav_05_on.gif) no-repeat left top; padding-top:27px;}
			
			#snav li.snav01 a#current	{background:url(../images/common/nav_01_on.gif) no-repeat left top; padding-top:28px;}
			#snav li.snav02 a#current	{background:url(../images/common/nav_02_on.gif) no-repeat left top; padding-top:28px;}
			#snav li.snav03 a#current	{background:url(../images/common/nav_03_on.gif) no-repeat left top; padding-top:28px;}
			#snav li.snav04 a#current	{background:url(../images/common/nav_04_on.gif) no-repeat left top; padding-top:28px;}
			#snav li.snav05 a#current	{background:url(../images/common/nav_05_on.gif) no-repeat left top; padding-top:27px;}
		
		/* Banner layout */
		#bnr	{margin-bottom:20px;}
		#bnr li						{margin-bottom:7px;}
		#bnr li.interview			{margin-bottom:10px;}
		#bnr li.o_site				{background:url(../images/common/line_dot-x.gif) repeat-x left top; padding-top:10px;}
		#bnr li img					{border:1px solid #d8d8d3; vertical-align:bottom;}
		#bnr li.interview img,
		#bnr li.o_site img		{border:1px solid #000; vertical-align:bottom;}
		#bnr li a:hover img		{border:1px solid #46b8d0;}

/*---------------------------------------------------------------------
Footer Layout
---------------------------------------------------------------------*/
#footer	{border-top:1px solid #1a1a1a; padding:20px 0 0 0;}
	#copyright	{text-align:center;}



/*---------------------------------------------------------------------
Common parts Layout
---------------------------------------------------------------------*/
.update  {text-decoration:underline;}