@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/css?family=Quicksand:300|Roboto:300);

.row {
 margin: 0 auto;
width:833px;;
}

a:link { text-decoration:none; color: #000;}
a:visited { text-decoration:none; color: #000;}
a:active { text-decoration:none; color: #000;}
a:hover { text-decoration:none; color: #000;}
a,p {
    color: #666666;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.alpha a:hover p {
  opacity: 0.8;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=70)";
  transition: 0.2s ;
}
.alpha a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=70)";
  transition: 0.2s ;
}


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

.content{
	padding-top:50px;
	}
	
ul#nav1{
	list-style: none;
	padding: 0;
	position: absolute;
    left:96.1%; 
	top:30px;
	width:59; 
	height:13;
	z-index:3100;
	opacity:1;
}
ul#nav2{
	list-style: none;
	padding: 0;
	position: absolute;
    left:93.4%; 
	top: 12px;
	width:59; 
	height:13;
	z-index:3100;
	opacity:1;
}			

 @media (min-width: 1200px) {
 .row {
   width:100%;
 }
}

body,
html {
    width: 100%;
    height: 100%;
-webkit-overflow-scrolling: touch
}

body{
   font-family: 'Noto Sans Kannada', sans-serif; 
}
a,p,h {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}


.main-logo{
  display:inline;
  margin-top:17px;
  margin-left:80px;
  max-width: 170px;
  height: auto;
}

.topmenu{
font-family: 'Roboto', sans-serif;
text-align:center;
	margin-top:0px;
    font-size: 12px; 
	font-weight: 500;
	letter-spacing:4.5px;
	color: #333333;
    z-index:5000;
}

.content-section-a {
	background: url(../images/rigrina_news_bg.jpg) no-repeat center center;
	background-size:cover;
	padding-bottom: 50px;
	margin-top: -40px;
    background-color: #fff;
}
.top{
text-align:center;
margin-top:130px;
margin-bottom:120px;
}
.top-bg{
height:100%;
padding-top:0px;
margin-bottom:0px;
}
.top-bg-image{
text-align:left;
padding-top:50px;
width: 330px;
height: auto;
z-index:100;
margin: 0 auto;  
}

.rain_garden_adv{
text-align:left;
padding-top:0px;
width: 100px;
height: auto;
z-index:150;
margin: 0 auto;  
}

.service-title{
margin-top:40px;
margin-bottom:20px;
z-index:200;
}
.service-title-jp{
margin-top:0px;
margin-bottom:20px;
z-index:200;
}
.style3 {
	margin-top:20px;
	text-align:center;
	color: #333;
	font-family: "小塚ゴシック Pro EL",sans-serif;
	font-weight:800;
	line-height:1.5;
	letter-spacing: 0.5em;
	font-size: 14px;
	border-bottom: 0px solid #333;
	width:300px;
}
.style4 {
	margin-top:10px;
	margin-left:-60px;
	text-align:center;
	color: #333;
	font-family: "小塚ゴシック Pro EL",sans-serif;
	font-weight:600;
	line-height:1.5;
	letter-spacing: 0.5em;
	font-size: 20px;
	border-bottom: 0px solid #333;
	width:300px;
}
.style5 {
	margin-top:20px;
	text-align:center;
	color: #333;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight:500;
	line-height:1.5;
	letter-spacing: 0.08em;
	font-size: 30px;
	border-bottom: 0px solid #333;
	width:330px;
}
.style5b {
	margin-top:-20px;
	text-align:center;
	color: #333;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight:500;
	line-height:1.5;
	letter-spacing: 0.08em;
	font-size: 16px;
	border-bottom: 1px solid #333;
	width:300px;
}

.style8 {
	color: #333333;
	font-family: "小塚ゴシック Pro EL",sans-serif;
	letter-spacing: 0.03em;
	font-size: 12.5px;
	font-weight:600;
	line-height:25px;
	width: 450px;
	padding:0px;
	margin-left:30px;
	margin-top:0px;
	margin-bottom:100px;
}

.style9 {
	color: #333333;
	font-family: "小塚ゴシック Pro EL",sans-serif;
	letter-spacing: 0.03em;
	font-size: 12px;
	font-weight:600;
	width: 500px;
	line-height:25px;
	padding:50px;
	margin-left:0px;
	margin-top:30px;
}
.style9s {color: #999999;
font-family: "小塚ゴシック Pro EL", sans-serif;
	font-size: 12px;
	letter-spacing: 0.1em;
}
.style10 {color: #000000;
font-family: "小塚ゴシック Pro EL", sans-serif;
	font-size: 12px;
	letter-spacing: 0.1em;
}


.content-section-b {
	padding-bottom: 0px;
	margin-top: 0px;
    background-color: #fff;
}

.img01{
height:100%;
padding-top:0px;
margin-top:10px;
margin-left:-380px;
}
.img01b{
text-align:left;
padding-top:0px;
width: 250px;
height: auto;
z-index:100;
margin: 0 auto;  
}
.text01{
height:100%;
padding-top:0px;
margin-top:-340px;
margin-left:350px;
}


.img02{
height:100%;
padding-top:30px;
margin-top: 0px;
margin-left:-380px;
}
.img02b{
text-align:left;
padding-top:0px;
width: 250px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-left:0px;
margin-bottom:0px;
}
.text02{
height:100%;
padding-top:0px;
margin-top:-120px;
margin-left:350px;
}


.img03{
height:100%;
padding-top:0px;
margin-top:40px;
margin-left:-380px;
}

.img03b{
text-align:left;
padding-top:0px;
width: 250px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-bottom:150px;
}
.text03{
height:100%;
padding-top:0px;
margin-top:-290px;
margin-left:350px;
padding-bottom:10px;
}

.img04{
height:100%;
padding-top:0px;
margin-top:40px;
margin-left:-380px;
}

.img04b{
text-align:left;
padding-top:0px;
width: 250px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-bottom:0px;
}
.text04{
height:100%;
padding-top:0px;
margin-top:-350px;
margin-left:350px;
padding-bottom:60px;

}


.img05{
height:100%;
padding-top:0px;
margin-top:40px;
margin-left:-380px;
}

.img05b{
text-align:left;
padding-top:0px;
width: 250px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-bottom:0px;
}
.text05{
height:100%;
padding-top:0px;
margin-top:-370px;
margin-left:350px;
padding-bottom:60px;

}


.img06{
height:100%;
padding-top:0px;
margin-top:40px;
margin-left:-380px;
}

.img06b{
text-align:left;
padding-top:0px;
width: 250px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-bottom:0px;
}
.text06{
height:100%;
padding-top:0px;
margin-top:-140px;
margin-left:350px;
padding-bottom:20px;

}


.img07{
height:100%;
padding-top:0px;
margin-top:40px;
margin-left:-380px;
}

.img07b{
text-align:left;
padding-top:0px;
width: 250px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-bottom:0px;
}
.text07{
height:100%;
padding-top:0px;
margin-top:-245px;
margin-left:350px;
padding-bottom:70px;

}


.img08{
height:100%;
padding-top:0px;
margin-top:40px;
margin-left:-380px;
}

.img08b{
text-align:left;
padding-top:0px;
width: 250px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-bottom:0px;
}
.text08{
height:100%;
padding-top:0px;
margin-top:-135px;
margin-left:350px;
padding-bottom:0px;

}


.img09{
height:100%;
padding-top:0px;
margin-top:40px;
margin-left:-380px;
}

.img09b{
text-align:left;
padding-top:0px;
width: 250px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-bottom:0px;
}
.text09{
height:100%;
padding-top:0px;
margin-top:-225px;
margin-left:350px;
padding-bottom:0px;

}


.img10{
height:100%;
padding-top:0px;
margin-top:40px;
margin-left:-380px;
}

.img10b{
text-align:left;
padding-top:0px;
width: 250px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-bottom:0px;
}
.text10{
height:100%;
padding-top:0px;
margin-top:-145px;
margin-left:350px;
padding-bottom:5px;
}


.img11{
height:100%;
padding-top:0px;
margin-top:40px;
margin-left:-380px;
}

.img11b{
text-align:left;
padding-top:0px;
width: 250px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-bottom:0px;
}
.text11{
height:100%;
padding-top:0px;
margin-top:-165px;
margin-left:350px;
padding-bottom:15px;
}

.img12{
height:100%;
padding-top:0px;
margin-top:40px;
margin-left:-380px;
}

.img12b{
text-align:left;
padding-top:0px;
width: 250px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-bottom:0px;
}
.text12{
height:100%;
padding-top:0px;
margin-top:-165px;
margin-left:350px;
padding-bottom:15px;
}

.img13{
height:100%;
padding-top:0px;
margin-top:40px;
margin-left:-380px;
}

.img13b{
text-align:left;
padding-top:0px;
width: 250px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-bottom:0px;
}
.text13{
height:100%;
padding-top:0px;
margin-top:-145px;
margin-left:350px;
padding-bottom:15px;
}

.img14{
height:100%;
padding-top:0px;
margin-top:40px;
margin-left:-380px;
}

.img14b{
text-align:left;
padding-top:0px;
width: 250px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-bottom:0px;
}
.text14{
height:100%;
padding-top:0px;
margin-top:-145px;
margin-left:350px;
padding-bottom:15px;
}

.img15{
height:100%;
padding-top:0px;
margin-top:40px;
margin-left:-380px;
}

.img15b{
text-align:left;
padding-top:0px;
width: 250px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-bottom:0px;
}
.text15{
height:100%;
padding-top:0px;
margin-top:-145px;
margin-left:350px;
padding-bottom:15px;
}

.img16{
height:100%;
padding-top:0px;
margin-top:20px;
margin-left:-380px;
}

.img16b{
text-align:left;
padding-top:0px;
width: 250px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-bottom:0px;
}
.text16{
height:100%;
padding-top:0px;
margin-top:-225px;
margin-left:350px;
padding-bottom:15px;
}

.img17{
height:100%;
padding-top:0px;
margin-top:20px;
margin-left:-380px;
}

.img17b{
text-align:left;
padding-top:0px;
width: 250px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-bottom:0px;
}
.text17{
height:100%;
padding-top:0px;
margin-top:-225px;
margin-left:350px;
padding-bottom:15px;
}

.img18{
height:100%;
padding-top:0px;
margin-top:45px;
margin-left:-380px;
}

.img18b{
text-align:left;
padding-top:0px;
width: 250px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-bottom:0px;
}
.text18{
height:100%;
padding-top:0px;
margin-top:-195px;
margin-left:350px;
padding-bottom:0px;
}

.img19{
height:100%;
padding-top:0px;
margin-top:45px;
margin-left:-380px;
}

.img19b{
text-align:left;
padding-top:0px;
width: 250px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-bottom:0px;
}
.text19{
height:100%;
padding-top:0px;
margin-top:-145px;
margin-left:350px;
padding-bottom:0px;
}

.img20{
height:100%;
padding-top:0px;
margin-top:25px;
margin-left:-380px;
}

.img20b{
text-align:left;
padding-top:0px;
width: 250px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-bottom:0px;
}
.text20{
height:100%;
padding-top:0px;
margin-top:-225px;
margin-left:350px;
padding-bottom:0px;
}

.img21{
height:100%;
padding-top:0px;
margin-top:45px;
margin-left:-380px;
}

.img21b{
text-align:left;
padding-top:0px;
width: 250px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-bottom:0px;
}
.text21{
height:100%;
padding-top:0px;
margin-top:-130px;
margin-left:350px;
padding-bottom:0px;
}

.img22{
height:100%;
padding-top:0px;
margin-top:45px;
margin-left:-380px;
}

.img22b{
text-align:left;
padding-top:0px;
width: 250px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-bottom:0px;
}
.text22{
height:100%;
padding-top:0px;
margin-top:-145px;
margin-left:350px;
padding-bottom:0px;
}

.img23{
height:100%;
padding-top:0px;
margin-top:45px;
margin-left:-380px;
}

.img23b{
text-align:left;
padding-top:0px;
width: 250px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-bottom:0px;
}
.text23{
height:100%;
padding-top:0px;
margin-top:-145px;
margin-left:350px;
padding-bottom:0px;
}

.img24{
height:100%;
padding-top:0px;
margin-top:25px;
margin-left:-380px;
}

.img24b{
text-align:left;
padding-top:0px;
width: 250px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-bottom:0px;
}
.text24{
height:100%;
padding-top:0px;
margin-top:-225px;
margin-left:350px;
padding-bottom:0px;
}

.img25{
height:100%;
padding-top:10px;
margin-top:25px;
margin-left:-380px;
}

.img25b{
text-align:left;
padding-top:0px;
width: 250px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-bottom:0px;
}
.text25{
height:100%;
padding-top:0px;
margin-top:-135px;
margin-left:350px;
padding-bottom:0px;
}

.img26{
height:100%;
padding-top:0px;
margin-top:0px;
margin-left:-380px;
}
.img26b{
text-align:left;
padding-top:0px;
width: 250px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-bottom:0px;
}
.text26{
height:100%;
padding-top:0px;
margin-top:-225px;
margin-left:350px;
padding-bottom:30px;
}

.img27{
height:100%;
padding-top:0px;
margin-top:0px;
margin-left:-380px;
}
.img27b{
text-align:left;
padding-top:20px;
width: 250px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-bottom:0px;
}
.text27{
height:100%;
padding-top:0px;
margin-top:-145px;
margin-left:350px;
padding-bottom:5px;
}

.img28{
height:100%;
padding-top:0px;
margin-top:0px;
margin-left:-380px;
}
.img28b{
text-align:left;
padding-top:20px;
width: 250px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-bottom:0px;
}
.text28{
height:100%;
padding-top:0px;
margin-top:-135px;
margin-left:350px;
padding-bottom:0px;
}

.img29{
height:100%;
padding-top:0px;
margin-top:0px;
margin-left:-380px;
}
.img29b{
text-align:left;
padding-top:20px;
width: 250px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-bottom:0px;
}
.text29{
height:100%;
padding-top:0px;
margin-top:-155px;
margin-left:350px;
padding-bottom:0px;
}

.content-section-g{
	text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px 0;
    background-color: #fff;
}



.detail{
width:80px;
height:auto;
margin:0px; 
margin-top:10px;
margin-bottom:5px;
margin-left:20px;
padding:0px; 
}

.goods_posi{
width:1200px;
	margin: 0 auto;
	margin-top:0px;
	margin-bottom:100px;
	}

.goods1 {
float: left;
width:220px;
height:auto;
margin:10px; 
margin-top:0px;
margin-bottom:0px;
margin-left:10px;
padding-left:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 
.goods2 {
float: left;
width:220px;
height:auto;
margin:10px; 
margin-top:0px;
margin-bottom:0px;
margin-left:10px;
padding:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 
.goods3 {
float: left;
width:220px;
height:auto;
margin:10px; 
margin-top:0px;
margin-left:10px;
margin-bottom:0px;
padding:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 
.goods4 {
float: left;
width:220px;
height:auto;
margin:10px; 
margin-top:0px;
margin-left:10px;
margin-bottom:0px;
padding:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 



ul#nav0a{
z-index:150;
margin-top:0px;
}
ul#nav0b{
z-index:150;
margin-top:0px;
}
ul#nav0c{
z-index:150;
margin-top:0px;
}

.lead3 {
	  font-family: "Avenir" , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:0;
    font-size: 13px;
    font-weight: 400;
	color: #666666;
	z-index:100;
}


p.copyright {
   font-family: "Century Gothic", Helvetica , "游ゴシック" , "Yu Gothic" ,sans-serif;
   padding:0;
   font-size: 12px; 
   letter-spacing: 1.5px;
   font-weight: 100; 
   text-align:center;
}






@media(max-width:1199px) {
 .row {
   width:100%;
 }
	a,p,h {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

ul#nav1{
	list-style: none;
	padding: 0;
	position: absolute;
    left:96.1%; 
	top:30px;
	width:59; 
	height:13;
	z-index:3100;
	opacity:1;
}
ul#nav2{
	list-style: none;
	padding: 0;
	position: absolute;
    left:93.4%; 
	top: 12px;
	width:59; 
	height:13;
	z-index:3100;
	opacity:1;
}	


img#com1 {
display:inline;
text-align:left;
width:210px;
height:auto;
z-index:100;
margin: 0 auto;  
}
.main-logo{
  display:inline;
  padding-top:0px;
  padding-left:-10px;
  max-width: 170px;
  height: auto;
}

.topmenu{
font-family: 'Roboto', sans-serif;
text-align:center;
	margin-top:0px;
    font-size: 11.5px; 
	font-weight: 500;
	letter-spacing:4.5px;
	color: #333333;
    z-index:5000;
}

.top{
text-align:center;
margin-top:160px;
margin-bottom:120px;
}
.top-bg{
height:100%;
padding-top:0px;
margin-bottom:0px;
}
.top-bg-image{
text-align:left;
padding-top:80px;
width: 280px;
height: auto;
z-index:100;
margin: 0 auto;  
}

.rain_garden_adv{
text-align:left;
padding-top:0px;
width: 90px;
height: auto;
z-index:150;
margin: 0 auto;  
}


.content-section-a {
	margin-bottom: 100px;
    padding: 0px 0;
	margin-top: -130px;
	margin-bottom: 0px;
    background-color: #fff;
}
.content-section-b {
	margin-top:0px;
    padding: 0px 0;
    border-top: 0px solid #f7f7f7;
    border-bottom: 0px solid #f7f7f7;
}

.content-section-g{
	text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px 0;
    background-color: #fff;
}

.detail{
width:80px;
height:auto;
margin:0px; 
margin-top:10px;
margin-bottom:5px;
margin-left:20px;
padding:0px; 
}

.goods_posi{
width:900px;
margin: 0 auto;
margin-top:0px;
margin-bottom:100px;
	}

.goods1 {
float: left;
width:200px;
height:auto;
margin:10px; 
margin-top:0px;
margin-bottom:0px;
margin-left:10px;
padding-left:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 
.goods2 {
float: left;
width:200px;
height:auto;
margin:10px; 
margin-top:0px;
margin-left:10px;
padding:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 
.goods3 {
float: left;
width:200px;
height:auto;
margin:10px; 
margin-top:0px;
margin-left:10px;
padding:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 
.goods4 {
float: left;
width:200px;
height:auto;
margin:10px; 
margin-top:0px;
margin-left:10px;
padding:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 
.lead3 {
	  font-family: "Avenir" , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:0;
    font-size: 13px;
    font-weight: 400;
	color: #666666;
	z-index:100;
}

.style5 {
	margin-top:30px;
	text-align:center;
	color: #333;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight:500;
	line-height:1.5;
	letter-spacing: 0.08em;
	font-size: 28px;
	border-bottom: 0px solid #333;
	width:330px;
}
.style5b {
	margin-top:-20px;
	text-align:center;
	color: #333;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight:500;
	line-height:1.5;
	letter-spacing: 0.08em;
	font-size: 15px;
	border-bottom: 1px solid #333;
	width:300px;
}

.style8 {
	color: #333333;
	font-family: "小塚ゴシック Pro EL",sans-serif;
	letter-spacing: 0.03em;
	font-size: 11px;
	font-weight:600;
	line-height:25px;
	width: 400px;
	padding:0px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:100px;
}


p.copyright {
   font-family: "Century Gothic", Helvetica , "游ゴシック" , "Yu Gothic" ,sans-serif;
   font-size: 11.5px; 
   letter-spacing: 1.5px;
   font-weight: 100; 
   text-align:center;
     	color:#999999;
}
}


@media (min-width: 768px) and (max-width: 991px) {
 .row {
   width:100%;
 }
 
 ul#nav1{
	list-style: none;
	padding: 0;
	position: absolute;
    left:96.1%; 
	top:30px;
	width:59; 
	height:13;
	z-index:3100;
	opacity:1;
}
ul#nav2{
	list-style: none;
	padding: 0;
	position: absolute;
    left:93.1%; 
	top: 12px;
	width:59; 
	height:13;
	z-index:3100;
	opacity:1;
}	

img#com1 {
display:inline;
text-align:center;
min-width:100px;
height:auto;
width:210px;
margin-top:0px;
z-index:100;
}

.topmenu{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
    font-size: 11px; 
	font-weight: 100;
	letter-spacing:1px;
	color: #ffffff;
}
.main-logo{
position:absolute;
padding-top:0px;
margin-left:20px;
display: inline;
max-width: 150px;
}

.top{
text-align:center;
margin-top:160px;
margin-bottom:120px;
}
.top-bg{
height:100%;
padding-top:0px;
margin-bottom:0px;
}
.top-bg-image{
text-align:left;
padding-top:80px;
width: 250px;
height: auto;
z-index:100;
margin: 0 auto;  
}

.rain_garden_adv{
text-align:left;
padding-top:0px;
width: 80px;
height: auto;
z-index:150;
margin: 0 auto;  
}

.lead3 {
	  font-family: "Avenir" , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
    padding-right:0px;
    margin-left:10px;
    margin-right:10px;
	margin-top:0px;
    margin-bottom:10px;
    font-size: 10px;
	color: #545454;
}


.detail{
width:70px;
height:auto;
margin:0px; 
margin-top:10px;
margin-bottom:5px;
margin-left:10px;
padding:0px; 
}

.goods_posi{
width:768px;
	margin: 0 auto;
	margin-top:0px;
	margin-bottom:100px;
	}

.goods1 {
float: left;
width:150px;
height:auto;
margin:10px; 
margin-top:0px;
margin-bottom:0px;
margin-left:10px;
padding-left:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 
.goods2 {
float: left;
width:150px;
height:auto;
margin:10px; 
margin-top:0px;
margin-left:10px;
padding:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 
.goods3 {
float: left;
width:150px;
height:auto;
margin:10px; 
margin-top:0px;
margin-left:10px;
padding:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 
.goods4 {
float: left;
width:150px;
height:auto;
margin:10px; 
margin-top:0px;
margin-left:10px;
padding:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 


.content-section-a {
	margin-bottom: 100px;
    padding: 0px 0;
	margin-top: -130px;
	margin-bottom: 0px;
    background-color: #fff;
}
.content-section-b {
	margin-top:-20px;
    padding: 0px 0;
    border-top: 0px solid #f7f7f7;
    border-bottom: 0px solid #f7f7f7;
}


.content-section-g{
	text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px 0;
    background-color: #fff;
}


.style5 {
	margin-top:30px;
	text-align:center;
	color: #333;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight:500;
	line-height:1.5;
	letter-spacing: 0.08em;
	font-size: 25px;
	border-bottom: 0px solid #333;
	width:300px;
}
.style5b {
	margin-top:-30px;
	text-align:center;
	color: #333;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight:500;
	line-height:2.5;
	letter-spacing: 0.08em;
	font-size: 12px;
	border-bottom: 1px solid #333;
	width:300px;
}
.style8 {
	color: #333333;
	font-family: "小塚ゴシック Pro EL",sans-serif;
	letter-spacing: 0.03em;
	font-size: 11px;
	font-weight:600;
	line-height:25px;
	width: 350px;
	padding:0px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:100px;
}


.text{
text-align:left;
margin-top:-80px;
margin-bottom:0px;
margin-left:0;
width: 500;
height: auto;
z-index:200;
}
.item03{
width: 200px;
height: 40px;
z-index:150;
margin-left:310px;
opacity:1;
}
.comp-bg{
margin-top:0px;
width: 833;
height: auto;
z-index:10;
}	
p.copyright {
   font-family: "Century Gothic", Helvetica , "游ゴシック" , "Yu Gothic" ,sans-serif;
   font-size: 10px; 
   letter-spacing: 1.5px;
   font-weight: 100; 
   text-align:center;
     	color:#999999;
}
}


@media(max-width:767px) {
.row {
   width:100%;
 }
.container{
 overflow: hidden;
}

ul#nav1{
	list-style: none;
	padding: 0;
	position: static;
    left:54.1%; 
	top:82px;
	width:59; 
	height:13;
	z-index:3100;
	opacity:1;
}
ul#nav2{
	list-style: none;
	padding: 10;
	position: static;
    left:0; 
	top: 100px;
	width:59; 
	height:13;
	z-index:3100;
	opacity:1;
}	
.style9s {color: #999999;
font-family: "小塚ゴシック Pro EL", sans-serif;
	font-size: 12px;
	letter-spacing: 0.1em;
}
.style10 {color: #000000;
font-family: "小塚ゴシック Pro EL", sans-serif;
	font-size: 12px;
	letter-spacing: 0.1em;
}

img#com1 {
display:inline;
text-align:center;
min-width:100px;
padding-top:50px;
height:auto;
width:200px;
margin-top:0px;
z-index:100;
}

a,p,h {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.main-logo{
position:absolute;
padding-top:5px;
margin-left:30px;
display: inline;
max-width: 150px;
}

.topmenu{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
    font-size: 10px; 
	font-weight: 100;
	letter-spacing:3px;
	color: #ffffff;
}

.top{
text-align:center;
margin-top:40px;
margin-bottom:100px;
}
.top-bg{
height:100%;
padding-top:0px;
margin-bottom:0px;
}
.top-bg-image{
text-align:left;
padding-top:80px;
width: 200px;
height: auto;
z-index:100;
margin: 0 auto;
}

.rain_garden_adv{
text-align:left;
padding-top:0px;
width: 50px;
height: auto;
z-index:150;
margin: 0 auto;  
}
	
	
.content-section-a {
	margin-bottom: 0px;
    padding: 0px 0;
	margin-top:0px;
    background-color: #fff;
}

.video{
display:none;	
margin-top:50px;
margin-bottom:20px;
z-index:200;
}
.video_small{
display:inline;	
margin-top:50px;
margin-bottom:20px;
z-index:200;
}

.content-section-b {
	margin-top:-50px;
    padding: 0px 0;
    border-top: 0px solid #f7f7f7;
    border-bottom: 0px solid #f7f7f7;
}

.service-title{
margin-top:0px;
margin-bottom:20px;
z-index:200;
}

.img01{
height:100%;
padding-top:0px;
margin-top:10px;
margin-left:0px;
}
.img01b{
text-align:left;
padding-top:0px;
width: 200px;
height: auto;
z-index:100;
margin: 0 auto;  
}
.text01{
height:100%;
padding-top:0px;
margin-top:0px;
margin-left:0px;
}


.img02{
height:100%;
padding-top:30px;
margin-top: 0px;
margin-left:0px;
}
.img02b{
text-align:left;
padding-top:0px;
width: 250px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-left:0px;
margin-bottom:0px;
}
.text02{
height:100%;
padding-top:0px;
margin-top:0px;
margin-left:0px;
}


.img03{
height:100%;
padding-top:0px;
margin-top:30px;
margin-left:0px;
}

.img03b{
text-align:left;
padding-top:0px;
width: 250px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-bottom:0px;
}
.text03{
height:100%;
padding-top:0px;
margin-top:0px;
margin-left:0px;
padding-bottom:0px;

}

.img04{
height:100%;
padding-top:0px;
margin-top: 0px;
margin-left:0px;
}
.img04b{
text-align:left;
padding-top:0px;
width: 200px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-left:0px;
margin-bottom:0px;
}
.text04{
height:100%;
padding-top:0px;
margin-top:0px;
margin-left:0px;
margin-bottom:-100px;
}

.img05{
height:100%;
padding-top:0px;
margin-top: 0px;
margin-left:0px;
}
.img05b{
text-align:left;
padding-top:0px;
width: 200px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-left:0px;
margin-bottom:0px;
}
.text05{
height:100%;
padding-top:0px;
margin-top:0px;
margin-left:0px;
margin-bottom:-100px;
}

.img06{
height:100%;
padding-top:0px;
margin-top: 0px;
margin-left:0px;
}
.img06b{
text-align:left;
padding-top:0px;
width: 200px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-left:0px;
margin-bottom:0px;
}
.text06{
height:100%;
padding-top:0px;
margin-top:0px;
margin-left:0px;
margin-bottom:-70px;
}

.img07{
height:100%;
padding-top:0px;
margin-top: 0px;
margin-left:0px;
}
.img07b{
text-align:left;
padding-top:0px;
width: 200px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-left:0px;
margin-bottom:0px;
}
.text07{
height:100%;
padding-top:0px;
margin-top:0px;
margin-left:0px;
margin-bottom:-120px;
}

.img08{
height:100%;
padding-top:0px;
margin-top: 0px;
margin-left:0px;
}
.img08b{
text-align:left;
padding-top:0px;
width: 200px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-left:0px;
margin-bottom:0px;
}
.text08{
height:100%;
padding-top:0px;
margin-top:0px;
margin-left:0px;
margin-bottom:-30px;
}

.img09{
height:100%;
padding-top:0px;
margin-top: -20px;
margin-left:0px;
}
.img09b{
text-align:left;
padding-top:0px;
width: 200px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-left:0px;
margin-bottom:0px;
}
.text09{
height:100%;
padding-top:0px;
margin-top:-25px;
margin-left:0px;
margin-bottom:-30px;
}

.img10{
height:100%;
padding-top:0px;
margin-top: 0px;
margin-left:0px;
}
.img10b{
text-align:left;
padding-top:0px;
width: 200px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-left:0px;
margin-bottom:0px;
}
.text10{
height:100%;
padding-top:0px;
margin-top:5px;
margin-left:0px;
margin-bottom:-60px;
}

.img11{
height:100%;
padding-top:0px;
margin-top: 0px;
margin-left:0px;
}
.img11b{
text-align:left;
padding-top:0px;
width: 200px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-left:0px;
margin-bottom:0px;
}
.text11{
height:100%;
padding-top:0px;
margin-top:5px;
margin-left:0px;
margin-bottom:-60px;
}

.img12{
height:100%;
padding-top:0px;
margin-top: 0px;
margin-left:0px;
}
.img12b{
text-align:left;
padding-top:0px;
width: 200px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-left:0px;
margin-bottom:0px;
}
.text12{
height:100%;
padding-top:0px;
margin-top:5px;
margin-left:0px;
margin-bottom:-60px;
}

.img13{
height:100%;
padding-top:0px;
margin-top: 0px;
margin-left:0px;
}
.img13b{
text-align:left;
padding-top:0px;
width: 200px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-left:0px;
margin-bottom:0px;
}
.text13{
height:100%;
padding-top:0px;
margin-top:5px;
margin-left:0px;
margin-bottom:-60px;
}

.img14{
height:100%;
padding-top:0px;
margin-top: 0px;
margin-left:0px;
}
.img14b{
text-align:left;
padding-top:0px;
width: 200px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-left:0px;
margin-bottom:0px;
}
.text14{
height:100%;
padding-top:0px;
margin-top:5px;
margin-left:0px;
margin-bottom:-60px;
}

.img15{
height:100%;
padding-top:0px;
margin-top: 0px;
margin-left:0px;
}
.img15b{
text-align:left;
padding-top:0px;
width: 200px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-left:0px;
margin-bottom:0px;
}
.text15{
height:100%;
padding-top:0px;
margin-top:5px;
margin-left:0px;
margin-bottom:-60px;
}

.img16{
height:100%;
padding-top:0px;
margin-top: 0px;
margin-left:0px;
}
.img16b{
text-align:left;
padding-top:0px;
width: 200px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-left:0px;
margin-bottom:0px;
}
.text16{
height:100%;
padding-top:0px;
margin-top:-20px;
margin-left:0px;
margin-bottom:-60px;
}

.img17{
height:100%;
padding-top:0px;
margin-top: 0px;
margin-left:0px;
}
.img17b{
text-align:left;
padding-top:0px;
width: 200px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-left:0px;
margin-bottom:0px;
}
.text17{
height:100%;
padding-top:0px;
margin-top:-20px;
margin-left:0px;
margin-bottom:-60px;
}

.img18{
height:100%;
padding-top:0px;
margin-top: 0px;
margin-left:0px;
}
.img18b{
text-align:left;
padding-top:0px;
width: 200px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-left:0px;
margin-bottom:0px;
}
.text18{
height:100%;
padding-top:20px;
margin-top:-20px;
margin-left:0px;
margin-bottom:-40px;
}

.img19{
height:100%;
padding-top:0px;
margin-top: 0px;
margin-left:0px;
}
.img19b{
text-align:left;
padding-top:0px;
width: 200px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-left:0px;
margin-bottom:0px;
}
.text19{
height:100%;
padding-top:20px;
margin-top:-20px;
margin-left:0px;
margin-bottom:-40px;
}

.img20{
height:100%;
padding-top:0px;
margin-top: -20px;
margin-left:0px;
}
.img20b{
text-align:left;
padding-top:0px;
width: 200px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-left:0px;
margin-bottom:0px;
}
.text20{
height:100%;
padding-top:20px;
margin-top:-40px;
margin-left:0px;
margin-bottom:-40px;
}

.img21{
height:100%;
padding-top:0px;
margin-top: 0px;
margin-left:0px;
}
.img21b{
text-align:left;
padding-top:0px;
width: 200px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-left:0px;
margin-bottom:0px;
}
.text21{
height:100%;
padding-top:20px;
margin-top:-20px;
margin-left:0px;
margin-bottom:-40px;
}

.img22{
height:100%;
padding-top:0px;
margin-top: 0px;
margin-left:0px;
}
.img22b{
text-align:left;
padding-top:0px;
width: 200px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-left:0px;
margin-bottom:0px;
}
.text22{
height:100%;
padding-top:20px;
margin-top:-20px;
margin-left:0px;
margin-bottom:-40px;
}

.img23{
height:100%;
padding-top:0px;
margin-top: 0px;
margin-left:0px;
}
.img23b{
text-align:left;
padding-top:0px;
width: 200px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-left:0px;
margin-bottom:0px;
}
.text23{
height:100%;
padding-top:20px;
margin-top:-20px;
margin-left:0px;
margin-bottom:-40px;
}

.img24{
height:100%;
padding-top:0px;
margin-top: -20px;
margin-left:0px;
}
.img24b{
text-align:left;
padding-top:0px;
width: 200px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-left:0px;
margin-bottom:0px;
}
.text24{
height:100%;
padding-top:20px;
margin-top:-40px;
margin-left:0px;
margin-bottom:-40px;
}

.img25{
height:100%;
padding-top:0px;
margin-top: 0px;
margin-left:0px;
}
.img25b{
text-align:left;
padding-top:0px;
width: 200px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-left:0px;
margin-bottom:0px;
}
.text25{
height:100%;
padding-top:20px;
margin-top:-20px;
margin-left:0px;
margin-bottom:-40px;
}

.img26{
height:100%;
padding-top:0px;
margin-top: -20px;
margin-left:0px;
}
.img26b{
text-align:left;
padding-top:0px;
width: 200px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-left:0px;
margin-bottom:0px;
}
.text26{
height:100%;
padding-top:20px;
margin-top:-40px;
margin-left:0px;
margin-bottom:-100px;
}

.img27{
height:100%;
padding-top:0px;
margin-top: 0px;
margin-left:0px;
}
.img27b{
text-align:left;
padding-top:0px;
width: 200px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-left:0px;
margin-bottom:0px;
}
.text27{
height:100%;
padding-top:40px;
margin-top:-40px;
margin-left:0px;
margin-bottom:-80px;
}

.img28{
height:100%;
padding-top:0px;
margin-top: 0px;
margin-left:0px;
}
.img28b{
text-align:left;
padding-top:0px;
width: 200px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-left:0px;
margin-bottom:0px;
}
.text28{
height:100%;
padding-top:40px;
margin-top:-40px;
margin-left:0px;
margin-bottom:-40px;
}

.img29{
height:100%;
padding-top:0px;
margin-top: 0px;
margin-left:0px;
}
.img29b{
text-align:left;
padding-top:0px;
width: 200px;
height: auto;
z-index:100;
margin: 0 auto;  
margin-left:0px;
margin-bottom:0px;
}
.text29{
height:100%;
padding-top:40px;
margin-top:-40px;
margin-left:0px;
margin-bottom:-40px;
}


.content-section-g{
	text-align:center;
    margin-top:20px;
    margin-bottom:0px;
    padding:0px 0;
    background-color: #fff;
}

.contact_posi {
	width:300px;
	margin: 0 auto;
	margin-top:0px;
	}
	


.detail{
width:60px;
height:auto;
margin:0px; 
margin-top:10px;
margin-bottom:0px;
margin-left:0px;
padding:0px; 
}

.goods_posi{
width:300px;
	margin: 0 auto;
	margin-top:0px;
	margin-bottom:80px;
	}

.goods1 {
float: left;
width:50px;
height:auto;
margin:10px; 
margin-top:0px;
margin-bottom:10px;
margin-left:10px;
padding-left:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 
.goods2 {
float: left;
width:50px;
height:auto;
margin:10px; 
margin-top:0px;
margin-left:10px;
padding:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 
.goods3 {
float: left;
width:50px;
height:auto;
margin:10px; 
margin-top:0px;
margin-left:10px;
padding:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 
.goods4 {
float: left;
width:50px;
height:auto;
margin:10px; 
margin-top:0px;
margin-left:10px;
padding:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 

.lead3 {
	  font-family: "Avenir" , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
    padding-right:0px;
    margin-left:5px;
    margin-right:5px;
	margin-top:0px;
    margin-bottom:20px;
    font-size: 8px;
	color: #545454;
}

.style3 {
	margin-top:10px;
	text-align:center;
	color: #333;
	font-family: "小塚ゴシック Pro EL",sans-serif;
	font-weight:500;
	line-height:1.5;
	letter-spacing: 0.5em;
	font-size: 11px;
	border-bottom: 0px solid #333;
	width:200px;
}
.style4 {
	margin-top:-150px;
	margin-left:20px;
	text-align:center;
	color: #333;
	font-family: "小塚ゴシック Pro EL",sans-serif;
	font-weight:500;
	line-height:1.5;
	letter-spacing: 0.5em;
	font-size: 12px;
	border-bottom: 0px solid #333;
	width:200px;
}
.style5 {
	margin-top:30px;
	text-align:center;
	color: #333;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight:500;
	line-height:1.5;
	letter-spacing: 0.08em;
	font-size: 18px;
	border-bottom: 0px solid #333;
	width:200px;
}
.style5b {
	margin-top:-20px;
	text-align:center;
	color: #333;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight:500;
	line-height:1.5;
	letter-spacing: 0.08em;
	font-size: 12px;
	border-bottom: 1px solid #333;
	width:200px;
}

.style8 {
	color: #333333;
	font-family: "小塚ゴシック Pro EL",sans-serif;
	letter-spacing: 0.03em;
	font-size: 9px;
	font-weight:500;
	line-height:20px;
	width: 300px;
	padding:20px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:50px;
}

p.copyright {
   font-family: "Century Gothic", Helvetica , "游ゴシック" , "Yu Gothic" ,sans-serif;
   font-size: 8px; 
   letter-spacing: 1px;
   font-weight: 100; 
   text-align:center;
   color:#999999;
}
}

footer {
    padding-bottom: 30px;
    background-color: #fff;
}

p.copyright {
    margin: 30px 0 0;
	margin-bottom: 0px;
	color:#666666;
}