@charset "utf-8";
/* CSS Document */

*{
margin:0px;
padding:0px;
}

html,
body,
#container{
height: 100%;
}

body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size:12px;
    line-height: 1.5em !important; 
}

ul{
	list-style:none;
	-webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
    margin:0px;
    padding:0px;
	}
a{text-decoration:none}
img {border-style:none;}
a img {border-style:none;}


h1{
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}


/*/////////////////////////////////////////LAYOUT/////////////////////////////////////////////////*/
body>#container{
	width:980px;
    margin:0 auto;
    min-height:100%; 
    height:auto; 
	}
	
#header{
	background:#458437;
	width:100%;
	height:70px;
	}

#header-left{
	width:290px;
	height:70px;
	float:left;
	}

#header-right{
	width:750px;
	height:120px;
	float:left;
	padding-left:30px;
	}

#pankuzu{
    clear:both;
    width:980px;
    height:20px;
}

#pankuzu p{
text-align:right;
line-height:20px;
color:#333;
}

#pankuzu a{
color:#333;
}

#pankuzu a:hover{
color:#CCC;
}

#content{
	width:980px;
    padding-bottom:70px;
	}

#content ul{
    width:800px;
    margin:0 auto;
}

#content ul li img:hover{
	opacity:0.7;
    filter:alpha(opacity=70);
    -ms-filter: “alpha( opacity=70 )”;
	}

#footer{
    width:100%;
    height:70px;
    background:#458437;
    clear:both;
margin-top:-70px;
}

#infooter{
    width:980px;
    height:70px;
    margin:0 auto;
}

#footer-left{
    width:380px;
    height:70px;
    float:left;
}

#footer-left ul li{
    float:left;
    line-height:70px;
    margin-left:10px;
}

#footer-left ul li a{
    color:#FFF;
}

#footer-left ul li a:hover{
    color:#CCC;
}

#footer-right{
    width:600px;
    height:70px;
    float:left;
}

#footer-right p{
line-height:70px;
color:#FFF;
text-align:right;
}	

/*/////////////////////////////////////////PRODUCT/////////////////////////////////////////////////*/
#product{
width:980px;
clear:both;
border-bottom:1px solid silver;
}

.box{
width:480px;
height:200px;
float:left;
}

.imagebox{
width:162px;
height:200px;
float:left;
}

.imagebox img{
margin-top:15px;
}

.imagebox img:hover{
	opacity:0.7;
    filter:alpha(opacity=70);
    -ms-filter:“alpha( opacity=70 )”;
}

.textbox{
width:318px;
height:200px;
float:left;
}

.textbox h1{
font-size:18px;
margin-top:50px;
padding-bottom:10px;
color:#333;
}

#aqua img:hove{
	opacity:0.7;
    filter:alpha(opacity=70);
    -ms-filter:“alpha( opacity=70 )”;
}


/*---------------BOTTOM MENU---------------*/
#b_menu{
width:980px;
padding-top:20px;
padding-bottom:50px;
clear:both;
border-top:1px solid silver;
}

#b_menu ul{
width:100%;
height:60px;
}

#b_menu ul li{
width:326px;
height:60px;
float:left;
}

.midashi{
width:15px;
height:60px;
background:#666;
float:left;
}

.title{
width:311px;
height:60px;
float:left;
}

/*/////////////////////////////////////////TITLE/////////////////////////////////////////////////*/
h1.title1{
background:url(../img/housing/image1.gif);
background-repeat:no-repeat;
text-indent:-9999px;
width:980px;
height:30px;
margin-top:10px;
border-bottom:1px solid silver;
}

h1.title5{
background:url(../img/health/image1.gif);
background-repeat:no-repeat;
text-indent:-9999px;
width:980px;
height:30px;
margin-top:10px;
border-bottom:1px solid silver;
}

h1.title2{
width:301px;
height:60px;
margin-left:10px;
background-image:url(../img/housing/image11.gif);
background-repeat:no-repeat;
text-indent:-9999px;
}

h1.title2:hover{
background-image:url(../img/housing/image11.gif);
background-repeat:no-repeat;
background-position:bottom left;
text-indent:-9999px;
}

h1.title3{
width:301px;
height:60px;
margin-left:10px;
background-image:url(../img/housing/image12.gif);
background-repeat:no-repeat;
text-indent:-9999px;
}

h1.title3:hover{
background-image:url(../img/housing/image12.gif);
background-repeat:no-repeat;
background-position:bottom left;
text-indent:-9999px;
}

h1.title4{
width:301px;
height:60px;
margin-left:10px;
background-image:url(../img/housing/image13.gif);
background-repeat:no-repeat;
text-indent:-9999px;
}


h1.title4:hover{
background-image:url(../img/housing/image13.gif);
background-repeat:no-repeat;
background-position:bottom left;
text-indent:-9999px;
}