@charset "UTF-8";
h1 {
	font-size:20px;
	font-weight:bold;
	padding:15px 10px 15px 10px;
}
h2 {
	font-size:20px;
	color:#62542b;
	font-weight:bold;
	padding:10px;
}
h3 {
	font-size:15px;
	line-height:1.4;
	font-weight:bold;
	margin:10px;
}


/**おすすめ順**/
#ranking1 {
}
.ranking {
	padding:0 10px 15px 10px;
}
.ranking h2 {
	padding:0;
	background:none;
	font-size:16px;
}
.ranking h2 span {
	display:block;
	color:#886633;
	border:1px solid #886633;
	background:url(../img/ranking.png) no-repeat 7px center, url() no-repeat 98% center, -webkit-gradient(linear, center top, center bottom, from(#fff), to(#dedcd1));
	-webkit-background-size:18px 18px, 14px 14px, auto;
	-webkit-border-radius:3px;
	padding:11px 10px 9px 31px;
}
/*
.ranking h2.open a {
	display:block;
	color:#886633;
	border:1px solid #886633;
	background:url(../img/ranking.png) no-repeat 7px center, url(../../img/btn_open.png) no-repeat 98% center, -webkit-gradient(linear, center top, center bottom, from(#fff), to(#dedcd1));
	-webkit-background-size:14px 14px, 14px 14px, auto;
	-webkit-border-radius:3px;
	padding:11px 10px 9px 31px;
}
.ranking h2.close a {
	display:block;
	color:#886633;
	border:1px solid #886633;
	background:url(../img/ranking.png) no-repeat 7px center, url(../../img/btn_close.png) no-repeat 98% center, -webkit-gradient(linear, center top, center bottom, from(#fff), to(#dedcd1));
	-webkit-background-size:14px 14px, 14px 14px, auto;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	padding:11px 10px 9px 31px;
}
*/
.rankingInner {
	clear:both;
	background:#fff;
	border-right:1px solid #886633;
	border-bottom:1px solid #886633;
	border-left:1px solid #886633;
	padding:10px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
}
.rankingInner p {
	font-size:18px;
	line-height:1.4;
	color:#4e4e4e;
}
.rankingInner dl {
	border:1px solid;
	font-size:17px;
	font-weight:bold;
	-webkit-border-radius:3px;
}
.rankingInner dt {
	color:#fff;
	padding:5px;
}
.rankingInner dd {
	float:left;
	width:24.5%;
	text-align:center;
	border-right:1px solid;
}
.rankingInner dd a {
	display:inline-block;
	color:#0066aa;
	padding:10px 5px;
}
.rankingInner dd:last-child {
	border-right:none;
}
.rankingInner dl.female {
	margin:0 auto 0 auto;
	border-color:#FF6699;
	background:-webkit-gradient(linear, left top, left bottom, from(#ff3461), color-stop(0.01, #ff3461), color-stop(0.20, #fff), color-stop(0.50, #fff), color-stop(0.60, #fff), color-stop(0.99, #ffd4de), to(#ffd4de));
}
.rankingInner dl.female dt {
	background-color:#FF6699;
}
.rankingInner dl.female dd {
	border-color:#FF6699;
}
.rankingInner dl.female dd a {
}
.rankingInner dl.male {
	margin:10px auto 0 auto;
	border-color:#60b9f8;
	background:-webkit-gradient(linear, left top, left bottom, from(#2a97ff), color-stop(0.01, #2a97ff), color-stop(0.20, #fff), color-stop(0.50, #fff), color-stop(0.60, #fff), color-stop(0.99, #abd6ff), to(#abd6ff));
}
.rankingInner dl.male dt {
	background-color:#60b9f8;
}
.rankingInner dl.male dd {
	border-color:#60b9f8;
}
.rankingInner dl.male dd a {
}
.rankingInner p.close {
	text-align:right;
	margin-top:10px;
}
.rankingInner p.close a {
	display:inline-block;
	font-size:10px;
	font-weight:bold;
	color:#675329;
	border:1px solid #aba792;
	-webkit-border-radius:6px;
	background:-webkit-gradient(linear, center top, center bottom, from(#fff), to(#e0ded3));
	padding:10px 20px;
}

.title {
	background-color:#f9e2ac;
}
.title h2 {
	background:#ffe5b2;
	border:none;
	line-height:1.4;
	color:#62542b;
}
/*#pet {
	background:#fbf5dd;
	margin-bottom:15px;
}*/
#pet p.lead {
	background:#fff;
	font-size:18px;
	line-height:1.5;
	font-weight:bold;
	color:#555;
	padding:10px 10px 10px 10px;
	border-bottom:1px solid #aeaa95;
}

#osusume,
#pet {
	margin-bottom:15px;
}
#osusume h2 {
	font-size:20px;
	color:#fe7702;
	background:none;
	border:none;
	padding:0 10px 10px 10px;
	border-bottom:1px solid #aeaa95;
}

#osusume table,
#pet table {
width:100%;
}
#osusume table th,
#pet table th {
width:80px;
text-align:left;
}

#osusume table th img,
#pet table th img {
width:80px;
}

#osusume table td,
#pet table td {
padding-right:20px;
vertical-align:top;
}

#osusume table td .icon,
#pet table td .icon{
font-size:12px;
font-weight:bold;
color:#664f00;
display:inline-block;
border:solid 1px #664f00;
margin:0 10px 5px 0;
padding:3px;
vertical-align:top;
}

#osusume li,
#pet li {
	border-bottom:1px solid #aeaa95;
}
#osusume li a,
#pet li a {
	clear:both;
	display:block;
	color:#0066aa;
	position:relative;
	padding:10px 10px 10px 5px;
}

#osusume li em img,
#pet li em img {
	margin:0 10px 5px 0;
}
#osusume li a .img img,
#pet li a .img img {
	width:80px;
}
#osusume li a h3,
#pet li a h3 {
	font-size:20px;
	line-height:1.4;
	margin:0 0 5px 0;
}

#osusume li a p,
#pet li a p {
	font-size:18px;
	font-weight:bold;
	line-height:1.5;
	color:#555;
}
#osusume li a span.price,
#pet li a span.price {
	font-size:14px;
	line-height:1.5;
	color:#555;
	font-weight:normal;
}
#osusume li a span.notes,
#pet li a span.notes {
	clear:both;
	display:block;
	font-size:12px;
	line-height:1.5;
	color:#555;
	font-weight:normal;
}
#osusume li a:after,
#pet li a:after {
	content:"";
	position:absolute;
	right:12px;
	top:50%;
	display:block;
	width:8px;
	height:8px;
	margin-top:50&;
	border-top:solid 3px #ff7802;
	border-right:solid 3px #ff7802;
	-webkit-transform:rotate(45deg);
}
/*#osusume p.pagetop
#pet p.pagetop, {
	margin-right:10px;
}

#menu p.pagetop a
#menu2 p.pagetop a, {
text-decoration:underline;
}

*/




/**50音順**/
#index50 h2 {
	font-size:20px;
	color:#fe7702;
	background:none;
	border:none;
	padding:0 10px 10px 10px;
}
#index50 {
	margin-bottom:15px;
	border-bottom:1px solid #aeaa95;
}
#index50 p.toggle a {
	display:block;
	font-size:20px;
	font-weight:bold;
	color:#62542b;
	padding:0;
	background:none;
	border-top:1px solid #aeaa95;
	padding:15px 10px 15px 22px;
}
#index50 p.toggle a {
	background:url(../../img/btn_open.png) no-repeat 98% center, -webkit-gradient(linear, center top, center bottom, from(#fff), to(#dedcd1));
	background-size:14px 14px, auto;
	-webkit-background-size:14px 14px, auto;
}
#index50 p.open a {
	background:url(../../img/btn_close.png) no-repeat 98% center, -webkit-gradient(linear, center top, center bottom, from(#fff), to(#dedcd1));
	background-size:14px 14px, auto;
	-webkit-background-size:14px 14px, auto;
}
#index50 li {
	border-top:1px solid #aeaa95;
}
#index50 li a {
	clear:both;
	display:block;
	font-size:18px;
	font-weight:bold;
	line-height:1.4;
	color:#0066aa;
	position:relative;
	padding:15px 35px 15px 22px;
}
#index50 li a span.new {
	vertical-align:top;
	background-color:#fe7702;
	color:#fff;
	font-size:12px;
	line-height:2;
	font-weight:bold;
	-webkit-border-radius:8px;
	padding:1px 8px;
	margin-left:5px;
}
#index50 li a:after {
	content:"";
	position:absolute;
	right:12px;
	top:50%;
	display:block;
	width:5px;
	height:5px;
	margin-top:-5px;
	border-top:solid 2px #ff7802;
	border-right:solid 2px #ff7802;
	-webkit-transform:rotate(45deg);
}
#index50 li a span {
	font-weight:normal;
	color:#968a3d;
	font-size:9px;
}
#index50 li a .icon{
	font-size:12px;
	font-weight:bold;
	color:#664f00;
	display:inline-block;
	border:solid 1px #664f00;
	margin:0 0 0 10px;
	padding:3px;
}
#index50 p.lead{
	font-size:18px;
	line-height:1.6;
	padding:15px 10px 15px 22px;
	border-top:1px solid #aeaa95;
}
#index50 p.lead a{
	color:#0066aa;
	text-decoration:underline;
}
#index50 p.lead strong{
	color:#62542b;
}
p.pagetop {
	margin-right:10px;
}


/**成分名別**/
#component {
}
#component h2 {
	font-size:20px;
	color:#fe7702;
	background:none;
	border:none;
	padding:0 10px 0 10px;
}



#component p {
	font-size:18px;
	line-height:1.4;
	color:#555;
	margin:10px 10px 15px 10px;
}
#component p.notes {
	color:#62542b;
}
#component span {
	font-size:10px;
	color:#686868;
}
#series {
	margin-bottom:30px;
}
#series table {
width:100%;
}
#series table th {
width:80px;
text-align:left;
}

#series table th img {
width:80px;
}

#series table td {
padding-right:20px;
vertical-align:top;
}
#series table td .icon{
font-size:12px;
font-weight:bold;
color:#664f00;
display:inline-block;
border:solid 1px #664f00;
margin:0 10px 5px 0;
padding:3px;
vertical-align:top;
}
#series h2 {
	background:#f9e2ac;
	border:none;
	line-height:1.4;
	color:#62542b;
}
#series p.lead {
	font-size:18px;
	line-height:1.5;
	font-weight:bold;
	color:#555;
	padding:10px 15px 10px 10px;
}
#series p.lead em {
	font-style:normal;
	color:#fe7702;
}

#series li a {
	clear:both;
	display:block;
	color:#0066aa;
	position:relative;
	padding:10px;
}
#series li:after {
	display:block;
	margin-top:-1px;
	height:1px;
	content:"";
	clear:both;
}
#series li a .img {
	float:left;
	min-height:105px;
}
#series li em img {
	margin:0 10px 5px 0;
}
#series li a .img img {
	width:80px;
}
#series li a h3 {
	font-size:20px;
	line-height:1.4;
	margin:0 0 5px 0;
	color:#0066aa;
}
#series li a p {
	font-size:18px;
	line-height:1.5;
	font-weight:bold;
	color:#555;
}
#series li a span.price {
	font-size:14px;
	line-height:1.5;
	color:#555;
}
#series li a span.notes {
	clear:both;
	display:block;
	font-size:10px;
	line-height:1.5;
	color:#555;
}
#series li a:after {
	content:"";
	position:absolute;
	right:12px;
	top:50%;
	display:block;
	width:8px;
	height:8px;
	margin-top:-5px;
	border-top:solid 3px #ff7802;
	border-right:solid 3px #ff7802;
	-webkit-transform:rotate(45deg);
}

.title h2 {
	font-size:20px;
	line-height:1.4;
	background:#f9e2ac;
	border:none;
}
#other {
	padding-bottom:15px;
}
#other li a {
	clear:both;
	display:block;
	font-size:18px;
	font-weight:bold;
	color:#0066aa;
	background:#fff;
	border-bottom:1px solid #aeaa95;
	position:relative;
	padding:15px 20px;
}
#other li a:after {
	content:"";
	position:absolute;
	right:12px;
	top:50%;
	display:block;
	width:8px;
	height:8px;
	margin-top:-5px;
	border-top:solid 3px #ff7802;
	border-right:solid 3px #ff7802;
	-webkit-transform:rotate(45deg);
}
#other p {
	text-align:right;
	margin:0;
}
#other p.top a {
	display:inline-block;
	font-size:14px;
	font-weight:bold;
	color:#675329;
	border:1px solid #aba792;
	background:-webkit-gradient(linear, center top, center bottom, from(#fff), to(#e0ded3));
	-webkit-border-radius:6px;
	padding:10px 20px;
	margin:10px 10px 0 0;
}




#osusume table td .rank, #osusume table td span.r1, #osusume table td span.r2, #osusume table td span.r3 {
	font-size:20px;
	font-weight:bold;
	display:block;
	color:#333;
	line-height:1;
	vertical-align:top;
	margin-right:0;
	padding-left:22px;
	margin-bottom:5px;
}
#osusume table td span.r1, #osusume table td span.r2, #osusume table td span.r3 {
	-webkit-background-size:20px;
	background-repeat: no-repeat;
	background-position: left center;
}
#osusume table td span.r1 {
	background-image: url(../img/ranking1.png);
}
#osusume table td span.r2 {
	background-image: url(../img/ranking2.png);
}
#osusume table td span.r3 {
	background-image: url(../img/ranking3.png);
}