@charset "utf-8";


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

	汎用class

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


.clr {
	
	clear:both;
	
}

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

	#page

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


#page {


}


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

	#header （トップ専用）

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


#header img {

	vertical-align:bottom;
	
}


#header p img {

	padding-top:5px;
	background:#ffffff;
	
}


#header p.header_txt {

	margin:0 auto;
	width:95%;

}


#header li.home a {

	background:url(../img/common/g_navi.gif) no-repeat left bottom;

}


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

	#container

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


/* これ以降のスタイルはMac IE5にだけ適用される \*//*/


#contents_container {

	text-align:center;
	
}


#contents {

	text-align:left;
	
}


/* これ以降のスタイルはMac IE5には適用されない \*/




/* これ以降のスタイルは全てに適応される*/


#contents_container {

	width:100%;
	
}


#contents {

	margin:0 auto;
	padding-bottom:30px;
	width:714px;
	height:100%;
	background:#ffffff url(/img/common/contents_bg.gif) repeat-x bottom;
	
}


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

	#main

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


#main {

	float:left;
	padding:10px 0 0 0;
	width:470px;
	
}


/* topics 
-------------------------------- */


#topics dl {

	margin-top:5px;
	margin-left:5px;
	width:450px;
	border-bottom:#999999 dotted 1px;
	font-size:100%;

}


#topics dt {

	float:left;
	/*clear:both;*/
	margin-left:5px;
	width:120px;
	font-weight:bold;
	color:#ff3300;
	font-size:100%;
	line-height:150%;

}


#topics dd {

	float:left;
	width:300px;
	font-size:100%;
	line-height:150%;

}


/* main_menu 
-------------------------------- */


#main_menu {

	padding:10px 0 0 0;
	
}


#main_menu div {

	margin-top:10px;
}


#main_menu div.wrapper_left {

	float:left;
	width:223px;
	margin-left:6px;
	
}


#main_menu div.wrapper_right {

	float:right;
	width:223px;
	
}


#main_menu img {

	vertical-align:bottom;
	
}


#main_menu div h3 a {

	display:block;
	width:223px;
	height:27px;
	text-indent:-9999px;

}


#main_menu div.top_corporate h3 a { /* 企業情報 */
	
	background:url(/img/top/top_main_corporate.gif) no-repeat;

}
#main_menu div.top_corporate h3 a:hover {

	background:url(/img/top/top_main_corporate_o.gif) no-repeat;

}


#main_menu div.top_products h3 a { /* 製品・サービス */

	background:url(/img/top/top_main_products.gif) no-repeat;

}
#main_menu div.top_products h3 a:hover {

	background:url(/img/top/top_main_products_o.gif) no-repeat;

}


#main_menu div.top_recruit h3 a { /* 採用情報 */

	background:url(/img/top/top_main_recruit.gif) no-repeat;

}
#main_menu div.top_recruit h3 a:hover {

	background:url(/img/top/top_main_recruit_o.gif) no-repeat;

}


#main_menu div.top_quality h3 a { /* 品質・情報セキュリティ活動 */

	background:url(/img/top/top_main_quality.gif) no-repeat;

}
#main_menu div.top_quality h3 a:hover {

	background:url(/img/top/top_main_quality_o.gif) no-repeat;

}


#main_menu div.top_eco h3 a { /* 環境・文化活動 */

	background:url(/img/top/top_main_eco.gif) no-repeat;

}
#main_menu div.top_eco h3 a:hover {

	background:url(/img/top/top_main_eco_o.gif) no-repeat;

}


#main_menu li {

	padding-left:25px;
	background:url(/img/top/top_listmarker.gif) no-repeat 10px 5px;
	
}

#main_menu ul{
	margin-top:5px;
}


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

	#sub

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


#sub {

	float:right;
	width:219px;
	margin-right:6px;
	
}


#sub h4 {

	margin-top:10px;
	line-height:0;
	
}

#sub a img {

	margin-top:5px;
	vertical-align:bottom;
	
}



/* clearfix */
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */