@charset "utf-8";
/* CSS Document */

body{color:#000;background:url(../img/bg-all.gif) 0 24px repeat-x #FFFFD9;text-align:center;font-size:100%; line-height:1.5em; font-family:"ＭＳ Ｐゴシック", Osaka}
body,h1,h2,h3,h4,h5,form,p,ul,ol,li{margin:0;padding:0;}
.text_h{display:none}
.clear{clear:both}
.zero_cle{clear:both; font-size:0; line-height:0}
#header{background:#b8d000; border-bottom:solid 1px #7eac00; height:13px; padding:5px; text-align:left}
* html #header{height:16px}
#header h1{font-size:80%; color:#fff; font-weight:normal; line-height:1em}

#lay_all{width:758px; margin:auto; border-left:solid 1px #666; border-right:solid 1px #666; text-align:left; background:#fff}
* html #lay_all{width:760px;}
#lay_all .main{width:758px; height:300px; background:url(../img/main.jpg)}
.red{color:#FF3333}
.date{font-size:80%; text-align:center; margin-bottom:20px; line-height:1em}
#menu ul li{list-style-type:none; float:left; height:31px;}
#menu ul li a{display:block; width:100%; height:100%}
.menu01{width:200px}
.menu02{width:179px}
.menu03{width:228px}
.menu04{width:151px}
.menu01 a,.menu02 a,.menu03 a,.menu04 a{background:url(../img/menu.gif); width:100%}

.menu01 a{background-position:0 0}
.menu02 a{background-position:-200px 0}
.menu03 a{background-position:-379px 0}
.menu04 a{background-position:-607px 0}
.menu01 a:hover{background-position:0 -31px}
.menu02 a:hover{background-position:-200px -31px}
.menu03 a:hover{background-position:-379px -31px}
.menu04 a:hover{background-position:-607px -31px}

.lay_left,.lay_right{float:left}
.lay_left{width:271px; text-align:center}
.lay_right{width:476px; margin-bottom:40px; padding-top:20px}

.lay_right ul li{list-style-type:none; float:left; height:26px}
.lay_right ul li a{display:block; width:100%; height:100%}
.pet01{width:331px;background:url(../img/top_img/title_pet.gif);}
.pet02{width:145px}
.pet02 a{background:url(../img/top_img/title_pet.gif); width:100%; background-position:-331px 0}
.pet02 a:hover{background-position:-331px -26px}

.petarea{margin:10px 0}
.pet_genki01,.pet_genki02{width:150px; float:left;}
.pet_genki01{margin:5px 0}
.pet_genki02{margin:5px 13px}

.shisu{color:#FF9900; font-size:60%;line-height:1em;margin-top:5px;}
.shisu img{margin-right:5px}
.pet_genki01 .pet_text,.pet_genki02 .pet_text{font-size:75%; line-height:1.5em}
.vmid{vertical-align:middle}

.owner_title{margin:30px 0 0 0; line-height:1em}
.owner01{width:331px;background:url(../img/top_img/title_owner.gif);}
.owner02{width:145px}
.owner02 a{background:url(../img/top_img/title_owner.gif); width:100%; background-position:-331px 0}
.owner02 a:hover{background-position:-331px -26px}

.o_unsei{/*color:#993366;*/ color:#771144; font-size:75%;line-height:1em;margin-top:5px;}
.o_unsei img{margin-right:5px}

.fusuitoha{font-size:80%; border:dotted 2px #FF6666; padding:1em}
.prof{width:419px;height:314px;background:url(../img/prof_back.gif); padding:75px 30px 10px 20px; font-size:83.3%; line-height:1.4em; color:#666}
* html .prof{width:469px;height:449px;font-size:66.6%; line-height:2em}

.samp01{font-size:83.3%; color:#FF3366; width:476px; border-bottom:dotted 1px #FF3366; line-height:1.3em; margin-bottom:3px}
.samp02{font-size:83.3%; color:#666; width:476px; margin-bottom:20px; line-height:1.3em}

* html .samp01{font-size:66.6%;}
* html .samp02{font-size:66.6%;line-height:1.4em}

.access01{color:#FF3366; font-size:83.6%; line-height:1.5em}
.access02{color:#666; font-size:66.6%; line-height:1.5em}
.access03{color:#FF3366; font-size:66.6%; line-height:1.5em; margin-bottom:20px;}

* html .access02{font-size:56%;}
* html .access03{font-size:56%;}

.taiou{margin:10px 0;font-size:66.6%; line-height:1.2em; color:#666}

#footer{background:#b8d000; border-top:solid 1px #7eac00; height:14px; padding:5px; color:#fff;font-size:66.6%; line-height:1em}

a:link{color:#FF6600}
a:hover{color:#7eac00}

.left_area{margin:0 auto 30px auto;width:250px;text-align:left}

/* publish.html */
.pub_area .pr{float:left}
.pub_area{padding:12px 0 6px 0; border-bottom:dotted 1px #999999}
.pub_area img{display:block; margin:0.5em; float:left; border:solid 1px #999999}
.pub_area .pt01{font-size:66.6%;font-weight:bold; padding-top:1em; line-height:1em}
.pub_area .pt02{font-size:66.6%}
.pub_area .pt03{font-size:66.6%; color:#999999}
.pub_area a{display:block; text-decoration:none; width:100%; height:100%}
.pub_area a:hover{background:#FFCCCC; color:#FFFFFF}
.pub_area a:hover .pt03{color:#FFFFFF}