@charset "UTF-8";

/*-----------基本設定------------*/


*{
	margin: 0;
	padding: 0;
	font-size: 100%;
}
a{
   text-decoration: none;
   border-style: none;
}
a:hover{
color: #333;
}
a:link{
color:#000000;
}
a:visited{
color:#000000;
}

a img {
    outline: none;
    border-style:none;
}

body{
    font-family:"Courier New","Courier","ＭＳ明朝","Osaka-等幅",serif; 
    padding: 0px;
    margin: 0 auto;
	color:#000000;
	font-size:12px;
}
	
#container{
	width:910px;
	margin:0 auto;
	text-align:left;
	padding: 0 30px;
}

#header{
    width: 910px;
    height:100px;
	background-color:#fff;
	clear: both;
}

#logo{
    float: left;
    /*margin-top:15px; */
    margin-top:52px; 
    /*margin-left: 15px; */
    width: 160px;
    height: 68px;
  }

#navi_add {
   float: right;
  	width:200px;	
    margin-top:16px;
    font-size: 12px;
    line-height: 1.4em;
    text-align: right;
}


.clearfix{
     display: block;
}
.left{
    float: left;
}

.right{
    float: right;
}
.clr{
   clear: both;
}
.no_border {
    border-style:none;
}

/*----------- gnavi --------------*/

#gnavi{
    width:910px;
    height: 20px;
    margin-top: 5px;
    padding-top: 8px;
    border-bottom:3px solid #000000;
    clear: both;
}
   
#gnavi ul{
    margin:0;
    padding:0;
    }

#gnavi li{
    list-style-position: outside;
    list-style-type: none;
    float: left;
    font-size:14px;
     margin: 0px 7px 0 7px;
     font-family: Courier;
     color: #000000;
}

#gnavi li a:hover{
 background-color:#FFFF00;
    color: black;
}

/*----------- /gnavi  --------------*/

/*----------- content --------------*/

#contentsbox{
      display:block;
    width:910px;
    height: auto;
	margin-top:30px;
	padding-bottom:30px;
	position:relative;

}

#contentsbox01{
      display:block;
    width:910px;
    height:920px;
	margin-top:30px;
	padding-bottom:30px;
	position:relative;

}

#contentsbox02{
      display:block;
    width:910px;
    height:2120px;
	margin-top:30px;
	padding-bottom:30px;
	position:relative;
}

.main_text{
	/*width: 880px;*/
	width:910px;
	margin: 0 auto;
	padding-top: 30px;	
}





#con1{
    width:350px;
    height:265px;
    border:1px solid #ccc;
    position:absolute;
    z-index:0;
    top:0px;
    left:0px;
}



    #con1:hover{
    display:block;
    background-image:url(img/oono_hv.png);
    position:absolute;
    z-index:8;
    top:-30px;
    left:-30px;
    padding: 30px;
    border:1px solid   #ffffff;
    opacity:0.85;
    filter: alpha(opacity=85);
  　-ms-filter:alpha(opacity=85);
}   	


 
#con2{
    width:290px;
    height:220px;
    border:1px solid #ccc;
    position:absolute;
    top:1020px;
    right:310px;
    z-index: 0;
}
          
    #con2:hover{
    display:block;
    background-image:url(img/oono_hv.png);
    position:absolute;
    z-index: 100;
    top:990px;
    right:280px;
    padding: 30px;
    border:1px solid   #ffffff;
    opacity:0.85;
  　filter: alpha(opacity=85);
    -ms-filter:alpha(opacity=85);
}   	

 
 

 	
#con3{
     width:270px;
     height:225px;
     border:1px solid  #ccc;
     position:absolute;
     z-index: 0;
     right:0px;
     top:515px;
}
 	
    #con3:hover{
    display:block;
    background-image:url(img/oono_hv.png);
    position:absolute;
    z-index: 100;
    top:485px;
    right:-30px;
    padding: 30px;
    border:1px solid   #ffffff;
    opacity:0.85;
  　filter: alpha(opacity=85);
  　-ms-filter: alpha( opacity=85);
}   	
	
#con4{
    width:240px;
    /*height:365px;*/
    height:400px;
    border:1px solid  #ccc;
    position:absolute;
    /*top:310px;*/
    top:295px;
    left:360px;   
    z-index: 0;
 
}


    #con4:hover{
    display:block;
    background-image:url(img/oono_hv.png);
    position:absolute;
    z-index: 100;
    top:255px;
    left:320px;
    padding: 40px;
    border:1px solid   #ffffff;
    opacity:0.85;
  　filter: alpha(opacity=85);
  　-ms-filter: alpha( opacity=85);
}   	

/*
#con4 .photo_area{
	height: 300px;
}*/

#con5{
    width:320px;
    height:255px;
    border:1px solid  #ccc;
    position:absolute;
    top:295px;
    z-index: 0;
}
 	
 	#con5:hover{
    display:block;
    background-image:url(img/oono_hv.png);
    position:absolute;
    z-index: 100;
    top:255px;
    left: -40px;
    padding: 40px;
    border:1px solid   #ffffff;
    opacity:0.85;
  　filter: alpha(opacity=85);
  　-ms-filter: alpha(opacity=85);
}   	
 
#con6{
    width:270px;
    height:475px;
    position:absolute;
    top:0px;
    right:0px;
    z-index: 0;
    border:1px solid  #ccc;
}

    #con6:hover{
    display:block;
    background-image:url(img/oono_hv.png);
    position:absolute;
    z-index: 6;
    top:-40px;
    right:-40px;
    padding: 40px;
    border:1px solid #ffffff;
    opacity:0.85;
  　filter: alpha(opacity=85);
  　-ms-filter: alpha( opacity=85);
}

#con7{
     width:270px;
     height:345px;
     border:1px solid #ccc;
     position:absolute;
    top:785px;
     right:0px;
     z-index: 0;
}
          	        	
   	#con7:hover{
    display:block;
    background-image:url(img/oono_hv.png);
    position:absolute;
    z-index: 6;
    top:745px;
    right:-40px;
    padding:40px;
    border:1px solid   #ffffff;
    opacity:0.85;
  　filter: alpha(opacity=85);
  　-ms-filter: alpha( opacity=85);
}


#con8{
     width:270px; 
     height:360px; 
     border:1px solid  #ccc;
     position:absolute;
     top:1940px;
     right:0px;
     z-index: 0;

}
          	        	
   	#con8:hover{
    display:block;
    background-image:url(img/oono_hv.png);
    position:absolute;
    z-index: 6;
    top:1900px;
    right: -40px;
    padding: 40px;
    border:1px solid   #ffffff;
    opacity:0.85;
  　filter: alpha(opacity=85);
  　-ms-filter: alpha( opacity=85);
  }


#con9{
     width:300px;
     height:360px; 
     border:1px solid  #ccc;
     position:absolute;
     top:1100px;
     right:309px;
     z-index: 0;
}
          	 
          	 
    #con9:hover{
    display:block;
    background-image:url(img/oono_hv.png);
    position:absolute;
    z-index: 6;
    top:1060px;
    right:269px;
    padding: 40px;    
    border:1px solid #ffffff;
    opacity:0.85;
  　filter: alpha(opacity=85);
  　-ms-filter: alpha( opacity=85);
}




       	


#con10{
     width:280px;
     height:220px;
     border:1px solid  #ccc;
     position:absolute;
     z-index:0;
     top:2050px;
     right: 0px;
}
          	        	
   	#con10:hover{
    display:block;
    background-image:url(img/oono_hv.png);
    position:absolute;
    z-index: 40;
    top:2010px;
    right:-40px;
    padding: 40px;
    border:1px solid   #ffffff;
    opacity:0.85;
  　filter: alpha(opacity=85);
  　-ms-filter: alpha( opacity=85);
}

  #con11{
    width:270px;
    height:345px;
    position:absolute;
    top:1175px;
    right:0px;
    z-index: 0;
    border:1px solid  #ccc;
}

    #con11:hover{
    display:block;
    background-image:url(img/oono_hv.png);
    position:absolute;
    z-index: 6;
    top:1135px;
    right:-40px;
    padding: 40px;
    border:1px solid #ffffff;
    opacity:0.85;
  　filter: alpha(opacity=85);
  　-ms-filter: alpha( opacity=85);
}

#con12{
    width:240px;
    height:370px; 
    position:absolute;
    top:690px;
    left:0px;
    z-index: 0;
    border:1px solid  #ccc;
}

  	#con12:hover{
    display:block;
    background-image:url(img/oono_hv.png);
    position:absolute;
    z-index: 6;
    top:650px;
    left:-40px;
    padding:40px;
    border:1px solid   #ffffff;
    opacity:0.85;
  　filter: alpha(opacity=85);
  　-ms-filter: alpha( opacity=85);
}

#con13{
    width:220px;
    height:310px; 
    position:absolute;
    top:0px;
    left:384px;
    z-index: 20;
    border:1px solid  #ccc;
}

  	#con13:hover{
    display:block;
    background-image:url(img/oono_hv.png);
    position:absolute;
    z-index: 6;
    top:-40px;
    left:344px;
    padding:40px;
    border:1px solid   #ffffff;
    opacity:0.85;
  　filter: alpha(opacity=85);
  　-ms-filter: alpha( opacity=85);
}

#con14{
     width:290px; 
     height:435px; 
     border:1px solid  #ccc;
     position:absolute;
     top:720px;
     left:295px;
     z-index: 0;

}
          	        	
   	#con14:hover{
    display:block;
    background-image:url(img/oono_hv.png);
    position:absolute;
    z-index: 6;
    top:680px;
    left:255px;
    padding: 40px;
    border:1px solid   #ffffff;
    opacity:0.85;
  　filter: alpha(opacity=85);
  　-ms-filter: alpha( opacity=85);
  }

#con15{
     width:160px;
     height:260px;
     border:1px solid #ccc;
     position:absolute;
     top:2630px;
     right:0px;
     z-index: 0;
}
          	        	
   	#con15:hover{
    display:block;
    background-image:url(img/oono_hv.png);
    position:absolute;
    z-index: 20;
    top:2590px;
    right:-40px;
    padding:40px;
    border:1px solid   #ffffff;
    opacity:0.85;
  　filter: alpha(opacity=85);
  　-ms-filter: alpha( opacity=85);
}

#con16{
    /* width:600px;*/
     height:260px;
     border:1px solid #ccc;
     position:absolute;
     top:1300px;
     left:0px;
     z-index: 0;
}

#con17{
     width:270px;
     height:340px;
     border:1px solid  #ccc;
     position:absolute;
     z-index:0;
     top:1480px;
     left:0px;
}
          	        	
   	#con17:hover{
    display:block;
    background-image:url(img/oono_hv.png);
    position:absolute;
    z-index: 6;
    top:1440px;
    left:-40px;
    padding: 40px;
    border:1px solid   #ffffff;
    opacity:0.85;
  　filter: alpha(opacity=85);
  　-ms-filter: alpha( opacity=85);
}

#con18{
     width:320px;
     height:250px;
     border:1px solid  #ccc;
     position:absolute;
     z-index:0;
     top:2130px;
     right:290px;
}
          	        	
   	#con18:hover{
    display:block;
    background-image:url(img/oono_hv.png);
    position:absolute;
    z-index: 6;
    top:2090px;
    right:250px;
    padding: 40px;
    border:1px solid   #ffffff;
    opacity:0.85;
  　filter: alpha(opacity=85);
  　-ms-filter: alpha( opacity=85);
}

#con19{
     width:295px;
     height:225px;
     border:1px solid  #ccc;
     position:absolute;
     z-index:0;
     top:1680px;
     right:0px;
}
          	        	
   	#con19:hover{
    display:block;
    background-image:url(img/oono_hv.png);
    position:absolute;
    z-index: 6;
    top:1640px;
    right:-40px;
    padding: 40px;
    border:1px solid   #ffffff;
    opacity:0.85;
  　filter: alpha(opacity=85);
  　-ms-filter: alpha( opacity=85);
}

  #con20{
    width:270px;
    height:345px;
    position:absolute;
    top:1095px;
    left:0px;
    z-index: 0;
    border:1px solid  #ccc;
}

    #con20:hover{
    display:block;
    background-image:url(img/oono_hv.png);
    position:absolute;
    z-index: 6;
    top:1055px;
    left:-40px;
    padding: 40px;
    border:1px solid #ffffff;
    opacity:0.85;
  　filter: alpha(opacity=85);
  　-ms-filter: alpha( opacity=85);
}

#con21{
     width:310px;
     height:270px;
     border:1px solid  #ccc;
     position:absolute;
     z-index:0;
     top: 2080px;
    right: 308px;
}
          	        	
   	#con21:hover{
    display:block;
    background-image:url(img/oono_hv.png);
    position:absolute;
    z-index: 30;
    top:1640px;
    right:268px;
    padding: 40px;
    border:1px solid   #ffffff;
    opacity:0.85;
  　filter: alpha(opacity=85);
  　-ms-filter: alpha( opacity=85);
}


#con22{
     width:280px;
     height:240px;
     border:1px solid  #ccc;
     position:absolute;
     z-index:0;
     top:1500px;
     left:310px;
}
          	        	
   	#con22:hover{
    display:block;
    background-image:url(img/oono_hv.png);
    position:absolute;
    z-index: 6;
    top:1460px;
    left:270px;
    padding: 40px;
    border:1px solid   #ffffff;
    opacity:0.85;
  　filter: alpha(opacity=85);
  　-ms-filter: alpha( opacity=85);
}

#con23{
    /*width:910px;
    height:500px;*/
    position:absolute;
    top:2200px;
    left:0px;
    z-index: 0;
    padding-top: 5px;
    padding-left: 1px;
    border-style:none;
}


#con24{
    width:270px;
    right:0px; 
    position:absolute;
    top:2150px;
    z-index: 0;
    border:1px solid  #ccc;
}

  	#con24:hover{
    display:block;
    background-image:url(img/oono_hv.png);
    position:absolute;
    z-index: 6;
    top:2120px;
    right:-40px;
    padding:40px;
    border:1px solid   #ffffff;
    opacity:0.85;
  　filter: alpha(opacity=85);
  　-ms-filter: alpha( opacity=85);
}

#con25{
     width:270px; 
     height:360px; 
     border:1px solid  #ccc;
     position:absolute;
     top:2700px;
     left:315px;
     z-index: 0;

}
          	        	
   	#con25:hover{
    display:block;
    background-image:url(img/oono_hv.png);
    position:absolute;
    z-index: 6;
    top:2660px;
    left:275px;
    padding: 40px;
    border:1px solid   #ffffff;
    opacity:0.85;
  　filter: alpha(opacity=85);
  　-ms-filter: alpha( opacity=85);
  }


#con26{
     width:270px; 
     height:335px; 
     border:1px solid  #ccc;
     position:absolute;
     top:2040px;
     right:317px;
     z-index: 0;

}
          	        	
   	#con26:hover{
    display:block;
    background-image:url(img/oono_hv.png);
    position:absolute;
    z-index: 6;
    top:2000px;
    right:277px;
    padding: 40px;
    border:1px solid   #ffffff;
    opacity:0.85;
  　filter: alpha(opacity=85);
  　-ms-filter: alpha( opacity=85);
  }
  
  #con27{
    width:270px;
    height:340px;
    position:absolute;
    top:2780px;
    left:0px;
    z-index: 0;
    border:1px solid  #ccc;
}

    #con27:hover{
    display:block;
    background-image:url(img/oono_hv.png);
    position:absolute;
    z-index: 6;
    top:2740px;
    left:-40px;
    padding: 40px;
    border:1px solid #ffffff;
    opacity:0.85;
  　filter: alpha(opacity=85);
  　-ms-filter: alpha( opacity=85);
}


#con28{
     width:260px;
     height:300px;
     border:1px solid #ccc;
     position:absolute;
      top:1860px;
     left:0px;
     z-index: 0;
}
          	        	
   	#con28:hover{
    display:block;
    background-image:url(img/oono_hv.png);
    position:absolute;
    z-index: 6;
    top:1820px;
    left:-40px;
    padding:40px;
    border:1px solid   #ffffff;
    opacity:0.85;
  　filter: alpha(opacity=85);
  　-ms-filter: alpha( opacity=85);
}


  #con29{
    width:270px;
    height:340px;
    position:absolute;
    top:2700px;
    right:320px;
    z-index: 0;
    border:1px solid  #ccc;
}

    #con29:hover{
    display:block;
    background-image:url(img/oono_hv.png);
    position:absolute;
    z-index: 6;
    top:2660px;
    right:280px;
    padding: 40px;
    border:1px solid #ffffff;
    opacity:0.85;
  　filter: alpha(opacity=85);
  　-ms-filter: alpha( opacity=85);
}

#con30{
     width:270px;
     height:460px;
     border:1px solid  #ccc;
     position:absolute;
     z-index:0;
     top:2090px;
     right:0px;
}
          	        	
   	#con30:hover{
    display:block;
    background-image:url(img/oono_hv.png);
    position:absolute;
    z-index: 30;
    top:2050px;
    right:-40px;
    padding: 40px;
    border:1px solid   #ffffff;
    opacity:0.85;
  　filter: alpha(opacity=85);
  　-ms-filter: alpha( opacity=85);
}

#con31{
  width:300px;
  height:260px; 
  border:1px solid  #ccc;
  position:absolute;
  top:1200px;
  right:303px;
  z-index: 0;
}
          
          
 #con31:hover{
 display:block;
 background-image:url(img/oono_hv.png);
 position:absolute;
 z-index: 6;
 top:1160px;
 right:263px;
 padding: 40px;    
 border:1px solid #ffffff;
 opacity:0.85;
　filter: alpha(opacity=85);
　-ms-filter: alpha( opacity=85);
}


#con32{
  width:290px; 
  height:340px; 
  border:1px solid  #ccc;
  position:absolute;
  top:345px;
  left:295px;
  z-index: 0;

}
                   
  #con32:hover{
 display:block;
 background-image:url(img/oono_hv.png);
 position:absolute;
 z-index: 6;
 top:305px;
 left:255px;
 padding: 40px;
 border:1px solid   #ffffff;
 opacity:0.85;
　filter: alpha(opacity=85);
　-ms-filter: alpha( opacity=85);
}

#con15{
  width:160px;
  height:260px;
  border:1px solid #ccc;
  position:absolute;
  top:2630px;
  right:0px;
  z-index: 0;
}
            



      




#con35{
    width:270px;
    height:450px;
    position:absolute;
    top:1560px;
    right:0px;
    z-index: 0;
    border:1px solid  #ccc;
}

    #con35:hover{
    display:block;
    background-image:url(img/oono_hv.png);
    position:absolute;
    z-index: 6;
   top:1520px;
    right:-40px;
    padding: 40px;
    border:1px solid #ffffff;
    opacity:0.85;
  　filter: alpha(opacity=85);
  　-ms-filter: alpha( opacity=85);
}

#con50{
  width:240px;
  height:230px !important;
  border:1px solid  #ccc;
  position:absolute;
  top:310px;
  left:360px;   
  z-index: 0;
}


  #con50:hover{
  display:block;
  background-image:url(img/oono_hv.png);
  position:absolute;
  z-index: 100;
  top:270px;
  left:320px;
  padding: 40px;
  border:1px solid   #ffffff;
  opacity:0.85;
　filter: alpha(opacity=85);
　-ms-filter: alpha( opacity=85);
}   	

#con50.photo_area{
height: 160px;
}

#con51{
  width:240px;
  /*height:410px;*/
  height:230px;
  border:1px solid  #ccc;
  position:absolute;
  top:310px;
  left:360px;   
  z-index: 0;
}


  #con51:hover{
  display:block;
  background-image:url(img/oono_hv.png);
  position:absolute;
  z-index: 100;
  top:270px;
  left:320px;
  padding: 40px;
  border:1px solid   #ffffff;
  opacity:0.85;
　filter: alpha(opacity=85);
　-ms-filter: alpha( opacity=85);
}   	

/*#con51 .photo_area{
height: 342px;
}*/


#con52{
  width:240px;
  height:410px;
  border:1px solid  #ccc;
  position:absolute;
  top:310px;
  left:360px;   
  z-index: 0;
}


  #con52:hover{
  display:block;
  background-image:url(img/oono_hv.png);
  position:absolute;
  z-index: 100;
  top:270px;
  left:320px;
  padding: 40px;
  border:1px solid   #ffffff;
  opacity:0.85;
　filter: alpha(opacity=85);
　-ms-filter: alpha( opacity=85);
}   	

#con52.photo_area{
height: 355px;
}


#con53{
  width:240px;
  height:365px;
  border:1px solid  #ccc;
  position:absolute;
  top:310px;
  left:360px;   
  z-index: 0;

}


  #con53:hover{
  display:block;
  background-image:url(img/oono_hv.png);
  position:absolute;
  z-index: 100;
  top:270px;
  left:320px;
  padding: 40px;
  border:1px solid   #ffffff;
  opacity:0.85;
　filter: alpha(opacity=85);
　-ms-filter: alpha( opacity=85);
}   	

#con54{
  width:240px;
  /*height:410px;*/
  height:383px;
  border:1px solid  #ccc;
  position:absolute;
  top:305px;
  left:360px;   
  z-index: 0;
}


  #con54:hover{
  display:block;
  background-image:url(img/oono_hv.png);
  position:absolute;
  z-index: 100;
  top:265px;
  left:320px;
  padding: 40px;
  border:1px solid   #ffffff;
  opacity:0.85;
　filter: alpha(opacity=85);
　-ms-filter: alpha( opacity=85);
}   	


#con55{
  width:320px;
  height:270px;
  border:1px solid  #ccc;
  position:absolute;
  top:291px;
  z-index: 0;
}
 
 #con55:hover{
  display:block;
  background-image:url(img/oono_hv.png);
  position:absolute;
  z-index: 100;
  top:251px;
  left: -40px;
  padding: 40px;
  border:1px solid   #ffffff;
  opacity:0.85;
　filter: alpha(opacity=85);
　-ms-filter: alpha(opacity=85);
}   	

#con56{
  width:240px;
  /*height:410px;*/
  height:350px;
  border:1px solid  #ccc;
  position:absolute;
  top:300px;
  left:0px;   
  z-index: 0;
}


  #con56:hover{
  display:block;
  background-image:url(img/oono_hv.png);
  position:absolute;
  z-index: 100;
  top:260px;
  left:-40px;
  padding: 40px;
  border:1px solid   #ffffff;
  opacity:0.85;
　filter: alpha(opacity=85);
　-ms-filter: alpha( opacity=85);
}   	

#con57{
  width:320px;
  height:270px;
  border:1px solid  #ccc;
  position:absolute;
  top:345px;
  left:280px;
  z-index: 0;
}
 
 #con57:hover{
  display:block;
  background-image:url(img/oono_hv.png);
  position:absolute;
  z-index: 100;
  top:305px;
  left: 240px;
  padding: 40px;
  border:1px solid   #ffffff;
  opacity:0.85;
　filter: alpha(opacity=85);
　-ms-filter: alpha(opacity=85);
}   	



#con58{
  width:270px;
  height:350px;
  border:1px solid  #ccc;
  position:absolute;
  z-index:0;
  top: 1780px;
 right: 323px;
}
                   
  #con58:hover{
 display:block;
 background-image:url(img/oono_hv.png);
 position:absolute;
 z-index: 30;
 top:1740px;
 right:283px;
 padding: 40px;
 border:1px solid   #ffffff;
 opacity:0.85;
　filter: alpha(opacity=85);
　-ms-filter: alpha( opacity=85);
}


   	
.photo_area{
    display: block;
    padding:0;
} 


.text_area{
   margin:0;
   padding: 2px;   
}
.text_tit{
 width: 200px;
 font-size: 11px;
 margin:  0px;
 padding:2px 0px 0px 0px;
 color: #333;
 }
	
.text_p{
   margin:2px 0 0 0px;  
   padding:0px 3px;
   font-size: 10px;
   line-height: 1.4em;
   text-decoration: none;  
   color: #333; 
}

.goto_ho{
 width: 800px;
 text-align: right;
 margin-top: 5px;
 clear: both;
}
/*----------- footer --------------*/

#footer{
    clear: both;
    width: 910px;
    position: absolute;
    top:2730px;
    margin:3px 0 10px 0; 
	padding:3px 0;
	border-top: 3px solid #000000;
	text-align: right;
	font-size: 9px;

}

/*----------- footer --------------*/