@charset "utf-8";
/* ===========================================================
 * 
 * 斉藤プレス　スタイルシート
 * Last UpDate : 2012/05/10
 *
=========================================================== */

/* ----------------------------------------------------------
	style.css

	index
	 1 - ページ共通css
	 2 - リンクの色
	 3 - 見出し
	 4 - 背景
	 5 - レイアウト
	 6 - ヘッダー
	 7 - フッター
	 8 - グローバルナビゲーションlnavi
	 9 - ローカルナビゲーションlNavi
	10 - コンテンツ

---------------------------------------------------------- */


/* ----------------------------------------------------------
 1 - ページ共通css
---------------------------------------------------------- */


/* reset */
html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, th, td, form, fieldset {
	margin: 0;
	padding: 0;
	line-height: 1.0;
	font-family:
		Meiryo, 
		"メイリオ",
		"Hiragino Kaku Gothic Pro",
		"ヒラギノ角ゴ Pro W3", 
		Osaka,
		"MS P Gothic", 
		"ＭＳ Ｐゴシック", 
		sans-serif;
}

body{
	color:#333; 
	font-weight:nomal;
	line-height:1.5em;
	font-size:0.7em;
	_text-align:center;
	background-color:#fff;
}

ul,ol { list-style-type: none; }
a {	text-decoration: none; }
img { border: 0; }
em { visibility: hidden; }
p { margin:10px; line-height:1.5em; }

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

.pagetop{
	text-align:right;
	margin:5px 25px;
	padding:5px;
	border-top:1px dashed #ccc;
	font-size:0.6em;
}

.red{ color:#F00; }
.b{ font-weight:bold;}

.fleft{ float:left; }
.fright{ float:right; }


/* 平方メートル用 */
span.sup {
	font-size:80%;
	vertical-align:super;
}

/* margin */
.m5{ margin:5px; }
.m10{ margin:10px; }
.m15{ margin:15px; }
.m20{ margin:20px; }
.mt10{ margin-top:10px; }
.mt20{ margin-top:20px; }
.mb10{ margin-bottom:10px; }
.mb20{ margin-bottom:20px; }
.mb40{ margin-bottom:40px; }
.ml20{ margin-left:20px; }
.mr10{ margin-right:10px; }
.mr30{ margin-right:20px; }

/* padding */
.p5{ padding:5px; }
.p10{ padding:10px; }
.p15{ padding:15px; }
.p20{ padding:20px; }

/* 角丸 */
.kadomaru{
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	border-radius: 10px;		/* CSS3草案 */
	behavior: url(/css/PIE.htc); /* IEでもcss3を読めるようにする */
}

.txt{
	line-height:1.5em;
}

/* ----------------------------------------------------------
 2 - リンクの色
---------------------------------------------------------- */

a:link { color:#1772ba; text-decoration:none; }
a:visited { color:#11558c; text-decoration:none; }
a:hover { color:#64afec; text-decoration:none; }
a:active { color:#64afec; text-decoration:none; }


/* ----------------------------------------------------------
 3 - 見出し
---------------------------------------------------------- */

h1{ }
h2{ }
h2.h2_advantage{ margin:20px 0; background-image:url(../advantage/images/tit.jpg); background-repeat:no-repeat; width:940px; height:100px; }
h2.h2_facilities{ margin:20px 0; background-image:url(../facilities/images/tit.jpg); background-repeat:no-repeat; width:940px; height:100px; }
h2.h2_products{ margin:20px 0; background-image:url(../products/images/tit.jpg); background-repeat:no-repeat; width:940px; height:100px; }
h2.h2_company{ margin:20px 0; background-image:url(../company/images/tit.jpg); background-repeat:no-repeat; width:940px; height:100px; }
h2.h2_recruit{ margin:20px 0; background-image:url(../recruit/images/tit.jpg); background-repeat:no-repeat; width:940px; height:100px; }
h2.h2_contact{ margin:20px 0; background-image:url(../contact/images/tit.jpg); background-repeat:no-repeat; width:940px; height:100px; }
h2.h2_sitemap{ margin:20px 0; background-image:url(../sitemap/images/tit.jpg); background-repeat:no-repeat; width:940px; height:100px; }
h3{ margin:10px; line-height:1.5em; }
h4{ margin:10px; border:1px solid #0780e5; background-image:url(../images/h4_list.png); background-repeat:no-repeat; padding-left:25px; padding-top:7px; height:20px; width:630px; font-size:1.2em; }

/* ----------------------------------------------------------
 4 - 背景
---------------------------------------------------------- */


/* ----------------------------------------------------------
 5 - レイアウト
---------------------------------------------------------- */

#wrapperTop{/* トップページ */
	width:1000px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

#wrapperTop h1 { background-color:#007ce4; height:14px; color:#fff; font-size:0.9em; padding:3px; background-image:url(../images/h1_top_bg.png); background-repeat:no-repeat; }


#wrapper{/* トップページ以外 */
	width:960px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

#wrapper h1 { background-color:#007ce4; height:14px; color:#fff; font-size:0.9em; padding:3px; background-image:url(../images/h1_bg.png); background-repeat:no-repeat; }


/* ----------------------------------------------------------
 6 - ヘッダー
---------------------------------------------------------- */

#headerTop{/* トップページ */
	width:1000px;
	height:90px;
	background:url(../images/headertop.png) no-repeat left top;
}

#header, #headerTop .headerTxt{
	padding-left:15px;
	padding-top:13px;
}

#header{/* トップページ以外 */
	width:945px;
	height:70px;
	background:url(../images/header.png) no-repeat left top;
}

/* ----------------------------------------------------------
 7 - フッター
---------------------------------------------------------- */

#footerTop{/* トップページ */
	width:1000px;
	min-height:200px;
	background-color:#067fe5;
	margin-top:30px;
}

#footerTop .footerPagetop{
	height:30px;
	background-color:#9dcdf5;
	margin-bottom:50px;
}

#footerTop .footerPagetopBox{
	width:160px;
	height:30px;
	background-color:#067fe5;
	color:#fff !important;
	font-weight:bold;
	margin-left:750px;
	text-align:center;
	padding-top:10px;
}

#footerTop .footerSitemap, #footer .footerSitemap{
	color:#fff;
	margin-top:10px;
	margin-left:10px;
	padding-bottom:40px;
}

#footerTop .footerSitemap a,#footer .footerSitemap a{
	color:#fff;
}

#footerTop .footerSitemap a:hover,#footer .footerSitemap a:hover{
	font-weight:bold;
}




#footer{/* トップページ以外 */
	width:960px;
	min-height:200px;
	background-color:#067fe5;
	margin-top:30px;
}

#footer .footerPagetop{
	height:30px;
	background-color:#9dcdf5;
	margin-bottom:50px;
}

#footer .footerPagetopBox{
	width:160px;
	height:30px;
	background-color:#067fe5;
	color:#fff !important;
	font-weight:bold;
	margin-left:750px;
	text-align:center;
	padding-top:10px;
}


/* ----------------------------------------------------------
 8 - グローバルナビゲーションgNavi
---------------------------------------------------------- */

/* nav */
#gNavi {
	width:940px;
	height:50px;
	margin:0 auto;
}

#gNavi ul {
	margin:0 auto;
}

#gNavi li {
	width:188px;
	float: left;
	display: inline;
}
#gNavi li a {
	height:50px;
	display: block;
	background-image: url(../images/gnavi.png);
	background-repeat: no-repeat;
}


/* individual */
#gNavi li#gNavi_01 a {
	background-position: left 0;
}
#gNavi li#gNavi_01 a:hover, #gNavi li#gNavi_01 a:active ,#gNavi li#gNavi_01 .gnavi_cr01 {
	background-position: left -50px;
}
#gNavi li#gNavi_02 a {
	background-position: -188px 0;
}
#gNavi li#gNavi_02 a:hover, #gNavi li#gNavi_02 a:active ,#gNavi li#gNavi_02 .gnavi_cr02 {
	background-position: -188px -50px;
}
#gNavi li#gNavi_03 a {
	background-position: -376px 0;
}
#gNavi li#gNavi_03 a:hover, #gNavi li#gNavi_03 a:active ,#gNavi li#gNavi_03 .gnavi_cr03 {
	background-position: -376px -50px;
}
#gNavi li#gNavi_04 a {
	background-position: -564px 0;
}
#gNavi li#gNavi_04 a:hover, #gNavi li#gNavi_04 a:active ,#gNavi li#gNavi_04 .gnavi_cr04 {
	background-position: -564px -50px;
}
#gNavi li#gNavi_05 a {
	background-position: -752px 0px;
}
#gNavi li#gNavi_05 a:hover, #gNavi li#gNavi_05 a:active ,#gNavi li#gNavi_05 .gnavi_cr05 {
	background-position: -752px -50px;
}



/* ----------------------------------------------------------
 9 - ローカルナビゲーションlNavi
---------------------------------------------------------- */

#lNavi {
	float:left;
	width:260px;
}

#lNavi .lNaviBtn{
	margin-left:10px;
	margin-right:10px;
	width:250px;
	height:210px;
}


/* lNavi01 コンテンツメニュー */

/* nav */
#lNavi01{
	width:230px;
	/*
	height:368px;
	*/
	overflow:hidden;
	margin-top:10px;
	margin-left:20px;
	border-bottom:1px solid #bfbfbf;
}

#lNavi02{
	width:230px;
	height:80px;
	overflow:hidden;
	margin-top:10px;
	margin-left:20px;
	border-bottom:1px solid #bfbfbf;
}

#lNavi01 ul {
	margin-bottom:0px;
	border-bottom:1px solid #bfbfbf;
}

#lNavi01 li {
	float: left;
	display: inline;
}
#lNavi01 li a {
	width: 230px;
	height: 49px;
	display: block;
	background-image: url(../images/lnavi01.png);
	background-repeat: no-repeat;
}


/* individual */
#lNavi01 li#lNavi01_01 a {
	background-position: left 0;
}
#lNavi01 li#lNavi01_01 a:hover, #lNavi01 li#lNavi01_01 a:active ,#lNavi01 li#lNavi01_01 .lnavi01_cr01 {
	background-position: -230px 0;
}
#lNavi01 li#lNavi01_02 a {
	background-position: left -49px;
}
#lNavi01 li#lNavi01_02 a:hover, #lNavi01 li#lNavi01_02 a:active ,#lNavi01 li#lNavi01_02 .lnavi01_cr02 {
	background-position: -230px -49px;
}
#lNavi01 li#lNavi01_03 a {
	background-position: left -98px;
}
#lNavi01 li#lNavi01_03 a:hover, #lNavi01 li#lNavi01_03 a:active ,#lNavi01 li#lNavi01_03 .lnavi01_cr03 {
	background-position: -230px -98px;
}
#lNavi01 li#lNavi01_04 a {
	background-position: left -147px;
}
#lNavi01 li#lNavi01_04 a:hover, #lNavi01 li#lNavi01_04 a:active ,#lNavi01 li#lNavi01_04 .lnavi01_cr04 {
	background-position: -230px -147px;
}
#lNavi01 li#lNavi01_05 a {
	background-position: left -196px;
}
#lNavi01 li#lNavi01_05 a:hover, #lNavi01 li#lNavi01_05 a:active ,#lNavi01 li#lNavi01_05 .lnavi01_cr05 {
	background-position: -230px -196px;
}
#lNavi01 li#lNavi01_06 a {
	background-position: left -245px;
}
#lNavi01 li#lNavi01_06 a:hover, #lNavi01 li#lNavi01_06 a:active ,#lNavi01 li#lNavi01_06 .lnavi01_cr06 {
	background-position: -230px -245px;
}
#lNavi01 li#lNavi01_07 a {
	background-position: left -294px;
}
#lNavi01 li#lNavi01_07 a:hover, #lNavi01 li#lNavi01_07 a:active ,#lNavi01 li#lNavi01_07 .lnavi01_cr07 {
	background-position: -230px -294px;
}



/* ----------------------------------------------------------
 10 - コンテンツ
---------------------------------------------------------- */

/************** トップページ **************/

#contentsTop{/* トップページ */
	width:980px;
	margin:0 10px;
	/*overflow:hidden;*/
}


#mainTop{/* トップページ */
	float:left;
	width:710px;
	margin-right:10px;
	overflow:hidden;
}

#mainTop .topImg{
}

#mainTop .topTxt{
	line-height:1.5em;
	margin:20px 10px;
}

#mainTop .topAdvantage{/* 斉藤プレス工業の強み */
	float:left;
	width:700px;
	margin-right:20px;
}

#mainTop .topAdvantageTxt{/* 斉藤プレス工業の強み */
	float:left;
	margin:10px;
	width:450px;
	line-height:1.5em;
}

#mainTop .topAdvantageImg{/* 斉藤プレス工業の強み */
	float:left;
	margin:10px 10px 10px 0;
	width:200px;
	height:150px;
}

#mainTop .topBtn{
	margin:10px 0;
	text-align:right;
}

#mainTop .topNews{/* 新着情報 */
	width:700px;
}

/************** トップページ以外 **************/

#contents{/* トップページ以外 */
	width:940px;
	margin:0 10px;
	/*overflow:hidden;*/
}


#main{/* トップページ以外 */
	float:left;
	width:670px;
	margin-right:10px;
	overflow:hidden;
}

/************** 斉藤プレス工業の強み advantage **************/

#main .advantageSec{
	width:650px;
	margin:10px;
}

#main .advantageTxt{
	float:left;
	margin:10px;
	width:320px;
	line-height:1.5em;
}

#main .advantageTxt01{
	margin:10px;
	line-height:1.5em;
}


#main .advantageImg{
	float:left;
	margin:10px 10px 10px 0;
	width:300px;
	height:200px;
}

/************** 設備情報 facilities **************/

#main .facilitiesSec{
	width:650px;
	margin:10px;
}

#main .facilitiesImg{
	float:left;
	margin:10px;
	width:300px;
	height:200px;
}

#facilitiesTable{
	margin-left:20px;
	margin-bottom:30px;
}

#facilitiesTable table{
	width:630px;
	border-top:1px dashed #999;
	border-left:5px solid #007ce4;
}

#facilitiesTable td{
	padding:10px;
	border-bottom:1px dashed #999;
}

#facilitiesTable td.tit{
	padding:5px;
	background-color:#f0f0f0;
}


#facilitiesTable02{
	margin-left:20px;
	margin-bottom:30px;
}

#facilitiesTable02 table{
	width:630px;
	border-top:1px dashed #999;
	border-left:5px solid #007ce4;
}

#facilitiesTable02 td{
	padding:10px;
	border-bottom:1px dashed #999;
}

#facilitiesTable02 td.tit{
	padding:5px;
	background-color:#f0f0f0;
}


#facilitiesTable03{
	margin-left:20px;
	margin-bottom:30px;
}

#facilitiesTable03 table{
	width:630px;
	border-top:1px dashed #999;
	border-left:5px solid #007ce4;
}

#facilitiesTable03 td{
	padding:10px;
	border-bottom:1px dashed #999;
}

#facilitiesTable03 td.tit{
	padding:5px;
	background-color:#f0f0f0;
}


#facilitiesTable04{
	margin-left:20px;
	margin-bottom:30px;
}

#facilitiesTable04 table{
	width:630px;
	border-top:1px dashed #999;
	border-left:5px solid #007ce4;
}

#facilitiesTable04 td{
	padding:10px;
	border-bottom:1px dashed #999;
}

#facilitiesTable04 td.tit{
	padding:5px;
	background-color:#f0f0f0;
}


#facilitiesTable05{
	margin-left:20px;
	margin-bottom:30px;
}

#facilitiesTable05 table{
	width:630px;
	border-top:1px dashed #999;
	border-left:5px solid #007ce4;
}

#facilitiesTable05 td{
	padding:10px;
	border-bottom:1px dashed #999;
}

#facilitiesTable05 td.tit{
	padding:5px;
	background-color:#f0f0f0;
}



/************** 製品実績 products **************/

#main .productsSec{
	width:630px;
	margin:10px;
}

#main .productsImg{
	float:left;
	margin:10px;
	width:300px;
	height:200px;
}

#main .productsTxt{
	float:left;
	width:310px;
	line-height:1.5em;
}


#main .productsSec{
	width:680px;
	margin-left:20px;
	overflow:hidden;
	margin-bottom:30px;
}

#main .productsSecImg{
	float:left;
	width:200px;
	height:150px;
	margin-right:10px;
}

#main .productsSec_r{
	float:left;
	width:440px;
	margin-right:10px;
}

#main .productsSec_tit{
	font-weight:bold;
	height:20px;
	background-image:url(../images/img_arrow.png);
	background-repeat:no-repeat;
	padding:4px 0 0 10px;
}


#main .productsSec_txt{
	width:400px;
	margin:10px 10px 10px 5px;
	line-height:1.5em;
}

#main .productsSec_thumb{
}


/************** 企業情報 company **************/


.companyTable{
	margin-left:20px;
	margin-bottom:30px;
}

.companyTable table{
	width:630px;
	border-top:1px dashed #999;
	border-left:5px solid #007ce4;
}

.companyTable td{
	padding:10px;
	border-bottom:1px dashed #999;
	background-color:#f0f0f0;
	line-height:1.5em;
}

.companyTable td.tit{
	padding:5px;
	background-color:#fff;
	width:100px;
	line-height:1.5em;
}


#companySec{
	width:630px;
	margin:10px;
	overflow:hidden;
}

#main .companyImg{
	float:left;
	margin:10px;
	width:275px;
	height:200px;
}

#main .companyMap{
	float:left;
	margin:10px;
}

/* タイランド */

#companyTable2{
	margin:0px 0px 30px 20px;
}

#companyTable2 table{
	width:345px;
	border-top:1px dashed #999;
	border-left:5px solid #007ce4;
	float:left;
}


#companyTable2 td{
	padding:10px;
	border-bottom:1px dashed #999;
	background-color:#f0f0f0;
	line-height:1.5em;
}

#companyTable2 td.tit{
	padding:5px;
	background-color:#fff;
	width:100px;
	line-height:1.5em;
}

.tl_img{
	margin-left:10px;
}


/************** 求人情報 recruit **************/

#recruitTable{
	margin-left:20px;
	margin-bottom:30px;
}

#recruitTable table{
	width:630px;
	border-top:1px solid #007CE4;
	border-left:5px solid #007ce4;
}

#recruitTable td{
	padding:10px;
	border-bottom:1px solid #007CE4;
	background-color:#f0f0f0;
	line-height:1.5em;
}

#recruitTable td ul,ol{
	margin-left:20px;
}

#recruitTable td li{
	list-style-type:disc;
	line-height:1.5em;
}

#recruitTable td ol li{
	list-style-type:decimal;
	line-height:1.5em;
}


#recruitTable td.tit{
	padding:5px;
	background-color:#fff;
	width:100px;
	line-height:1.5em;
}


/************** サイトマップ sitemap **************/

#main ul{
	margin-left:30px;
	margin-top:20px;
}

#main li{
	list-style-type:disc;
	line-height:1.5em;
}



/* ----------------------------------------------------------
 WP
---------------------------------------------------------- */

#topNews .topNewsSec{
	width:640px;
	margin:10px 10px 10px 20px;
}

#topNews .topNewsDate{
	float:left;
	width:140px;
	padding:5px;
	background-color:#4ab6f0;
	color:#fff;
}

#topNews .topNewsTit{
	float:left;
	width:470px;
	padding:5px;
	font-weight:bold;
	background-color:#4ab6f0;
	color:#fff;
}

#topNews .topNewsEntry{
	width:618px;
	padding:5px;
	line-height:1.5em;
	margin-bottom:10px;
	border-bottom:1px dashed #ccc;
}