@charset "utf-8";

/* body */

/* 各トップページで使用 */
h1{
	margin:3px 0;
	padding: 0;
	font-size:10px;
	line-height:100%;
	font-weight: bold;
	text-align:right;
	color:#666666;
}

/************************
  トップページで使用
*************************/

div#main_bg {
	width:780px;
	background:url("/img2/petst/main_bg.gif") repeat-y;

}

div#main_bg:after {
    content:"";
    display:block;
    clear: both;
    height:1px;
    overflow: hidden;
}

/*\*/
* html #main_bg {
    height: 1em;
}

#main_bg {
    display: block;
}
/**/

#info_id_1 {
	display: none;
}

#info_id_2 {
	display: none;
}

div#birthday_dog {
	width:255px;
	height:190px;
	background:url("/img2/petst/bg_birthday_dog.gif") no-repeat;
}

div#birthday_cat {
	width:255px;
	height:190px;
	background:url("/img2/petst/bg_birthday_cat.gif") no-repeat;
}

div#birthday_photo {
	padding:40px 0 10px;
	height:110px;
}

table#koseki_dog td {
	vertical-align:middle;
	text-align:center;
	width:55px;
	height:55px;
	background:#ebf6f5;
}

table#koseki_cat td {
	vertical-align:middle;
	text-align:center;
	width:55px;
	height:55px;
	background:#fdf5eb;
}

div#layout {
	margin-left:15px;
	clear:both;
	width:510px;
}



/** space用 **/

.ml10 {
	margin-left:10px;
}

.mr5 {
	margin-right:5px;
}

.mb5 {
	margin-bottom:5px;
}

/** ログイン **/

#fg_pw a:link {
	color: #ffffff;
}

#fg_pw a:visited {
	color: #ffffff;
}

#fg_pw a:hover {
	color: #f4c2a1;
	text-decoration: underline;
}

#fg_pw a:active {
	color: #ffffff;
}

/** 右エリア **/

div.bgLine {
	width:201px;
	background-color:#F4F1DE;
	border-right:2px solid #D5CA9D;
	border-left:2px solid #D5CA9D;
}


/*************************/


.textspecial  { margin: 0; padding: 0; font-size:10px ; font-weight: normal;
                line-height: 140%; letter-spacing: 0.1em ; color:#BABABA}
h1.textspecial{ margin: 0; padding: 0; font-size:10px ; font-weight: normal;
                line-height: 140%; letter-spacing: 0.1em ; color:#BABABA;display:inline;}
h2.textspecial{ margin: 0; padding: 0; font-size:10px ; font-weight: normal;
                line-height: 140%; letter-spacing: 0.1em ; color:#BABABA ;display:inline;}
				
.break   { width:300px; font-size: 80%;	line-height: 120%; letter-spacing: 0.1em ; color:#737373; text-decoration:none;display:block;}
.break2  { width:520px; font-size: 80%;	line-height: 120%; letter-spacing: 0.1em ; color:#737373; text-decoration:none;display:block;}

.topbg {
	background-image:  url("../0image/top_bg.jpg");
	background-repeat: no-repeat;
	background-position: left top;
}
.conbg {
	background-image:  url(../0image/contentsbg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.conbg2 {
	background-image:  url(../0image/contentsbg2.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

.mypbg {
	background-image:  url("../0image/ln_mypbg.gif");
	background-repeat: repeat-y;
	background-position: left top;
}

.mypbg00 {
	background-image:  url("/0image/ln_mypbg.gif");
	background-repeat: repeat-y;
	background-position: left top;
}

.mypbg02 {
	background-image:  url("../0image/myp_bg.gif");
	background-repeat: repeat-y;
	background-position: left top;
}
.mypbg03 {
	background-image:  url("/0image/myp_bg02.gif");
	background-repeat: repeat-y;
	background-position: left top;
}
.mypbg04 {
	background-image:  url("../0image/myp_bg03.gif");
	background-repeat: repeat-y;
	background-position: left top;
}
.mypbg05 {
	background-image:  url("../0image/myp_bg04.gif");
	background-repeat: repeat-y;
	background-position: left top;
}
.mypbg06 {
	background-image:  url("../0image/myp_bg05.gif");
	background-repeat: repeat-y;
	background-position: left top;
}
.mypbg07 {
	background-image:  url("../0image/myp_bg06.gif");
	background-repeat: repeat-y;
	background-position: left top;
}
.mypbg08 {
	background-image:  url("../0image/myp_bg07.gif");
	background-repeat: repeat-y;
	background-position: left top;
}
.mypbg09 {
	background-image:  url("../0image/myp_bg08.gif");
	background-repeat: repeat-y;
	background-position: left top;
}
.mypbg10 {
	background-image:  url("../0image/myp_bg09.gif");
	background-repeat: repeat-y;
	background-position: left top;
}
.mypbg11 {
	background-image:  url("../0image/myp_bg10.gif");
	background-repeat: repeat-y;
	background-position: left top;
}
.mypbg101 {
	background-image:  url("../0image/myp_bg11.gif");
	background-repeat: repeat-y;
	background-position: left top;
}


.hallbg {
	background-image:  url("../0image/hall.gif");
	background-repeat: repeat-y;
	background-position: left top;
}
.bgline01 {
	background-image:  url("../0image/bg_line.gif");
	background-repeat: repeat-y;
	background-position: left top;
}
.mallbg {
	background-image:  url("../0image/mallbg.gif");
	background-repeat: repeat-y;
	background-position: left top;
}
.petbg01 {
	background-image:  url(../0image/pet_shop_img/pet_shop_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.catbg {
	background-image:  url(../0image/catbg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

/* kakeizu */
.kakeibg01 {
	background-image:  url(../0image/kakei_img/kakeibg01.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.kakeibg02 {
	background-image:  url(../0image/kakei_img/kakeibg02.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.kakeibg03 {
	background-image:  url(../0image/kakei_img/kakeibg03.gif);
	background-repeat: repeat-y;
	background-position: right top;
}
.kakeibg04 {
	background-image:  url(../0image/kakei_img/kakeibg04.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.kakeibg05 {
	background-image:  url(../0image/kakei_img/kakeibg05.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.kakeibg06 {
	background-image:  url(../0image/kakei_img/kakeibg06.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.kakeibg07 {
	background-image:  url(../0image/kakei_img/kakeibg07.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.kakeibg08 {
	background-image:  url(../0image/kakei_img/kakeibg08.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.kakeibg09 {
	background-image:  url(../0image/kakei_img/kakeibg09.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

table td.outer02{
	position:relative;
	}
	
table td div.inner02{
	font-size: 120%;
	line-height: 120%; 
	color:#7B7158;
	font-weight:bold;
	position:absolute;
	display:block;
	width:260px;
	left:42px;
	top:25px;
	}

/* greeting */
.greetingbg {
	background-image:  url(../0image/geeting_img/greeting_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.greetingbg2 {
	background-image:  url(../0image/geeting_img/greeting_bg2.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.greetingbg3 {
	background-image:  url(../0image/geeting_img/greeting_bg3.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
td.gimage{
	position:relative;
}
td.gimage img{
	vertical-align:middle;
	display:block;
}
.outer{
	padding:0px;
	margin:0px;
	text-align:center;
	vertical-align:middle;
	height:70px;
	width:70px;
	position:absolute;
	top:-25px;
	left:125px;
}

/* commu */

.mypbg12 {
	background-image:  url(../0image/commu_img/mypbg12.gif);
	background-repeat: repeat-y;
	background-position: left top;
}


.photobg {
	background-image:  url(../0image/commu_img/photobg.gif);
	background-repeat: repeat;
	background-position: left top;
}

.commubg {
	background-image:  url(../0image/commu_img/commubg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

.commubg02 {
	background-image:  url(../0image/commu_img/commubg02.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.commubg03 {
	background-image:  url(../0image/commu_img/commubg03.gif);
	background-repeat: repeat-y;
	background-position: left top;
}




/* color */
.red          { color:#B93400;}
.org          { color:#FF7200;}
.pink         { color:#FFB273;}
.white        { color:#FFFFFF;}
.pink2        { color:#FF9999;}
.pink3        { color:#BF867F;}
.blue         { color:#0064B9;}
.blue02       { color:#0066CC; text-decoration:underline;}



/* text */
.title        { font-size: 120%;line-height: 140%; letter-spacing: normal ; color:#FFFFFF;font-weight:bold;}
.titleb       { font-size: 120%;line-height: 140%; letter-spacing: normal ; color:#737373;font-weight:bold;}

.title02      { font-size: 80%;	line-height: 140%; letter-spacing: -0.05em ; color:#FFFFFF; text-decoration:none; font-weight:bold;}
.contents     { font-size: 80%;	line-height: 140%; letter-spacing: normal ; color:#737373; text-decoration:none;}

.contents02   { font-size: 80%;	line-height: 120%; letter-spacing: normal ; color:#737373; text-decoration:none;}
.contents03   { font-size: 80%;	line-height: 140%; letter-spacing: normal ; color:#737373; text-decoration:none;}
.contents04   { font-size: 80%;	line-height: 140%; letter-spacing: -0.05em ; color:#737373; text-decoration:none;padding-top:2px}
.contents05   { font-size: 65%;	line-height: 160%; letter-spacing: 0.2em ; color:#737373; text-decoration:none;}

.contents06   { font-size: 65%;	line-height: 140%; letter-spacing: normal ; color:#737373; text-decoration:none; }
.contents07   { font-size: 65%;	line-height: 120%; letter-spacing: normal ; color:#737373; text-decoration:none; }

.c-title      { font-size: 120%;line-height: 140%; letter-spacing: normal ; color:#7B7158;font-weight:bold;}
.c-contents   { font-size: 80%;	line-height: 140%; letter-spacing: normal ; color:#737373; text-decoration:none;}
.c-contents02 { font-size: 80%;	line-height: 120%; letter-spacing: normal ; color:#737373; text-decoration:none;}
.c-contents03 { font-size: 85%;	line-height: 140%; letter-spacing: normal ; color:#737373; text-decoration:none;}
.s-contents   { font-size: 65%;	line-height: 140%; letter-spacing: 0.2em ; color:#E5E5E5; text-decoration:none;}
.s-contents02 { font-size: 65%;	line-height: 140%; letter-spacing: 0.2em ; color:#737373; text-decoration:none;}

.small        { font-size: 72%; letter-spacing: normal }
.cap          { font-size: 60% ;	line-height: 130%; letter-spacing: normal }
.tcontents    { font-size: 80%; line-height: 160%; letter-spacing: normal }
.sig          { font-size: 8.5pt;	line-height: 10pt }
.plist        { font-size: 65%;	line-height: 160%; letter-spacing: 0.1em ; color:#737373; text-decoration:none;}

.contentsb     { font-size: 75%;	line-height: 140%; letter-spacing: 0.2em ; color:#737373; text-decoration:none;}

/* local navi*/
.lnavi         { font-size: 80%;line-height: 130%; letter-spacing: 0.1em ; color:#998F88;}
.tlnavi        { font-size: 85%;line-height: 130%; letter-spacing: 0.1em ; color:#998F88;font-weight:bold;}
.c-lnavi       { font-size: 80%;line-height: 130%; letter-spacing: 0.1em ; color:#998F88;}
.lnavic        { font-size: 65%;line-height: 130%; letter-spacing: 0.1em ; color:#998F88; text-decoration:underline;}
.lnavim        { font-size: 65%;line-height: 130%; letter-spacing: 0.1em ; color:#998F88;}

/* mirrer link*/
.mirl         { font-size: 65%;	line-height: 140%; letter-spacing: 0.15em ; color:#737373; text-decoration:none;}
.mirl a             { color:#737373; text-decoration:none;}
.mirl a:visited     { color:#0066CC;}
.mirl a:hover       { color:#0066CC; text-decoration:underline;}
.mirl a:active      { color:#ff3399;}

/* toppage only */
.top          { font-size: 65%;	line-height: 160%; letter-spacing: 0.2em ; color:#737373; text-decoration:none;}
.top02        { font-size: 65%;	line-height: 180%; letter-spacing: 0.2em ; color:#737373; text-decoration:none;}
.top04        { font-size: 65%;	line-height: 140%; letter-spacing: 0.2em ; color:#737373; text-decoration:none;}
.top04 a             { color:#0066CC; text-decoration:none;}
.top04 a:visited     { color:#0066CC;}
.top04 a:hover       { color:#0066CC; text-decoration:underline;}
.top04 a:active      { color:#ff3399;}
.top02 a             { color:#0066CC; text-decoration:none;}
.top02 a:visited     { color:#0066CC;}
.top02 a:hover       { color:#0066CC; text-decoration:underline;}
.top02 a:active      { color:#ff3399;}
.c-top02        { font-size: 80%;	line-height: 160%; letter-spacing: 0.1em ; color:#737373; text-decoration:none;}
.c-top02 a             { color:#0066CC; text-decoration:none;}
.c-top02 a:visited     { color:#0066CC;}
.c-top02 a:hover       { color:#0066CC; text-decoration:underline;}
.c-top02 a:active      { color:#ff3399;}
.top03        { font-size: 65%;	line-height: 180%; letter-spacing: 0.2em ; color:#BABABA; text-decoration:none;}
.topsmall     { font-size: 65%;	line-height: 120%; letter-spacing: 0.1em ; color:#737373; text-decoration:none;}

/* form */
form          { margin: 0; padding: 0;}
.topfbox      { color: #737373; border: solid 1px #BABABA; width:125px; height:18px; }
.mallfbox     { color: #737373; border: solid 1px #BABABA; width:150px; height:18px; font-size:72%}
.fbox         { color: #737373; border: solid 1px #BABABA; width:40px }
.fbox1        { color: #737373; border: solid 1px #BABABA; width:64px }
.fbox2        { color: #737373; border: solid 1px #BABABA; width:70px }
.fbox3        { color: #737373; border: solid 1px #BABABA; width:120px }
.fbox3b       { color: #A37548; border: solid 1px #A37548; width:130px }
.fbox4        { color: #737373; border: solid 1px #BABABA; width:200px }
.fbox5        { color: #737373; border: solid 1px #BABABA; width:260px }
.fbox6        { color: #737373; border: solid 1px #BABABA; width:266px }
.fbox7        { color: #737373; border: solid 1px #BABABA; width:100px }
.fbox101      { color: #737373; border: solid 1px #BABABA; width:415px }
.fbox104      { color: #737373; border: solid 1px #BABABA; width:350px}
.fbox105      { color: #737373; border: solid 1px #BABABA; width:240px }
.farea        { color: #737373; border: solid 1px #BABABA; width: 300px; height: 130px }
.farea101     { color: #737373; border: solid 1px #BABABA; width:415px; height: 230px }
.farea102     { color: #737373; border: solid 1px #BABABA; width:410px; height: 150px }
.farea104     { color: #737373; border: solid 1px #BABABA; width:350px; height: 150px }
.farea105     { color: #737373; border: solid 1px #BABABA; width:350px; height: 150px }

.hasen        { border: thin dotted #993300 }

/* blog only */
.bcontents04   { font-size: 80%;	line-height: 140%; color:#737373; text-decoration:none;padding-top:2px}

.fboxm         { color: #9C7C60; border: solid 1px #C7B697; width:200px }

.contentsb     { font-size: 80%;	line-height: 140%; letter-spacing: normal ; color:#9C7C60; text-decoration:none; }

