@charset "utf-8";
/* CSS Document */

/*
Site Name: 栄進物産株式会社
Description: initial setting
Author: Kazuhiro Kinoshita
*/

/*===== CONTENTS ===========================================

A: デフォルト設定
B: レイアウト設定
C: パンくず
D: レフトナビ　
E: メインコンテンツ内
F: フッター
G: ボトムボタン
H: マージン
I: 写真の装飾
J:　clearfix
　*/


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 

A: デフォルト設定 

+++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*===== 1: リセット =================================*/
*{
margin:0;
padding:0;
color:#000000;
}


/*===== 2: ボディー＆ベース ===========================*/

body {
font-family:"メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック",sans-serif;
font-weight:normal;
margin: 0px;
padding: 0px;
}

/* general params--------------------*/
p, pre, ul, ol, dl, dt, dd,
address, form, blockquote{
padding: 0;/* margin&padding reset */
line-height: 1.6;/* base line height */
text-align:left;
display: block;
margin: 0px;
font-size:small;
}

h1, h2, div{
padding: 0;/* margin&padding reset */
line-height: 1.6;/* base line height */
display: block;
margin: 0px;
font-size:small;
}

img {
	border-style:none;
}

h2 {
display:block;
height:81px;
width:980px;
margin-left:4px;
margin-top:30px;
background:url(../img/img_cate_inevnet.jpg) no-repeat;
text-indent:-9999px;
}

* html h2 {
	position:relative;
	top:-20px;
}

h2.img_cate_company {
background:url(../img/img_cate_company.jpg) no-repeat;
}

h2.img_cate_kankyo {
background:url(../img/img_cate_company.jpg) no-repeat;
}

h2.img_cate_access {
background:url(../img/img_cate_company.jpg) no-repeat;
}

h2.img_cate_inq {
background:url(../img/img_cate_company.jpg) no-repeat;
}




/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 

B: レイアウト設定 

+++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*===== 1: body背景 ==========================================*/

body {
background:#fff url(../img/bg.jpg) center top no-repeat;
}


#wrapper {
	margin:0 auto;
	width:984px;
}


/*===== 2: ヘッダー ==========================================*/
#header {
height:62px;
padding:0 0 0 4px;
margin:0;
}

*:first-child+html #header {
	width:980px;
	position:relative;
	left:-230px;
}

* html #header h1 {
	position:relative;
	left:-230px;
}

#header h1 {
	margin-top:0;
}

#header h1,
#header h1 a {
text-indent:-9999px;
display:block;
width:525px;
height:55px;
outline:none;
}

#header p.contact {
position:relative;
top:-42px; right:120px;
}

*:first-child+html #header p.contact {
position:relative;
top:-42px;
right:-230px;
}

* html #header p.contact {
position:absolute;
top:15px;
left:-500px;
}

#header p.contact a {
text-indent:-9999px;
display:block;
width:60px;
height:13px;
float:right;
outline:none;
margin-bottom:-8px;

}

#header p.inq {
position:relative;
top:-42px;right:-40px;
}


*:first-child+html #header p.inq,
* html #header p.inq {
position:relative;
top:-42px;
right:-230px;
}

* html #header p.inq {
position:absolute;
top:15px;
right:280px;
}

#header p.inq a {
text-indent:-9999px;
display:block;
width:70px;
height:13px;
float:right;
outline:none;
margin-bottom:-8px;
}

#header p.eng {
position:relative;
top:-42px;
}

*:first-child+html #header p.eng,
* html #header p.eng {
position:relative;
top:-42px;
right:-230px;
}

* html #header p.eng {
position:absolute;
top:15px;
right:180px;
}

#header p.eng a {
text-indent:-9999px;
display:block;
width:101px;
height:13px;
float:right;
outline:none;
margin-bottom:-8px;
}


/*===== 3: メニュー ====================================*/


ul,li{margin:0; padding:0;}
ul#menu{margin:10px auto; width:981px; position:relative; top:-5px;}
ul#menu li{float:left; height:47px; list-style:none; text-align:center; background-color:#FFF;}

ul#menu li.s01{ width:131px;}
ul#menu li.s02{ width:152px;}
ul#menu li.s03{ width:215px;}
ul#menu li.s04{ width:160px;}
ul#menu li.s05{ width:323px;}

ul#menu li a{display:block; height:47px; line-height:1.5em;
}
ul#sub li{float:none; width:130px; margin-left:12px;line-height:1.0em; height:34px;background-color:#FFF; }






/*===== 5: コンテンツ部分 ==========================================*/
#contents_top {
	width:986px;
	margin-left:4px;
}

* html #contents_top {
	position:relative;
	top:-20px;
}

#bread {
	margin:10px 0;
}


#left_contents_top {
width:715px;
float:right;
margin-right:6px;
	margin-top:15px;

}

#right_contents_top {
padding:20px 25px 0 0;
width:240px;
float:left;
}

* html #right_contents_top {
padding:20px 10px 0 0;
width:240px;
float:left;
}



#right_contents_top p span {
	color:#F00;
}

/*メインコンテンツエリア*/
#left_contents_top h3 {
display:block;
height:32px;
width:715px;
margin-bottom:15px;
font-size:1.6em;
font-weight:bold;
border-bottom:1px solid #000;
padding-bottom:7px;
}

#left_contents_top h3 a:link,
#left_contents_top h3 a:visited{
	text-decoration:none;
}

#left_contents_top h3 a:hover,
#left_contents_top h3 a:active{
	text-decoration:none;
}





#left_contents_top h3.img_cate_companyh3 {
	background:url(../img/midashi_company.jpg) no-repeat;
}

#left_contents_top h3.img_cate_accessh3 {
	background:url(../img/midashi_access.jpg) no-repeat;
}

#left_contents_top h3.img_cate_inqh3 {
	background:url(../img/midashi_inq.jpg) no-repeat;
}

#left_contents_top h3.img_cate_kankyoh3 {
	background:url(../img/midashi_environment.jpg) no-repeat;
}



/*サイドナビゲーション*/
#side_navi {
padding:0 0 0 4px;
}

#side_navi li,#side_navi li a {
	outline: none;
	display:block;
	height:58px; 
	padding:0;
	margin:0 0 4px 0;
	text-indent:-9999px;
	width:229px;
}

#side_navi li.side01,#side_navi li.side01 a,#side_navi li.side01 a:link 
{ background:url(../img/snavi_company01_off.jpg) no-repeat;}
#side_navi li.side02,#side_navi li.side02 a,#side_navi li.side02 a:link 
{ background:url(../img/snavi_company02_off.jpg) no-repeat;}
#side_navi li.side03,#side_navi li.side03 a,#side_navi li.side03 a:link 
{ background:url(../img/snavi_company03_off.jpg) no-repeat;}
#side_navi li.side04,#side_navi li.side04 a,#side_navi li.side04 a:link 
{ background:url(../img/snavi_company04_off.jpg) no-repeat;}


#side_navi li.side01 a:hover {  background:url(../img/snavi_company01_on.jpg) no-repeat;}
#side_navi li.side02 a:hover {  background:url(../img/snavi_company02_on.jpg) no-repeat;}
#side_navi li.side03 a:hover {  background:url(../img/snavi_company03_on.jpg) no-repeat;}
#side_navi li.side04 a:hover {  background:url(../img/snavi_company04_on.jpg) no-repeat;}


#side_navi li.side01_on {  background:url(../img/snavi_company01_on.jpg) no-repeat;}
#side_navi li.side02_on {  background:url(../img/snavi_company02_on.jpg) no-repeat;}
#side_navi li.side03_on {  background:url(../img/snavi_company03_on.jpg) no-repeat;}
#side_navi li.side04_on {  background:url(../img/snavi_company04_on.jpg) no-repeat;}






/*バナーエリア*/
div.banner_top {
height:133px;
padding:18px 0 10px 0;
border-bottom:1px solid #b9b9b9;
}

div.banner_top img {
	float:left;
	margin:0 17px;
}

div.banner_bottom {
height:133px;
padding:18px 0 10px 0;
}

div.banner_bottom img {
	float:left;
	margin:0 17px;
}

div.top_txt {
	width:425px;
	float:left;
}


div.top_txt ul {
	margin:4px 0 0 0;
	width:425px;
}

div.top_txt ul li {
	list-style:none;
	font-size:12px;
	margin:10px 0 0 2px;
	padding:0 0 10px 0;
	line-height:1.6em;
	background:url(../img/dot.jpg) left bottom no-repeat;
}

div.top_txt ul li a:link,
div.top_txt ul li a:visited{
	text-decoration:none;
}

div.top_txt ul li a:hover,
div.top_txt ul li a:active{
	text-decoration:underline;
	color: #900;
}



h4 {
	display:block;
	width:100%;
	padding:0 0 10px 0;
	margin:23px 0 15px;
	font-size:125%;
	border-bottom:1px solid #000;
}


ol {
	position:relative;
	left:87px;
margin:20px 0 40px 0;
width:630px;
list-style-position:inside;
}

ol li {
	line-height:2.0em;
	border-top:1px solid #787878;
	padding:10px 0;
}

ol li p {
	text-indent:17px;
}

/*h3.contents_comp {
	margin:65px 0 0 0;
	padding:0;
}


.txt_area_contents {
	padding:20px 0 20px 0;
	margin:0 10px;
}






p.pageup_btn {
	position: relative;
	top:-38px;
	left:871px;
}

p.pageup_btn_contents {
	position: relative;
	top:-24px;
	left:845px;
}*/




/*===== 6: フッター ==========================================*/
#footer {
width:988px;
margin:0 auto;
position:relative;
left:-1px;
border-top:1px solid #000;
padding:15px 0 0 0;
}


#footer ul {
	margin:0 auto;
	width:670px;
}

#footer ul li {
	float:left;
	list-style:none;
}


#footer div.footer_inner {
width:988px;
margin:0 auto;
text-align:center;
padding:30px 0 0 0;
}



#footer div.footer_inner p {
	width:500px;
	float:right;
	text-align:right;
}


#footer div.footer_inner ul li a:link,
#footer div.footer_inner ul li a:visited{
	text-decoration:underline;
	color:#FFF;
}

#footer div.footer_inner ul li a:hover,
#footer div.footer_inner ul li a:active{
	text-decoration:underline;
	color: #900;
}



/*===== 7: テーブル ==========================================*/

/*------- テーブル --------------------*/
table.outtabale {
/*border-collapse:separate;
border-spacing:1px 1px;*/
margin:0 0 40px 0;
}

table.outtabale th,table.outtabale td {
padding:8px 0;
border-bottom:1px solid #787878;
}

th {
vertical-align:top;
text-align:left;
color:#000;
font-weight:bold;
}

td {
vertical-align:top;
text-align:left;
}

table.outtabale tr td span {
	color:#F00;
}




.intable {
	padding:0;

/*border-collapse:separate;
border-spacing:1px 1px;*/
margin:0;
}

table.intable tr th,
table.intable tr td {
border-bottom:1px solid #fff;
}


.intable2 {
	padding:0;

/*border-collapse:separate;
border-spacing:1px 1px;*/
margin:0;
}

table.intable2 tr th,
table.intable2 tr td {
border-bottom:1px solid #787878;
}












#pageup {
	float:right;
	margin-bottom:30px;
}




p.widget-header {
display:block;
width:229px;
padding:7px;
background:#000;
font-weight:bold;
color:#FFF;
}


ul#side_list {
	display:block;
	padding:8px 0 30px 21px;
}

div.postdate {
position:relative;
top:-57px;
right:-10px;
float:right;
text-align:right;
display:block;
width:200px;
padding:10px;
font-weight:bold;
}


div.asset-content {
	position:relative;
	top:-30px;
}