/*
Theme Name: happyangel
*/


* {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

img.alignleft {
	float: left;
}

img.alignright {
	float: right;
}

img.aligncenter {
	clear: both;
	text-align: center;
}

.mceIEcenter {
	text-align: center;
}

.mceTemp dl {
	background: #f3f3f3;
	border: 1px solid #dddddd;
	padding: 5px;
	text-align: center;
}

.mceTemp dl dt img {
	padding: 0;
	margin: 0;
}

.mceTemp dl.alignleft {
	float: left;
}

.mceTemp dl.alignright {
	float: right;
}

/*-------------------------------*/
/*デフォルト*/
/*-------------------------------*/
* { font-size: 10pt; font-family: Verdana; color: #666; }

body { margin: 0; padding: 0; text-align: center; background-color: #cfc  }
#wrapper { width: 800px; margin: 0 auto; padding: 0; border: 0; text-align: left; background: #fff url(images/back_main.gif); border-top: none; border-right: none; 
border-bottom: 1px #060 solid; 
border-left: none;}
#header { margin: 0; padding: 0; clear: both;}

#top {
	margin: 0;
	padding: 0;
	clear: both;
}

#top p.mes01 {
	margin: 10px 20px;
	padding: 0;
}

#right { margin: 0; padding: 50px 10px 30px 0px; width: 140px; float: right; }
#main { margin: 0px 160px 0px 0px; padding: 10px 10px 20px 20px; }
#line { margin: 5px 0px 5px 0px; padding: 0; clear: both; text-align: center; }


hr { color: #fc6; border: 0; height: 1px; background-color: #fc6; }

h1 {
	font-size: 12pt;
	color: #cc6600;
	border-bottom: 1px solid #cc6600;
	margin: 20px 10px 0 10px;
	background: #ffcc99;
}

h2 { font-size: 10pt; margin-top: 30px; padding-left: 5px; border-bottom: 1px solid #c60; }
h3 { font-size: 20pt; color: #060; margin-top: 0px;  margin-bottom: 5px; }
p { padding: 5px 10px 5px 10px; margin: 0; line-height: 1.5em; }
img { vertical-align: bottom; border: none; }
small { font-size: 8pt; }
em { font-style: normal; font-weight: bold; background: transparent; border-bottom: 1px dotted #f63; }
p a:link { color: #f63; text-decoration: none; }
p a:visited { color: #f63; text-decoration: none; }
p a:hover { color: #fc9; text-decoration: none; }
p a:active { color: #f63; text-decoration: none; }
tr { vertical-align: top;  margin: 0; padding: 0; }
td { margin: 0; padding: 0; }
ul { padding: 0px 0px 0px 15px; margin: 0px 0px 10px 0px; }
li { list-style-type: none; }
textarea { min-width: 300px; min-height: 80px; }

.caution { color: #f66; font-size: 8pt; }
.border { border: 1px solid #f96; }
.count { margin: 0px 0px 6px 0px;}
.banner { margin: 3px 0px 3px 0px; }
.price { color: #900; font-size: 14pt; }

.menu { margin-bottom: 3px;}
.menu-ul { margin: 0; padding-left: 50px; }
.menu-li { list-style-type: none; width: 88px; height: 37px; float: left; padding-left: 2px; }
.honbun { padding-left: 1em; }
.honbun-ul { margin: 0px 0px 0px 30px; padding: 0.5em 0.5em 0.5em 1.5em; line-height: 1.5em; }
.honbun-li { list-style-type: decimal; }
.top-tbl { margin: 5px 0px 5px 5px; width: 600px; border-collapse: collapse; border: none; }
.honbun-tbl { margin: 5px 0px 5px 10px; width: 550px; border-collapse: collapse; border: none; }
.puppy-tbl { width: 450px; }
.kouhai-tbl { width: 550px; margin: 20px 0px 0px 10px; border: 1px solid #f93; }
.tbl-th { color: #fff; background: #c60; border: 1px solid #fff; text-align: center; }
.tbl-1 { background: #fff; border: 1px solid #fff; padding: 1px 2px 1px 2px; text-align: left; }
.tbl-2 { background: #fc9; border: 1px solid #fff; padding: 1px 2px 1px 2px; text-align: left; }
.tbl-puppy { width:290px; background: #fff; border: 1px solid #f93; padding: 1px 4px 1px 4px; }
.tbl-kouhai { width:140px; background: #fff; border: 1px solid #fff; padding: 0; }
.topwanko { margin-left: 20px; padding: 0; border: none; border-collapse: collapse; }
.topwanko-head { margin: 0; padding: 0; height: 50px; background: #fff url(images/top_wanko_ue.gif); text-align:left; }
.topwanko-hidari { margin: 0; padding: 0; width: 20px; background: #fff url(images/top_wanko_hidari.gif); }
.topwanko-migi { margin: 0; padding: 0; width: 20px; background: #fff url(images/top_wanko_migi.gif); }
.topwanko-foot { margin: 0; padding: 0; height: 18px; background: #fff url(images/top_wanko_sita.gif); }
.topwanko-line { margin: 0; padding: 0; width: 20px; background: #fff url(images/top_wanko_line.gif); }
.topwankotd { width:150px; }

.puppy-table { width: 420px; margin: 0; border: 1px solid #f63; }
.puppy-title { width: 70%; }
.puppy-date { width: 30%; }
.puppy-comments { text-align: left; margin: 0; line-height: 1.3em; }
.puppy-admin { text-align: right; font-size: 8pt; margin: 0; line-height: 1.2em; }

.copy { color: #696; }

.tbl-eshop { margin:0px 0px 3px 0px; border: 1px solid #f93; border-collapse: collapse; }
.td-eshop { margin:0; padding:0; background-color:#f93; text-align : center; }
.a-eshop { font-size : 11px; text-decoration : none; font-weight: normal; background-color:#f93; color: #fff; line-height:110%; }

/*-------------------------------*/
/*メニュー*/
/*-------------------------------*/


#menu {
	height: 40px;
	margin: 0;
	padding: 0;
	clear: both;
	background: url(images/back_menu.gif);
}

#menu ul {
	list-style-type: none;
}

#menu ul li {
	float: left;
	width: 88px;
	height: 37px;
	margin: 0 2px 0 0;
}

#menu ul li a {
	display: block;
	width: 88px;
	height: 37px;
}

#menu span {
	position: absolute;
	left: -5000px;
}

#menu01 a {background: url(images/menu1.gif) no-repeat top left;}
#menu02 a {background: url(images/menu2.gif) no-repeat top left;}
#menu03 a {background: url(images/menu3.gif) no-repeat top left;}
#menu04 a {background: url(images/menu4.gif) no-repeat top left;}
#menu05 a {background: url(images/menu5.gif) no-repeat top left;}
#menu06 a {background: url(images/menu6.gif) no-repeat top left;}
#menu07 a {background: url(images/menu7.gif) no-repeat top left;}
#menu08 a {background: url(images/menu8.gif) no-repeat top left;}

#menu01 a:hover,
#menu02 a:hover,
#menu03 a:hover,
#menu04 a:hover,
#menu05 a:hover,
#menu06 a:hover,
#menu07 a:hover,
#menu08 a:hover {
	background-position: 0 -37px;
}

#topmain {
	clear: both;
	float: left;
	width: 798px;
	margin: 5px 0;
	padding: 0;
}

#box01 {
	float: left;
	width: 780px;
	margin: 0;
	padding: 0 0 0 10px;
}

#ttl01 {
	float: left;
	width: 780px;
	background: #cc6600;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	line-height: 1.7;
	margin: 0 0 5px 0;
}

table.tbl01 {
	clear: both;
	float: left;
	border-collapse: collapse;
	clear: both;
	width: 384px;
	margin: 0;
	padding: 0;
}

table.tbl01 td {
	margin: 0;
	padding: 0;
	text-align: left;
}

table.tbl01 td img,
table.tbl01 td a img {
	margin: 0;
	padding: 0;
	line-height: 0;
}

table.tbl01 td p {
	margin: 0;
	padding: 0;
	line-height: 0;
}

#postimg {
	width: 370px;
	margin: 0;
	padding: 0;
}

#postimg p a img,
#postimg p img {
	float: left;
	margin: 0;
	padding: 0 5px 0 0;
	line-height: 0;
}

#comment {
	clear: both;
	float: left;
	width: 780px;
	line-height: 1.7;
	font-size: 12px;
	padding: 5px 0;
	text-align: left;
}

#box_tbl02 {
	clear: both;
	float: left;
	width: 388px;
	height: 82px;
	margin: 5px 0 0 0;
	padding: 10px 10px;
	border: 1px solid #ff9933;
}

table.tbl02 {
	clear: both;
	border-collapse: collapse;
	clear: both;
	width: 388px;
	height: 82px;
}

table.tbl02 td {
	margin: 0;
	padding: 0;
	line-height: 1.5;
}