@charset "utf-8";



/*===================================================================================================================*/
/*===== 全体設定 ====================================================================================================*/
/*===================================================================================================================*/


*
	{
	 color: #666666;
	 font-style: normal;
	 font-variant: normal;
	 font-weight: normal;
	 font-size: 13px;
	 font-family: "ＭＳ Ｐゴシック" , "Osaka" , "sans-serif";
	 line-height: 1;
	 letter-spacing: 0px;
	 text-align: center;
	 vertical-align: top;
	 text-decoration: none;
	 list-style-type: none;
	 border: 0px;
	 border-collapse: collapse;
	 margin: 0px;
	 padding: 0px;
	}


html
	{
	 cursor: default;
	}


body
	{
	 background-color: #faf7e5;
	}


a:hover
	{
	 color: #dd6600;
	 text-decoration: underline;
	}

/*========================================================*/


div#vision
	{
	 background-image: url("../_img/bg.jpg");
	 background-repeat: repeat-y;
	 background-position: center;
	 width: 810px;
	 margin: 0px auto 0px auto;
	 padding: 0px 0px 0px 0px;
	}


/*===================================================================================================================*/
/*===================================================================================================================*/
/*===================================================================================================================*/


/*===================================================================================================================*/
/*===== header ======================================================================================================*/
/*===================================================================================================================*/


div#vision div#header
	{
	 background-image: url("../_img/bg_header-bottom.jpg");
	 background-repeat: no-repeat;
	 background-position: center top;
	 width: 810px;
	 margin: 0px 0px 20px 0px;
	}


/*===== キーワード =======================================*/

div#vision div#header p
	{
	 color: #cccccc;
	 font-size: 11px;
	 text-align: left;
	 background-image: url("../_img/bg_header.jpg");
	 background-repeat: no-repeat;
	 background-position: center top;
	 margin: 0px 0px 15px 0px;
	 padding: 25px 0px 0px 15px;
	}

/*========================================================*/



/*===== サイトロゴ =======================================*/

div#vision div#header h1
	{
	 text-align: left;
	 margin: 0px 0px 15px 25px;
	 padding: 0px 0px 0px 0px;
	}


div#vision div#header h1 a
	{
	 text-indent: -9999px;
	 background-image: url("../_img/logo.jpg");
	 background-position: 0px 0px;
	 background-repeat: no-repeat;
	 display: block;
	 width: 220px;
	 height: 50px;
	}

/*========================================================*/



/*===== メインメニュー ===================================*/

div#vision div#header ul
	{
	 background-image: url("../_img/menu.jpg");
	 background-repeat: no-repeat;
	 height: 30px;
	 padding: 0px 20px 0px 20px;
	 margin: 0px 10px 0px 10px;
	}


div#vision div#header ul li
	{
	 float: left;
	}


div#vision div#header ul li a
	{
	 display: block;
	}


div#vision div#header ul li a
	{
	 text-indent: -9999px;
	 background-image: url("../_img/menu.jpg");
	 background-repeat: no-repeat;
	 display: block;
	 height: 30px;
	}


div#vision div#header ul li#profile a
	{
	 background-position: -20px 0px;
	 width: 115px;
	}
div#vision div#header ul li#profile a:hover
	{
	 background-position: -20px -30px;
	}

div#vision div#header ul li#product a
	{
	 background-position: -135px 0px;
	 width: 115px;
	}
div#vision div#header ul li#product a:hover
	{
	 background-position: -135px -30px;
	}

div#vision div#header ul li#plant a
	{
	 background-position: -250px 0px;
	 width: 115px;
	}
div#vision div#header ul li#plant a:hover
	{
	 background-position: -250px -30px;
	}

div#vision div#header ul li#recruit a
	{
	 background-position: -365px 0px;
	 width: 115px;
	}
div#vision div#header ul li#recruit a:hover
	{
	 background-position: -365px -30px;
	}

div#vision div#header ul li#contact a
	{
	 background-position: -480px 0px;
	 width: 145px;
	}
div#vision div#header ul li#contact a:hover
	{
	 background-position: -480px -30px;
	}

div#vision div#header ul li#download a
	{
	 background-position: -625px 0px;
	 width: 145px;
	}
div#vision div#header ul li#download a:hover
	{
	 background-position: -625px -30px;
	}

/*========================================================*/


/*===================================================================================================================*/
/*===================================================================================================================*/
/*===================================================================================================================*/



/*===================================================================================================================*/
/*===== main ========================================================================================================*/
/*===================================================================================================================*/


div#vision div#main
	{
	 clear: both;
	 width: 790px;
	 margin: 0px 10px 100px 10px;
	}


/*===== 見出し ===========================================*/

div#vision div#main h2
	{
	 color: #ffffff;
	 font-weight: bold;
	 font-size: 16px;
	 text-align: left;
	 letter-spacing: 1px;
	 background-image: url("../_img/h2.jpg");
	 background-position: 0px 0px;
	 background-repeat: no-repeat;
	 display: block;
	 height: 21px;
	 margin: 0px 0px 20px 20px;
	 padding: 6px 0px 0px 10px;
	}


div#vision div#main h3
	{
	 font-weight: bold;
	 font-size: 14px;
	 text-align: left;
	 line-height: 18px;
	 letter-spacing: 1px;
	 background-image: url("../_img/h3.jpg");
	 background-position: 0px 3px;
	 background-repeat: no-repeat;
	 display: block;
	 margin: 0px 30px 10px 35px;
	 padding: 0px 0px 0px 16px;
	}

/*========================================================*/


/*===================================================================================================================*/
/*===================================================================================================================*/
/*===================================================================================================================*/



/*===================================================================================================================*/
/*===== footer ======================================================================================================*/
/*===================================================================================================================*/


div#vision div#footer
	{
	 background-image: url("../_img/bg_footer.jpg");
	 background-repeat: no-repeat;
	 background-position: center bottom;
	 width: 810px;
	 padding: 0px 0px 35px 0px;
	}


/*===== メニュー =========================================*/

div#vision div#footer ol
	{
	 width: 342px;
	 height: 13px;
	 border-left: 1px #cccccc solid;
	 margin: 0px auto 0px auto;
	 padding: 0px 0px 0px 0px;
	}


div#vision div#footer ol li
	{
	 float: left;
	 border-right: 1px #cccccc solid;
	 margin: 0px 0px 0px 0px;
	 padding: 0px 20px 0px 20px;
	}


div#vision div#footer address
	{
	 clear: both;
	 padding: 15px 0px 0px 0px;
	}

/*========================================================*/


/*===================================================================================================================*/
/*===================================================================================================================*/
/*===================================================================================================================*/