@charset "Shift_Jis";

* {
margin:0 0 0 0;
padding:0 0 0 0;
text-align: left;
}

html{
height:100%;
}

a{
color:#F0F0F0;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

p { margin: 0; }


ul{
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

body{
background-color:#F3FfF3;
color: #666666;
font-size:14px;
height: 100%;
margin:0;
padding:0;
}


#wrapper{
background-color:#ffffff;
border-left:1px solid ;
border-right:1px solid ;
/* border-color:#015a01;  */
border-color:#339900;
margin:0 auto 0 auto;
padding:0;
width:740px;
}

#header{
background:url("../images/header_co.gif") no-repeat scroll 0 0 transparent;
background-color:#ffffff;
height:50px;
margin:0;
padding:0;
}

#header #logo img,#header #logo{
border:0 none;
height:23px;
margin:0;
padding:12px 0 0 10px;
}
 
#logo {
float:left;
width:98px;
}


/*  */

#manu_wrapper{
background-color:#339900;
background-image:url("./images/menu_b.gif");
/* background-color:#015a01; */
height:20px;
margin:0;
padding:0;
width:740px;

}

#manu_wrapper ul {
margin:0;
padding-left:50px;
/* clear:both; */
}

#manu_wrapper li {
display: inline;
float:left;
margin:0;
padding:0;
}

#manu_wrapper li a {
display:block;
height:20px;
overflow-x:hidden;
overflow-y:hidden;
text-indent:-9999px;
}

#manu_wrapper .top1 {
background-attachment:scroll;
background-color:transparent;
background-image:url("../images/botton01.gif");
background-position:0 0;
background-repeat:no-repeat;
height:20px;
width:100px;
}

#manu_wrapper .top1 a:hover {
background-attachment:scroll;
background-color:transparent;
background-image:url("../images/botton01.gif");
background-position:0 -20px;
background-repeat:no-repeat;
height:20px;
width:100px;
}


#manu_wrapper .profile {
background-attachment:scroll;
background-color:transparent;
background-image:url("../images/botton02.gif");
background-position:0 0;
background-repeat:no-repeat;
height:20px;
width:100px;
}

#manu_wrapper .profile a:hover {
background-attachment:scroll;
background-color:transparent;
background-image:url("../images/botton02.gif");
background-position:0 -20px;
background-repeat:no-repeat;
height:20px;
width:100px;
}


#manu_wrapper .works {
background-attachment:scroll;
background-color:transparent;
background-image:url("../images/botton03.gif");
background-position:0 0;
background-repeat:no-repeat;
height:20px;
width:100px;
}

#manu_wrapper .works a:hover {
background-attachment:scroll;
background-color:transparent;
background-image:url("../images/botton03.gif");
background-position:0 -20px;
background-repeat:no-repeat;
height:20px;
width:100px;
}


#manu_wrapper .map {
background-attachment:scroll;
background-color:transparent;
background-image:url("../images/botton04.gif");
background-position:0 0;
background-repeat:no-repeat;
height:20px;
width:100px;
}

#manu_wrapper .map a:hover {
background-attachment:scroll;
background-color:transparent;
background-image:url("../images/botton04.gif");
background-position:0 -20px;
background-repeat:no-repeat;
height:20px;
width:100px;
}

/*  */


#container{
clear: both;
background-color:#ffffff;
min-height:480px;
height: auto !important;
height: 100%;
margin:0 auto 0 auto;
padding:0;
width: 740px;
}

body > #container{
height:auto;
}

#container #contents{
background-color:#ffffff;
height: 480px;
margin:0 auto 0 auto;
padding:0;
width: 640px;
}

#container #profile-main, #container #container_works,#container #map-main, 
#container #customers-main,#container #Contact_Form{
clear:both;
background-color:#ffffff;
min-height: 100%;
height: auto !important;
height: 100%;
margin:0 auto 0 auto;
padding-top: 15px;
padding-bottom:20px;
position:relative;
width: 640px;
}

p#container_title {
background-attachment:scroll;
background-color:#ffffff;
color:#000000;
height:30px;
padding: 10px 0 24px 0;
width:640px;
}

ul#profile{
margin:5px auto 5px auto;
padding-top: 10px;
width:500px;
}

ul#customers{
margin:5px auto 5px auto;
padding-top: 10px;
padding-bottom: 10px;
width: 600px;
}

ul#profile li {
border-bottom:1px #CCCCCC dotted;
clear:both;
padding:10px 0 5px 0;
}

ul#profile li p.profile-titel {
color:#339900;
font-weight: bold;
float:left;
padding-left: 20px;
width:100px;
}

ul#profile li p.profile-txt {
padding-left:130px;
padding-right:10px;
}

ul#customers li{
font-size: small;
float: left;
line-height:20px;
width: 300px;
}

.continer-title{
background-color:#65ff65;
height: 50px;
margin:0 auto 0 auto;
padding:0;
}

#container .sub_title{
border-bottom:1px #cccccc solid;
font-size: 16px;;
margin:0 auto 0 auto;
padding:10px 0 0 5px;
}

.works{
background-color:#ffffff;
float:left;
margin:0;
padding:0;
height: 100%;
width: 640px;
}


#container_works ul{
 list-style-type: none;
}   

#container_works li img{
background-color:#ffffff;
border: 0;
margin:0;
padding:0;
vertical-align: bottom;
width: 640px;
}   

#container #map-address{
background-color:#F3FfF3;
border:1px #339900 solid;
color: #666666;
font-size:13px;
line-height:20px;
margin:10px auto 10px auto;
padding:10px;
width: 430px;
}

#container .map{
background-color:#ffffff;
border:1px #339900 solid;
height:360px;
margin:0 auto 0 auto;
padding:10px 10px 10px 10px;
width: 430px;
}

#Contact_Form table{
margin:0 auto 0 auto;
padding:0px;
}

.form_typeA{
border: solid 1px #339900;
}

#footer{
clear:both;
color: #f0f0f0;
font-size:small;
width:740px;
margin:0 auto 0 auto;
padding:0;
text-align:center;
background-color:#339900;
height: 34px;
}

#footer_menu {
clear:both;
margin:0;
padding:2px;
text-align: center;
}

#footer_menu li{
border-right: 1px #F0F0F0 solid;
display: inline;
list-style-type: none;
padding: 0 3px 0 0;
}

* html #footer_menu li{  
display: inline;
padding-left: 5px;
}

#footer_menu .menu_li_right {
border-right: none; 
}

#footer .footer_copyright{
clear:both;
padding:1px 0 0 0;
}