/*--------------------------------------------------------- */
* {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family:"serif","ＭＳ　Ｐゴシック";
}

body {
	background-image:url(bg.gif);
	background-repeat:repeat;
	background-position:0px 0px 

margin:  0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

}

.center_box {
  
text-align:left;
width:800px;
 margin:10px auto;
color: #000000;
background-color: #ffffff;
padding: 0px 0px 0px 0px;
border-top:solid #000000 1px;
border-bottom:solid #000000 1px;
border-left:solid #000000 1px;
border-right:solid #000000 1px;
}


/*-----ヘッダー部------------------------------------------------------- */

.head {
width: 800px;
height: 50px;
text-align:right;
background-image:url(logo.jpg);
background-repeat:no-repeat;
background-position:0px 0px
color: #000000;
background-color: #009999;
margin:  0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.head p {
font-size:16px;
font-weight:bold;
color: #ffffff;
line-height:0.5; 
margin:  0px 0px 0px 0px;
padding: 30px 5px 0px 0px;
}
/*----画像------------------------------------------------------- */
.picture {
width:800px;
height:200px;
background-image:url(picture.jpg);
background-repeat:no-repeat;
background-position:0px 0px
}
.picture h1#a {
margin:  0px 0px 0px 0px;
padding: 20px 0px 0px 40px;
color: #008080;
}

.picture h4 {
margin:  -30px 0px 0px 0px;
padding: 0px 0px 0px 320px;
color: #0000ff;
}
.picture h2 {
margin:  0px 0px 0px 0px;
padding: 0px 0px 0px 320px;
color: #0000ff;
}
.picture h2#b {
margin:  5px 0px 0px 0px;
padding: 0px 0px 0px 320px;
color: #ff0000;
}

.picture h6 {
margin:  0px 0px 0px 0px;
padding: 0px 0px 0px 320px;
color: #0000ff;
}

/*--メインＢＯＸ------------------------------------------------------- */
.main {
width: 800px;
height: 500px;
margin:  0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
/*--メインＢＯＸ-----メニュー------------------------------------------- */
.left {
float:left;
width: 200px;
height: 500px;
color: #000000;
background-color: #009999;
border-right:solid #000000 1px;
}

.menu_box {
font-size:16px;
text-align:center;
margin: 5px 0px 0px 10px;
padding: 0px 0px 0px 0px;
width: 180px;
height: 30px;
line-height:1.5em;
color: #000000;
background-color: #008080;
/* display:block;
overflow:hidden; */
}
/*
.menu_box img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border:none;
}
*/
.menu_box a {
 color : #000080;
 display:block;
 text-decoration:none;
 border-width:2px;
 border-style:solid;
 border-color:#008080 #000000 #000000 #008080;
 }
.menu_box a:link{
 color : #ffffff ; background-color: toransparent
 }
 .menu_box a:visited{
 color : #ffffff ; background-color: toransparent
 }
.menu_box a:hover{ 
font-weight:bold;
color : #ffffff ; background-color: #20b2aa;
}
.menu_box a:active{
 border-width:2px;
 border-style:solid;
 border-color:#000000 #808080 #808080 #000000;
 color : #0000ff; background-color: #DCDCDC
 }
.menu_box a:focus{ color : #0000ff; background-color: #DCDCDC
}

/*--メインＢＯＸ-----内容------------------------------------------- */

.right {
float:left;
width: 590px;
margin: 0px 0px 0px 7px;
}

.menu {
border-bottom:solid #FF9900 2px;
border-left:solid #FF9900 10px;
margin: 5px 5px 0px 7px;
padding: 0px 0px 0px 5px;
/* height: 50px; */
/* line-height:2.0em; */
color:#000000;
background: #ffffff;
}

.menu h2 {
font-size:20px;
font-weight:bold;

}

/*-ＨＯＭＥ--------------------------------------------------- */
.conten_box{
position:absolute; top:300px;
width:570px;
height:440px;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}


.home1{
position:absolute; top:0px; left:10px;

width:280px;
height:220px;

margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-top:solid #000000 1px;
border-bottom:solid #000000 1px;
border-left:solid #000000 1px;
border-right:solid #000000 1px;
background-color: #DCDCDC;

}
/*
.home1 h3 {
line-height:1.2em;;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 2px;
color:#000000;
 background-color: #808080; 
}
*/


.home1 h4 {
font-size:16px;
font-weight:bold;
background-image:url(bar.jpg);
background-repeat:no-repeat;
background-position:0px 0px
line-height:1.2em;;
margin: 0px 0px 0px 0px;
padding: 2px 0px 0px 2px;
color:#ff0000;
border-bottom:solid #000000 1px;


}


.home1 p {
text-indent:1em;
line-height:1.2em;
font-size:16px;
margin:  0px 0px 0px 0px;
padding: 5px 5px 0px 5px;
color:#696969;
}

.home1 img {
float:right;
margin: 5px 7px 0px 3px;
padding: 0px 0px 0px 0px;
}

.home2{
position:absolute; top:0px; left:300px;
width:280px;
height:220px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-top:solid #000000 1px;
border-bottom:solid #000000 1px;
border-left:solid #000000 1px;
border-right:solid #000000 1px;
background-color: #DCDCDC;

}
/*
.home2 h3 {
line-height:1.2em;;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 2px;
color:#000000;
background-color: #808080;

}
*/

.home2 h4 {
font-size:16px;
font-weight:bold;
background-image:url(bar.jpg);
background-repeat:no-repeat;
background-position:0px 0px
line-height:1.2em;;
margin: 0px 0px 0px 0px;
padding: 2px 0px 0px 2px;
color:#ff0000;
background-color: #ffffff;
border-bottom:solid #000000 1px;
}

.home2 img {
float:right;
margin: 5px 7px 0px 3px;
padding: 0px 0px 0px 2px;
/* clear:both; */

}

.home2 p {
text-indent:1em;
font-size:16px;
line-height:1.2em;;
margin:  0px 0px 0px 0px;
padding: 5px 5px 0px 5px;
color:#696969;
}


.home3 {
position:absolute; top:230px; left:10px;
width:280px;
height:220px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-top:solid #000000 1px;
border-bottom:solid #000000 1px;
border-left:solid #000000 1px;
border-right:solid #000000 1px;
background-color: #DCDCDC;

}

.home3 h3 {
line-height:1.2em;;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 2px;
color:#000000;
background-color: #808080;

}

.home3 h4 {
font-size:16px;
font-weight:bold;
background-image:url(bar.jpg);
background-repeat:no-repeat;
background-position:0px 0px
line-height:1.2em;;
margin: 0px 0px 0px 0px;
padding: 2px 0px 0px 2px;
color:#ff0000;
background-color: #ffffff;
border-bottom:solid #000000 1px;

}

.home3 img {
float:right;
margin: 5px 7px 0px 3px;
padding: 0px 0px 0px 2px;
/* clear:both; */

}

.home3 p {
text-indent:1em;
font-size:16px;
line-height:1.2em;;
margin:  0px 0px 0px 0px;
padding: 5px 5px 0px 5px;
color:#696969;
}

.home4 {
position:absolute; top:230px; left:300px;
width:280px;
height:220px;

margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-top:solid #000000 1px;
border-bottom:solid #000000 1px;
border-left:solid #000000 1px;
border-right:solid #000000 1px;
background-color: #DCDCDC;

}

.home4 h3 {
line-height:1.2em;;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 2px;
color:#000000;
background-color: #808080;

}

.home4 h4 {
font-size:16px;
font-weight:bold;
background-image:url(bar.jpg);
background-repeat:no-repeat;
background-position:0px 0px
line-height:1.2em;;
margin: 0px 0px 0px 0px;
padding: 2px 0px 0px 2px;
color:#ff0000;
background-color: #ffffff;
border-bottom:solid #000000 1px;
}

.home4 img {

float:right;
margin: 5px 7px 0px 3px;
padding: 0px 0px 0px 2px;
/* clear:both; */
}

.home4 p {
text-indent:1em;
font-size:16px;
line-height:1.2em;;
margin:  0px 0px 0px 0px;
padding: 5px 5px 0px 5px;
color:#696969;
}

/*-製品案内--------------コンテン１------------------------------------- */

.conten_frame {
position:absolute; top:0px; left:10px;

width:570px;
height:440px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-top:solid #000000 1px;
border-bottom:solid #000000 1px;
border-left:solid #000000 1px;
border-right:solid #000000 1px;
color:#000000;
}

.conten_frame h4 {
font-size:16px;

margin: 0px 0px 0px 0px;
padding: 2px 0px 0px 15px;
background-image:url(bar2.jpg);
background-repeat:no-repeat;
background-position:0px 0px
color:#000000;
border-bottom:solid #000000 1px;

}

.conten_frame p {
color:#CC0000;
font-size:16px;
font-weight:bold;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 15px;

}


.conten1 {
/* position:absolute; top:30px; left:10px;
width:140px;
*/
filter:Alpha(opacity=90);-moz-opacity:0.9;
position:relative;top:8px;left:5px;width:100%;
width:556px;
height:340px;
overflow: scroll;

margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}


.conten1 p {
font-weight:100;
font-size:14px;
line-height:1.2em;
margin: 20px 0px 0px 0px;
padding: 2px 0px 0px 5px;
width:100%;
height:19px;
color:#696969;
background-color: #DCDCDC;
border-bottom:solid #000000 1px;
border-left:solid #000000 1px;
}

.conten2 {
position:absolute; top:30px; left:10px;
width:550px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.conten2 p {
font-weight:100;
font-size:14px;
line-height:1.2em;;
margin: 20px 0px 0px 0px;
padding: 2px 0px 0px 5px;
width:100%;
height:19px;
color:#696969;
background-color: #DCDCDC;
border-bottom:solid #000000 3px;
border-left:solid #000000 2px;
}

.conten2 h6 {
font-weight:100;
font-size:12px;
line-height:1.0em;
margin: 2px 0px 0px 0px;
padding: 0px 0px 0px 5px;
width:100%;
height:19px;
color:#696969;
background-color: toransparent;
}


.seihin {

width:95%;
height:530px;
background-color: #DCDCDC;
border-bottom:solid #000000 1px;
border-left:solid #000000 1px;
border-right:solid #000000 1px;
border-top:solid #000000 1px;
margin:  0px 0px 0px 10px;
padding: 0px 0px 0px 0px;

}

.seihin p {
font-size:14px;
line-height:1.2em;;
margin: 0px 0px 0px 10px;
padding: 2px 0px 0px 2px;

color:#696969;

}

.seihin h5 {
clear:both;
text-align:center;
font-size:16px;
margin: 0px 0px 0px 0px;
padding: 2px 0px 0px 0px;
width:100%;
height:20px;
color:#ffffff;
background-color: #808080;
}

.seihin img {
float:right;
margin: 5px 5px 5px 5px;
padding: 0px 0px 0px 0px;
}

strong#title {
color:#0000ff;

}

strong#price {
color:#ff0000;
}

p#stop {
font-size:14px;
font-weight:bold;
color:#ff0000;
}

/*-会社概要------------------------------------------------------- */
.company_frame {
position:absolute; top:0px; left:10px;
width:570px;
height:440px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-top:solid #000000 1px;
border-bottom:solid #000000 1px;
border-left:solid #000000 1px;
border-right:solid #000000 1px;
color:#000000;
}

.company_frame h4 {
font-size:16px;
margin: 0px 0px 0px 0px;
padding: 2px 0px 0px 15px;
background-image:url(bar2.jpg);
background-repeat:no-repeat;
background-position:0px 0px
color:#000000;
border-bottom:solid #000000 1px;

}
.company1 {
position:absolute; top:30px; left:10px;
width:140px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

}

.company1 p {
font-size:14px;
line-height:1.2em;;
margin: 20px 0px 0px 0px;
padding: 2px 0px 0px 2px;
width:100%;
height:19px;
color:#696969;
background-color: #DCDCDC;
border-bottom:solid #000000 3px;
border-left:solid #000000 2px;
}

.company1 img {
margin: 0px 0px 0px 0px;
padding: 20px 0px 0px 0px;

}

.company2 {
position:absolute; top:30px; left:160px;
width:400px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

}

.company2 p {
font-size:14px;

line-height:1.2em;;
margin: 20px 0px 0px 0px;
padding: 2px 0px 0px 2px;
width:100%;
height:19px;
color:#696969;
background-color: #DCDCDC;
border-bottom:solid #000000 3px;
border-left:solid #000000 2px;
}

/*-求人案内------------------------------------------------------- */
.job_frame {
position:absolute; top:0px; left:10px;
width:570px;
height:440px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-top:solid #000000 1px;
border-bottom:solid #000000 1px;
border-left:solid #000000 1px;
border-right:solid #000000 1px;
color:#000000;
}

.job_frame h4 {
font-size:16px;
margin: 0px 0px 0px 0px;
padding: 2px 0px 0px 15px;
background-image:url(bar2.jpg);
background-repeat:no-repeat;
background-position:0px 0px
color:#000000;
border-bottom:solid #000000 1px;

}



.jobs1 {
position:absolute; top:30px; left:10px;
width:140px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.jobs1 p {
font-size:14px;
line-height:1.2em;;
margin: 20px 0px 0px 0px;
padding: 2px 0px 0px 2px;
width:100%;
height:19px;
color:#696969;
background-color: #DCDCDC;
border-bottom:solid #000000 3px;
border-left:solid #000000 2px;

}
.jobs2 {
position:absolute; top:30px; left:160px;
width:400px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.jobs2 p {
font-size:14px;
line-height:1.2em;;
margin: 20px 0px 0px 0px;
padding: 2px 0px 0px 2px;
width:100%;
height:19px;
color:#696969;
background-color: #DCDCDC;
border-bottom:solid #000000 3px;
border-left:solid #000000 2px;

}



/*--問い合わせ------------------------------------------------------- */
.otoiawase_frame {
position:absolute; top:0px; left:10px;
width:570px;
height:440px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-top:solid #000000 1px;
border-bottom:solid #000000 1px;
border-left:solid #000000 1px;
border-right:solid #000000 1px;
color:#000000;
}

.otoiawase_frame h4 {
font-size:16px;
margin: 0px 0px 0px 0px;
padding: 2px 0px 0px 15px;
background-image:url(bar2.jpg);
background-repeat:no-repeat;
background-position:0px 0px
color:#000000;
border-bottom:solid #000000 1px;

}


.otoiawase1 {
position:absolute; top:30px; left:10px;
width:140px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}


p#name {
position:relative; top:20px; left:0px;
border-left:solid #000000 2px;
border-bottom:solid #000000 3px;
font-size:14px;
line-height:1.2em;
height:20px;
margin:  0px 0px 0px 0px;
padding: 2px 0px 0px 2px;
width:100%;
color:#696969;
background-color: #DCDCDC;
}

p#tel {
position:relative; top:40px; left:0px;
border-left:solid #000000 2px;
border-bottom:solid #000000 3px;
font-size:14px;
line-height:1.2em;
height:20px;
margin:  0px 0px 0px 0px;
padding: 2px 0px 0px 2px;
width:100%;
color:#696969;
background-color: #DCDCDC;
}

p#price {
position:relative; top:60px; left:0px;
border-left:solid #000000 2px;
border-bottom:solid #000000 3px;
font-size:14px;
line-height:1.2em;
height:20px;
margin:  0px 0px 0px 0px;
padding: 2px 0px 0px 2px;
width:100%;
color:#696969;
background-color: #DCDCDC;
}

p#male {
position:relative; top:80px; left:0px;
border-left:solid #000000 2px;
border-bottom:solid #000000 3px;
font-size:14px;
line-height:1.2em;
height:20px;

margin:  0px 0px 0px 0px;
padding: 2px 0px 0px 2px;
width:100%;
color:#696969;
background-color: #DCDCDC;
}


p#area {
position:relative; top:100px; left:0px;
border-left:solid #000000 2px;
border-bottom:solid #000000 3px;
font-size:14px;
line-height:1.2em;
height:20px;

margin:  0px 0px 0px 0px;
padding: 2px 0px 0px 2px;
width:100%;
color:#696969;
background-color: #DCDCDC;
}


.otoiawase2 {
font-size:14px;

position:absolute; top:20px; left:0px;
width:390px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}



.otoiawase2 p {
font-size:14px;
line-height:1.0em;
margin: 18px 0px 0px 0px;
padding: 0px 0px 0px 2px;
width:100%;
height:100%;
color:#000000;
}

p#name2 {
position:absolute; top:30px; left:160px;
border-left:solid #000000 1px;
border-bottom:solid #000000 3px;
font-size:14px;
line-height:1.2em;
height:20px;
margin:  0px 0px 0px 0px;
padding: 2px 0px 0px 2px;
width:390px;
color:#696969;
background-color: #DCDCDC;
}

p#tel2 {
position:relative; top:75px; left:160px;
border-left:solid #000000 1px;
border-bottom:solid #000000 3px;
font-size:14px;
line-height:1.2em;
height:20px;
margin:  0px 0px 0px 0px;
padding: 2px 0px 0px 2px;
width:390px;
color:#696969;
background-color: #DCDCDC;
}

p#price2 {
position:relative; top:95px; left:160px;
border-left:solid #000000 1px;
border-bottom:solid #000000 3px;
font-size:14px;
line-height:1.2em;
height:20px;
margin:  0px 0px 0px 0px;
padding: 2px 0px 0px 2px;
width:390px;
color:#696969;
background-color: #DCDCDC;
}


p#male2 {
position:relative; top:115px; left:160px;
border-left:solid #000000 1px;
border-bottom:solid #000000 3px;
font-size:14px;
line-height:1.2em;
height:20px;
margin:  0px 0px 0px 0px;
padding: 2px 0px 0px 2px;
width:390px;
color:#696969;
background-color: #DCDCDC;
}


p#area2 {
position:relative; top:135px; left:160px;
border-left:solid #000000 1px;
border-bottom:solid #000000 3px;
font-size:14px;
line-height:1.2em;
height:20px;
margin:  0px 0px 0px 0px;
padding: 2px 0px 0px 2px;
width:390px;
color:#696969;
background-color: #DCDCDC;
}

/*---footer------------------------------------------------------ */
.footer {
clear:both;
width: 795px;
height: 20px;
border-top:solid #000000 1px;
font-weight: bold;
font-size:14px;
margin: 0px 0px 0px 0px;
padding: 10px 5px 0px 0px;
color: #ffffff;
background-color: #000000;
text-align : right;
}

.footer a {
color: #808080;
background-color: #000000;

}