@charset "UTF-8";

/************* Tag Override *************/
h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,tr,form {  
    margin:0; padding:0; font-size:100%;  
} 
p {
	margin:0; padding:5px; font-size:100%; 
}
img {
	border: none;
}
li {
	list-style-type: none;
}
hr {
	display: none;
}
body {
	background: #ffffff;
	margin: 0;
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #505050;
	font-size: 75%;
	color: #505050;
	line-height: 1.6;
}



#container {
	width: 785px;
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 0px;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	float: inherit;
}

/*************** Header styles **************/
#header {
	background: #ffffff; 
	padding: 0 0 20px 0;
	  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
}
#header h1 {
	font-size: 10px;
	color: #666666;
	margin: 0; 
	padding: 10px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
	/* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
}


#header p {
	text-align: center;
	margin: 10px 0 0 0;
}


/************** Content styles ***************/
#inner {
	padding: 0px;
	background: #FFFFFF;
	width: 785px;
	margin: 0　0　50px　0;
}

#inner #mainWrap {
	width:550px;
	float:right;
	margin: 0;
	padding: 0;
}
#inner #sidebar {
	width:208px;
	float:left;
}

/*************** navigation styles **************/
#navi {
	width:208px;
	float:left;
	background: #eeeeee;
	border: solid 1px #9c;
	padding: 4px 0;
}
#navi ul.sideMenu  { 
	margin:0; padding:0;
}  

 /*ボタン部 */
#navi ul.sideMenu li.workcontents  {
	list-style:none;
	background:url('../images/navi1.gif') center top no-repeat;
	width: 208px;
	height: 55px;
	font-size: 1px;
	padding:0;
	text-indent:-9999px
 }
 /*ボタン部を増やす場合は↓をコピー。上部10pxのpaddingあり。aおよびa:hoverおよびa.nowも忘れないように。全てクラス名あり。 */
#navi ul.sideMenu li.corporateprofile  {
	list-style:none;
	background:url('../images/navi2.gif') center bottom no-repeat;
	width: 208px;
	height: 55px;
	font-size: 1px;
	padding:10px 0 0 0;
	text-indent:-9999px
 }
 #navi ul.sideMenu li.applicant  {
	list-style:none;
	background:url('../images/navi3.gif') center bottom no-repeat;
	width: 208px;
	height: 55px;
	font-size: 1px;
	padding:10px 0 0 0;
	text-indent:-9999px
 }
 
#navi ul.sideMenu li.workcontents a {
	display:block; 
	width: 208px;
	height: 55px;
 }
#navi ul.sideMenu li.corporateprofile a {
	display:block; 
	width: 208px;
	height: 55px;
 }
 #navi ul.sideMenu li.applicant a {
	display:block; 
	width: 208px;
	height: 55px;
 }
 
 
#navi ul.sideMenu li.workcontents a:hover {
	background:url('../images/navi1-on.gif') center top no-repeat;
} 
#navi ul.sideMenu li.corporateprofile a:hover {
	background:url('../images/navi2-on.gif') center top no-repeat;
} 
#navi ul.sideMenu li.applicant a:hover {
	background:url('../images/navi3-on.gif') center top no-repeat;
} 

#navi ul.sideMenu li.workcontents a.now {
	overflow: hidden;
	height: 55px;
	background:url('../images/navi1-on.gif') center top no-repeat;
}
#navi ul.sideMenu li.corporateprofile a.now {
	overflow: hidden;
	height: 55px;
	background:url('../images/navi2-on.gif') center top no-repeat;
}
#navi ul.sideMenu li.applicant a.now {
	overflow: hidden;
	height: 55px;
	background:url('../images/navi3-on.gif') center top no-repeat;
}



 /*テキストボタン部。クラス名不要、共通、一番最下部のnoneだけ */
#navi ul.includeNav  { 
	margin:0; padding:0;
} 
#navi ul.includeNav li {
	overflow: visible;
	list-style:none; 
	font-size: 12px;
 }  

#navi ul.includeNav li a {
	display:block;
	width: 200px;
	background: #FFFFFF url('../images/icon_nav_linkmark.gif') left center no-repeat;
	height: auto;
	margin:0 0 0 4px;
	padding:10px 0 10px 0;
	border-bottom:dotted 1px #d0d0d0; 
	text-indent: 20px;
	text-decoration:none; 
	} 
#navi ul.includeNav li.none a {
	border-bottom:0px; 
	}

#navi ul.includeNav li a:hover  {
	background:#ebebf4 url('../images/icon_nav_linkmark_on.gif') left center no-repeat;
} 
#navi ul.includeNav li a.now  {
	background:#ebebf4 url('../images/icon_nav_linkmark_on.gif') left center no-repeat;
} 



.clear { 
    clear:both;
}
.clear hr { 
    display:none;
}

/*************** footer styles **************/
#footer {
	width: 785px;
	padding: 50px 0 0 0;
	background-color: #FFFFFF;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #2e3192;
	margin: 0;
} 
#footer p.company {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2e3192;
	text-align: center;
	font-size: 10px;
	color: #666666;
	padding-bottom: 5px;
}
#footer p.company2 {
	padding: 5px 0 10px 0;
	text-align: center;
	font-size: 10px;
	color: #666666;
}