@charset "UTF-8";
body {
font-family: 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
background: #f5f5f5;
margin: 0; 
padding: 0;
text-align: center;
color: #000000;
}

img{
border:0;
}

p{
margin-top:5px;
margin-bottom:5px;
}

#container {
position:relative;
width: 910px;
background: #f5f5f5;
margin: 0 auto;
text-align: left;
}

.contact-box{
position:absolute;
top:0;
left:655px;
background-image:url(image/bg_contact.png);
background-repeat:no-repeat;
width:231px;
height:160px;
z-index:20;
}

.btn-contact{
position:absolute;
top:70px;
left:7px;
}

.btn-faq{
position:absolute;
top:125px;
left:7px;
}

#header{
position:relative;
background-image:url(image/bg_header.jpg);
background-repeat:no-repeat;
height:133px;
}

.logo-bayleaf{
position:absolute;
top:20px;
left:20px;
}

#Content-wrapper {
background-image:url(image/bg_content.jpg);
background-repeat:repeat-y;
padding: 0 15px;
margin:0;
}

#top-content{
position:relative;
background-image:url(image/main_visual.png);
background-repeat:no-repeat;
background-color:#474747;
width:880px;
height:560px;
}

.point1{
position:absolute;
top:365px;
left:15px;
width:408px;
color:#FFF;
font-size:12px;
line-height:160%;
}

.point2{
position:absolute;
top:365px;
right:15px;
width:408px;
color:#FFF;
font-size:12px;
line-height:160%;
}

#feature{
position:relative;
background-image:url(image/bg_feature.jpg);
background-repeat:no-repeat;
width:880px;
height:271px;
margin-top:13px;
}

.btn-demo{
position:absolute;
top:-41px;
right:20px;
}

.feature1{
position:absolute;
top:57px;
left:38px;
width:220px;
font-size:12px;
color:#333;
}

.feature2{
position:absolute;
top:57px;
left:327px;
width:220px;
font-size:12px;
color:#333;
}

.feature3{
position:absolute;
top:57px;
left:617px;
width:220px;
font-size:12px;
color:#333;
}

.feature4{
position:absolute;
top:163px;
left:38px;
width:220px;
font-size:12px;
color:#333;
}

.feature5{
position:absolute;
top:163px;
left:327px;
width:220px;
font-size:12px;
color:#333;
}

.feature6{
position:absolute;
top:163px;
left:617px;
width:220px;
font-size:12px;
color:#333;
}

#spec-box{
position:relative;
width:880px;
height:380px;
margin-top:20px;
}

.screen{
position:absolute;
top:28px;
right:0;
}

/* TABLE */
.spec-table {
border-collapse: collapse;
border-spacing:0;
width: 515px;
margin: 10px 0 20px 0;
color:#444;
border-top:solid 1px #ddd;
border-left:solid 1px #ddd;
}

.spec-table th {
color: #333;
background-color: #FFF;
text-align:left;
padding:4px;
font-size:12px;
color:#444;
width:95px;
border-right:solid 1px #ddd;
border-bottom:solid 1px #ddd;
}

.spec-table td {
padding: 4px;
text-align:left;
font-size:12px;
border-right:solid 1px #ddd;
border-bottom:solid 1px #ddd;
}

.solution-table {
border-collapse: collapse;
width: 515px;
margin: 10px 0 10px 0;
color:#444;
border-top:solid 1px #ddd;
border-left:solid 1px #ddd;
}

.solution-table th {
color: #333;
background-color: #FFF;
text-align:left;
padding:4px;
font-size:12px;
color:#444;
width:95px;
border-right:solid 1px #ddd;
border-bottom:solid 1px #ddd;
}

.solution-table td {
padding: 4px;
text-align:left;
font-size:12px;
border-right:solid 1px #ddd;
border-bottom:solid 1px #ddd;
}


#dousa{
position:relative;
width:880px;
height:210px;
border-bottom:solid 1px #CCCCCC;
margin-top:10px;
}

#dousa ul {
padding:0;
margin:0;
}

#dousa li {
margin-left:16px;
}

.mt-check{
position:absolute;
top:10px;
left:10px;
font-size:12px;
color:#444;
}

.environment{
position:absolute;
top:10px;
right:10px;
font-size:12px;
color:#444;
}

#footer{
position:relative;
background-image:url(image/bg_footer.jpg);
background-repeat:no-repeat;
height:178px;
margin-bottom:10px;
}

.pronet{
position:absolute;
top:20px;
left:15px;
width:465px;
color:#444;
font-size:10px;
}

.pronet img{
float:left;
margin-right:10px;
}

.price{
position:absolute;
top:20px;
right:15px;
width:252px;
color:#444;
font-size:10px;
border-left:solid 1px #CCCCCC;
padding-left:20px;
}

.price img{
margin-bottom:10px;
}

.copyright{
position:absolute;
top:145px;
left:15px;
color:#444;
font-size:10px;
}