/* main styles */
div#container {
  	position: relative;
  	width:800px;
  	height: auto;
  	margin: 0 auto;
  	padding: 0;
  	color: #333333;
  	background-color:#FFFFFF;
  	text-align: left;
}
div#header {
  	width: auto;
  	height: 75px;
  	overflow: hidden;
  	background-color: transparent;
  	background-image: url(../image/gradBarTop.gif);
  	background-repeat: no-repeat;
  	background-position: 0 0;
}
div#header p#logo {
  	margin: 40px 0 0 20px;
  	text-indent: 0;
}
div#header p#logo img {
  	border: none;
}
div#header h1, div#header p {
  	text-indent: -9999px;
}
ul#sitePolicy {
  	display: block;
  	position: absolute;
  	top: 45px;
  	right: 20px;
  	width: 200px;
  	height: auto;
  	margin: 0 0 1em 0;
  	text-align: right;
}
ul#sitePolicy li {
  	display: block;
  	float: right;
  	font-size: 11px;
  	text-transform: lowercase;
}
ul#sitePolicy a {
  	display:block;
  	width: auto;
  	height: auto;
  	padding: 0 10px;
  	border-right: 1px solid #c0c0c0;
}
ul#sitePolicy li#sitemap a {
  	margin-right: 0;
  	padding-right: 0;
  	border-right: none;
}
ul#mainNavi {
  	display: block;
  	position: absolute;
  	top: 0px;
  	left: 20px;
  	margin-bottom: 0;
}
ul#mainNavi a {
  	display:block;
  	width: 60px;
  	height: 14px;
  	padding: 8px 10px;
  	border-right: 1px solid #0099cc;
}
ul#mainNavi li {
  	float: left;
  	margin: 0 auto;
  	font-size: 11px;
  	font-weight: normal;
  	text-align: center;
  	text-transform: uppercase;
}
ul#mainNavi a:link, ul#mainNavi a:visited {
  	color: #ffffff;
  	background-color: transparent;
}
ul#mainNavi a:hover, ul#mainNavi a:active {
  	background-image: url(../image/gradBarOn.gif);
  	background-repeat: repeat-x;
  	border-bottom: 2px solid #003399;
}
ul#mainNavi li#mHome a {
  	border-left: 1px solid #0099cc;
}
div#siteBanner {
  	clear: both;
  	display: inline;
  	float: left;
  	width: 560px;
  	height: 240px;
  	color: #000000;
  	background-color: transparent;
  	background-image: url(../image/banner_pc.gif);
  	background-repeat: no-repeat;
  	background-position: 20px 0px;
}
div#subNavi {
  	display: inline;
  	float: right;
  	width: 200px;
  	w\idth: 150px;
  	height: auto;
  	margin: 0;
  	padding: 0 20px 0 30px;
  	background-color: transparent;
  	background-image: url(../image/subNavBG.gif);
  	background-repeat: no-repeat;
  	background-position: 0 0;
}
div#subNavi ul {
  	margin-bottom: 2em;
}
div#subNavi li {
  	font-size: 95%;
  	font-weight: normal;
  	line-height: 150%;
  	text-transform: uppercase;
}
/*----------ここからsubnavi内ボタン追加---------*/
div#subNavi li a {
	margin:0px;
	padding:0px;
	height:55px;
	width:170px;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
}
div#subNavi li#sn1 a {
	background:url(../image/btn/index_btn/btn_indx_work.gif) no-repeat;
}
div#subNavi li#sn1 a:hover {
	background:url(../image/btn/index_btn/btn_indx_work_ro.gif) no-repeat;
}
div#subNavi li#sn2 a {
	background:url(../image/btn/index_btn/btn_indx_profile.gif) no-repeat;
}
div#subNavi li#sn2 a:hover {
	background:url(../image/btn/index_btn/btn_indx_profile_ro.gif) no-repeat;
}
div#subNavi li#sn3 a {
	background:url(../image/btn/index_btn/btn_indx_recruit.gif) no-repeat;
}
div#subNavi li#sn3 a:hover {
	background:url(../image/btn/index_btn/btn_indx_recruit_ro.gif) no-repeat;
}
div#subNavi li#sn4 a {
	background:url(../image/btn/index_btn/btn_indx_contact.gif) no-repeat;
}
div#subNavi li#sn4 a:hover {
	background:url(../image/btn/index_btn/btn_indx_contact_ro.gif) no-repeat;
}
div#subNavi li#sn5 a {
	background:url(../image/btn/index_btn/btn_indx_kanjin.gif) no-repeat;
}
div#subNavi li#sn5 a:hover {
	background:url(../image/btn/index_btn/btn_indx_kanjin_ro.gif) no-repeat;
}
div#subNavi em {
	visibility:hidden;
	font-size:9px;
	color:#FFFFFF;
}
/*ここまで*/


div#subNavi dt {
  	font-size: 100%;
  	font-weight: bold;
}
div#subNavi dd {
  	font-size: 95%;
}
div#subNavi h2, div#mainContents h2 {
  	height: auto;
  	margin-bottom: 0.5em;
  	padding: 2px 0;
  	color: #000000;
  	font-family: "ヒラギノ角ゴ Pro W3", Osaka, "MS UI Gothic",  "ＭＳ Ｐゴシック", Verdana, Myriad, Helvetica, "MS Trebuchet", Arial, sans-serif;
  	font-size: 95%;
  	font-weight: bold;
  	text-transform: capitalize;
}
div#mainContents {
  	clear: left;
  	display: inline;
  	float: left;
  	width: 560px;
  	w\idth: 520px;
  	height: auto;
  	margin: 0 0 1em 0;
  	padding: 0 20px;
}
div#mainContents div#midashi {
  	display: block;
  	width: auto;
  	height: auto;
  	margin: 0 0 2em 0;
  	padding: 20px 0 0 20px;
  	border-bottom: 1px solid #D3D3D3;
  	background-image: url(../image/gradWhBG.jpg);
  	background-repeat: no-repeat;
}
div#mainContents div#recent {
  	display: block;
  	width: auto;
  	height: auto;
  	padding: 20px 0 0 20px;
  	border-bottom: 1px solid #f0f0f0;
  	background-image: url(../image/gradWhBG.jpg);
  	background-repeat: no-repeat;
}
div#mainContents h3 {
  	margin-bottom: 5px;
  	color: #0099CC;
  	font-family: "ヒラギノ角ゴ Pro W3", Osaka, "MS UI Gothic",  "ＭＳ Ｐゴシック", Verdana, Myriad, Helvetica, "MS Trebuchet", Arial, sans-serif;
  	font-size: 120%;
  	font-weight: bold;
  	text-transform: capitalize;
}
div#mainContents div#recent h3 {
  	color: #003366;
  	font-size: 110%;
  	font-weight: bold;
  	text-transform: capitalize;
}
div#mainContents p {
  	line-height: 145%;
}
div#mainContents dt {
  	font-size: 100%;
  	font-weight: bold;
}
div#mainContents dd {
  	font-size: 95%;
}
p.indexPhoto {
  	float: left;
  	margin: 0 1em 1em 0;
  	width: auto;
  	height: auto;
}
p.indexPhoto img {
  	border: none;
}
p.cClear {
  	clear: both;
  	height: 0;
  	margin: 0;
  	padding: 0;
}
p.fClear {
	clear:both;
	height:0;
	margin:0;
	padding:0;
}
p#siteFooter {
  	clear: both;
  	width: 764px;
  	height: 22px;
  	margin: 0 auto;
  	padding-top: 10px;
  	overflow: hidden;
  	background-color: transparent;
  	background-image: url(../image/gradBarBtm.gif);
  	background-repeat: no-repeat;
  	background-position: 0 0;
  	color: #ffffff;
  	font-size: 80%;
  	text-align: center;
}