@charset 'x-sjis';

/*全体標準仕様*/
* {
	margin: 0px;
	padding: 0px;
}

html,body{height:100%;}

body {
	behavior: url("com/css/csshover.htc");
	behavior: url("com/css/csshover2.htc");

	background-color:#fff;
	color: #000;
	font-family: 'MS UI Gothic', sans-serif;
	font-size: 100%;
	line-height: 1.3;
}

body * {
	font-size:80%;
}
body * * {
	font-size:100%;
}

hr {display:none;}
img {border:none;}

blockquote {
	background	: #ccc;
}
blockquote:before, blockquote:after {
	display		: block;
	height		: 5px;
	line-height	: 0px;
}
blockquote:before {
	content		: url(img/left-top-ccc.png);
	background	: url(img/right-top-ccc.png) no-repeat right top;
}
blockquote:after {
	content		: url(img/left-bottom-ccc.png);
	background	: url(img/right-bottom-ccc.png) no-repeat right bottom;
}

a 				{color:#000080; text-decoration:none;}
a:visited 		{color:#5000A0; text-decoration:none;}
a:hover 		{color:#0000C0; text-decoration:underline;}
a:active 		{color:#8080FF; text-decoration:none;}

.none {display:none;}

table {
	width:580px;
	border-collapse: separate;
	border: solid 1px #555;
	font-family: 'MS UI Gothic';
}
table.clear {
	border: none 0px;
	margin: 0px;
	padding: 0px;
}
table.viewcate {
	border: none 0px;
	margin: 0px;
	padding: 0px;
	width: 560
}
table.company {
	border: none 0px;
}

tr.viewcate {
	border: none 0px;
	font-weight: Normal;
	background: #fff;
	text-align: left;
}

td,th {
	empty-cells: show;
	margin: 2;
	border: solid 1px #555;
	padding: 4px;
}

th {
	font-weight: Bold;
	color: #000;
	background: #ccc;
	text-align: center;
}

th.subtitle {
	font-weight: Bold;
	color: #000;
	background: #ccc;
	text-align: center;
	width: 120px
}

td {
	color: #000000;
	font-weight: Normal;
	background: #fff;
	text-align: left;
}

td.viewcate {
	border: none 0px;
	color: #000000;
	font-weight: Normal;
	background: #fff;
	text-align: left;
	font-size: 10pt;
}

td.data {
	font-weight: Normal;
	color: #000;
	background: #fff;
	text-align: left;
	width: 460px
}

td.worning {
	border: none 0px;
	color: #E00000;
	font-weight: Normal;
	background: #fff;
	text-align: left;
	font-size: 8pt;
}

td.company {
	border: none 0px;
}

div.margin5{
	margin:5px;
}

h1 {
	width:800px;
	height:70px;
	position:relative;top: 0px;left:0px;z-index: 0;
	color: #fff;
	background: url('../img/psys-logo.png') #fff no-repeat;
}
h1 a {display:none;}

h2 {
	width:800px;
	color:#fff;
	border:1px solid #000;
	background: #666;
	padding:5px 0px 5px 20px;
	display:block;
}

h3 {
	padding:3px;
	color:#00f;
	font-size:110%;
	height:21px;
	background: #acf;
	border-top:1px solid #000;
	border-bottom:1px solid #68f;
	display: block;
}
h3:first-letter{
	color:#f08;
	font-size:120%;
}


h4 {
	padding-top:3px;
	padding-left:15px;
	padding-bottom:3px;
	border-Left:5px solid #04c;
	border-bottom:1px solid #666;
	margin:2px 0px 7px 0px;
	display: block;
}

ul {
	clear:both;
	margin-bottom:3px;
}

input.viewpage {
	font-family:'MS UI Gothic', sans-serif;	/* 文字の種類	*/
	text-decoration: underline;				/* フォント修飾 */
	font-size:12pt;							/* 文字の大きさ	*/
	color:#000;								/* 文字の色		*/
	background-color:#fff;					/* 背景色		*/
	border:1px solid #ccc;					/* 線の種類と色	*/
}

input.viewpage:hover {
	font-family:'MS UI Gothic', sans-serif;	/* 文字の種類		*/
	text-decoration: none;					/* フォント修飾		*/
	font-size:12pt;							/* 文字の大きさ		*/
	color:#000;								/* 文字の色			*/
	background-color:#ccc;					/* 背景色			*/
	border:1px solid #fff;					/* 線の種類と色		*/
	cursor:pointer;							/* マウスカーソル	*/
}

input.smlinbox {
	font-family:'MS UI Gothic', sans-serif;	/* 文字の種類	*/
	text-decoration: normal;				/* フォント修飾 */
	font-size:8pt;							/* 文字の大きさ	*/
	color:#000;								/* 文字の色		*/
	background-color:#fff;					/* 背景色		*/
	border:1px solid #ccc;					/* 線の種類と色	*/
}

/*メインメニュー*/
#menu {
	padding: 1px;
	width:177px;
	float:left;
	background:#000;
}
#menu li{
	list-style-type:none;
}

#menu ul#menu-list li {
	float:left;
}
#menu ul#menu-list li a {
	width:177px;
	height:41px;
	display: block;
}
#menu ul#menu-list li a span {
	display: none;
}
.menu-home 			a 			{background: url('../img/home.png') 0 0 no-repeat;}
.menu-home 			a:visited 	{background: url('../img/home.png') 0 0 no-repeat;}
.menu-home 			a:hover 	{background: url('../img/home_l.png') 0 0px no-repeat;}
.menu-corp 			a 			{background: url('../img/corp.png') 0 0 no-repeat;}
.menu-corp 			a:visited 	{background: url('../img/corp.png') 0 0 no-repeat;}
.menu-corp 			a:hover 	{background: url('../img/corp_l.png') 0 0px no-repeat;}
.menu-employment 	a 			{background: url('../img/employment.png') 0 0 no-repeat;}
.menu-employment 	a:visited 	{background: url('../img/employment.png') 0 0 no-repeat;}
.menu-employment 	a:hover 	{background: url('../img/employment_l.png') 0 0px no-repeat;}
.menu-matter 		a 			{background: url('../img/matter.png') 0 0 no-repeat;}
.menu-matter 		a:visited 	{background: url('../img/matter.png') 0 0 no-repeat;}
.menu-matter 		a:hover 	{background: url('../img/matter_l.png') 0 0px no-repeat;}
.menu-service 		a 			{background: url('../img/service.png') 0 0 no-repeat;}
.menu-service 		a:visited 	{background: url('../img/service.png') 0 0 no-repeat;}
.menu-service 		a:hover 	{background: url('../img/service_l.png') 0 0px no-repeat;}
.menu-parttime 		a 			{background: url('../img/parttime.png') 0 0 no-repeat;}
.menu-parttime 		a:visited 	{background: url('../img/parttime.png') 0 0 no-repeat;}
.menu-parttime 		a:hover 	{background: url('../img/parttime_l.png') 0 0px no-repeat;}
.menu-contact 		a 			{background: url('../img/contact.png') 0 0 no-repeat;}
.menu-contact 		a:visited 	{background: url('../img/contact.png') 0 0 no-repeat;}
.menu-contact 		a:hover 	{background: url('../img/contact_l.png') 0 0px no-repeat;}
.menu-link 			a 			{background: url('../img/link.png') 0 0 no-repeat;}
.menu-link 			a:visited 	{background: url('../img/link.png') 0 0 no-repeat;}
.menu-link 			a:hover 	{background: url('../img/link_l.png') 0 0px no-repeat;}

/*メイン枠*/
#container {
	width:800px;
	background: #000;
}

#main {
	width:620px;
	float:left;
	background:#fff;
}

#main #top_img {
	background: url('../img/top_img.jpg') #eee no-repeat;
	padding:300px 0px 0px 0px;
}

* {
	scrollbar-base-color: #333;
	scrollbar-track-color:#ccc;
	scrollbar-face-color:#aaa;
	scrollbar-shadow-color:#555;
	scrollbar-darkshadow-color:#555;
	scrollbar-highlight-color:#555;
	scrollbar-3dlight-color:#555;
	scrollbar-arrow-color:#fff;
}

#main li {
	margin:10px 0px 3px 3px;
	list-style-type:none;
	padding-left:12px;
	background:url('/img/arrow.gif') no-repeat 0% 0.4em;
	border-bottom:1px solid #ccc;
	line-height:1.3em;
}

#main h3.sub_title_top{background: url('/img/sub_top.gif') #8af no-repeat;}
#main h3.new_title {background: url('/img/news_main.gif') #8af no-repeat;}

#main div.sub_cont{
	overflow: auto;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
}

#main div.sub_cont125 {
	overflow: auto;
	height:125px;
	padding:10px;
}

#main .new_view {
position: relative;
}
#main .new_view a {
position:absolute;top: -17px;left:500px;
color:#fff;
}


div.appealps {
	padding-top:3px;
	padding-bottom:3px;
	font-size:125%;
	font-weight: bold;
	background	: #fdc;
	margin-top:5px;
	margin-bottom:15px;
}
div.appealps:first-letter{
	padding:5px;
	border:1px solid #fca;
	color:#fff;
	background:#f44;
	font-size:150%;
}

#main dl.news_keyword {
margin:7px 10px 0px 10px;
clear:both;
}
#main dl.news_keyword dt {
float:left;
line-height:1.4em;
width:6em;
}
#main dl.news_keyword dd {
float:left;
width:480px;
}
#main dl.news_keyword dd ul.news_keyword_title {
line-height:1.3em;
padding-bottom:7px;
}
#main dl.news_keyword dd ul.news_keyword_title li {
display:inline;
list-style-type:none;
white-space: nowrap;
}

div.copyright{
	font-size:90%;
	text-align:right;
	padding:10px 10px 10px 10px ;
	line-height:12px;
	color:#222;
	background: #eee 100% 0% repeat-y;
	border:1px solid #000;
	border-top:none;
}

#foot form{
	position: absolute;
	top: 25px;
	left: 620px;
	z-index:3;
	width: 175px;
	height: 20px;
	text-align: right;
	white-space: nowrap;
	background-color:#fff;
}
	#foot form .search-input{
	-moz-box-sizing: border-box;
	padding:1px 0px 0px 2px;
	border:1px solid #999;
	width: 133px;
	height: 20px;
	background: #eee;
	position: absolute;left: 0;bottom: 0;
}
#foot form .search-input:hover, #foot form .search-input:focus {background: #fff;}
#foot form #submit {
	background: #666;
	color: #fff;
	padding:1px 0px 0px 0px;
	width: 40px;
	height: 20px;
	border-right: 1px solid #222;
	border-bottom: 1px solid #222;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	position: absolute;right: 0;bottom: 0;
}

#foot img.headimg{
position: absolute;top: 10px;left: 560px;z-index:3;
}
#foot img.headimg2{
position: absolute;top: 10px;left: 590px;z-index:3;
}
#foot img.headimg3{
position: absolute;top: 10px;left: 620px;z-index:3;
}
#foot img.headimg4{
position: absolute;top: 10px;left: 650px;z-index:3;
}