@charset "UTF-8";

body{
background:url(../image/bg_body.gif);
}

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

	#header

------------------------------------------------------------------*/
#headerWrap{
width:100%;
height:50px;
background:#230E00;
}
#header{
width:1000px;
margin:0 auto;
}
#header h1{
background:url(../image/logo.jpg) 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 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;
}


#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;
}
/*------------------------------------------------------------------

	#mainContent

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

#mainContentWrap{
width:100%;
clear:both;
background:url(../concept/image/bg_content.gif) repeat-x left top;
}
#mainContent{
width:900px;
margin:0 auto;
background:#FFFFFF url(../concept/image/bg_concept.jpg) top no-repeat;

padding-top:20px;
}
div#mainContent h1{
background:url(../concept/image/h1_concept.jpg) no-repeat;
width:876px;
height:109px;
text-indent:-9999px;
margin:0 auto;
}
div#mainContent h2.h2_01_concept{
width:482px;
height:84px;
background:url(../concept/image/h2_concept.jpg) no-repeat;
text-indent:-9999px;
margin-top:20px;
margin-left:15px;
}
div#mainContent h3.h3_01_concept{
background:url(../concept/image/h3_01_concept.jpg) no-repeat;
width:303px;
height:23px;
text-indent:-9999px;
margin-top:20px;
margin-left:25px;
}
div#mainContent p.p_01_concept{
background:url(../concept/image/p_01_concept.png) no-repeat;
width:532px;
height:132px;
text-indent:-9999px;
margin-top:20px;
background-position:15px 0;
float:left;
}
div#mainContent img.img_01_concept{
width:333px;
height:143px;
display:block;
padding-left:15px;
float:left;
}
div#mainContent h3.h3_02_concept{
clear:both;
background:url(../concept/image/h3_02_concept.jpg) no-repeat;
width:274px;
height:53px;
text-indent:-9999px;
margin-top:60px;
margin-left:525px;
}
div#mainContent p.p_02_concept{
background:url(../concept/image/p_02_concept.png) no-repeat;
width:365px;
height:132px;
text-indent:-9999px;
margin-top:20px;
margin-left:525px;
}
div#mainContent h2.h2_02_concept{
width:399px;
height:85px;
background:url(../concept/image/h2_02_concept.jpg) no-repeat;
text-indent:-9999px;
margin-top:200px;
margin-left:55px;
}
div#mainContent h3.h3_03_concept{
background:url(../concept/image/h3_03_concept.gif) no-repeat;
background-position:65px 0;
width:404px;
height:53px;
text-indent:-9999px;
margin-top:20px;
}
div#mainContent p.p_03_concept{
background:url(../concept/image/p_03_concept.gif) no-repeat;
background-position:65px 0;
width:492px;
height:98px;
text-indent:-9999px;
margin-top:20px;

}

div.box_concept_01{
float:left;
width:492px;
margin-top:60px;
}

div#mainContent img.img_02_concept{
width:351px;
height:292px;
padding-left:20px;
display:block;
float:left;
margin-top:60px;
}

div#mainContent img.img_03_concept{
clear:both;
width:378px;
height:292px;
display:block;
margin-top:40px;
padding-left:15px;
margin-right:20px;
float:left;
}
div#mainContent h3.h3_04_concept{
background:url(../concept/image/h3_04_concept.gif) no-repeat;
background-position:6px 0;
width:439px;
height:59px;
text-indent:-9999px;
margin-top:60px;
float:left;
}
div#mainContent p.p_04_concept{
float:left;
background:url(../concept/image/p_04_concept.gif) no-repeat;
background-position:6px 0;
width:445px;
height:140px;
text-indent:-9999px;
margin-top:20px;
}


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

	#navi

------------------------------------------------------------------*/
#naviWrap{
width:100%;
height:52px;
background:url(../image/bg_navi.jpg) repeat-x;
}
#navi{
width:819px;
height:52px;
margin:0 auto;
}
#navi li{
overflow:hidden;
height:52px;
text-indent:-9999px;
float:left;
}
#navi a{
height:52px;
display:block;
}
#navi .navi01 a{
background:url(../image/navi_home.jpg) no-repeat;
width:114px;
}
#navi .navi02{
background:url(../image/navi_concept.jpg) no-repeat;
background-position:0 -52px;
width:124px;
}
#navi .navi03 a{
background:url(../image/navi_modelroom.jpg) no-repeat;
width:137px;
}
#navi .navi04 a{
background:url(../image/navi_madori.jpg) no-repeat;
width:89px;
}
#navi .navi05 a{
background:url(../image/navi_setsubi.jpg) no-repeat;
width:107px;
}
#navi .navi06 a{
background:url(../image/navi_location.jpg) no-repeat;
width:139px;
}
#navi .navi07 a{
background:url(../image/navi_outline.jpg) no-repeat;
width:109px;
}

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

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

	#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(../concept/image/bg_pet_box.gif) repeat-x bottom #F2F2F2;
margin-right:20px;
float:left;
}
#update .h_update{
width:520px;
background:url(../concept/image/h_update.gif) no-repeat;
}


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


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

	#footer

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