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

～あるもの～
ヘッダー
メニューバー
メインコンテンツ
メインコンテンツ内メイン
メインコンテンツ内サイド
フッター

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

body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,textarea,p,blockquote,th,td,hr {
   margin:0;
   padding:0;
}
body {
	margin: 10px 0px 10px 0px;
	font-family: Verdana , MS UI Gothic , Osaka , "ヒラギノ角ゴ Pro W3";
	text-align: center;
	background: url(../image/bodybg.png) top repeat-x;
     }

h1  {width: 800px;font-size: 80%;line-height: 160%;margin-top: 5px;border-bottom: solid 1px #CCCCCC;background: url(../image/h1bg.jpg) bottom repeat-x;}
ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
a {
	color: #666666;
}

a.scrollover {
/* Default Colour/Styles here */
    color: #666666;
}
a.scrollover em:first-line {
/* Rollover Colour/Styles here */
 	color: #FF5B3C;
}


strong {
	font-weight: normal;
}
em {
	font-style: normal;
}
a:hover  {
	color: #999999;
	text-decoration: none;
}

input.button {
	border: solid 1px #333333;
	padding: 2px 3px 1px 3px;
	margin: 0px 6px 0px 6px;
	background-image:url(../image/buttonbg1.jpg);
}
input.text {
	height: 16px;
	_height: 18px;
	margin: 0px 2px 0px 2px;
	padding: 1px 0px 1px 2px;
	background-color: #FFFFFF;
	border: solid 1px #CCCCCC;
}
input.file {
    padding: 1px 0px 1px 2px;
	background-color: #FFFFFF;
}

textarea.textarea   {
	width: 95%;
	background: #FFFFFF;
	border: solid 1px #DDDDDD;
	font-size: 14px;
	scrollbar-face-color: #FFBFFF;
	scrollbar-arrow-color: #EFEFEF;
	scrollbar-track-color: #FFF2FF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	           }

img     {
    border: none;
	    }

hr.clear_hr {
   clear: both;
    border: none;

	 }
.clear_br {
   clear: both;
	 }

#contents   {
   clear: both;
   width: 800px;
	position:relative;
	padding: 10px 20px 10px 20px;
	margin: 0px auto 0px auto;
	background-color:#FFFFFF;
	border: solid 1px #CCCCCC;
	text-align: left;
	color: #333333;
	       }


/* パンくずリスト
--------------------- */

h2#pankuzu   {
	font-size: 80%;
	margin: 90px 0px 8px 0px;
	font-weight: normal;
	            }
h2#pankuzu span{
	font-size: 80%;
	color: #CCCCCC;
	margin: 0px 5px 0px 5px;
	font-weight: normal;
}

/* ブリーダーマイページのメニューバー
--------------------------------- */

#breederbar  {
	clear: both;
	text-align: left;
	height: 30px;
	margin: 85px 0px 0px 0px;
	      }
#breederbarleft  {
    float: left;
    width: 30px;
	height: 30px;
	background-image:url(../breeder_image/breeder_header_left.jpg);
	margin: 0px;
	padding: 0px;
              }
#breederbarcenter {
    float: left;
	margin: 0px;
	padding: 0px;
               }
#breederbarcenter ul   {
    width: auto;
	margin: 0px;
	padding: 0px;
	                }
#breederbarcenter li   {
    float: left;
	list-style-type: none;
	margin: 0px 0px -2px 0px;
	text-align: center;
    letter-spacing: 1.5px;
		                }
#breederbarcenter a {
    display: block;
    width: 90px;
	font-size: 11px;
	line-height: 2.7em;
	height: 32px;
	background-image: url(../breeder_image/breeder_header.jpg);
	text-decoration: none;
	color:#333333;
               }
#breederbarcenter a:hover {
    width: 90px ;
	background-image: url(../breeder_image/breeder_headeron.jpg);
	text-decoration: none;
	color: #999999;
               }
#breederbarright  {
    float: left;
    width: 30px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	background-image:url(../breeder_image/breeder_header_right.jpg);
              }
#sidepoint    {
    float: right;
    width: 236px;
	height: 25px;
	font-size: 14px;
	line-height: 1em;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 10px;
	text-align: center;
	background-image: url(../breeder_image/fukidashi2.gif);
	          }
#sidepoint img   {
	padding: 0px 0px 0px 0px;
	margin: 0px 2px -1px 0px;
	          }



/* メイン
--------------------- */

#maincontents   {
   clear: both;
   width: 800px;
	padding: 0px;
	margin: 10px 0px 10px 0px;
	            }

#maincontents_center   {
	clear: both;
   width: 800px;
	text-align: center;
	padding: 0px;
	margin: 10px 0px 10px 0px;
	background: #FFFFFF;
	            }

/* meincontents内のメイン
----------------------------- */

#main   {
    float: left;
    width: 550px;
    letter-spacing: 1.3px;
	    }
.main1  {
    width: 550px;
	margin: 0px 0px 0px 0px;
	    }


/* meincontents内のサイド
------------------------------ */

#side    {
    float: right;
	width: 240px;
	     }

/* sidebox
---------------------------- */

.sidebox {
	border: solid 1px #CCCCCC;
	margin: 0px 0px 10px 0px;
	padding: 1px;
}

.sidebox p#error   {
	font-size: 90%;
	margin: 5px;
	      }


.sidebox h3 {
	font-size: 80%;
}


ul#sidemenu li a {
	display: block;
	margin: 0;
}
ul#sideinfoul{
	margin: 4px 0px 0px 0px;
}
ul#sideinfoul li{

	font-size: 90%;
	line-height: 140%;
}
ul#sideinfoul li b{
	font-size: 130%;
	margin: 0px 5px -2px 3px;
}

.sidebox table#sideinfotable {
	border-collapse: collapse;
	font-size: 80%;
	margin: 5px 0px 0px 0px;
}
.sidebox table#sideinfotable th{
	width: 21%;
	vertical-align: top;
	font-weight: normal;
	padding: 0px 0px 2px 0px;
}
.sidebox table#sideinfotable td{
	padding: 2px 0px 0px 0px;
}

.sidebox .pinktextbox {
	background: #FFF1FB;
	padding: 5px;
}
.sidebox .bluetextbox {
	background: #F1F2FF;
	padding: 5px;
}

.sidebox .bluetextbox #search_ex_box {
	margin: 5px 0px 0px 0px;
	padding: 3px;
	border: dashed 1px #DDDDDD;
	background: #FFFFFF;
}
.sidebox .bluetextbox p {
	font-size: 80%;
	line-height: 150%;
}
.sidebox .bluetextbox ul#ex_search_text_ul li {
	font-size: 70%;
	line-height: 150%;
}

.sidebox .greentextbox {
	background: #F5FFF3;
	padding: 5px;
}

ul.side_bookmark_ul {
	font-size: 80%;
	line-height: 160%;
	padding: 8px 5px 8px 8px;
}
ul.side_bookmark_ul img{
	margin: 0px 3px 0px 0px;
}

img.bannerimage {
	border: solid 1px #DDDDDD;
	margin: 0px 0px 5px 0px;
}
img.bannerimage a:hover {
	border: solid 1px #333333;
}

.sidebox .service_link_div{
	font-size: 80%;
	padding: 5px 5px 0px 5px;
}
.sidebox p.service_list_p{
	font-size: 90%;
	line-height: 130%;
	padding: 5px 5px 5px 5px;
}
.sidebox .service_link_div img.service_favicon{
	margin: 0px 3px -3px 0px;
}

.sidebox h4.reser_h4 {
	margin: 4px 7px 3px 7px;
	padding: 0;
	font-size: 90%;
}
.sidebox h5.reser_h5 {
	margin: 0px 7px 3px 8px;
	padding: 0;
	font-size: 75%;
}
.sidebox h6.reser_h6 {
	margin: 0px 7px 2px 9px;
	padding: 0;
	font-size: 75%;
}

.sidebox div.reser_div{
	margin: 0px 1px 0 1px;
	border-bottom: solid 1px #ddd;
}
p.reser_p {
	font-size: 80%;
	line-height: 140%;
	padding: 5px 5px 0 5px;
}

.sidebox p.reser_price_p{
	font-size: 80%;
	line-height: 140%;
	margin: 9px 5px 5px 5px;
	padding: 0px 0px 4px 0px;
	text-align: right;
	color: #666666;
}
.sidebox p.reser_price_plast{
	font-size: 80%;
	line-height: 140%;
	margin: 9px 5px 0px 5px;
	color: #666666;
	padding: 0px 0px 4px 0px;
	text-align: right;
}

.sidebox table.new_baby_table{
	border: none;
}
.sidebox table.new_baby_table td{
	padding: 2px;
}
.sidebox table.new_baby_table td img.newpuppysum{
	margin-bottom: 2px;
}


/* フッター
-------------------- */

#footer   {
    clear: both;
    width: 800px;
	height: 30px;
	margin: 20px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	border-top: solid 1px #CCCCCC;

	      }

address  {
    clear: both;
    float: left;
	width: 295px;
	font-size: 60%;
	font-style: normal;
	white-space: nowrap;
    margin: -2px 0px 0px 0px;
	          }
address a {
    text-decoration: none;
	          }

#footermenu   {
	width: auto;
	margin: 0px 0px 5px 205px;
	white-space: nowrap;
	          }
#footermenu ul  {
	margin: 0px;
	padding: 0px;
	            }
#footermenu li  {
	display: block;
	float: right;
	padding: 0px 4px 0px 4px;
	border-left: solid 1px #DDDDDD;
	font-size: 80%;
                }

#footermenu a {
    color: #000000;
	text-decoration: none;
                }
#footermenu a:hover {
    color: #999999;
	text-decoration:underline;
                }

#other_servie_footer {
	clear: both;
	text-align: right;
	width: 800px;
	margin: 0px 0px 5px 0px;
	padding: 0px 10px 0px 10px;
}
#other_servie_footer img{
	margin: 3px 0px 0px 0px;
}



/* ヘッダー
-------------------------------*/

#header {
    clear: both;
	width: 800px;
    position: absolute;
	top: 48px;
	    }
#header table {
    border-collapse: collapse;
	width: 100%;
	height: 72px;
	    }
#header table th {
    width: 40%;
    vertical-align: top;
	    }
#header table td {
    vertical-align: top;
	    }

#headerul ul  {
	margin: 0px;
	padding: 0px;
	            }
#headerul li  {
	display: block;
	float: right;
	padding: 0px 4px 0px 4px;
	border-left: solid 1px #DDDDDD;
	font-size: 90%;
                }

.header_bookmark_div{
	margin: 5px 0px 0px 0px;
	float: right;
}

/* ボタンを表示するテーブル
----------------------------------------- */

table.submit_table {
	width: 638px;
	border-collapse: collapse;
	margin: 0px 0px 10px 0px;
	border: solid 1px #DDDDDD;
	background: #F1F1F1;
}
table.submit_table td.green_td {
	padding: 10px;
	font-size: 90%;
	line-height: 150%;
	background:url(../image/bg_green_1.gif);
}
table.submit_table td.tomato_td {
	padding: 10px;
	font-size: 90%;
	line-height: 150%;
	background: url(../image/bg_pink_1.gif);
}
table.submit_table p {
	margin: 5px 0px 5px 0px;
}

/* 一言コメントを表示するボックス
-------------------------------------- */

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

.center_text_box p.centxt_p_top{
	width: 520px;
	font-size: 90%;
	margin: 0 auto 0 auto!important;
	padding: 35px 10px 20px 30px;
	text-align: center !important;
	background: url(../image/mb_top.gif) top no-repeat;
}
.center_text_box p.centxt_p_bottom{
	width: 520px;
	clear: both;
	margin: 0px auto 25px auto !important;
	padding: 5px 16px 25px 16px;
	font-size: 80%;
	line-height: 150%;
	text-align: center !important;
	background: url(../image/mb_bottom.gif) bottom no-repeat;
}

/* css sprite
-------------------------------------- */

#sprite-logo {
  display: block;
  width: 330px;
  height: 59px;
  background: url(../image/main_sprites.png) no-repeat;
  cursor:pointer;
}
#sprite-logo span {display: none;}

#sprite-copyright {
  display: block;
  width: 276px;
  height: 16px;
  background: url(../image/main_sprites.png) no-repeat 0 -59px;
}
#sprite-copyright span {display: none;}
#sprite-info {
  display: block;
  width: 550px;
  height: 200px;
  margin: 0 auto 10px auto;
  background: url(../image/main_sprites.png) no-repeat 0 -348px;
}
#sprite-info span {display: none;}

#sprite-copyright span {display: none;}
#sprite-qrcode {
  display: block;
  float: left;
  margin: 5px;
  width: 80px;
  height: 80px;
  background: url(../image/main_sprites.png) no-repeat -473px -269px;
}
#sprite-qrcode span {display: none;}
#sprite-logintitle {
  display: block;
  width: 236px;
  height: 30px;
  background: url(../image/main_sprites.png) no-repeat 0 -135px;
}
#sprite-logintitle span {display: none;}
#sprite-loginbutton {
  display: block;
  margin: 0 auto 2px auto;
  width: 86px;
  height: 26px;
  background: url(../image/main_sprites.png) no-repeat -299px -165px;
  cursor:pointer;
}
#sprite-loginbutton:hover {background: url(../image/main_sprites.png) no-repeat -386px -165px;}
#sprite-loginbutton span {display: none;}
#sprite-topnewuser {
  display: block;
  margin: 0 auto 0 auto;
  width: 240px;
  height: 60px;
  margin: 0 0 10px 0;
  background: url(../image/main_sprites.png) no-repeat 0 -75px;
  cursor:pointer;
}
#sprite-topnewuser:hover {background: url(../image/main_sprites.png) no-repeat -240px -75px;}
#sprite-topnewuser span {display: none;}
.sprite-rss {
  display: block;
  margin: 0 auto 0 auto;
  width: 16px;
  height: 16px;
  margin: 1px;
  background: url(../image/main_sprites.png) no-repeat -530px -77px;
  cursor:pointer;
}
.sprite-rss:hover {background: url(../image/main_sprites.png) no-repeat -530px -93px;}
.sprite-rss span {display: none;}
.sprite-inputbutton1 {
  display: block;
  float:left;
  margin: 0 2px 0 0;
  width: 50px;
  height: 18px;
  background: url(../image/main_sprites.png) no-repeat -480px -76px;
  cursor:pointer;
}
.sprite-inputbutton1:hover {background: url(../image/main_sprites.png) no-repeat -480px -94px;}
.sprite-inputbutton1 span {display: none;}

.sprite-bigstar0 {
  display: block;
  margin: 0 3px;
  float:left;
  width: 100px;
  height: 20px;
  background: url(../image/main_sprites.png) no-repeat -456px -191px;
}
.sprite-listlistkuchikomi span {display: none;}

.sprite-bigstar05 {
  display: block;
  margin: 0 3px;
  float:left;
  width: 100px;
  height: 20px;
  background: url(../image/main_sprites.png) no-repeat -436px -211px;
}
.sprite-listlistkuchikomi span {display: none;}

.sprite-bigstar1 {
  display: block;
  margin: 0 3px;
  float:left;
  width: 100px;
  height: 20px;
  background: url(../image/main_sprites.png) no-repeat -436px -191px;
}
.sprite-bigstar1 span {display: none;}

.sprite-bigstar15 {
  display: block;
  margin: 0 3px;
  float:left;
  width: 100px;
  height: 20px;
  background: url(../image/main_sprites.png) no-repeat -416px -211px;
}
.sprite-bigstar15 span {display: none;}

.sprite-bigstar2 {
  display: block;
  margin: 0 3px;
  float:left;
  width: 100px;
  height: 20px;
  background: url(../image/main_sprites.png) no-repeat -416px -191px;
}
.sprite-bigstar2 span {display: none;}

.sprite-bigstar25 {
  display: block;
  margin: 0 3px;
  float:left;
  width: 100px;
  height: 20px;
  background: url(../image/main_sprites.png) no-repeat -396px -211px;
}
.sprite-bigstar25 span {display: none;}

.sprite-bigstar3 {
  display: block;
  margin: 0 3px;
  float:left;
  width: 100px;
  height: 20px;
  background: url(../image/main_sprites.png) no-repeat -396px -191px;
}
.sprite-bigstar3 span {display: none;}

.sprite-bigstar35 {
  display: block;
  margin: 0 3px;
  float:left;
  width: 100px;
  height: 20px;
  background: url(../image/main_sprites.png) no-repeat -376px -211px;
}
.sprite-bigstar35 span {display: none;}

.sprite-bigstar4 {
  display: block;
  margin: 0 3px;
  float:left;
  width: 100px;
  height: 20px;
  background: url(../image/main_sprites.png) no-repeat -376px -191px;
}
.sprite-bigstar4 span {display: none;}

.sprite-bigstar45 {
  display: block;
  margin: 0 3px;
  float:left;
  width: 100px;
  height: 20px;
  background: url(../image/main_sprites.png) no-repeat -356px -211px;
}
.sprite-bigstar45 span {display: none;}

.sprite-bigstar5 {
  display: block;
  margin: 0 3px;
  float:left;
  width: 100px;
  height: 20px;
  background: url(../image/main_sprites.png) no-repeat -356px -191px;
}
.sprite-bigstar5 span {display: none;}

.sprite-warranty_tag{
  display: block;
  margin: 0 2px 2px 0;
  float:left;
  width: 60px;
  height: 17px;
  background: url(../image/main_sprites.png) no-repeat -370px 0;
}
.sprite-warranty_tag span {display: none;}

.sprite-on_champion{
  display: block;
  margin: 0 2px 2px 0;
  float:left;
  width: 60px;
  height: 17px;
  background: url(../image/main_sprites.png) no-repeat -370px 0;
}
.sprite-on_champion span {display: none;}

.sprite-on_air_tag{
  display: block;
  margin: 0 2px 2px 0;
  float:left;
  width: 60px;
  height: 17px;
  background: url(../image/main_sprites.png) no-repeat -430px 0;
}
.sprite-on_air_tag span {display: none;}

.sprite-on_warranty_tag{
  display: block;
  margin: 0 2px 2px 0;
  float:left;
  width: 60px;
  height: 17px;
  background: url(../image/main_sprites.png) no-repeat -490px 0;
}
.sprite-on_warranty_tag span {display: none;}

.sprite-on_mypuppy_tag{
  display: block;
  margin: 0 2px 2px 0;
  float:left;
  width: 60px;
  height: 17px;
  background: url(../image/main_sprites.png) no-repeat -370px -17px;
}
.sprite-on_mypuppy_tag span {display: none;}

.sprite-on_parent_tag{
  display: block;
  margin: 0 2px 2px 0;
  float:left;
  width: 60px;
  height: 17px;
  background: url(../image/main_sprites.png) no-repeat -430px -17px;
}
.sprite-on_parent_tag span {display: none;}

.sprite-on_movie_tag{
  display: block;
  margin: 0 2px 2px 0;
  float:left;
  width: 60px;
  height: 17px;
  background: url(../image/main_sprites.png) no-repeat -490px -34px;
}
.sprite-on_movie_tag span {display: none;}


.sprite-topuppydetail {
  display: block;
  margin: 0 auto 0 auto;
  width: 178px;
  height: 33px;
  background: url(../image/main_sprites.png) no-repeat 0 -200px;
  cursor:pointer;
}
.sprite-topuppydetail:hover {background: url(../image/main_sprites.png) no-repeat -178px -200px;}
.sprite-topuppydetail span {display: none;}

.sprite-puppydetail_message {
  display: block;
  margin: 0 auto 5px auto;
  width: 235px;
  height: 84px;
  background: url(../image/main_sprites.png) no-repeat 0 -266px;
  cursor:pointer;
}
.sprite-puppydetail_message:hover {background: url(../image/main_sprites.png) no-repeat -235px -266px;}
.sprite-puppydetail_message span {display: none;}

.sprite-tobreederdetail {
  display: block;
  margin: 0 auto 0 auto;
  width: 178px;
  height: 33px;
  background: url(../image/main_sprites.png) no-repeat 0 -233px;
  cursor:pointer;
}
.sprite-tobreederdetail:hover {background: url(../image/main_sprites.png) no-repeat -178px -233px;}
.sprite-tobreederdetail span {display: none;}

.sprite-toreserve {
  display: block;
  margin: 0 auto 0 auto;
  width: 150px;
  height: 35px;
  background: url(../image/main_sprites.png) no-repeat 0 -165px;
  cursor:pointer;
}
.sprite-toreserve:hover {background: url(../image/main_sprites.png) no-repeat -149px -165px;}
.sprite-toreserve span {display: none;}

.sprite-egg_icon {
  display: block;
  margin: 0 2px;
  float:left;
  width: 16px;
  height: 16px;
  background: url(../image/main_sprites.png) no-repeat -480px -112px;
}
.sprite-egg_icon span {display: none;}

.sprite-dakkowan_icon {
  display: block;
  margin: 0 2px;
  float:left;
  width: 16px;
  height: 16px;
  background: url(../image/main_sprites.png) no-repeat -496px -112px;
}
.sprite-dakkowan_icon span {display: none;}

.sprite-soldout_count {
  display: block;
  width: 93px;
  height: 16px;
  background: url(../image/main_sprites.png) no-repeat -276px -59px;
}
.sprite-soldout_count span {display: none;}
