@charset "Shift_JIS";

/****** 基本設定 ******/
*{
margin:0;
padding:0;
font-family: "ＭＳ Ｐゴシック",sans-serif;
scrollbar-track-color:#ffffff;
scrollbar-face-color:#ffffff;
scrollbar-arrow-color:#000000;
scrollbar-shadow-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
}

body{
text-align:center;
}

strong{
font-weight:normal;
}


img{
border:0;
margin:0;
padding:0;
}

.img_left {
float:left;
margin:3px;
}

.img_right{
float:right;
margin:3px;
}

.b{
font-weight:bold;
}

.red{
color:red;
}

.pink{
color:#FF69B4;
}

.green {
color:#008000;
}

.f10{
font-size:10px;
}

.right_txt{
text-align:right;
}

.left {
float:left;
}

.right {
float:right;
}









#appeal{
width:800px;

}

#appeal h1{
float:left;
width:400px;
margin:0;
padding:0;
font-weight:normal;
font-size:9px;
line-height:9px;
}

#appeal p{
float:right;
width:400px;
margin:0;
padding:0;
font-weight:normal;
font-size:9px;
text-align:right;
line-height:9px;
}

h1,h4{
margin:0;
padding:0;
font-weight:normal;
font-size:9px;
line-height:9px;
}

h2{
width:590px;
height:30px;
background-image:url(./img/title.gif);
background-repeat:no-repeat;
font-size:14px;
text-indent:30px;
color:#3970fd;
line-height:30px;
}


h3{
width:590px;
height:30px;
background-image:url(./img/title.gif);
background-repeat:no-repeat;
font-size:14px;
text-indent:30px;
color:#3970fd;
line-height:30px;
}

.m5 {
margin:5px 0 0 0;
}

.m10{
margin:10px 0 0 0;
}

.m15{
margin:15px 0 0 0;
}

.m20{
margin:20px 0 0 0;
}

.m10_under{
margin-bottom:10px;
}

.m10_tb {
margin:10px 0;
}

.p10 {
padding:10px;
}

.p20 {
padding:10px 20px;
}

.pl8 {
padding-left:8px;
}

#base{
width:800px;
height:auto;
margin:0 auto;
text-align:left;
font-size:14px;
color:#444444;
letter-spacing:3px;
}

.center{
text-align:center;
margin:0 auto;
}

.clear{
clear:both;
}

.inner{
margin:5px;
}

#head{
margin:0;
padding:0;
width:800px;
height:30px;
overflow:hidden;
position:static;
}

#logo {
margin:0;
padding:0;
width:800px;
height:50px;
clear:both;
display:block;
overflow:hidden;
}

.logo_l {
margin:0;
padding:0;
width:400px;
height:35px;
float:left;
}

.logo_r {
margin:0;
padding:0;
width:250px;
height:50px;
float:right;
}


#menu{
float:right;
width:480px;
height:30px;
overflow:hidden;
padding:0;
}

#menu li{
list-style-type:none;
}

#navigation{
width:800px;
height:30px;
background-color:#ff6283;
clear:both;


}

#navigation a{
color:#ffffff;
text-decoration:none;
font-size:12px;
letter-spacing:0;
}

#navigation a:hover{
color:#0000ff;
text-decoration:underline;
font-size:12px;
letter-spacing:0;
}

#navigation ul{
float:right;
}

#navigation li{
list-style-type:none;

float:left;
line-height:30px;
color:#ffffff;
margin:0 20px 0 0;

}

#menu .one{
float:left;
width:80px;
height:30px;
overflow:hidden;
}

.one a{
display:block;
width:80px;
height:30px;
background-image:url(./img/menu/1.gif);
background-position:left top;
background-repeat:no-repeat;
padding-top:100px;
}

.one a:hover{
display:block;
width:80px;
height:30px;
background-image:url(./img/menu/1.gif);
background-position:right top;
background-repeat:no-repeat;
}

#menu .two{
float:left;
width:80px;
height:30px;
overflow:hidden;
}

.two a{
display:block;
width:80px;
height:30px;
background-image:url(./img/menu/2.gif);
background-position:left top;
background-repeat:no-repeat;
padding-top:100px;
}

.two a:hover{
display:block;
width:80px;
height:30px;
background-image:url(./img/menu/2.gif);
background-position:right top;
background-repeat:no-repeat;
}

#menu .three{
float:left;
width:80px;
height:30px;
overflow:hidden;
}

.three a{
display:block;
width:80px;
height:30px;
background-image:url(./img/menu/3.gif);
background-position:left top;
background-repeat:no-repeat;
padding-top:100px;
}

.three a:hover{
display:block;
width:80px;
height:30px;
background-image:url(./img/menu/3.gif);
background-position:right top;
background-repeat:no-repeat;
}

#menu .four{
float:left;
width:80px;
height:30px;
overflow:hidden;
}

.four a{
display:block;
width:80px;
height:30px;
background-image:url(./img/menu/4.gif);
background-position:left top;
background-repeat:no-repeat;
padding-top:100px;
}

.four a:hover{
display:block;
width:80px;
height:30px;
background-image:url(./img/menu/4.gif);
background-position:right top;
background-repeat:no-repeat;
}

#menu .five{
float:left;
width:80px;
height:30px;
overflow:hidden;
}

.five a{
display:block;
width:80px;
height:30px;
background-image:url(./img/menu/5.gif);
background-position:left top;
background-repeat:no-repeat;
padding-top:100px;
}

.five a:hover{
display:block;
width:80px;
height:30px;
background-image:url(./img/menu/5.gif);
background-position:right top;
background-repeat:no-repeat;
}

#menu .six{
float:left;
width:80px;
height:30px;
overflow:hidden;
}

.six a{
display:block;
width:80px;
height:30px;
background-image:url(./img/menu/6.gif);
background-position:left top;
background-repeat:no-repeat;
padding-top:100px;
}

.six a:hover{
display:block;
width:80px;
height:30px;
background-image:url(./img/menu/6.gif);
background-position:right top;
background-repeat:no-repeat;
}

#pic{
width:800px;
height:215px;
margin:5px 0 0 0;
clear:both;
overflow:hidden;
}

img{
margin:0;
padding:0;
vertical-align:middle;
}

#pic .contain{
float:right;
width:595px;
height:215px;
}

#pic .move{
float:left;
width:200px;
height:215px;
}


.rize{
width:200px;
height:50px;
overflow:hidden;
}

.rize a{
display:block;
width:200px;
height:50px;
background-image:url(./img/menu/tel.gif);
background-position:left top;
background-repeat:no-repeat;
padding-top:100px;
}

.rize a:hover{
display:block;
width:200px;
height:50px;
background-image:url(./img/menu/tel.gif);
background-position:right top;
background-repeat:no-repeat;
}

.rize2{
width:200px;
height:50px;
overflow:hidden;
margin-top:5px;
}

.rize2 a{
display:block;
width:200px;
height:50px;
background-image:url(./img/menu/mail.gif);
background-position:left top;
background-repeat:no-repeat;
padding-top:100px;
}

.rize2 a:hover{
display:block;
width:200px;
height:50px;
background-image:url(./img/menu/mail.gif);
background-position:right top;
background-repeat:no-repeat;
}

.rize3{
width:200px;
height:50px;
overflow:hidden;
margin-top:5px;
}

.rize3 a{
display:block;
width:200px;
height:50px;
background-image:url(./img/menu/maigo.gif);
background-position:left top;
background-repeat:no-repeat;
padding-top:100px;
}

.rize3 a:hover{
display:block;
width:200px;
height:50px;
background-image:url(./img/menu/maigo.gif);
background-position:right top;
background-repeat:no-repeat;
}

.rize4{
width:200px;
height:50px;
overflow:hidden;
margin-top:5px;
}

.rize4 a{
display:block;
width:200px;
height:50px;
background-image:url(./img/menu/hogo.gif);
background-position:left top;
background-repeat:no-repeat;
padding-top:100px;
}

.rize4 a:hover{
display:block;
width:200px;
height:50px;
background-image:url(./img/menu/hogo.gif);
background-position:right top;
background-repeat:no-repeat;
}

#main{
clear:both;
width:800px;
}

#contents{
float:right;
width:590px;
line-height:19px;
}

#pr{
float:left;
width:200px;
margin:0 0 10px 0;
overflow:hidden;
background-image:url(./img/check.gif);
background-repeat:repeat;
}

#news{
width:190px;
height:250px;
border:1px solid #000000;
margin:15px auto;
background-color:#FFFFFF;
}

#news div{
overflow:auto;
width:190px;
height:250px;

}

#news p{
padding:5px;
font-size:11px;
letter-spacing:1px;
line-height:12px;
}


.inside{
padding:5px 10px;
}

.inner{
padding:5px;
}


#bread{
clear:both;
width:800px;
height:20px;
text-align:right;
}

#bread p{
line-height:20px;
font-size:10px;
}

#bread a {
text-decoration:none;
}

#footer{
clear:both;
width:800px;
height:30px;
padding-top:5px;
margin-top:5px;
border-top:1px solid #ff2d64;
font-size:12px;
text-align:center;
}

#footer a{
color:#444444;
text-decoration:none;
}

#footer a:hover{
color:#444444;
text-decoration:none;
}

#pr div:after{
display:block;
clear:both;
}

/****** 下部リンク ******/

#u_link{
margin:10px 0 0 0;
padding:0;
clear:both;
width:800px;
height:12px;
font-size:12px;
letter-spacing:1px;
}

#u_link ul{
text-align:center;
}

#u_link li{
margin:0 7px;
display:inline;
list-style-type:none;
}

#u_link a{
margin:0;
padding:0;
text-decoration:none;
color:#444444;
}

/****** システムページ ******/

.para{
width:570px;
height:auto;
margin:0 10px;
border-top:1px solid #ff2d64;
}

.sml h3 {
margin:15px 0 0 0;
padding:0;
width:400px;
height:16px;
background-image:url("./img/company/t01.gif");
background-repeat:no-repeat;
backgorund-position:left top;
font-size:14px;
font-weight:normal;
line-height:17px;
text-indent:16px;
}

.ml20 {
margin-left:10px;
}


.company1{
border:1px solid #8f8f8f;
margin:10px 20px;
border-collapse:collapse;
font-size:12px;
letter-spacing:1px;
}

.comp1{
border:1px solid #8f8f8f;
padding-left:5px;
width:180px;
background-color:#FFEEDE;
vertical-align:top;
}

.comp2{
border:1px solid #8f8f8f;
padding-left:5px;
width:340px;
background-color:#FFFCF0;
}

.comp3{
border:1px solid #8f8f8f;
padding-left:5px;
width:520px;
background-color:#FFEEDE;
}

.comp_add{
border:1px solid #8f8f8f;
padding-left:5px;
width:220px;
background-color:#ffffff;
}

.comp_tel{
padding:0;
border:1px solid #8f8f8f;
width:100px;
background-color:#ffffff;
text-align:center
}

.comp_url{
padding:0 0 0 5px;
border:1px solid #8f8f8f;
width:200px;
background-color:#ffffff;
font-size:10px;
letter-spacing:1px;
}

.comp4 {
border:1px solid #8f8f8f;
padding-left:5px;
width:140px;
background-color:#FFEEDE;
}

.comp5{
border:1px solid #8f8f8f;
padding-left:5px;
width:380px;
background-color:#FFFCF0;
}

.dec{
color:#0087ea;
text-decoration:underline;
}

/****** リスト ******/

.list1 {
margin:10px 0;
padding:0;
}

.list1 li {
list-style-image:url("./img/icon/list.gif");
margin-left:30px;
padding:0;
}

.none ul{
margin:10px 0;
padding:0;
}

.none li {
list-style-type:none;
}

/****** ペットチラシ ******/

.pet{
font-size:14px;
font-weight:bold;
width:500px;
margin:10px auto;
text-align:center;
border:1px solid #1C6E1C;
border-collapse: collapse;
}

.pet td{
border:1px solid #1C6E1C;
height:25px;
}


/****** ヤフーブックマークなど ******/

#bookmark {
margin:10px;
padding:0;
width:540px;
height:45px;
text-align:center;
font-size:11px;
letter-spacing:0px;
}

.bm_left {
width:160px;
height:
text-align:left;
float:left;
padding:3px 0 0 0;
}

.bm_right {
padding-left:5px;
border:3px double #888888;
float:right;
width:350px;
text-align:left;
}

#bookmark:after {
display:block;
clear:both;
content:"";
}

/****** リンク ******/

.link_l1{
margin:10px 0 10px 5px;
}

.link_l1 a {
text-decoration:none;
}

.link_l1 a:hover {
text-decoration:underline;
}

.link_l1 dt{
margin:5px 0;
padding-left:15px;
list-style-type:none;
background-image:url(img/icon/list1.gif);
background-repeat:no-repeat;
}

.link_l1 dd{
margin:5px 0 5px 15px;
font-size:12px;
}

/****** ペットロス等のH4画像 ******/

.sml h4 {
margin:15px 0 0 0;
padding:0;
width:400px;
height:20px;
background-image:url("./img/icon/04.gif");
background-repeat:no-repeat;
backgorund-position:left top;
font-size:14px;
font-weight:normal;
line-height:17px;
text-indent:20px;
}

/****** サイトマップ ******/

#sitemap {
margin:0;
padding:10px;
}

#sitemap a {
text-decoration:none;
}


.sm_left {
margin:10px 0 0 50px;
padding:0;
float:left;
}

.sm_right {
margin:10px 80px 0 0;
padding:0;
float:right;
}

.count{
list-style-type:decimal;
margin-left:10px;
padding-left:15px;
font-size:10px;
}

.count li{
margin-top:5px;
}

.count2{
list-style-type:decimal;
margin-left:10px;
padding-left:15px;
}

.count2 li{
margin-top:5px;
}




/* トップのトピックス */
#topics_base{
width:450px;
margin:30px 0 20px 0;
}

#topics_base h3{
font-size:18px;
line-height:18px;

}

#topics{
margin:20px 0 0 10px;
width:550px;
height:200px;
overflow:auto;
padding:5px;
border:1px solid #666666;
scrollbar-base-color:#ffffff;
scrollbar-face-color:#ffffff;
scrollbar-arrow-color:#000000;
scrollbar-shadow-color:#000000;
scrollbar-darkshadow-color:#ffffff;
scrollbar-highlight-color:#000000;
scrollbar-3dlight-color:#ffffff;
scrollbar-track-color:#ffffff;
}

.line{
text-decoration:underline;
}





.date{
width:200px;
padding:5px;
border-bottom:1px solid #444444;
}


.message{
margin:5px 0 0 0;
width:550px;
padding:5px;
}

.m_line {
margin:0 0 0 0;
padding:5px 0 10px 0;
width:550px;
border-bottom:1px solid #444444;
}


.text_right{
text-align:right;
}

.nenmatsu {
margin:10px;
padding:0;
width:480px;
height:auto;
text-align:center;
}

.nenmatsu:after {
clear:both;
display:block;
content:"";
}

.nenmatsu_l {
margin:5px 0 0 0;
padding:0;
width:230px;
height:auto;
float:left;
text-align:right;
}

.nenmatsu_r {
margin:5px 0 0 20px;
padding:0;
width:200px;
height:auto;
float:left;
text-align:left;
}