*   {/*
	border:   1px dotted #990000;
	*/
	padding:   0px;
	margin:    0px; }

/* MacOS+Safari,FireFoxとWindowsXP+FireFox用 */
body {
font-family: Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "平成角ゴシック", "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, SunSans-Regular; }

/* WindowsXP IE6用 */
* html body {
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana, "平成角ゴシック", "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, SunSans-Regular; }

/* WindowsXP,Vista IE7用 */
*+html body {
font-family: Meiryo, "メイリオ", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "平成角ゴシック", "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, SunSans-Regular; }

body   {
color:    #111; 
background:   #33658a; }


#wrapper   {
background:   url(fastener_image/b_g.jpg) repeat;
width:   852px;
margin:   0 auto; }


#container   {
position:   relative;
background:   #fff;
width:   800px;
margin:   0 auto; }


h2   {
background:   url(image/800_126.jpg) no-repeat;
width:    800x;
height:    126px; }


h2 span   {
display:   none; }


h1   {
background:   url(image/fastener.jpg) no-repeat;
width:    800x;
height:    300px; }


h1 span   {
display:   none; }


ul#menu   {
list-style-type:none;
position:    absolute;
top:   5px;
/*z-index:   2;*/ }


ul#menu li   {
text-indent: -10000px; }


ul#menu li a   {
display: block; text-decoration:none; position:absolute; }


a#menu-index   {
 background: url(image/index.gif) no-repeat; height:43px; width:111px; top:0px; left:11px; }

a#menu-automobile   {
 background: url(image/automobile.gif) no-repeat; height:43px; width:111px; top:0px; left:122px; }

a#menu-fastener   
{ background: url(image/fastener.gif) no-repeat; height:43px; width:111px; top:0px; left:233px; }

a#menu-automation   
{ background: url(image/automation.gif) no-repeat; height:43px; width:111px; top:0px; left:344px; }

a#menu-components   
{ background: url(image/components.gif) no-repeat; height:43px; width:112px; top:0px; left:455px; }

a#menu-pipe   
{ background: url(image/pipe.gif) no-repeat; height:43px; width:111px; top:0px; left:567px; }

a#menu-overview   
{ background: url(image/overview.gif) no-repeat; height:43px; width:111px; top:0px; left:678px; }


a#menu-index:hover, a#menu-index.active   {
background: url(image/index_over.gif); }

a#menu-automobile:hover, a#menu-automobile.active   {
background: url(image/automobile_over.gif); }

/*
a#menu-fastener:hover, a#menu-fastener.active   {
background: url(image/fastener_over.gif); }
*/

a#menu-automation:hover, a#menu-automation.active   {
background: url(image/automation_over.gif); }

a#menu-components:hover, a#menu-components.active   {
background: url(image/components_over.gif); }

a#menu-pipe:hover, a#menu-pipe.active   {
background: url(image/pipe_over.gif); }

a#menu-overview:hover, a#menu-overview.active   {
background: url(image/overview_over.gif); }


p   {
font-size:   small;
text-align:    justify;
line-height: 1.8;
padding-top:   20px;
padding-bottom:   20px;
width:   740px;
margin:   0 30px;
/*border-top:  1px dashed #ccc;*/ }


#top   {
width:    740px;
margin:   0 auto; }


.box   {
width:   240px;
margin:   0 5px 5px 0;
float:   left; }


.photobox   {
width:   238px;
height:   200px;
border:  1px solid #ccc; }

.caption   {
font-size:   x-small;
width:   238px;
margin:  8px 0 0 0; }


#bodycopye   {
clear:   both;
font-size:   90%;
text-align:    justify;
line-height: 1.6;
padding-top:   20px;
padding-bottom:   20px;
width:   740px;
margin:   0 30px;
/*border-top:  1px dashed #ccc;*/
border-bottom:  1px dashed #ccc; }



.return   {
font-size:   76%;
text-align:    right;
margin:   20px 30px; }


.return span   {
background:   #def;
padding:   1px 10px;
border:  1px solid #6ac; }



#footer   {
font-size:   x-small;
color:  #666;
padding-bottom:   30px;
margin:   20px 30px 0 30px; }


a   {
	text-decoration:   none; }

a:hover   {
	text-decoration:   underline; }

a img   {
	border:   none; }