@charset "utf-8";

/* 汎用設定(reset)
--------------------------------------------------------- */
html,body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
p,form,fieldset,legend,a,em,address,img { 
	font-style:normal; 
	font-size:100%;
	color:#000000;
	margin:0;
	padding:0;
	border:none;
	text-align:left;
	line-height:1;
	list-style-type:none; 
}


/* clearfix
--------------------------------------------------------- */
.clearfix:after{/*for modern browser*/
    content:".";
    display:block;
    height:0px;
    clear:both;
    line-height:0; 
    visibility:hidden;
}
 
.clearfix {
    zoom:1;/*for IE 5.5-7*/
    height: 1%;
    font-size:0px;
}


/* その他汎用tag,class
--------------------------------------------------------- */
h1 						{ font-size:69%; font-weight:normal; margin:5px 0; }
h3						{ clear:both; }
a						{ text-decoration:none; }
a:link					{ color:#0053b9; }
a:hover					{ color:#0053b9; text-decoration:underline; }
a:visited				{ color:#0053b9; }


.center					{ text-align:center; }
.arMarker				{ padding:0 0 0 16px; background:url(/img_cmn/arrowMarker.png) no-repeat 0 14%; text-decoration:underline;  }
.nolinkVisual			{ font-weight:normal !important; color:black !important; line-height:140%; }
.bgpCenter				{ background-position:center center !important; }
.accentuation			{ color:#ff7800 !important; font-weight:bold; }

p.link,					
#tblLink				{ clear:both; text-align:right; background:none; }
p.link a,
#tblLink a				{ padding:0 0 0 18px; background:url("/img_cmn/arrowMarker.png") no-repeat 0 50%; line-height:17px; }

.doubleCircle			{ background:url(/img_cmn/doubleCircle.gif) no-repeat 11px center; }
.circle					{ background:url(/img_cmn/circle.gif) no-repeat 11px center; }
.trigona				{ background:url(/img_cmn/trigona.gif) no-repeat 11px center; }
.cross					{ background:url(/img_cmn/cross.png) no-repeat 11px center; }


#leftSupportBtn			{ margin-bottom:5px; height:89px; background:url(/img_cmn/leftColButtons.png) no-repeat; display:block; text-indent:-9999px; }
#leftSupportBtn:hover	{ background-position:-200px 0; }
#leftScoutBtn			{ margin:5px 0; height:47px; background:url(/img_cmn/leftColButtons.png) no-repeat 0 -95px; display:block; text-indent:-9999px; }
#leftScoutBtn:hover		{ background-position:-200px -95px; }
#leftMailBtn			{ margin-bottom:15px; height:47px; background:url(/img_cmn/leftColButtons.png) no-repeat 0 -147px; display:block; text-indent:-9999px; }
#leftMailBtn:hover		{ background-position:-200px -147px; }


/* 構造
--------------------------------------------------------- */
body		{ font-family:"ＭＳ Ｐゴシック",  "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif; text-align:center; 
				background:url(/images/bodyBack.png); }
#header		{ position:relative; background:url(/images/headerBar.png) no-repeat 25px top;}
#footer		{ clear:both; overflow:hidden; margin:10px 25px 0 25px; padding-top:10px; border-top:1px solid #ededed;
							background:url(/images/footerBar.png) no-repeat left top; zoom:1;/*for IE 5.5-7*/ }
#wrapper	{ width:950px; margin:0 auto; text-align:left; background:#fff; }

#mainCol	{ margin: 0 25px 25px; }

#leftCol	{ float:left; width:200px; float:left; }

#rightCol	{ float:left; width:672px; margin-left:20px; }
#footerSiteLinkAll		{ width:900px; margin:30px auto 0 auto; padding:5px 0 0 0; border-top:1px solid #ddd; 
							clear:both; font-size:11px; line-height:140%; color:#ddd; }


/* #header
--------------------------------------------------------- */
#logo					{ margin:0 0 0 28px; padding:15px 0 0 0; }
#logo a,#logo p			{ height:48px; display:block; float:left; clear:left; width:260px;
							background:url(/img_cmn/logo.png) no-repeat left top; text-indent:-9999px; }

#title 					{ margin:10px 0 3px 25px; clear:both; /* pb shiraki 100412 */ } 
#title img 				{ display:block; }
#jobofferNum		 	{ position:absolute; top:12px; right:25px; }
#privateNum				{ font-weight:bold; }
#jobofferNum p			{ float:left; margin-left:10px; font-size:12px; }
#jobofferNum span		{ font-weight:bold; font-family:verdana; font-size:15px; color:indianred; }
#siteInfo				{ position:absolute; color:#aaa; text-align:right; right:25px; top:35px; font-size:11px; }

/* #gnav
--------------------------------------------------------- */

ul#gnav					{ width:900px; height:35px; margin:0 0 0 25px; clear:left; zoom:1;/*for IE 5.5-7*/ }
ul#gnav:after			{ content:"."; display:block; height:0px; clear:both; visibility:hidden; }

ul#gnav li				{ float:left; height:35px; margin:0; padding:0; }
ul#gnav li a 			{ display: block; height: 35px; border:none; 
							background:url(/img_cmn/gnavi.png) no-repeat top left; }
ul#gnav li.home 		{ width:89px; }
ul#gnav li.style		{ width:154px; }
ul#gnav li.private		{ width:130px; }
ul#gnav li.support		{ width:180px; }
ul#gnav li.success		{ width:130px; }
ul#gnav li.search		{ width:103px; }
ul#gnav li.contact		{ width:114px; }

ul#gnav li.home a		{ background-position:0 0; }
ul#gnav li.style a		{ background-position:-89px 0; }
ul#gnav li.private a	{ background-position:-243px 0; }
ul#gnav li.support a	{ background-position:-373px 0; }
ul#gnav li.success a	{ background-position:-553px 0; }
ul#gnav li.search a		{ background-position:-683px 0; }
ul#gnav li.contact a	{ background-position:-786px 0; }

ul#gnav li.home a:hover,
ul#gnav li.home a.gnaviOn		{ background-position:0 -34px; }
ul#gnav li.style a:hover,
ul#gnav li.style a.gnaviOn		{ background-position:-89px -34px; }
ul#gnav li.private a:hover,
ul#gnav li.private a.gnaviOn	{ background-position:-243px -34px; }
ul#gnav li.support a:hover,
ul#gnav li.support a.gnaviOn	{ background-position:-373px -34px; }
ul#gnav li.success a:hover,
ul#gnav li.success a.gnaviOn	{ background-position:-553px -34px; }
ul#gnav li.search a:hover,
ul#gnav li.search a.gnaviOn		{ background-position:-683px -34px; }
ul#gnav li.contact a:hover,
ul#gnav li.contact a.gnaviOn	{ background-position:-786px -34px; }

.gnaviOn						{ cursor:default; }


/* topicPath（パンくずリストの設定）
--------------------------------------------------------- */
#topicPath				{ margin:3px 0 5px 2px; }
#topicPath ul			{ margin:0px 25px 10px; overflow:hidden; }
#topicPath li			{ margin:0 2px 0 0; font-size:69%; display:inline; }
#topicPath li a			{ padding:0 12px 0 0; background:url("/img_cmn/pankuzu.gif") no-repeat right 0; }
#dammyTopicPath			{ display:none; }


/* topicPath（パンくずリストの設定 wordpress版）
--------------------------------------------------------- */
#pankuzu				{ margin:8px 0 10px 27px; font-size:11px; }
#pankuzu a				{ padding:0 12px 0 0; background:url("/img_cmn/pankuzu.gif") no-repeat right 1px; }


/* #footerSiteLinkAll
--------------------------------------------------------- */
#footerSiteLinkAll a	{ padding:0 3px; color:#666; }

/* #leftCol
--------------------------------------------------------- */
#leftCol #success p		{ padding-right:10px; font-size:89%; margin-bottom:5px; font-weight:bold; color:#666; }
#leftCol #success p a	{ font-size:82%; font-weight:normal; }
#leftCol #success		{ padding-bottom:5px; background:#f9f8f8; }
#leftCol #success dl	{ height:75px; }
#leftCol #success dd p	{ line-height:120%; }
dl.discDefineList		{ margin:0 0 10px 0; padding:0 7px 5px 10px; background:url("/img_cmn/line.gif") repeat-x 0 100%; }
dl.discDefineList dt	{ font-size:71%; line-height:120%; padding:0 0 0 16px; margin:0 0 5px; background:url("/original/imgs/arrowMarker.png") no-repeat 0 14%; }
dl.discDefineList dd	{ clear:both; font-size:82%; line-height:120%; margin:0 0 5px 0; }
#leftCol #success p		{ padding-right:10px; font-size:89%; margin-bottom:5px; font-weight:bold; color:#666; }




/* #mainCol
--------------------------------------------------------- */

#mainCol p 				{ font-size:90%; line-height:160%; margin:0 auto 15px; }
#mainCol h2				{ clear:both; margin:0 0 20px; }
#mainCol h3				{ font-size:94%; line-height:120%; margin:0 0 10px; }
#mainCol h4				{ font-size:82%; line-height:120%; margin:0 0 10px; }
#mainCol ol				{ margin:0 0 15px; }
#mainCol ol li			{ font-size:82%; line-height:120%; padding:8px 0; list-style:decimal; margin:0 0 0 40px; }


/* supportMeritTblの設定
--------------------------------------------------------- */

#supportMeritTbl			{ width:649px; margin:0 auto; }
#supportMeritTbl p			{ margin:0 0 5px; }
#supportMeritTbl img		{ vertical-align:bottom; }
#supportMeritTbl table		{ width:649px !important; font-size:13px; border-left:solid 1px #929292; border-top:1px solid #929292; border-spacing:0; border-collapse:collapse; background:none; }
#supportMeritTbl th			{ padding:0 !important; border-bottom:1px solid #929292; border-right:1px solid #929292; background:none; vertical-align:middle; }
#supportMeritTbl td			{ padding:5px 9px 5px 8px; border-bottom:1px solid #929292; border-right:1px solid #929292; font-size:13px; color:#000; line-height:1; }
#difference					{ color:#333333; font-size:12px !important; }
#supportMeritTbl span		{ padding-left:38px; float:left; }

#supportCase				{ width:250px; }


/* searchUiの設定
--------------------------------------------------------- */

#search h3				{ margin:25px 0 10px; }
#search span			{ font-size:14px; }
#search table			{ border-spacing:0; border-collapse:collapse; font-size:12px; clear:both; background:url("/img_cmn/tblLine.png") repeat-x left top; }
#search th				{ width:180px; padding:20px 10px; background:url("/img_cmn/tblLine.png") repeat-x left bottom #eee; text-align:left; }
#search td				{ width:641px; padding:10px 5px; background:url("/img_cmn/tblLine.png") repeat-x left bottom; }
#search li				{ padding-left:15px; background:url("/img_cmn/icon_link.gif") no-repeat; }
#searchArea table,
#searchArea th,
#searchArea td			{ padding:4px; border:none !important; background:none; }
#searchArea a			{ padding-right:20px; }

.searchUiTbl th			{ vertical-align:top; background:#ddd; }
*html .searchUiTbl th	{ text-align:left; }
.searchUiTbl td ul li	{ width:135px; margin:5px 5px 0; float:left; height:15px; overflow:hidden !important; }

#searchArea table td	{ padding:5px; }
#searchArea table th	{ width:125px !important; }





/* #footer
--------------------------------------------------------- */

#footer ul 				{ float:right; text-align:center; height:17px; margin:0px 0; } 
#footer ul li			{ float:left; margin:0 0px 0 0; }

#footer ul li.term		{ width:63px; }
#footer ul li.disclaim	{ width:62px; }
#footer ul li.site		{ width:83px; }
#footer ul li.privacy	{ width:124px; }
#footer ul li.security	{ width:135px; }
#footer ul li.company	{ width:80px; }

#footer ul li.term	  a	{ width:63px; background-position:0 0; }
#footer ul li.disclaim a{ width:62px; background-position:-63px 0; }
#footer ul li.site	  a	{ width:83px; background-position:-125px 0; }
#footer ul li.privacy a	{ width:124px; background-position:-208px 0; }
#footer ul li.security a{ width:135px; background-position:-332px 0; }
#footer ul li.company a	{ width:80px; background-position:-467px 0; }

#footer ul li a			{ text-indent:-9999px; display:block; background:url(/img_cmn/footerRefer.png) no-repeat left top; }
#footer a				{ text-decoration:none; }
#footer a:link			{ color:#000000; }
#footer a:hover			{ color:#000000; text-decoration:underline; }
#footer a:visited		{ color:#000000; }

#footer .copyright		{ clear:both; display:block; margin:0 0 5px; height:23px; text-indent:-9999px;
							background:url(/img_cmn/footerCopyRight.png) no-repeat right top; }



/* 各ページfooterContentsの設定
--------------------------------------------------------- */
#footerContents				 	{ width:670px; float:left; }
#footerContents h2				{ width:670px; height:20px; margin-left:15px; }

#footerContents p				{ font-size:12px; clear:both; }
#footerContents p span			{ font-size:14px; font-weight:bold; }
#footerContents .left			{ width:329px; margin:15px 12px 5px 0; float:left; }
#footerContents .right			{ width:329px; margin:15px 0px 5px 0; float:left; }
#footerContents .center			{ margin-bottom:0px; line-height:1em; }
#footerContents #fContentsMail	{ margin:5px 0 25px 0; }

#rightCol #footerContents h2	{ margin-left:0px; }

#fContentsSupportTop			{ height:12px; background:url(/img_cmn/fContentsSupportBrdr.png) no-repeat left top; }
#fContentsSupportMiddle			{ position:relative; padding:13px 0 9px 0; 
									background:url(/img_cmn/fContentsSupportBack.png) repeat-y left top; }
#fContentsSupportBottom			{ height:4px; background:url(/img_cmn/fContentsSupportBottom.png) no-repeat left top;}
#fContentsSupportMiddle h3		{ height:39px; width:305px; margin:0 0 5px 12px !important; text-indent:-9999px; 
									background:url(/img_cmn/fContentsSupportTtl.png) no-repeat 70px top; }
#fContentsSupportMiddle span	{ text-indent:-9999px; }
#fContentsSupportMiddle img		{ position:absolute; top:6px; left:10px; }
#fContentsSupportBtn			{ width:200px; height:46px; margin:0 0 0 82px; text-indent:-9999px; 
									background:url(/img_cmn/fContentsSupportBtn.png) no-repeat left top; display:block; }
#fContentsSupportBtn:hover		{ background-position:0 -46px; }


*html #fContentsMailTop,
*html #fContentsScoutTop,
*html #fContentsSupportTop		{ font-size:0px; overflow:hidden; }
*html #fContentsMailBottom,
*html #fContentsScoutBottom,
*html #fContentsSupportBottom	{ font-size:0px; }

#fContentsScoutTop				{ height:12px; background:url(/img_cmn/fContentsScoutBrdr.png) no-repeat left top; }
#fContentsScoutMiddle			{ padding:5px 0 9px 0; background:url(/img_cmn/fContentsScoutBack.png) repeat-y left top; text-align:center; }
*html #fContentsScoutMiddle		{ padding:7px 0; }
#fContentsScoutBottom			{ height:4px; background:url(/img_cmn/fContentsScoutBottom.png) no-repeat left top;}

#fContentsScoutMiddle h3		{ height:39px; width:278px; margin:5px auto 7px auto !important;
									background:url(/img_cmn/fContentsScoutTtl.png) no-repeat; text-indent:-9999px; }
#fContentsScoutMiddle p			{ margin:5px 0 0 65px; }
#fContentsScoutBtn				{ width:200px; height:46px; margin:0 auto; text-indent:-9999px; display:block;
									background:url(/img_cmn/fContentsScoutBtn.png) no-repeat left top; }
#fContentsScoutBtn:hover		{ background-position:0 -46px; }

#fContentsMailTop				{ height:12px; background:url(/img_cmn/fContentsMailBrdr.png) no-repeat left top; }
#fContentsMailMiddle			{ width:640px; padding:5px 15px; background:url(/img_cmn/fContentsMailBack.png) repeat-y left top; }
#fContentsMailMiddle	p		{ float:right; clear:none; margin:3px 68px 0 0; }
*html #fContentsMailMiddle		{ width:670px; }
#fContentsMailBottom			{ height:4px; background:url(/img_cmn/fContentsMailBottom.png) no-repeat left top; }

#fContentsMailMiddle img		{ float:left; }
#fContentsMailBtn				{ width:200px; height:46px; margin-top:10px; float:right; display:block; text-indent:-9999px;
									background:url(/img_cmn/fContentsMailBtn.png) no-repeat left top; }
#fContentsMailBtn:hover			{ background-position:0 -46px; }
#mailMagazinCap					{ height:53px; margin:0 !important; padding:10px 0 0 75px; float:left !important; font-size:15px !important;
									background:url(/img_cmn/fContentsMailIcn.png) no-repeat 0 center; line-height:111% !important; }
									
									

/* footerAboutの設定
--------------------------------------------------------- */
#footerAbout			{ float:right; width:210px; margin-top:15px; background:#eee; line-height:1.2em; font-size:13px; }
#footerAbout p			{ margin:10px; font-size:12px; line-height:1.3em;}
#footerAbout h3			{ margin:10px; }


/* #footerLink
--------------------------------------------------------- */
#footerLink				{ clear:both; font-weight:bold; }
#footerLink div			{ width:100%; overflow:hidden; }
#footerLink ul			{ position:relative; float:left; left:50%; }
#footerLink li			{ padding:0.3em 1em; position:relative; float:left; right:50%; font-size:12px; 
							background:url(/img_cmn/footerLinkPartition.png) no-repeat right center; }
#footerLink li.last		{ background:none; }
#footerLink li a		{ display:block; font-weight:normal !Important; }
#flNotFixed li			{ display:none; }



/* adviceCaseの設定
--------------------------------------------------------- */
#adviceCase				{ margin-left:15px; }
#adviceCase li			{ padding:0 0 10px 13px !important; background:url("/img_cmn/icon_link.gif") no-repeat !important; font-size:12px !important; }
#adviceCase .right		{ text-align:right; }
#adviceCase .right a	{ padding-left:15px; background:url("/img_cmn/arrowMarker.png") no-repeat left top; }


/* 汎用クラス
--------------------------------------------------------- */
.floatboxLef			{ padding:0 10px 5px 0; float:left; }
.floatboxRight			{ float:right; display:inline; }
.nodisplay				{ display:none; }