@charset "utf-8";
/*
Theme Name: PSJ WEB SITE
Theme URI: http://psj2001.com/
Description: PSJコーポレーションWEBサイト
Author: naokisumida.com
*/

/*=====================================スタイルリセット=====================================*/
body, div,dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul, dl {
	list-style: none;
}
caption, th {
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
}
q:before, q:after {
	content:'';
}
hr {
	display: none;
}
::selection {
    color: #000;
    background: #ff99cc;
}
/*=====================================スタイルリセット=====================================*/

/*=====================================レイアウト=====================================*/
body {
	background-image: url("images/common/bg_body.gif");
	background-position: center top;
	background-repeat: repeat-y;
	color: #333;	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック";
	text-align: center;
}
/*キャッチコピー*/
#Catch {
	width: 100%;
	height: 20px;
	background-image: url("images/common/bg_catch.gif");
	background-repeat: repeat-x;
	color: #fff;
	font-size: 8px;
	font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック";
	line-height: 180%;
}
/*コンテン*/
#Container {
	width: 820px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
/*ヘッダー*/
#Header {
	width: 800px;
	margin: 0 10px;
}
#Home #PageNavi {
	width: 810px;
	height: 340px;
	clear: both;
	margin: 0 0 0 10px;
	position:relative;
	background-image: url("images/common/bg_pagenavi_top.jpg");
	background-position: left center;
	background-repeat: no-repeat;
}
#Auto #PageNavi {
	width: 810px;
	height: 320px;
	clear: both;
	margin: 0 0 0 10px;
	position:relative;
	background-image: url("images/news/bg_pagenavi_news.jpg");
	background-position: left center;
	background-repeat: no-repeat;
}
#Page #PageNavi {
	width: 810px;
	height: 275px;
	clear: both;
	margin: 0 0 0 10px;
	position:relative;
	background-image: url("images/page/bg_page_navi.jpg");
	background-position: left center;
	background-repeat: no-repeat;
}
#RecentEntry {
	width: 310px;
	float: left;
}
#SiteFeeds {
	width: 300px;
	float: left;
}
#Banner {
	width: 210px;
	float: right;
}
#Footer {
	width: 100%;
	clear: both;
	background-image: url("images/common/bg_footer.gif");
	background-position: center top;
	background-repeat: no-repeat;
	behavior: expression(IEPNGFIX.fix(this));
}
/*=====================================レイアウト=====================================*/

/*=====================================ヘッダー=======================================*/
#Header h1,#Header p {
	margin: 0 10px 10px 10px;;
	float: left; 
}
#Header ul {
	margin: 30px 0 0 0;
	float: right;
}
#Header ul li {
	display: inline;
}
#Header ul li a {
	margin: 0 0 0 20px;
	padding: 0 0 0 7px;
	background-position: left center;
	background-repeat: no-repeat;
	font-size: 10px;
	color: #333;
}
#Header ul li a:link, #Header ul li a:visited {background-image: url("images/common/ico_arrow_lblue.gif");}
#Header ul li a:visited {text-decoration: none;}
#Header ul li a:hover, #Header ul li a:active {background-image: url("images/common/ico_arrow_dblue.gif"); text-decoration: none;}
/*=====================================ヘッダー=======================================*/

/*=====================================フッター=======================================*/
#Footer .SiteMenu, 
#Footer #SiteLink {
	width: 800px;
	margin: 0 auto;
	clear: both;
}
#Footer .SiteMenu ul {
	margin: 30px 0 0 0;
	float: right;
}
#Footer .SiteMenu ul li {
	display: inline;
}
#Footer .SiteMenu ul li a {
	margin: 0 0 0 20px;
	padding: 0 0 0 7px;
	background-position: left center;
	background-repeat: no-repeat;	font-size: 10px;
	color: #fff;
}
#Footer .SiteMenu ul li a:link, #Footer .SiteMenu ul li a:visited {background-image: url("images/common/ico_arrow_white.gif");}
#Footer .SiteMenu ul li a:visited {text-decoration: none;}
#Footer .SiteMenu ul li a:hover, #Header ul li a:active {background-image: url("images/common/ico_arrow_lblue2.gif"); text-decoration: none;}

#Footer #SiteLink ul {
	padding: 35px 0 0 8px;
	text-align: left;
	color: #fff;
}
#Footer #SiteLink ul li {
	display: block;
	margin: 0 0 17px 0;
}
#Footer #SiteLink ul li a {
	padding: 0 0 0 11px;
	background-image: url("images/common/ico_raound_lblue.gif");
	background-position: left center;
	background-repeat: no-repeat;
	color: #fff;
}
#Footer .SiteMenu ul li a:link {text-decoration: underline;}
#Footer .SiteMenu ul li a:visited {text-decoration: none;}
#Footer .SiteMenu ul li a:hover, #Header ul li a:active {text-decoration: none;}

#Footer address {
	padding: 10px 0;
	background-color: #002148;
	color: #fff;
}
/*=====================================フッター=======================================*/

/*=====================================ページナビ=====================================*/
#PageNavi h2 {
	margin: 0 22px 0 600px;
	padding: 20px 0 0 0;
}
#PageNavi ul {
	margin: 0 22px 0 610px;
}
#PageNavi p.Home {
	margin: 0 22px 0 610px;
	position: absolute;
	bottom: 15px;
	right: 0;
}
#PageNavi p.Home a:link, #PageNavi p.Home a:visited, #PageNavi p.Home a:hover, #PageNavi p.Home a:active {
	padding: 0 0 0 12px;
	background-image: url("images/common/ico_tohome.gif");
	background-position: left center;
	background-repeat: no-repeat;
	color: #333;
	text-decoration: none;
}
#Home #PageNavi #NaviImage {
	position: absolute;
	top: -10px;
	left: 747px;
}
#Home #PageNavi ul li {
	height: 30px;
	background-image: url("images/common/bg_business_navi.gif");
	background-position: left bottom;
	background-repeat: repeat-x;
	line-height: 270%;
}
#Home #PageNavi ul li a {
	height: 30px;
	display: block;
	padding: 0 0 0 17px;
	background-position: left center;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #333;
}
#Home #PageNavi ul li a:link, #Home #PageNavi ul li a:visited {background-image: url("images/common/ico_arrow_navi_red.gif");}
#Home #PageNavi ul li a:hover, #Home #PageNavi ul li a:active {background-image: url("images/common/ico_arrow_navi_dred.gif");}

#Auto #PageNavi ul li {
	height: 30px;
	background-image: url("images/news/bg_news_navi.gif");
	background-position: left bottom;
	background-repeat: repeat-x;
	line-height: 270%;
}
#Auto #PageNavi ul li a {
	height: 30px;
	display: block;
	padding: 0 0 0 17px;
	background-position: left center;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #333;
}
#Auto #PageNavi ul li a:link, #Auto #PageNavi ul li a:visited {background-image: url("images/news/ico_arrow_navi_green.gif");}
#Auto #PageNavi ul li a:hover, #Auto #PageNavi ul li a:active {background-image: url("images/news/ico_arrow_navi_dgreen.gif");}

#Page #PageNavi ul li {
	height: 30px;
	background-image: url("images/page/bg_page_navi.gif");
	background-position: left bottom;
	background-repeat: repeat-x;
	line-height: 270%;
}
#Page #PageNavi ul li a {
	height: 30px;
	display: block;
	padding: 0 0 0 17px;
	background-position: left center;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #333;
}
#Page #PageNavi ul li a:link, #Page #PageNavi ul li a:visited {background-image: url("images/page/ico_arrow_navi_blue.gif");}
#Page #PageNavi ul li a:hover, #Page #PageNavi ul li a:active {background-image: url("images/page/ico_arrow_navi_dblue.gif");}
/*=====================================ページナビ=====================================*/

/*=====================================パンくずリスト=================================*/
p#BreadList {
	margin: 10px 20px;	font-size: 10px;
	color: #555;
}
p#BreadList a:link, p#BreadList a:visited {color: #555; text-decoration: underline;}
p#BreadList a:hover, p#BreadList a:active {color: #555; text-decoration: none;}
/*=====================================パンくずリスト=================================*/

/*=====================================ページタイトル=================================*/
#Container #Contents h1, #Container p.cat_ttl {
	margin: 10px;
}
/*=====================================ページタイトル=================================*/

/*=====================================トップページコンテンツ=========================*/
#RecentEntry p, #SiteFeeds p {
	margin: 10px 0 0 0;
	text-align: right;	font-size: 10px;
	color: #555;
}
#RecentEntry p a, #SiteFeeds p a {
	padding: 0 0 0 8px;
	background-position: left center;
	background-repeat: no-repeat;
}
#RecentEntry p a:link, #SiteFeeds p a:link {color: #555; text-decoration: none;}
#RecentEntry p a:visited, #SiteFeeds p a:visited {color: #555; text-decoration: none;}
#RecentEntry p a:hover, #SiteFeeds p a:hover, #RecentEntry p a:active, #SiteFeeds p a:active {color: #555; text-decoration: underline;}
#Press p a:link, #Press p a:visited {background-image: url("images/common/ico_triangle_blue.gif");}
#Press p a:hover, #Press  p a:active {background-image: url("images/common/ico_triangle_blueon.gif");}
#News p a:link, #News p a:visited {background-image: url("images/common/ico_triangle_red.gif");}
#News p a:hover, #News  p a:active {background-image: url("images/common/ico_triangle_redon.gif");}
#WinterPLUS p a:link, #WinterPLUS p a:visited {background-image: url("images/common/ico_triangle_dblue.gif");}
#WinterPLUS p a:hover, #WinterPLUS  p a:active {background-image: url("images/common/ico_triangle_dblueon.gif");}
#ReSki p a:link, #ReSki p a:visited {background-image: url("images/common/ico_triangle_lblue.gif");}
#ReSki p a:hover, #ReSki  p a:active {background-image: url("images/common/ico_triangle_lblueon.gif");}
#JsbcBlog p a:link, #JsbcBlog p a:visited {background-image: url("images/common/ico_triangle_lred.gif");}
#JsbcBlog p a:hover, #JsbcBlog p a:active {background-image: url("images/common/ico_triangle_lredon.gif");}

#RecentEntry dl, #SiteFeeds dl {
	margin: 0 5px 0 6px;
}
#RecentEntry dl dt, #SiteFeeds dl dt {
	margin: 5px 0;
	padding: 0 0 0 15px;
	font-weight: bold;
	background-position: left center;
	background-repeat: no-repeat;
}
#RecentEntry dl dd, #SiteFeeds dl dd {
	margin: 0 0 5px 0;
	padding: 0 0 5px 15px;
	border-bottom: 1px solid #f3f3f3;
	color: #555;
}
#Press, #News {
	margin: 15px 20px 0 10px;
	clear: both;
}
#WinterPLUS, #ReSki, #JsbcBlog {
	margin: 15px 20px 0 0;
	clear: both;
}
#Banner ul {
	margin: 15px 10px 0 0;
}
#Press dl dt {background-image: url("images/common/ico_bullet_blue.gif");}
#News dl dt {background-image: url("images/common/ico_bullet_red.gif");}
#WinterPLUS dl dt {background-image: url("images/common/ico_bullet_dblue.gif");}
#ReSki dl dt {background-image: url("images/common/ico_bullet_lblue.gif");}
#JsbcBlog dl dt {background-image: url("images/common/ico_bullet_lred.gif");}

#RecentEntry dl dd a:link, #SiteFeeds dl dd a:link {color: #333;}
#RecentEntry dl dd a:visited, #SiteFeeds dl dd a:visited {color: #333; text-decoration: none;}
#RecentEntry dl dd a:hover, #SiteFeeds dl dd a:hover {color: #333; text-decoration: none;}
#RecentEntry dl dd a:active, #SiteFeeds dl dd a:active {color: #333; text-decoration: none;}
/*=====================================トップページコンテンツ=========================*/

/*=====================================ニュース・プレスリリース=======================*/
#NewsMenu ul {
	padding: 10px 20px;
	line-height: 180%;
}
#NewsMenu ul li em {
	padding: 0 0 0 12px;
	margin: 0 20px 0 0; 
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url("images/news/ico_arrow_menu.gif");
	font-weight: bold;
}
#NewsMenu ul li a {color: #555;}
#NewsMenu ul li a:link {text-decoration: underline; color: #555;}
#NewsMenu ul li a:visited {text-decoration: none; color: #333;}
#NewsMenu ul li a:hover, #NewsMenu ul li a:hover {text-decoration: none; color: #333;}
#Auto h1 {
	margin: 10px 10px 0 10px;
}
#Auto #NewsContents h1 {
	margin: 10px 10px 10px 20px;;
	padding: 3px 0 1px 6px;
	background-color: #e2e2e2;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	border-left: 2px solid #9dd493;
}
#Auto #NewsContents p.date {
	margin: 10px;
	padding: 0 10px;
	text-align: right;
}
#Auto #NewsContents .TextPart p {
	margin: 10px 10px 10px 20px;
	padding: 0 10px;
	line-height: 180%;
	clear: both;
}
#Auto #NewsContents .TextPart p strong {
	font-weight: bold;
}
#Auto #NewsContents .TextPart p img.alignleft {
	margin: 0 10px 10px 0;
	float: left;
}
#Auto #NewsContents .TextPart p img.alignright {
	margin: 0 0 10px 10px;
	float: left;
}
#Auto #NewsContents .TextPart hr {
	display: block;
	margin: 15px 10px 15px 20px;
	border-top: 1px dashed #ccc;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	clear: both;
}
/*=====================================ニュース・プレスリリース=======================*/

/*=====================================会社情報・ページ===============================*/
#Page #Contents h1, 
#Home #Contents h1 {
	margin: 10px 10px 0 10px;
}
#Page #Contents h2, 
#Home #Contents h2 {
	margin: 0 10px;
	padding: 10px 0 0 0;
	clear: both;
}
#Page #Contents h3, 
#Home #Contents h3 {
	margin: 10px 10px 10px 20px;
	line-height: 180%;
	font-size: 12px;
	font-weight: bold;
}
#Page #Contents p, 
#Home #Contents p {
	margin: 10px 10px 10px 20px;
	padding: 0 10px;
	line-height: 180%;
	clear: both;
}
#Home #Contents ul.List {
	margin: 10px 10px 10px 20px;
	padding: 0 10px;
	line-height: 180%;
	clear: both;
}
#Home #Contents ul.List li {
	padding: 0 0 0 15px;
	background-image: url("images/common/ico_bullet_red.gif");
	background-position: left center;
	background-repeat: no-repeat;
}

#Home #Contents p a.Link:link, #Home #Contents p a.Link:visited, #Home #Contents p a.Link:hover, #Home #Contents p a.Link:active {
	padding: 0 0 0 12px;
	line-height: 300%;
	background-image: url("images/common/ico_tohome.gif");
	background-position: left center;
	background-repeat: no-repeat;
	color: #333;
	text-decoration: underline;
}
#Home #Contents p a.pdf:link, #Home #Contents p a.pdf:visited, #Home #Contents p a.pdf:hover, #Home #Contents p a.pdf:active {
	padding: 0 0 0 12px;
	line-height: 300%;
	background-image: url("images/common/ico_pdf.gif");
	background-position: left center;
	background-repeat: no-repeat;
	color: #333;
	text-decoration: underline;
}
#Page #Contents p img.fl, 
#Home #Contents p img.fl {
	margin: 0 10px 10px 0;
	float: left;
}
#Page #Contents p img.fr {
	margin: 0 0 10px 10px;
	float: right;
}
#Page #Contents ul#ComapnyMenu,
#Home #Contents ul#BusinessMenu {
	margin: 10px 10px 10px 0; 
}

#Page #Contents #ComapnyMenu li, 
#Home #Contents #BusinessMenu li {
	height: 8em;
	width: 400px;
	float: left;
}
#Page #Contents #ComapnyMenu a:link, 
#Home #Contents #BusinessMenu a:link, 
#Page #Contents #ComapnyMenu a:visited, 
#Home #Contents #BusinessMenu a:visited, 
#Page #Contents #ComapnyMenu a:hover, 
#Home #Contents #BusinessMenu a:hover, 
#Page #Contents #ComapnyMenu a:active, 
#Home #Contents #BusinessMenu a:active {
	color: #333;
	text-decoration: none;
	outline: nonne;
}
#Page #Contents #ComapnyMenu li span, 
#Home #Contents #BusinessMenu li span {
	margin: 10px 0 0 20px;
	padding: 0 0 0 15px;
	background-image: url("images/common/ico_bullet_blue.gif");
	background-position: left center;
	background-repeat: no-repeat;
	line-height: 180%;
	display: block;
}

#Home #Contents #BusinessMenu li span {background-image: url("images/common/ico_bullet_red.gif");}
#Page #Contents #ComapnyMenu li img, 
#Home #Contents #BusinessMenu li img {
	margin: 0 0 0 10px;
}
/*=====================================会社情報・ページ===============================*/

/*=====================================会社概要・ページ===============================*/
#Page #Contents table {
	float: left;
	margin: 0 0 0 10px;
	border-collapse: separate;
	border-spacing:3px;
}
#Page #Contents table th {
	width: 80px;
	padding: 3px 0;
	background-color: #e2edf7;
	text-align: center;
	vertical-align: top;
	line-height: 180%;
	font-size: 12px;
}
#Page #Contents table th.double {
	letter-spacing: 12pt;
}
#Page #Contents table th.triple {
	letter-spacing: 5pt;
}
#Page #Contents table td {
	width: 307px;
	padding: 3px 0 0 3px;
	text-align: left;
	vertical-align: top;
	line-height: 180%;
	font-size: 12px;
}
#Page #Contents table td.long {
	width: 704px;
}
#Page #Contents table td em {
	width: 110px;
	display: block;
	float: left;
}
/*=====================================会社情報・ページ===============================*/

/*=====================================取引先一覧・ページ=============================*/
#Page #Contents ul.partner {
	margin: 10px 10px 0 15px;
}
#Page #Contents ul.partner li {
	width: 250px;
	float: left;
	padding: 0 0 0 15px;
	background-image: url("images/common/ico_bullet_blue.gif");
	background-position: left center;
	background-repeat: no-repeat;
	line-height: 180%;
}
/*=====================================取引先一覧・ページ=============================*/

/*=====================================アクセス・ページ===============================*/
#Page #Contents div.Osaka {
	width: 400px;
	float: left;
}
#Page #Contents div.Tokyo {
	width: 400px;
	float: left;
}
#Page #Contents div.Osaka h3, 
#Page #Contents div.Tokyo h3 {
	margin: 10px 10px 10px 20px;
	padding: 0 10px;
	line-height: 180%;
	clear: both;
	font-size: 12px;
	font-weight: bold;
}
/*=====================================アクセス・ページ===============================*/

/*=====================================アクセス・ページ===============================*/
#Page #Contents div.Osaka {
	width: 400px;
	float: left;
}
#Page #Contents div.Tokyo {
	width: 400px;
	float: left;
}
#Page #Contents div.Osaka h3, 
#Page #Contents div.Tokyo h3 {
	margin: 10px 10px 10px 20px;
	padding: 0 10px;
	line-height: 180%;
	clear: both;	font-size: 12px;
	font-weight: bold;
}
/*=====================================アクセス・ページ===============================*/

/*=====================================個人情報・ページ===============================*/
#Page #Contents ul.privacy {
	margin: 10px 10px 10px 20px;
}
#Page #Contents ul.privacy li {
	padding: 0 0 0 15px;
	background-image: url("images/common/ico_bullet_blue.gif");
	background-position: left center;
	background-repeat: no-repeat;
	line-height: 180%;
}
/*=====================================個人情報・ページ===============================*/

/*=====================================お問い合わせ・ページ===========================*/
#Page #Contents form {
	margin: 10px 10px 10px 20px;
	padding: 0 10px;
	line-height: 180%;
	clear: both;
}
#Page #Contents form fieldset {
	margin: 0 0 10px 0;
}
#Page #Contents label {
	display: block;
	line-height: 180%;
	font-size: 12px;
}
#Page #Contents input#name, 
#Page #Contents input#mail, 
#Page #Contents select#about {
	width: 200px;
	border: 1px #ccc solid;
}
#Page #Contents textarea#message {
	width: 400px;
	height: 100px;
	border: 1px #ccc solid;
}
#Page #Contents input.reset, 
#Page #Contents input.confirm {
	padding: 5px 10px;
	border: 1px #333 solid;
	background-color: #f0f0f0;
	cursor: pointer;
}
/*=====================================お問い合わせ・ページ===========================*/