@charset "utf-8";

/*-- common elements--*/
html { margin: 0; /* setting border: 0 hoses ie6 win window inner well border */padding: 0;}
body { margin:0px ; padding:0px ; color:#666666;
background: #a8e2ff url(../img/body_back.gif) 50% 0 repeat-y;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; text-align:center;}

a:link { color:#333333; text-decoration:none;}
a:visited {color:#333333; text-decoration:none; }
a:active { color:#333333; text-decoration:none;}
a:hover { color:#1C8F2D; text-decoration:underline;}
a.blink { color:#1C8F2D; text-decoration:none; font-weight:bold;}


img  { border:0}

* html img { behavior: expression(IEPNGFIX.fix(this)); }

form,h1,h2,h3,h4,h5,h6,p { margin: 0px; padding: 0px;}

.indent-txt { text-indent:-5000px; font-size:1% ;display:block ;}

.dispaly-none {display:none}
.letter-spac { letter-spacing: 0.5em; } 
#top-title a { display:block ;width : 145px ; height:27px ; margin:5px ; padding:0px}

ul,li,dd,dl,dt {margin:0px ; padding : 0px}
li { list-style:none;}
.left-img { float:left}

/* BASE */

#content-back01 { width:1226px; margin:0 auto; position:relative; text-align:left;}
.head-bg-box {z-index:3; position:absolute;top:0px; left:0; text-align:left;}
#content-back-in {  margin:0 ; padding:0px 0px 300px;width:1226px;z-index:4; position:absolute; top:152px; left:0px; }

#content-body { width:910px; padding:0px 0px 0px 0px}

#content-box { z-index:8; top:0;
/*****/
/*left:160px; */
left:0px;
/*****/
position:absolute;padding:0px 0px 0px;width:910px }

#content-box-foot { width:910px;z-index:7; position:absolute;top:0px; left:0;
/*****/
/*padding:0 0 100px 160px;*/
padding:0 0 100px 0px;
/*****/
}
#content-box-foot-in { margin:-300px 0px 0px;}

#content-box-head { width:910px;z-index:6; height:10px; position:absolute;top:0px; left:0; overflow:hidden;
/*****/
/*padding:0px 0px 0px 160px;*/
padding:0px;
/*****/
}

#content-copy {z-index:5; position:absolute;top:0px; left:0; }
#content-copy-in { margin:-250px 0px 0px 100px;}


#head-block { height:152px;width:850px;z-index:2; position:absolute;
/*****/
/*top:0px;
left:190px;*/
top:20px;
left:160px;
/*****/
}

#foot-menu { width:910px; padding:20px 0px 0px 0px; text-align:center;}

#top_head01 { width:299px; height:937px;
/*****/
/*z-index:8;*/
z-index:1;
/*****/
position:absolute;top:0px; left:-39px;}
#top_head02 { width:299px; height:170px; 
/*****/
/*z-index:9;*/
z-index:2;
/*****/
position:absolute;top:0px; left:189px;}



/* head-block */
body #head-block h1 { width:475px; height:82px;margin:32px 0px 0px 0px; }
body#index #head-block h1 { width:475px; height:82px;margin:52px 0px 0px 253px; }
#head-block h1 a { width:475px; height:82px; background:url(../img/sitelogo.png) 0 0 no-repeat; display:block;
text-indent:-9999px; margin:0 ;behavior: expression(IEPNGFIX.fix(this)); }

#contact_bot { width:106px; height:100px;z-index:10;position:absolute;
/*****/
/*top:0px;
left:645px;*/
top:-20px;
left:535px;
/*****/
overflow:hidden;}
#contact_bot a { width:106px; height:204px; background:url(../img/contact_bot.png) 0 0 no-repeat; display:block;text-indent:-9999px;behavior: expression(IEPNGFIX.fix(this)); }
#contact_bot a:hover { margin:-109px 0px 0px 0px}

#blog_bot { width:111px; height:100px;z-index:11;position:absolute;
/*****/
/*top:0px;
left:740px;*/
top:-20px;
left:630px;
/*****/
overflow:hidden;}
#blog_bot a { width:111px; height:206px; background:url(../img/blog_bot.png) 0 0 no-repeat;
display:block;text-indent:-9999px;behavior:expression(IEPNGFIX.fix(this)); }
#blog_bot a:hover { margin:-110px 0px 0px 0px}


/****　追加　****************************************/
#head-block2 { height:152px;width:850px;z-index:2; position:absolute;
top:20px;
left:40px;}
body #head-block2 h1 { width:475px; height:82px;margin:32px 0px 0px 0px; }
body#index #head-block2 h1 { width:475px; height:82px;margin:52px 0px 0px 253px; }
#head-block2 h1 a { width:475px; height:82px; background:url(../img/sitelogo.png) 0 0 no-repeat; display:block;
text-indent:-9999px; margin:0 ;behavior: expression(IEPNGFIX.fix(this)); }
/****　追加　****************************************/


/* foot-menu */

#foot-menu ul  { font-size:0; line-height:0 ;padding:0px 20px 0px 0px}
#foot-menu ul li { display:inline; padding:0px 7px; border-left:1px #660000 solid; height:10px;}
#foot-menu ul li a { font-size:11px; color:#660000;line-height:110%;}
#foot-menu ul li.foot-menu-top { border-left:none; }

/* navi */

#navi-box { width:842px ; height:92px; background:url(../img/navi_bg.gif) 0 0 no-repeat; margin:23px auto 0px }
#navi-box dl dt { width:176px; height:92px; background:url(../img/navi_ttl.gif) 0 0 no-repeat; text-indent:-9999px; display:block; float:left; }
#navi-box dl dd { height:62px; display:block; float:left; }

#navi-box dl dd.bot01 { width:132px;background:url(../img/navi_bot_01_on.gif)  0 0  no-repeat;  }
#navi-box dl dd.bot01 a { width:132px;height:62px; display:block; text-indent:-9999px; overflow:hidden; background:url(../img/navi_bot_01.gif)  0 0  no-repeat; }
#navi-box dl dd.bot01 a:hover { background-image:none;}

#navi-box dl dd.bot02 { width:133px;background:url(../img/navi_bot_02_on.gif)  0 0  no-repeat;  }
#navi-box dl dd.bot02 a { width:132px;height:62px; display:block; text-indent:-9999px; overflow:hidden; background:url(../img/navi_bot_02.gif)  0 0  no-repeat; }
#navi-box dl dd.bot02 a:hover { background-image:none;}

#navi-box dl dd.bot03 { width:133px;background:url(../img/navi_bot_03_on.gif)  0 0  no-repeat;  }
#navi-box dl dd.bot03 a { width:132px;height:62px; display:block; text-indent:-9999px; overflow:hidden; background:url(../img/navi_bot_03.gif)  0 0  no-repeat; }
#navi-box dl dd.bot03 a:hover { background-image:none;}

#navi-box dl dd.bot04 { width:133px;background:url(../img/navi_bot_04_on.gif)  0 0  no-repeat;  }
#navi-box dl dd.bot04 a { width:132px;height:62px; display:block; text-indent:-9999px; overflow:hidden; background:url(../img/navi_bot_04.gif)  0 0  no-repeat; }
#navi-box dl dd.bot04 a:hover { background-image:none;}

#navi-box dl dd.bot05 { width:135px;background:url(../img/navi_bot_05_on.gif)  0 0  no-repeat;  }
#navi-box dl dd.bot05 a { width:132px;height:62px; display:block; text-indent:-9999px; overflow:hidden; background:url(../img/navi_bot_05.gif)  0 0  no-repeat; }
#navi-box dl dd.bot05 a:hover { background-image:none;}




/* common */
#main-img { width:838px; margin:0 auto;}

.left-column { width:540px; float:left; background: url(../../img/dot_img01.gif) 100% 0 repeat-y ; margin:0px 0px 25px 30px; display:inline;}
.right-column { width:288px; float:right;display:inline;margin:0px 30px 25px 0px;}


/*  index */
.index-left { float:left; margin:10px 0px 0px 30px;width:425px; background:url(../img/dot_img01.gif) 100% 0 repeat-y; display:inline}

body#index #news-box { width:408px; margin:0px auto;}
body#index #news-box h2 { height:46px;width:408px; background:url(../../img/index_img01.gif) 0 0 no-repeat; text-indent:-9999px; display:block}
body#index #news-box #news-box-in  { width:408px; background:url(../../img/index_img01.gif) 0 -48px no-repeat; }
body#index #news-box #news-box-in dl  { font-size:12px; color:#999999; line-height:145% ; float:left;padding:10px 0px 0px}
body#index #news-box #news-box-in dl dt {  width:84px; float:left; text-align:right;padding:0px 0px 0px 0px; display:block }
body#index #news-box #news-box-in dl dd {  width:285px; float:right; padding:0px 27px 0px 0px;display:block }
body#index #news-box #news-box-in dl dd span { display:block; padding:0px 0px 3px 0px}

body#index #news-box #news-box-in .clr_box { padding:20px 0px 5px;}

#contact-banner p {padding:9px 0px 0px 13px}

.index-right {float:right; width:392px ;margin:10px 42px 0px 0px;  }

#hcb-plaza h2 { width:392px ; height:36px ; background:url(../../img/index_img02.gif) 0 0 no-repeat; text-indent:-9999px; display:block;}

#hcb-plaza { background:url(../../img/index_img08.jpg) 0 39px no-repeat; height:434px }

#hcb-plaza01 {width:93px ;height:20px ; margin:70px 0px 0px 295px;}

#hcb-plaza02 {width:93px ;height:20px ;margin:110px 0px 0px 95px; }

#hcb-plaza03 {width:93px ;height:20px ;margin:120px 0px 0px 295px; }

#bottom-box { background:url(../../img/index_img11.gif) 0 0 repeat-y; margin:0px 0px 15px 47px;}
#bottom-box p { color:#666666; font-size:12px; line-height:145%;}

#bottom-box p a:link { color:#666666; text-decoration:none}
#bottom-box p a:visited { color:#666666; text-decoration:none}
#bottom-box p a:active { color:#666666; text-decoration:none}
#bottom-box p a:hover { color:#666666; text-decoration:underline;}



#bottom-box p.arrow { text-align:right; margin:0px 0px 3px;}
.bottom-link01 { float:left; width:208px;}
.bottom-link01 p { padding:0px 18px; }
.bottom-link02 { float:left; width:208px;padding:0px 0px 0px 4px;}
.bottom-link02 p { padding:0px 18px;}
.bottom-link03 { float:left; width:199px;padding:0px 0px 0px 3px;}
.bottom-link03 p { padding:0px 8px 0px 18px;}
.bottom-link04 { float:left; width:198px;}
.bottom-link04 p { padding:0px 8px 0px 18px;}

.bottom-box-end { float:left;}


/*  about */
h2.about-history { width:502px ; height:37px; background: url(../../about/img/about_img06.gif) 0 0 no-repeat; display:block;
text-indent:-99999px; margin:0px 0px 0px 17px;}

p.about-history { color:#666666; font-size:12px; line-height:30px; margin:20px 25px 20px;padding:5px 0px 0px ;
 background:url(../../about/img/about_img01.gif) 0 0 repeat;}
 
p.about-history strong { font-weight:bold; color:#0066ff;}

p.about-history a:link { color:#0066ff; text-decoration:underline;}
p.about-history a:visited { color:#0066ff; text-decoration:underline;}
p.about-history a:active{ color:#0066ff; text-decoration:underline;}
p.about-history a:hover { color:#0066ff; text-decoration:underline;}

h2.about-introduction {  widht:272px; height:37px; background:url(../../about/img/about_img07.gif) 0 0 no-repeat; text-indent:-9999px;  }
p.about-introduction { padding:15px 30px 0px 15px; font-size:12px; line-height:180%;}
p.about-contact { padding:20px 0px 0px 0px}

.about-bottom-l { width:557px; height:192px; float:left; padding:0px 0px 30px 55px;}

.about-bottom-r { width:197px ; height:62px; float:left;  padding:130px 35px 30px 15px; font-size:11px; line-height:150%;
 background:url(../../about/img/about_img05.jpg) 0 0 no-repeat;}
 
 
 /* dogshow */
 
h2.show-ttl01 { width:502px ; height:37px; background: url(../../dogshow/img/dogshow_img05.gif) 0 0 no-repeat; display:block;
text-indent:-99999px; margin:0px 0px 0px 17px;}

p.show-txt01 { background:url(../../dogshow/img/dogshow_img01.gif) 0 0 repeat; color:#666666; font-size:12px; line-height:30px; margin:0px 0px 20px 25px;
padding:5px 0px 0px ; width:300px; float:left; display:inline; }

p.show-img01 { width:202px; float:left;padding:20px 0px 0px}

p.show-txt01 a:link { color:#0066ff; text-decoration:underline;}
p.show-txt01 a:visited { color:#0066ff; text-decoration:underline;}
p.show-txt01 a:active{ color:#0066ff; text-decoration:underline;}
p.show-txt01 a:hover { color:#0066ff; text-decoration:underline;}

h2.show-ttl02 { width:502px ; height:37px; background: url(../../dogshow/img/dogshow_img07.gif) 0 0 no-repeat; display:block;
text-indent:-99999px; margin:0px 0px 0px 17px;}

p.show-txt02 { background:url(../../dogshow/img/dogshow_img01.gif) 0 0 repeat; color:#666666; font-size:12px; line-height:30px; margin:20px 30px 20px 25px;
padding:5px 0px 0px ;}
p.show-txt02 strong { font-weight:bold; color:#ffa927;}

h2.show-mame { width:509px; padding:0px 0px 0px 10px;}
div.show-mame { width:509px; background:url(../../dogshow/img/dogshow_img08.jpg) 0 0 no-repeat;margin:0px 0px 0px 10px;}
div.show-mame p { background:url(../../dogshow/img/dogshow_img02.png) 0 0 repeat;line-height:26px; margin:0px 15px 20px;
padding:2px 0px 0px ; font-size:12px; }

h2.show-ttl03 { width:272px ; height:37px; background: url(../../dogshow/img/dogshow_img07.gif) 0 0 no-repeat; display:block;
text-indent:-99999px; margin:0px 0px 0px 0px;}
p.show-txt03  {  font-size:12px;
background:url(../../dogshow/img/dogshow_img01.gif) 0 0 repeat; color:#666666; font-size:12px; line-height:30px; margin:0px 25px 20px 5px;
padding:5px 0px 0px ;}

p.show-txt04 { border:1px solid #cccccc; margin:20px 30px 0px 0px; padding:10px ; font-size:12px; line-height:150%;color:#666666;}

p.show-txt04  a:link { color:#0066ff; text-decoration:underline;}
p.show-txt04  a:visited { color:#0066ff; text-decoration:underline;}
p.show-txt04  a:active{ color:#0066ff; text-decoration:underline;}
p.show-txt04  a:hover { color:#0066ff; text-decoration:underline;}


/*  子犬情報 */
h2.puppy-info { width:502px ; height:37px; background: url(../../puppy/img/puppy_img04.gif) 0 0 no-repeat; display:block;
text-indent:-99999px; margin:0px 0px 0px 17px;}

div.puppy-info { background:url(../../puppy/img/puppy_img02.jpg) 0 0 no-repeat;margin:0px 0px 0px 10px;padding:10px 0px 0px;}
div.puppy-info01 { background: url(../../puppy/img/puppy_img03.gif) 0 100% no-repeat; width:458px; margin:0px auto 0px; padding:40px 0px 10px;}

div.puppy-info01-in { width:429px; background-color:#FFFFFF; margin:0px 0px 13px 16px;}

div.puppy-info01-in  div.left-box { float:left; width:174px; text-align:right; padding:17px 0px 0px;}
div.puppy-info01-in  div.right-box { float:right;width:233px; padding:17px 0px 0px;}

div.puppy-info01-in  div.right-box h3 { width:219px ; height:40px; background:url(../../puppy/img/puppy_img12.gif) 0 0 no-repeat; text-indent:-9999px}
div.puppy-info01-in  div.right-box p { padding:4px 0px 0px; font-size:12px; line-height:30px ; 
background:url(../../puppy/img/puppy_img10.gif) 0 0 repeat; margin:0px 20px 0px 0px;}

div.puppy-info02 div.left-box { float:left; width:185px;  padding:17px 0px 0px 40px; }
div.puppy-info02 div.right-box { float:right; width:220px;  padding:80px 60px 0px 0px; display:inline;}
div.puppy-info02 div.right-box p { color:#660000; font-size:12px; line-height:26px; background:url(../../puppy/img/puppy_img01.gif) 0 0 repeat; }

div.puppy-info03 div.left-box p { color:#660000; font-size:12px; line-height:26px; background:url(../../puppy/img/puppy_img01.gif) 0 0 repeat; }
div.puppy-info03 div.left-box { float:left; width:220px;  padding:80px 0px 0px 60px; }
div.puppy-info03 div.right-box  { float:right; width:185px; padding:17px 50px 0px 0px; }

div.puppy-info div.clr-txt { clear:both; text-align:right; padding:0px 30px 10px 0px;}

h2.puppy-info04 { width:272px; height:37px; background:url(../../puppy/img/puppy_img06.gif) 0 0 no-repeat; text-indent:-9999px; 
margin:0px 0px 10px;  }


p.puppy-info04 { padding:0px 0px 0px 15px; }


/*  clear  */

.clr_box { clear:both; }

.clr_both { clear: both;font-size:2px; line-height:1}

.clr { clear: both; overflow: hidden;  width: 1px;  height: 1px;  margin: 0 -1px -1px 0;  border: 0;  padding: 0;  font-size: 0;  line-height: 0;    }
.pkg:after {    content: ".";  display: block;  visibility: hidden;  clear: both;  height: 0px;  }
.pkg { display: inline-block; } 
 /* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; } 


/************************************************/
.gohome{
width:81px;
height:26px;
position:absolute;
float:right;
top:-7px;
right:30px;
}

/* 華麗なる一族 */
.all-column { width:828px; float:left; margin:0px 0px 50px 30px; display:inline;}
h2.beautiful-family { width:822px ; height:37px; background: url(../../family/img/family_title.gif) 0 0 no-repeat; display:block; text-indent:-99999px; margin:0px 0px 0px 14px;}
.family_info{
color:#FF0000;
font-weight:bold;
font-size:13px;
float:right;
margin-right:20px;
margin-top:10px;
}
.family_T{
margin:8px;
}
.family_T2{
margin:-20px 8px 8px 8px;
}
.family-contents{
width:247px;
height:381px;
background: url(../../family/img/contents_under2.gif) 0 0 no-repeat;
display:block;
color:#660000;
font-size:12px;
}
.family-contents a{
color:#660000;
font-size:12px;
}
.family-contents a:hover{
color:#660000;
text-decoration:underline;
}
.family-contents_name{
position:relative;
width:auto;
height:auto;
text-align:center;
top:35px;
}
.family-contents_photo{
position:relative;
width:auto;
height:auto;
text-align:center;
top:40px;
}
.family-contents_more{
text-align:center;
position:relative;
width:86px;
height:21px;
top:-36px;
left:154px;
}

.family-contents-T{
position:relative;
top:45px;
}
.family-contents-Ttd1{
padding-left:10px;
padding-bottom:5px;
width:40%;
vertical-align:top;
text-align:left;
}
.family-contents-Ttd2{
padding-right:10px;
padding-bottom:5px;
width:60%;
vertical-align:top;
text-align:left;
}
.family-line{
background:url(../../family/img/line.gif);
background-repeat:repeat-x;
width:790px;
text-indent:-9999px;
margin:30px auto auto 30px;
}

.family-bottom-l { width:557px; height:192px; float:left; }
.family-bottom-r { width:197px; height:192px; float:left; }

/********************************************************/
/*コンタクト*/
h2.show-contact { width:502px ; height:37px; background: url(../../contact/img/contact_title.gif) 0 0 no-repeat; display:block;
text-indent:-99999px; margin:0px 0px 0px 17px;}

.contact_deatail{
width:523px;
height:634px;
background: url(../../contact/img/contact_under.gif) 0 0 no-repeat;
display:block;
text-indent:-9999px;
margin-left:10px;
letter-spacing:130%;
}
.contact_deatail_info{
font-size:15px;
line-height:200%;
position:relative;
top:90px;
left:50px;
}
.contact_deatail_info a{
text-decoration:underline;
color:#0066FF;
}
.contact_deatail_message{
font-size:14px;
line-height:196%;
position:relative;
top:195px;
left:50px;
}
/*************/
/* IE 以外に適用 */
html>/**/body .contact_deatail_message{
	top: 255px;
}
/*************/
h2.show-contact2 { width:272px ; height:36px; background: url(../../contact/img/contact_title2.gif) 0 0 no-repeat; display:block;
text-indent:-9999px; margin:0px 0px 0px 0px;}

/********************************************************/
/*犬達*/
.main-header{
margin:23px auto auto 33px;
}
.dogphoto_area{
margin:0px auto 0px 33px;
}
.dogsleft-column {
width:378px;
height:317px;
float:left;
background: url(../../dogs/img/bloghistory_under.gif) 100% 0 no-repeat;
margin:0px 10px 30px 37px;
display:inline;
}
.dogprofile{
width:320px;
position:relative;
top:56px;
left:30px;
font-size:13px;
font-size:14px;
line-height:150%;
letter-spacing:130%;
}
.dogsright-column {
float:left;
margin:10px auto 30px 0px;
display:inline;
}

.right-column { width:288px; float:right;display:inline;margin:0px 30px 25px 0px;}

.dogch{
float:left;
vertical-align:top;
}
/** IEのみ適応 **/
.dogch2{
/margin-bottom:3px;
}
/** IEのみ適応 **/

.male, .female{
	width:810px;
	margin:10px 0px 20px 20px;
	border:#FFCC66 2px solid;
	background-color:#ffffcc;
}

.tab_T{
	border-collapse:collapse;
	border:0px;
	position:relative;
	top:12px;
	left:20px;
}
.tab_T td{
	padding:0px;
}