/* ----------------------- 前田金属工業 base.CSS ----------------------- */


/*==============================================================================*/
/*                              デ　フォ　ル　ト                                */
/*==============================================================================*/

* {
	margin:  0;
	padding: 0;
}
body {
	margin : 0 auto;
	padding: 0 auto;
	font-family: "sans-serif", "Arial";
	background-color: #fff;
}



img {
	border: 0px;
}
.clear {
	clear: both;
}

hr.clear {
	clear: both;
	height: 0px;
}

a {
	overflow:hidden; 
	text-decoration: none;
}

a:link    { color: #003a85; }
a:visited { color: #3d57f4; }
a:hover, 
a:active  { color: #2d98dc;}

ul li { list-style-type: none;}

table {  }

/*==============================================================================*/
/*                                文　字　設　定                                */
/*==============================================================================*/

/*                                                         font: font-style   font-variant   font-weight   font-size/line-height   font-family
/*------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#body #contents h2                         { color: #333333; font: normal normal bold   16px/20px   'ＭＳ Ｐゴシック', Arial; text-decoration: none; }
#body #contents h3                         { color: #333333; font: normal normal bold   14px/43px   'ＭＳ Ｐゴシック', Arial; text-decoration: none; }
#body #contents h4                         { color: #333333; font: normal normal bold   12px/1.2em  'ＭＳ Ｐゴシック', Arial; text-decoration: none; }
#body #contents h5                         { color: #333333; font: normal normal bold   12px/1.2em  'ＭＳ Ｐゴシック', Arial; text-decoration: none; }
#body #contents h6                         { color: #333333; font: normal normal normal 12px/1.2em  'ＭＳ Ｐゴシック', Arial; text-decoration: none; }
#body #contents p                          { color: #333333; font: normal normal normal 12px/2em  'ＭＳ Ｐゴシック', Arial; text-decoration: none; }
#body #contents li                         { color: #333333; font: normal normal normal 12px/1.5em  'ＭＳ Ｐゴシック', Arial; text-decoration: none; }
#body #contents table                      { color: #333333; font: normal normal normal 12px/1.5em  'ＭＳ Ｐゴシック', Arial; text-decoration: none; }
#body #contents th                         { color: #333333; font: normal normal normal 12px/1.3em  'ＭＳ Ｐゴシック', Arial; text-decoration: none; }
#body #contents td                         { color: #333333; font: normal normal normal 12px/1.3em  'ＭＳ Ｐゴシック', Arial; text-decoration: none; }
#body #contents dt                         { color: #333333; font: normal normal normal 12px/2em    'ＭＳ Ｐゴシック', Arial; text-decoration: none; }
#body #contents dd                         { color: #333333; font: normal normal normal 12px/2em    'ＭＳ Ｐゴシック', Arial; text-decoration: none; }
#body #contents q                          { color: #333333; font: normal normal normal 12px/2em    'ＭＳ Ｐゴシック', Arial; text-decoration: none; }
#body #contents blockquote                 { color: #333333; font: normal normal normal 12px/2em    'ＭＳ Ｐゴシック', Arial; text-decoration: none; }
#body #contents .caption                   { color: #333333; font: normal normal normal 12px/1.3em  'ＭＳ Ｐゴシック', Arial; text-decoration: none; }
#Breadcrumbs                               { color: #333333; font: normal normal normal 12px/22px   'ＭＳ Ｐゴシック', Arial; text-decoration: none; }

#left #mainmenu li                         { color: #333333; font: normal normal bold   13px/16px  'ＭＳ Ｐゴシック', Arial; text-decoration: none; }
#left #mainmenu li a                       { color: #333333; font: normal normal bold   13px/16px  'ＭＳ Ｐゴシック', Arial; text-decoration: none; }
#left #mainmenu li.active a                { color: #ffffff; font: normal normal bold   13px/16px  'ＭＳ Ｐゴシック', Arial; text-decoration: none; }

#left #mainmenu li.active ul li a          { color: #333333; font: normal normal bold   13px/14px  'ＭＳ Ｐゴシック', Arial; text-decoration: none; }
#left #mainmenu li.active ul li.actve a    { color: #333333; font: normal normal bold   13px/14px  'ＭＳ Ｐゴシック', Arial; text-decoration: none; }

#foot span                                 { color: #666666; font: normal normal normal  10px/12px    'ＭＳ Ｐゴシック', Arial; text-decoration: none; }

/*==============================================================================*/
/*                               コ  ン  テ  ナ                                 */
/*==============================================================================*/

#container {
	width: 1024px;
	height: 881px;
}


/*==============================================================================*/
/*                                   #right                                     */
/*==============================================================================*/

#right {
	width: 823px;
	height: 784px;
	float: left;
}

/*==============================================================================*/
/*                                    #head                                     */
/*==============================================================================*/

#right #head {
	width: 729px;
	height: 126px;
	margin-left: 94px;
	position: relative;
}

#right #head h1 {
	width: 150px;
	height: 48px;
	position: absolute;
	top: 40px;
	left: 30px;
	overflow: hidden;
}

#right #head h1 a {
	display: block;
	width: 150px;
	height: 48px;
	padding-top: 48px;
}

/*==============================================================================*/
/*                                    #body                                     */
/*==============================================================================*/

#right  #body {
	width: 729px;
	height: 659px;
	margin-left: 94px;
}

/*==============================================================================*/
/*                                #contents                                     */
/*==============================================================================*/


#contents {
	width: 651px;
	height: 650px;
	margin: 0 30px 0 48px;
	position: relative;
	overflow: auto;
}

/*-----------------各見出しの設定-----------------*/

#contents h2 {
	margin: 20px 0 18px 0;
}

#contents h3 {
	margin: 0 0 5px 0;

}

#contents h4 {
	margin: 15px 0 5px 0;
}

#contents p {
	margin-bottom: 10px;
}

#contents table {
	margin-bottom: 20px;
}

#contents table td,
#contents table th {
	padding: 0 10px 0 0;
	vertical-align: top;
}

#contents .imgLeft {
	float: left;
	margin: 0 20px 10px 0;
}

#contents ul,
#contents ol {
	margin-left: 30px;
}


/*==============================================================================*/
/*                                    #left                                     */
/*==============================================================================*/

#left {
	width: 201px;
	height: 784px;
	float: right;
}


/*==============================================================================*/
/*                                #mainmenu                                     */
/*==============================================================================*/

#left #mainmenu {
	width: 180px;
	margin: 29px 20px 0 0;	
}

#left #mainmenu li {
	text-align: right;
	margin-bottom: 6px;
}

#left #mainmenu li a{
	display: block;
	height: 16px;
	width: 60px;
	margin-left: 105px;
	padding-right: 17px;
	background: url(../images/_frame/mainmenu.gif) no-repeat 100% 0px ;
}

#left #mainmenu li#mainmenu1 a { background: url(../images/_frame/mainmenu.gif) no-repeat 100% -16px;}
#left #mainmenu li#mainmenu1.active a { background: url(../images/_frame/mainmenu.gif) no-repeat 100% -32px;}


/*FFではblock要素にtext-alignが効かないため、以下のliにwidthとmarginを適用*/

#left #mainmenu li#mainmenu23 a {/*産廃受け入れ*/
	width: 70px;
	margin-left: 95px;
}

#left #mainmenu li#mainmenu13 a {/*環境への取り組み*/
	width: 110px;
	margin-left: 55px;
}

#left #mainmenu li#mainmenu20 a {/*スケジュール*/
	width: 80px;
	margin-left: 85px;
}


#left #mainmenu li.active a {
	background: url(../images/_frame/mainmenu.gif) no-repeat 100% -32px ;
}

#left #mainmenu li.active ul {
	margin-top: 6px;
}

#left #mainmenu li.active ul li {
	margin-bottom: 2px;
}

#left #mainmenu li.active ul li a{
	height: 14px;
	margin-right: 1px;
	background: url(../images/_frame/submenu.gif) no-repeat 100% 0;	
}

#left #mainmenu li.active ul li.active a{
	background: url(../images/_frame/submenu.gif) no-repeat 100% -14px;	
}

/*ここからIE6対応のハック*/
* html #left #mainmenu li a {
	display: block;
	height: 16px;
	width: 80px;
	margin-left: 85px;
	padding-right: 17px;
}

* html #left #mainmenu li#mainmenu23 a {/*産廃受け入れ*/
	width: 90px;
	margin-left: 75px;
}

* html #left #mainmenu li#mainmenu13 a {/*環境への取り組み*/
	width: 130px;
	margin-left: 35px;
}

* html #left #mainmenu li#mainmenu20 a {/*スケジュール*/
	width: 100px;
	margin-left: 65px;
}


/*==============================================================================*/
/*                                     #foot                                    */
/*==============================================================================*/
#foot {
	width: 1024px;
	height: 97px;
	background: url(../images/_frame/bg_foot.gif) no-repeat 0 0 ;
}

#foot span {
	margin: 0 0 0 32px;
}