@charset "UTF-8";

/*------------------------------------------------------------------

	#header

------------------------------------------------------------------*/
#headerWrap{
width:100%;
height:50px;
background:#42210B;
}

#header{
width:1000px;
margin:0 auto;
}
#header h1{
background:url(../image/logo.png) no-repeat bottom;
width:336px;
height:38px;
padding-top:6px;
margin-right:20px;
text-indent:-9999px;
float:left;
}
#header h1 a{
width:336px;
height:38px;
display:block;
overflow:hidden;
}
#header ul{
float:left;
width:432px;
}
#header li{
float:left;
height:50px;
text-indent:-9999px;
}
#header .pet_header_menu01 a{
background:url(../image/pet/pet_header_menu01.gif) no-repeat;
width:177px;
height:50px;
display:block;
}
#header .pet_header_menu02 a{
background:url(../image/pet/pet_header_menu02.gif) no-repeat;
width:245px;
height:50px;
display:block;
}

#header .pet_header_menu01 a:hover{
background:url(../image/pet/pet_header_menu01_over.gif) no-repeat;
}
#header .pet_header_menu02 a:hover{
background:url(../image/pet/pet_header_menu02_over.gif) no-repeat;
}
#header p.btn_shiryou{
width:166px;
height:45px;
padding-top:5px;
float:right;
text-indent:-9999px;
}
#header .btn_shiryou a{
background:url(../image/btn_shiryou.gif) no-repeat;
width:166px;
height:40px;
display:block;
overflow:hidden;
}
#header .btn_shiryou a:hover{
background-position:0 -40px;
}



#header p.special_link{
color:#FFFFFF;
font-size:12px;
padding-top:20px;
width:35em;
float:left;
}
#header p.special_link a{
color:#FFFFFF;
text-decoration:underline;
font-size:12px;
padding-top:20px;
width:35em;
}
#header p.special_link a:visited{
color:#FFFFFF;
text-decoration:underline;
font-size:12px;
padding-top:20px;
width:35em;
}
#header p.special_link a:hover{
color:#FFFF66;
text-decoration:underline;
font-size:12px;
padding-top:20px;
width:35em;
}


/*------------------------------------------------------------------

	#mainContent

------------------------------------------------------------------*/

#mainContentWrap{
width:100%;
background:url(../image/pet/bg_content.gif) repeat-x left top;
}
#mainContent{
width:980px;
padding-left:20px;
margin:0 auto;
background:url(../image/pet/bg_main.png) no-repeat right top;
}


/*	#pet_madori
----------------------------*/
#pet_madori{
}
#pet_madori .pet_h2_01{
background:url(../image/pet/pet_h2_01.png) no-repeat;
width:109px;
height:117px;
float:left;
text-indent:-9999px;
margin-top:30px;
margin-right:30px;
}
#pet_madori .pet_h2_02{
background:url(../image/pet/pet_h2_02.png) no-repeat;
width:559px;
height:64px;
margin-top:30px;
text-indent:-9999px;
clear:both;
}
#pet_madori .pet_copy01{
float:left;
width:550px;
margin-top:50px;
color:#42210B;
}
#pet_madori .pet_mainImage{
display:block;
width:998px;
height:788px;
margin-top:20px;
}
/*	#aroundWrap
----------------------------*/
#aroundWrap{
}
#aroundWrap .pet_h2_03{
background:url(../image/pet/pet_h2_03.png) no-repeat;
width:457px;
height:55px;
text-indent:-9999px;
}
#aroundWrap .pet_copy02{
width:457px;
color:#42210B;
margin-top:20px;
line-height:1.5em;
float:left;
}
#aroundWrap .pet_working{
display:block;
width:490px;
height:150px;
float:right;
padding-right:20px;
}
/*	#pet_around
----------------------------*/
#pet_around{
width:585px;
margin-top:20px;
margin-right:20px;
float:left;
}
#pet_around h3{
width:585px;
height:35px;
background:url(../image/pet/h_around.gif) no-repeat;
text-indent:-9999px;
}

#pet_around .aroundBox{
width:285px;
margin-top:15px;
float:left;
}
#pet_around .aroundBox:after {
content: ".";  
display: block;  
visibility: hidden;  
height: 0.1px;  
font-size: 0.1em;  
line-height: 0;  
clear: both;  
}

#pet_around .aroundBox img{
display:block;
width:136px;
height:153px;
margin-right:10px;
float:left;
}
#pet_around .aroundBox h4{
width:122px;
background:url(../image/pet/arrow_around.gif) no-repeat left center;
padding-left:17px;
font-size:90%;
float:left;
}
#pet_around .aroundBox p{
width:139px;
margin-top:10px;
font-size:80%;
line-height:1.2em;
float:left;
}
/*	#pet_map
----------------------------*/
#pet_map{
width:355px;
padding-top:20px;
float:left;
}
#pet_map #mapContainer{
background:#42210B;
margin-top:15px;
}
#pet_map #googlemap{
width:345px;
height:300px;
padding:5px 0 0 5px;
}
#pet_map h3{
width:355px;
height:35px;
background:url(../image/pet/h_map.gif) no-repeat;
text-indent:-9999px;
}
/*------------------------------------------------------------------

	#navi

------------------------------------------------------------------*/
#naviWrap{
width:100%;
height:50px;
background:url(../image/pet/bg_navi.jpg) repeat-x;
}
#navi{
width:820px;
height:50px;
margin:0 auto;
}
#navi li{
overflow:hidden;
text-indent:-9999px;
float:left;
}
#navi a{
height:50px;
display:block;
}
#navi .navi01 a{
background:url(../image/pet/navi_home.jpg) no-repeat;
width:115px;
}
#navi .navi02 a{
background:url(../image/pet/navi_concept.jpg) no-repeat;
width:124px;
}
#navi .navi03 a{
background:url(../image/pet/navi_modelroom.jpg) no-repeat;
width:137px;
}
#navi .navi04 a{
background:url(../image/pet/navi_madori.jpg) no-repeat;
width:90px;
}
#navi .navi05 a{
background:url(../image/pet/navi_setsubi.jpg) no-repeat;
width:106px;
}
#navi .navi06 a{
background:url(../image/pet/navi_location.jpg) no-repeat;
width:140px;
}
#navi .navi07 a{
background:url(../image/pet/navi_outline.jpg) no-repeat;
width:108px;
}

#navi a:hover{
background-position:0 -50px;
}

/*------------------------------------------------------------------

	#infoWrap

------------------------------------------------------------------*/
#infoWrap{
width:900px;
margin:20px auto 0 auto;
}
#infoWrap h2{
height:30px;
text-indent:-9999px;
}

#infoWrap h3{
margin-left:5px;
padding-left:20px;
background:url(../image/arrow_guide.png) no-repeat left center;
}

/*	#update
----------------------------*/
#update{
width:520px;
height:213px;
background:url(../image/pet/bg_pet_box.gif) repeat-x bottom #F2F2F2;
margin-right:20px;
float:left;
}
#update .h_update{
width:520px;
background:url(../image/pet/h_update.gif) no-repeat;
}


/*	#guide
----------------------------*/
#guide{
width:360px;
height:213px;
background:url(../image/pet/bg_pet_box.gif) repeat-x bottom #F2F2F2;
float:left;
}
#guide .h_guide{
width:360px;
background:url(../image/pet/h_guide.gif) no-repeat;
}
#guide .h_guide+h3{
margin-top:5px;
}
#guide p{
padding:5px;
}


/*------------------------------------------------------------------

	#footer

------------------------------------------------------------------*/
#footer{
background:url(../image/footer.jpg) no-repeat;
width:909px;
height:152px;
margin:20px auto 0 auto;
text-indent:-9999px;
}