@charset "shift_jis";
/* jqm docs css

Beware: lots of last-minute CSS going on in here 
cobblers, shoes, 
*/
img {
	vertical-align:top;
}
.ui-body-c {
 background: #F7EDD5;background: url(../images/bg.png) 0 0 repeat;
}
body { background: #F7EDD5;font-size:14px;line-height:1.5;background: url(../images/bg.png) 0 0 repeat;}
.ui-mobile #jqm-homeheader { padding: 40px 10px 0; text-align: center;  margin: 0 auto; }
.ui-mobile #jqm-homeheader h1 { margin: 0 0 ; }
.ui-mobile #jqm-homeheader p { margin: .3em 0 0; line-height: 1.3; font-size: .9em; font-weight: bold; color: #666; }
.ui-mobile #jqm-version { text-indent: -99999px; background: url(../images/version.png) top right no-repeat; width: 119px; height: 122px; overflow: hidden; position: absolute; z-index: 50; top: -11px; right: 0; }
.ui-mobile .jqm-themeswitcher { margin: 10px 25px 10px 10px;  }

h2 { margin:1.2em 0 .4em 0; }
p code { font-size:1.2em; font-weight:bold; } 

dt { font-weight: bold; margin: 2em 0 .5em; }
dt code, dd code { font-size:1.3em; line-height:150%; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

#jqm-homeheader img { width: 235px; }
img { max-width: 100%; }
ul,ol,li{list-style-type:none;padding:0;margin:0;}
.ui-header .jqm-home { top:0.65em; }
nav { margin: 0 10px; }
a { color:#007AB4; text-decoration:none; font-weight:normal; text-shadow:none;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
/*------------------------------------
ヘッダー
------------------------------------*/
header.header-docs {
	position:relative;
}

header.header-docs h1.ui-title {
	position:absolute;
	width:216px;
	height:63px;
	z-index:6;
	top:0;
	left:50%;
	margin:0 0 0 -108px;
	padding:0;
	text-align:left;
}
body#index header.header-docs h1.ui-title {
	width:224px;
	height:120px;
	margin:0 0 0 -112px;
}

header.header-docs nav {
	width:100%;
	height:44px;
	position:relative;
	z-index:5;
	float:right;
	margin:0;
	padding:0;
	background: -moz-linear-gradient(top, #835743,#613A24);
	background: -webkit-gradient(linear, left top, left bottom, from(#835743),to(#613A24));
	border-top:2px solid #BD9888;
	border-bottom:2px solid #3E2319;
}
header.header-docs nav:before {
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	background: url(../images/sunabg.png) 0 0 repeat;
}

header.header-docs nav li {
	width:52px;
	position:relative;
	z-index:6;
}
header.header-docs nav li:first-of-type {
	float:right;
}
header.header-docs nav li:last-of-type {
	float:left;
}
header.header-docs nav li a {
	width:52px;
	height:44px;
	text-align:center;
	display:block;
	font-size:10px;
	color:#fff;
	text-shadow:
	-1px -1px 1px rgba(0, 0, 0, 0.4),
	1px 1px 1px rgba(255, 255, 255, 0.5);
}
header.header-docs nav li:first-of-type a:before {
	display:block;
	width:52px;
	height:24px;
	content: url("../images/nav_list.png");
	position:relative;
	top:0;
	padding:3px 0 0;
	margin:0;
}
header.header-docs nav li:last-of-type a:before {
	display:block;
	width:52px;
	height:24px;
	content: url("../images/nav_shop.png");
	position:relative;
	top:0;
	padding:3px 0 0;
	margin:0;
}

#petSearchTop {
	display:block;
	text-align:center;
	position:relative;
	padding:76px 0 10px 0;
} 
body#index #petSearchTop {
	padding:125px 0 15px 0;
} 
#topSearch img,#topSearch input{
	vertical-align:middle;
}
#topSearch {
	margin:0 auto;
	width:288px;
	padding:1px;
	border:3px solid #D3B4A0;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	background: #fff;
	box-shadow: 0 0 0 1px rgba(255,255,255,1);
	-webkit-box-shadow: 0 0 0 1px rgba(255,255,255,1);
	-moz-box-shadow: 0 0 0 1px rgba(255,255,255,1);
	-o-box-shadow: 0 0 0 1px rgba(255,255,255,1);
	-ms-box-shadow: 0 0 0 1px rgba(255,255,255,1);
	position: relative;
}
#topSearch input[type=text] {
	border:none;
	padding:2px 0 2px 5px;
	margin:0;
	width:180px;
	font-size:18px;
}
#topSearch label {
	cursor:pointer;
}
#topSearch ul {
	width:232px;
	border-top:1px solid #FF6D00;
	border-left:1px solid #FF6D00;
	background: #fff;
	display:none;
	top:30px;
}
#topSearch ul li {
	float:left;
	text-align:left;
	width:115px;
	height:30px;
	border-right:1px solid #FF6D00;
	border-bottom:1px solid #FF6D00;
	background: #fff;
}
#topSearch ul li:last-of-type {
	float:left;
	width:231px;
	border-right:1px solid #FF6D00;
	border-bottom:1px solid #FF6D00;
}
#topSearch ul li a {
	display:block;
	height:20px;
	padding:5px 3px 5px 30px;
	color:#FF6D00;
	font-weight:bold;
	position:relative;
	font-size:13px;
}
#topSearch ul li a.on {
	color:#fff;
	background: #FFB67F;
	text-shadow:-1px -1px 1px #bfbfbf;
}
#topSearch ul li:nth-of-type(1) a:after{content: url("../images/s_dog.png");position:absolute;top:2px;left:0;padding:0;}
#topSearch ul li:nth-of-type(2) a:after{content: url("../images/s_cat.png");position:absolute;top:2px;left:0;padding:0;}
#topSearch ul li:nth-of-type(3) a:after{content: url("../images/s_aqua.png");position:absolute;top:2px;left:0;padding:0;}
#topSearch ul li:nth-of-type(4) a:after{content: url("../images/s_bird.png");position:absolute;top:2px;left:0;padding:0;}
#topSearch ul li:nth-of-type(5) a:after{content: url("../images/s_rep.png");position:absolute;top:2px;left:0;padding:0;}
#topSearch ul li:nth-of-type(1) a.on:after{content: url("../images/s_dog_o.png");position:absolute;top:2px;left:0;padding:0;}
#topSearch ul li:nth-of-type(2) a.on:after{content: url("../images/s_cat_o.png");position:absolute;top:2px;left:0;padding:0;}
#topSearch ul li:nth-of-type(3) a.on:after{content: url("../images/s_aqua_o.png");position:absolute;top:2px;left:0;padding:0;}
#topSearch ul li:nth-of-type(4) a.on:after{content: url("../images/s_bird_o.png");position:absolute;top:2px;left:0;padding:0;}
#topSearch ul li:nth-of-type(5) a.on:after{content: url("../images/s_rep_o.png");position:absolute;top:2px;left:0;padding:0;}
#petSearchTop p {
	width:294px;
	height:24px;
	position:absolute;
	z-index:4;
	top:50px;
	left:50%;
	margin:0 0 0 -147px;
	padding:0;
	text-align:left;
} 
body#index #petSearchTop p {
	top:100px;
} 

/*------------------------------------
フッター
------------------------------------*/
footer {
	margin:0;
	padding:0;
	text-align:center;
}
footer a {
	color:#007AB4;
	text-decoration:none;
	font-weight:normal
}
footer .pageTop {
	font-size:12px;
	text-align:center;
	margin:0 0 18px;
}
footer .pageTop a {
	position: relative;
	display: inline-block;
	padding: 15px 25px 5px;
	margin:0 auto;
	text-decoration: none;
	font-size:12px;
	font-weight:bold;
	background:#fff;
	border:1px solid #ccc;
	border-radius:4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	/*box-shadow: 0px 0px 5px rgba(0,0,0,.25);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.25);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.25);*/
}
footer .pageTop a:before {
	content: "";
	position: absolute;
	right: 50%;
	top: 10px;
	display: block;
	width: 6px;
	height: 6px;
	margin:0 -3px 0 0;
	border-top: solid 2px #007AB4;
	border-right: solid 2px #007AB4;
	-webkit-transform-origin: left top;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
footer p {
	padding:0;
	margin:0 0 24px;
	text-align:center;
}
footer dl,footer dt,footer dd {
	margin:0;
	padding:0;
}
footer dl {
	margin:0 10px 10px;
	padding:6px 3px;
	border:1px solid #ccc;
	background: #fff;
}
footer dt {
	display:inline-block;
	background: #fff;
}
footer dt:after {
	content: "：";
}
footer dd {
	display:inline-block;
	border-right: solid 1px #333;
	padding-left:5px;
	padding-right:8px;
	background: #fff;
}
footer dd:first-of-type:before {
	content: url("../images/ico_smapho.png");
	position:relative;
	top:2px;
	padding:0 6px 0 3px;
}
footer dd:last-of-type {
	border-right:none;
	padding-right:0;
}
footer dd:last-of-type:before {
	content: url("../images/ico_pc.png");
	position:relative;
	top:2px;
	padding:0 6px 0 3px;
}
.footerWrap {
	padding: 0 0;
	border-top:3px solid #FFAD01;
	color:#333;
	font-weight:normal;
	text-shadow:none;
	background-image:-webkit-gradient(linear,left top,left bottom,from(#ddd),color-stop(0.15, #fff),to(#fff));
	background-image:-webkit-linear-gradient(#ddd,#fff 15%,#fff);
	background-image:-moz-linear-gradient(#ddd,#fff 15%,#fff);
	background-image:-ms-linear-gradient(#ddd,#fff 15%,#fff);
	background-image:-o-linear-gradient(#ddd,#fff 15%,#fff);
	background-image:linear-gradient(#ddd,#fff 15%,#fff)
}
.footerWrap p {
	font-size:11px;
	font-weight: normal;
	text-align:center;
	margin:15px 0 0;
 	padding:0 0 10px;
}
.footerWrap ul {
	margin:15px 0;
	padding:0;
	text-align:center;
}
.footerWrap ul li{
	display:inline-block;
	border-right: solid 1px #333;
	padding-left:5px;
	padding-right:8px;
	line-height:1.5;
}
.footerWrap ul li:nth-child(3),.footerWrap ul li:last-child{
	border-right:none;
	padding-right:0;
}
@media all and (min-width: 650px){
	.footerWrap ul li:nth-child(3){
		border-right: solid 1px #333;
		padding-right:8px;
	}
}
.footerWrap ul#sns li {
	border-right:none;
	padding-left:0;
	padding-right:8px;
	position:relative;

}
.footerWrap ul#sns li a {
	padding:0 0 0 30px;
}
.footerWrap ul#sns li:first-of-type a:before {
	content: url("../images/ico_fb.png");
	position:absolute;
	left:0;
	top:0;
	padding:0;
}
.footerWrap ul#sns li:last-of-type a:before {
	content: url("../images/ico_t.png");
	position:absolute;
	left:0;
	top:0;
	padding:0;
}
/*------------------------------------
メニュー
------------------------------------*/
aside#menuBtn{
	text-align:center;
	margin:0;
	padding:0 0 1px;
	border-top:1px solid #dedede;
}
aside#menuBtn a{
	display:block;
}

/*------------------------------------
パンくず
------------------------------------*/
aside#breadcramb{
	margin:0;
	padding:0;
}
aside#breadcramb ul {
	background:#fff;
	padding:3px 0 6px;
}
aside#breadcramb ul li {
	display:inline-block;
	font-size:10px;
}
aside#breadcramb ul li:first-of-type:before {
	content: url("../images/ico_home.png");
	position:relative;
	left:0;
	top:3px;
	padding:0;
	margin:0 3px;
}
aside#breadcramb ul li:after {
	content: "＞";
	position:relative;
	left:0;
	top:0;
	padding:0;
	margin:0 3px;
}
aside#breadcramb ul li:last-of-type:after {
	content: "";
}
/*------------------------------------
下層共通パーツ
------------------------------------*/
.mainContents h1 {
	margin:0;
	padding:9px 0 9px 36px;
	background: url(../images/menu_bg.png) 0 0 repeat;
	color:#FF3333;
	font-size:16px;
	text-align:left;
	text-shadow:
	1px 1px 1px #fff,
	-1px  1px 1px #fff,
	1px -1px 1px #fff,
	-1px -1px 1px #fff;
	border-bottom: solid 2px #FA6B5A;
	position:relative;
}
.mainContents h1:before {
	content: url("../images/ico_hand.png");
	position:absolute;
	left:0;
	top:50%;
	padding:0;
	margin:-15px 0 0;
}
.mainContents h2 {
	padding: 11px 0 5px 36px;
	margin:0;
	font-size:16px;
	font-weight:bold;
	color:#4B2107;
	padding-bottom:5px;
	background: url(../images/tit_b.png) 0 100% repeat-x;
	position: relative;
}
.mainContents h2:before {
	content: url("../images/tit_sale.png");
	position: absolute;
	left: 0;
	top: 50%;
	margin: -14px 0 0;
	padding: 0;
}
.mainContents h3 {
	padding: 6px;
	margin:0;
	background:#FDE7C3;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
}
.mainContents h4 {
	border-bottom: 2px solid #F7A928;
	margin:14px 0 0;
	padding: 0 0 3px;
}
.mainContents .secInner {
	background: #fff;
	border-bottom: 1px solid #FA6B5A;
	margin: 0 0 18px;
	padding: 10px;
	position: relative;
}

.mainContents figure {
	display:block;
	padding:0;
	margin:10px 0;
	text-align:center;
}
.mainContents .btn {
	text-align: center;
	margin:0 0 10px;
}
.mainContents a.ui-btn {
	box-shadow:none;
	-webkit-box-shadow:none;
	cursor: pointer;
	display: inline-block;
	margin: 0 auto;
	padding: 0;
	position: relative;
	text-align: center;
	background: url(../images/petnav_bg_no.png) 0 0 repeat;
	border: 1px solid #F7A928;
	font-size:12px;
	color:#4B2107;
	text-shadow:0 -1px 1px rgba(0,,0,0,0.2),0 1px 1px rgba(255,255,255,0.8);
}
.ui-btn-icon-right .ui-btn-inner {
	padding-right: 33px;
	padding-left: 12px;
}
.mainContents .og {
	color:#f60;
}
.mainContents .price {
	color:#f00;
}
.mainContents .f12 {
	font-size:12px;
}
.mainContents p.attention {
	color:#f00;
	margin:0 10px;
}
.mainContents span.attention,.mainContents strong.attention {
	color:#c00;
}
.mainContents .secInner ul {
	margin:14px 0;
}
.mainContents .secInner ul li {
	margin-left:1.5em;
	list-style-type:disc;
}
.mainContents .secInner ol {
	margin:14px 0;
}
.mainContents .secInner ol li {
	margin:0 0 6px 1.5em;
	list-style-type:decimal;
}
.mainContents .secInner dl {
	margin:14px 0;
}
.mainContents .secInner dt {
	margin:0 0 6px;
	padding:3px;
}
.mainContents .secInner dd {
	margin:0 0 9px;
	padding:0 0 0 1em;
}
.mainContents .comment {
	font-size:12px;
	color:#666;
}
.mainContents table {
	margin:14px 0;
	width:100%;
	border-collapse:collapse;
}
.mainContents table th,.mainContents table td {
	text-align:center;
	border:1px solid #ccc;
	padding:3px;
}
.mainContents table.recT th,.mainContents table.recT td {
	text-align:left;
	vertical-align:middle;
	padding:9px;
}
.mainContents table th {
	color:#4B2107;
	background:#F7EDD5;
}
.mainContents table.recT th {
	color:#4B2107;
	background:#F7EDD5;
	width:1em;
}
.mainContents table.recT ol {
	padding:0;
	margin:0;
}
.mainContents table.recT ol li {
	margin:0 0 0 1.5em;
}
.mainContents table.corpT th,.mainContents table.corpT td {
	text-align:left;
	vertical-align:middle;
	padding:9px;
}
.mainContents table.corpT th {
	color:#4B2107;
	background:#F7EDD5;
	width:5.5em;
}
.mainContents table.layoutT td{
	border:none;
	padding:0;
	text-align:left;
}
.mainContents table.layoutT td.imaged {
	padding:0 10px 0 0;
	text-align:center;
}
.mainContents .mb0 {
	margin-bottom:0 !important;
}
.mainContents .newsList {
	margin: 0 0 24px;
}
.mainContents .newsList li {
	list-style-type:none;
	border-bottom:1px solid #ccc;
	padding:0;
	margin:0;
	background:#fff;
	position: relative;
}
.mainContents .newsList li a {
	display: block;
	padding: 10px 25px 10px 10px;
	text-decoration: none;
}
.mainContents .newsList li a:after {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	display: block;
	width: 6px;
	height: 6px;
	margin-top: -4px;
	border-top: solid 2px #979797;
	border-right: solid 2px #979797;
	-webkit-transform-origin: left top;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.mainContents .newsList li a span {
	font-size:12px;
	color:#666;
}
.mainContents .txtR {
	text-align:right;
}
.mainContents .txtC {
	text-align:center;
}
.mainContents .pageTop {
	font-size:12px;
	text-align:center;
	margin:0;
}
.mainContents .pageTop a {
	position: relative;
	display: inline-block;
	padding: 15px 25px 5px;
	margin:0 auto;
	text-decoration: none;
	font-size:12px;
	font-weight:bold;
	background:#fff;
	border-top:none;
	border-bottom-left-radius:4px;
	-moz-border-bottom-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-o-border-bottom-left-radius: 4px;
	-ms-border-bottom-left-radius: 4px;
	border-bottom-right-radius:4px;
	-moz-border-bottom-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-o-border-bottom-right-radius: 4px;
	-ms-border-bottom-right-radius: 4px;
}
.mainContents .pageTop a:before {
	content: "";
	position: absolute;
	right: 50%;
	top: 10px;
	display: block;
	width: 6px;
	height: 6px;
	margin:0 -3px 0 0;
	border-top: solid 2px #007AB4;
	border-right: solid 2px #007AB4;
	-webkit-transform-origin: left top;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#pagNav {
	padding:0 10px;
	margin:10px 0;
}
#pagNav ul {
	padding:0;
	margin:0;
	border:2px solid #ccc;
	border-radius:4px;
	background:#fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	list-style-type:none;
}
#pagNav ul li {
	padding:0;
	margin:0;
	border-bottom:1px solid #ccc;
	position: relative;
	line-height:1;
}
#pagNav ul li:last-of-type {
	border-bottom:none;
}
#pagNav li a {
	display: block;
	padding: 12px 25px 12px 10px;
	text-decoration: none;
	font-weight:bold;
	font-size:12px;
}
#pagNav li a:after {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	display: block;
	width: 6px;
	height: 6px;
	margin-top: -4px;
	border-top: solid 2px #ccc;
	border-right: solid 2px #ccc;
	-webkit-transform-origin: left top;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

/*------------------------------------
メニューページ
------------------------------------*/
header#header-menu{
	border-bottom: solid 2px #FA6B5A;
}
header#header-menu h1 {
	margin:0;
	padding:9px 84px 9px 36px;
	background: url(../images/menu_bg.png) 0 0 repeat;
	color:#FF3333;
	font-size:16px;
	text-align:left;
	text-shadow:
	1px 1px 1px #fff,
	-1px  1px 1px #fff,
	1px -1px 1px #fff,
	-1px -1px 1px #fff;
	white-space:normal;
}
header#header-menu h1:before {
	content: url("../images/ico_hand.png");
	position:absolute;
	left:0;
	top:50%;
	padding:0;
	margin:-15px 0 0;
}
header#header-menu p {
	position:absolute;
	right:10px;
	top:50%;
	margin:-14px 0 0;
	padding:0;
	text-align:center;
}
header#header-menu p a {
	font-weight:bold;
	color:#4B2107;
	padding:0;
	border:1px solid #fff;
	background:#fff;
	display:block;
	text-shadow:none;
	font-size:12px;
}

#higomenu nav {
	margin:0;padding:0;
}
#higomenu li {
	list-style-type:none;
	border-bottom:1px solid #ccc;
	padding:0;
	margin:0;
	background:#fff;
	position: relative;
}
#higomenu li a {
	display: block;
	padding: 15px 25px 15px 10px;
	text-decoration: none;
}
#higomenu li a:after {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	display: block;
	width: 6px;
	height: 6px;
	margin-top: -4px;
	border-top: solid 2px #979797;
	border-right: solid 2px #979797;
	-webkit-transform-origin: left top;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
#higomenu .footerWrap p {
	padding:10px 0;
}


.type-interior .content-secondary {
	border-right: 0;
	border-left: 0;
	margin: 10px -15px 0;
	background: #fff;
	border-top: 1px solid #ccc;
}
.type-home .ui-content {
	margin:0;
}
.type-interior .ui-content {
	padding-bottom: 0;
}
.content-secondary .ui-collapsible {
	padding: 0;

}
.content-secondary .ui-collapsible-content {
	padding: 0;
	background: none;
	border-bottom: none;
}
.content-secondary .ui-listview {
	margin: 0;
}
/* new API additions */

dt {  
	margin: 35px 0 15px 0; 
	background-color:#ddd; 
	font-weight:normal;
}
dt code { 
	display:inline-block; 
	font-weight:bold;
	color:#56A00E; 
	padding:3px 7px; 
	margin-right:10px; 
	background-color:#fff; 
}
dd { 
	margin-bottom:10px; 
}
dd .default { font-weight:bold; }
dd pre { 
	margin:0 0 0 0; 
}
dd code { font-weight: normal; }
dd pre code { 
	margin:0; 
	border:none; 
	font-weight:normal; 
	font-size:100%; 
	background-color:transparent; 
}
dd h4 { margin:15px 0 0 0; }
		
.localnav {
	margin:0 0 20px 0;
	overflow:hidden;
}
.localnav li {
	float:left;
}
.localnav .ui-btn-inner { 
	padding: .6em 10px; 
	font-size:80%; 
}


/* F bar theme - just for the docs overview headers */
.ui-bar-f {
	border-top: 1px solid 	#56A00E;
	border-bottom: 1px solid #56A00E;
	background: 			#74b042;
	color: 					#fff;
	font-weight: bold;
	text-shadow: 0 -1px 1px #234403;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#74b042), to(#56A00E)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#74b042, #56A00E); /* Chrome 10+, Saf5.1+ */
	background-image:	-moz-linear-gradient(#74b042, #56A00E); /* FF3.6 */
	background-image:	 -ms-linear-gradient(#74b042, #56A00E); /* IE10 */
	background-image:	  -o-linear-gradient(#74b042, #56A00E); /* Opera 11.10+ */
	background-image:		 linear-gradient(#74b042, #56A00E);		
}
.ui-bar-f,
.ui-bar-f .ui-link-inherit {
	color: 					#fff;
}
.ui-bar-f .ui-link {
	color: 					#fff;
	font-weight: bold;
}
.ui-btn-up-f {
	border: 1px solid 		#3B6F07;
	background: 			#56A00E;
	font-weight: bold;
	color: 					#fff;
	text-shadow: 0 -1px 1px #234403;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#74b042), to(#56A00E)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#74b042, #56A00E); /* Chrome 10+, Saf5.1+ */
	background-image:	-moz-linear-gradient(#74b042, #56A00E); /* FF3.6 */
	background-image:	 -ms-linear-gradient(#74b042, #56A00E); /* IE10 */
	background-image:	  -o-linear-gradient(#74b042, #56A00E); /* Opera 11.10+ */
	background-image:		 linear-gradient(#74b042, #56A00E);
}
.ui-btn-up-f a.ui-link-inherit {
	color: 					#fff;
}
.ui-btn-hover-f {
	border: 1px solid 		#3B6F07;
	background: 			#6EBC1F;
	font-weight: bold;
	color: 					#fff;
	text-shadow: 0 -1px 1px #234403;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#8FC963), to(#6EBC1F)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#8FC963, #6EBC1F); /* Chrome 10+, Saf5.1+ */
	background-image:	-moz-linear-gradient(#8FC963, #6EBC1F); /* FF3.6 */
	background-image:	 -ms-linear-gradient(#8FC963, #6EBC1F); /* IE10 */
	background-image:	  -o-linear-gradient(#8FC963, #6EBC1F); /* Opera 11.10+ */
	background-image:		 linear-gradient(#8FC963, #6EBC1F);
}
.ui-btn-hover-f a.ui-link-inherit {
	color: 					#fff;
}
.ui-btn-down-f {
	border: 1px solid 		#3B6F07;
	background: 			#3d3d3d;
	font-weight: bold;
	color: 					#fff;
	text-shadow: 0 -1px 1px #234403;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#56A00E), to(#64A234)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#56A00E, #64A234); /* Chrome 10+, Saf5.1+ */
	background-image:	-moz-linear-gradient(#56A00E, #64A234); /* FF3.6 */
	background-image:	 -ms-linear-gradient(#56A00E, #64A234); /* IE10 */
	background-image:	  -o-linear-gradient(#56A00E, #64A234); /* Opera 11.10+ */
	background-image:		 linear-gradient(#56A00E, #64A234);
}
.ui-btn-down-f a.ui-link-inherit {
	color: 					#fff;
}
.ui-btn-up-f,
.ui-btn-hover-f,
.ui-btn-down-f {
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
}
/*------------------------------------
ペット検索タブ
------------------------------------*/
#petSearch {
	margin:10px 0 24px;
}
#petSearch ul,#petSearch li,#petSearch nav {
	padding:0;
	margin:0;
	list-style-type:none;
}
#petNavi ul {
	text-align:center;
}
#petNavi ul li {
	display:inline-block;
	width:104px;
	margin-right:1px;
}
#petNavi ul li:last-of-type {
	margin-right:0;
}
#petNavi ul li a {
	display:block;
	background: url(../images/petnav_bg_no.png) 0 0 repeat;
	color:#4B2107;
	font-weight:bold;
	padding:9px 0 12px;
	border:1px solid #FAC877;
	border-bottom:none;
	border-top-left-radius:4px;
	-moz-border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-o-border-top-left-radius: 4px;
	-ms-border-top-left-radius: 4px;
	border-top-right-radius:4px;
	-moz-border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-o-border-top-right-radius: 4px;
	-ms-border-top-right-radius: 4px;
}
#petNavi ul li a.on {
	background: url(../images/petnav_bg_on.png) 0 0 repeat;
	color:#fff;
	border:1px solid #FF730B;
	border-bottom:none;
}
#petSearch .petPanel {
	background: url(../images/petnav_bg_on.png) 0 0 repeat;
}
#petSearch .petCat ul {
	text-align:center;
	padding:4px 0 0;
}
#petSearch .petCat ul li {
	display:inline-block;
	width:62px;
	margin-right:2px;
}
#petSearch .petCat ul li:last-of-type {
	margin-right:0;
}
#petSearch .petCat ul li a {
	display:block;
	background:#fff;
	font-weight:bold;
	padding:1px;
	border:1px solid #fff;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
}
#petSearch .petCat ul li a.on {
	padding:1px 1px 4px 1px;
	border-bottom-left-radius:0px;
	-moz-border-bottom-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-o-border-bottom-left-radius: 0px;
	-ms-border-bottom-left-radius: 0px;
	border-bottom-right-radius:0px;
	-moz-border-bottom-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-o-border-bottom-right-radius: 0px;
	-ms-border-bottom-right-radius: 0px;
}
#petSearch .petPanel div {
	background:#fff;
	padding:1px 0;
}
#petSearch .petPanel div h2 {
	padding:5px;
	margin:5px 1px;
	text-align:center;
	font-size:16px;
}
.petPanel div:nth-of-type(1) h2 {color:#E83E41;background:#FEF1F2;}
.petPanel div:nth-of-type(2) h2 {color:#EB5405;background:#FFF2EC;}
.petPanel div:nth-of-type(3) h2 {color:#2BC9C8;background:#EFFCFC;}
.petPanel div:nth-of-type(4) h2 {color:#E85A93;background:#FDF0F5;}
.petPanel div:nth-of-type(5) h2 {color:#23B378;background:#EFFCF7;}
.petPanel div:nth-of-type(1) a {color:#E83E41;}
.petPanel div:nth-of-type(2) a {color:#EB5405;}
.petPanel div:nth-of-type(3) a {color:#2BC9C8;}
.petPanel div:nth-of-type(4) a {color:#E85A93;}
.petPanel div:nth-of-type(5) a {color:#23B378;}

body#index #searchPet,body#index #popPet {
	display:none;
}
body#index #newPet {
	display:block;
}
#newPet,#popPet {
	display:none;
}
#newPet {
	position:relative;
	margin:0 0 42px;
}
#searchPet {
	display:block;
}
#newCat,#newAqua,#newBird,#newReptiles,
#searchCat,#searchAqua,#searchBird,#searchReptiles,
#popCat,#popAqua,#popBird,#popReptiles {
	display:none;
}

#petSearch .petPanel div table {
	width:100%;
}
#petSearch .petPanel div table td {
	width:33%;
	font-size:11px;
	text-align:center;
	vertical-align:top;
}

#petSearch .petPanel div table td img {
	max-width:100%;
	max-height:100%;
	border:1px solid #ccc;
}
.iphone #petSearch .petPanel div table td img,.android #petSearch .petPanel div table td img {
	height:78px;
	border:1px solid #ccc;
}

#searchPet dl,#searchPet dt,#searchPet dd{
	padding:0;
	margin:0;
}
#searchPet dl {
	margin:0 10px;
}
#searchPet dl dt {
	position: relative;
	background-color:#F4A8AA;
	border-bottom:1px solid #E83E41;
	text-shadow:none;
	color:#000;
	margin:0;
	padding:9px 3px 9px 27px;
	text-align:left;
	font-weight:bold;
	cursor:pointer;
}
#searchPet dl dt:before {
	content: "";
	position: absolute;
	left: 20px;
	top: 50%;
	display: block;
	width: 6px;
	height: 6px;
	margin-top:-3px;
	border-top: solid 2px #E83E41;
	border-right: solid 2px #E83E41;
	-webkit-transform-origin: left top;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}
#searchPet .ui-checkbox-on .ui-icon,#searchPet .ui-radio-on .ui-icon {
	background-color: #E83E41;
}

#searchCat dl dt {background-color:#F9CCB4;border-bottom:1px solid #EB5405;}
#searchCat dl dt:before {border-top: solid 2px #EB5405;border-right: solid 2px #EB5405;}
#searchCat .ui-checkbox-on .ui-icon,#searchCat .ui-radio-on .ui-icon {background-color: #EB5405;}
#searchAqua dl dt {background-color:#D0F7F7;border-bottom:1px solid #66DBDB;}
#searchAqua dl dt:before {border-top: solid 2px #2BC9C8;border-right: solid 2px #2BC9C8;}
#searchAqua .ui-checkbox-on .ui-icon,#searchAqua .ui-radio-on .ui-icon {background-color: #2BC9C8;}
#searchBird dl dt {background-color:#F8CFE0;border-bottom:1px solid #E43F81;}
#searchBird dl dt:before {border-top: solid 2px #E43F81;border-right: solid 2px #E43F81;}
#searchBird .ui-checkbox-on .ui-icon,#searchBird .ui-radio-on .ui-icon {background-color: #E43F81;}
#searchReptiles dl dt {background-color:#D0F7E9;border-bottom:1px solid #65E0AC;}
#searchReptiles dl dt:before {border-top: solid 2px #24B378;border-right: solid 2px #24B378;}
#searchReptiles .ui-checkbox-on .ui-icon,#searchReptiles .ui-radio-on .ui-icon {background-color: #24B378;}


#searchPet dl dd .ui-btn-inner {
	font-size:12px;
	padding-top:12px;
	padding-bottom:12px;
}
.ui-checkbox .ui-icon, .ui-radio .ui-icon {
	top: 1.5em;
}
#searchPet fieldset {
	line-height:1;
}
#searchPet dl dd .ui-checkbox,#searchPet dl dd .ui-radio {
	padding:0;
}
#searchPet dl dd:nth-last-of-type(2),#searchPet dl dd:nth-last-of-type(3) {
	margin:10px;
}
#searchPet dl dd input[type=text] {
	width:90%;
}
#searchPet.petPanel div.btn {
	padding:10px 0;
	text-align:center;
}
#searchPet dl dd p.comment {
	margin:0 10px 9px;
	text-align:left;
	font-size:12px;
	color:#666;
	padding-left:1em;
	text-indent:-1em;
}
#searchPet dl dd p.comment a:after {
	content: " >";
	font-weight:bold;
}

#searchPet.petPanel div.btn input {
	font-weight:bold;
	padding:9px 40px;
	border:none;
	background: -moz-linear-gradient(top, #F8CD4E,#ECAB33);
	background: -webkit-gradient(linear, left top, left bottom, from(#F8CD4E),to(#ECAB33));
	color: #4B2107;
	margin:0;
	border-radius:18px;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	-o-border-radius:18px;
	-ms-border-radius:18px;
}
#searchPet dl dd .ui-select .ui-shadow {
	box-shadow:none;
}

#newPet div {
	border-bottom:1px solid #FFB680;
}
#newPet p.moreBtn {
	width:100%;
	height:42px;
	position:absolute;
	bottom:-41px;
	left:0;
	padding:0;
	margin:0;
	text-align:center;
}
#newPet p.moreBtn a {
	display: inline-block;
	padding: 5px 25px 15px;
	margin:0 auto;
	text-decoration: none;
	font-size:14px;
	font-weight:bold;
	color:#FF720B;
	background:#fff;
	border:1px solid #FFB680;
	border-top:none;
	border-bottom-left-radius:4px;
	-moz-border-bottom-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-o-border-bottom-left-radius: 4px;
	-ms-border-bottom-left-radius: 4px;
	border-bottom-right-radius:4px;
	-moz-border-bottom-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-o-border-bottom-right-radius: 4px;
	-ms-border-bottom-right-radius: 4px;
}
#newPet p.moreBtn a:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 6px;
	display: block;
	width: 6px;
	height: 6px;
	margin-left:4px;
	border-top: solid 2px #FFB680;
	border-right: solid 2px #FFB680;
	-webkit-transform-origin: left top;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}


/*------------------------------------
必ずお読みください
------------------------------------*/
#attention {
	margin:0 0 24px;
}

#attention {
	margin:0 0 24px;
}
#attention a {
	color:#BB1300;
}
#attention h2 {
	padding:0;
	margin:0;
	font-size:16px;
	font-weight:bold;
	color:#BB1300;
	padding-bottom:5px;
	background: url(../images/att_b.png) 0 100% repeat-x;
}
#attention h2:before {
	content: url("../images/tit_attention.png");
	position:relative;
	top:9px;
	padding:0 6px 0 3px;
}
#attention div,#attention h3,#attention p {
	padding:0;
	margin:0;
	background:#fff;
}
#attention h3,#attention p {
	border-bottom:1px solid #F1D0CC;
	padding:10px;
}
#attention h3 {
	padding:0;
	cursor:pointer;
	font-weight:bold !important;
	color:#BB1300;
	position:relative;
	font-size:13px;
}
#attention h3 a {
	font-weight:bold !important;
}
#attention p {
	font-size:12px;
	line-height:1.5;
}
#attention div:nth-of-type(2) p {
	color:orangered;
	font-weight:bold;
}
#attention .ui-icon, #attention .ui-icon-searchfield:after {
    background: url("../images/icons-18-white.png") no-repeat scroll 0 0 rgba(187,19, 0, 0.4);
}
#attention .ui-icon-minus {background-position:-36px 50%}
/*------------------------------------
新着情報
------------------------------------*/
#newRelease {
	margin:0 0 24px;
}

#newRelease {
	margin:0 0 24px;
}
#newRelease a {
	color:#3F2A1D;
}
#newRelease h2 {
	padding:0;
	margin:0;
	font-size:16px;
	font-weight:bold;
	color:#FF720B;
	padding-bottom:5px;
	background: url(../images/news_b.png) 0 100% repeat-x;
}
#newRelease h2:before {
	content: url("../images/tit_new.png");
	position:relative;
	top:9px;
	padding:0 6px 0 3px;
}
#newsTab {
	background:#fff;
	padding:10px;
	border-bottom:1px solid #FFB680;
}
#newRelease nav {
	padding:0 15px;
	margin:0;
	position:relative;
	top:1px;
	overflow:auto;
	z-index:5;
}
#newRelease nav a:first-of-type{
	display: block;
	float:left;
	width:48%;
	text-align:center;
	padding: 0 0 15px 0;
	margin:0;
	text-decoration: none;
	font-size:14px;
	font-weight:bold;
	color:#333;
	background:#fff;
	border:1px solid #fff;
	border-bottom:1px solid #ccc;
	border-top-left-radius:4px;
	-moz-border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-o-border-top-left-radius: 4px;
	-ms-border-top-left-radius: 4px;
	border-top-right-radius:4px;
	-moz-border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-o-border-top-right-radius: 4px;
	-ms-border-top-right-radius: 4px;
}
#newRelease nav a:first-of-type:before{
	content: url("../images/ico_blog.png");
	position:relative;
	top:9px;
	padding:0 6px 0 3px;
}
#newRelease nav a:last-of-type{
	display: block;
	float:right;
	width:48%;
	text-align:center;
	padding: 3px 0 15px 0;
	margin:0;
	text-decoration: none;
	font-size:14px;
	font-weight:bold;
	color:#333;
	background:#fff;
	border:1px solid #fff;
	border-bottom:1px solid #ccc;
	border-top-left-radius:4px;
	-moz-border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-o-border-top-left-radius: 4px;
	-ms-border-top-left-radius: 4px;
	border-top-right-radius:4px;
	-moz-border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-o-border-top-right-radius: 4px;
	-ms-border-top-right-radius: 4px;
}
#newRelease nav a:last-of-type:before{
	content: url("../images/ico_release.png");
	position:relative;
	top:7px;
	padding:0 6px 0 3px;
}
#newRelease nav a.on {
	border:1px solid #ccc;
	border-bottom:1px solid #fff;
}

#newRelease ul {
	list-style-type:none;
	border:1px solid #ccc;
	border-bottom:none;
	padding:0;
	margin:0;
	background:#fff;
}
#newInfo {
	display:none;
}
#newRelease ul li {
	list-style-type:none;
	border-bottom:1px solid #ccc;
	padding:0;
	margin:0;
	background:#fff;
	position: relative;
}
#newRelease ul li a {
	display: block;
	padding: 10px 25px 10px 10px;
	text-decoration: none;
}
#newRelease ul li a:after {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	display: block;
	width: 6px;
	height: 6px;
	margin-top: -4px;
	border-top: solid 2px #979797;
	border-right: solid 2px #979797;
	-webkit-transform-origin: left top;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
#newRelease p {
	position: relative;
	top:-1px;
	padding:0;
	margin:0;
	text-align:center;
}
#newRelease p a {
	display: inline-block;
	padding: 5px 25px 15px;
	margin:0 auto;
	text-decoration: none;
	font-size:14px;
	font-weight:bold;
	color:#FF720B;
	background:#fff;
	border:1px solid #FFB680;
	border-top:none;
	border-bottom-left-radius:4px;
	-moz-border-bottom-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-o-border-bottom-left-radius: 4px;
	-ms-border-bottom-left-radius: 4px;
	border-bottom-right-radius:4px;
	-moz-border-bottom-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-o-border-bottom-right-radius: 4px;
	-ms-border-bottom-right-radius: 4px;
}
#newRelease p a:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 6px;
	display: block;
	width: 6px;
	height: 6px;
	margin-left:4px;
	border-top: solid 2px #FFB680;
	border-right: solid 2px #FFB680;
	-webkit-transform-origin: left top;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}
/*------------------------------------
セール情報
------------------------------------*/
#saleNews {
	margin:0 0 24px;
}
#saleNews a {
	color:#3F2A1D;
}
#saleNews h2 {
	padding:0;
	margin:0;
	font-size:16px;
	font-weight:bold;
	color:#E6007F;
	padding-bottom:5px;
	background: url(../images/sale_b.png) 0 100% repeat-x;
}
#saleNews h2:before {
	content: url("../images/tit_sale.png");
	position:relative;
	top:9px;
	padding:0 6px 0 3px;
}
#saleNews ul {
	list-style-type:none;
	border:none;
	padding:0;
	margin:0;
	background:#fff;
}
#saleNews ul li {
	list-style-type:none;
	border-bottom:1px solid #F2A4D1;
	padding:0;
	margin:0;
	background:#fff;
	position: relative;
}
#saleNews ul li a {
	display: block;
	min-height:50px;
	padding: 10px 25px 10px 70px;
	text-decoration: none;
}
#saleNews ul li a:first-of-type {
	width: 50px;
	min-height:auto;
	position: absolute;
	text-decoration: none;
	left: 10px;
	top:10px;
	padding:0;
}
#saleNews ul li a:last-of-type:after {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	display: block;
	width: 6px;
	height: 6px;
	margin-top: -4px;
	border-top: solid 2px #979797;
	border-right: solid 2px #979797;
	-webkit-transform-origin: left top;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
#saleNews p {
	position: relative;
	top:-1px;
	padding:0;
	margin:0;
	text-align:center;
}
#saleNews p a {
	display: inline-block;
	padding: 5px 25px 15px;
	margin:0 auto;
	text-decoration: none;
	font-size:14px;
	font-weight:bold;
	color:#E6007F;
	background:#fff;
	border:1px solid #F2A4D1;
	border-top:none;
	border-bottom-left-radius:4px;
	-moz-border-bottom-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-o-border-bottom-left-radius: 4px;
	-ms-border-bottom-left-radius: 4px;
	border-bottom-right-radius:4px;
	-moz-border-bottom-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-o-border-bottom-right-radius: 4px;
	-ms-border-bottom-right-radius: 4px;
}
#saleNews p a:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 6px;
	display: block;
	width: 6px;
	height: 6px;
	margin-left:4px;
	border-top: solid 2px #F2A4D1;
	border-right: solid 2px #F2A4D1;
	-webkit-transform-origin: left top;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}
/*------------------------------------
メインナビゲーション
------------------------------------*/
#globalNav {
	padding:0 10px;
	margin:0 0 24px;
}
#globalNav ul {
	padding:0;
	margin:0;
	border:1px solid #D3B4A0;
	border-radius:4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	list-style-type:none;
	background:#fff;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
	-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
	-o-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
	-ms-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
}
#globalNav ul li {
	padding:0;
	margin:0;
	font-size:16px;
	border-bottom:1px solid #D3B4A0;
	position: relative;
	line-height:1;
}
#globalNav ul li:last-of-type {
	border-bottom:none;
}
#globalNav li a {
	display: block;
	padding: 10px 25px 10px 50px;
	text-decoration: none;
	font-weight:bold;
}
#globalNav li:nth-of-type(1) a {color:#E6007F;}
#globalNav li:nth-of-type(1) a:before {content:  url("../images/ico_nav01.png");position: absolute;left: 7px;top: 50%;display: block;width: 36px;height: 36px;margin-top: -18px;}
#globalNav li:nth-of-type(2) a {color:#0192D8;}
#globalNav li:nth-of-type(2) a:before {content:  url("../images/ico_nav02.png");position: absolute;left: 7px;top: 50%;display: block;width: 36px;height: 36px;margin-top: -18px;}
#globalNav li:nth-of-type(3) a {color:#87BF22;}
#globalNav li:nth-of-type(3) a:before {content:  url("../images/ico_nav03.png");position: absolute;left: 7px;top: 50%;display: block;width: 36px;height: 36px;margin-top: -18px;}
#globalNav li:nth-of-type(4) a {color:#FE4000;}
#globalNav li:nth-of-type(4) a:before {content:  url("../images/ico_nav04.png");position: absolute;left: 7px;top: 50%;display: block;width: 36px;height: 36px;margin-top: -18px;}
#globalNav li:nth-of-type(5) a {color:#B87911;}
#globalNav li:nth-of-type(5) a:before {content:  url("../images/ico_nav05.png");position: absolute;left: 7px;top: 50%;display: block;width: 36px;height: 36px;margin-top: -18px;}
#globalNav li:nth-of-type(6) a {color:#00BFBF;}
#globalNav li:nth-of-type(6) a:before {content:  url("../images/ico_nav06.png");position: absolute;left: 7px;top: 50%;display: block;width: 36px;height: 36px;margin-top: -18px;}
#globalNav li:nth-of-type(7) a {color:#AF5E24;}
#globalNav li:nth-of-type(7) a:before {content:  url("../images/ico_nav07.png");position: absolute;left: 7px;top: 50%;display: block;width: 36px;height: 36px;margin-top: -18px;}
#globalNav li a span {
	font-size:10px;
	font-weight:normal;
	color:#666;
}
#globalNav li a:after {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	display: block;
	width: 6px;
	height: 6px;
	margin-top: -4px;
	border-top: solid 2px #D3B5A1;
	border-right: solid 2px #D3B5A1;
	-webkit-transform-origin: left top;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*------------------------------------
店舗一覧
------------------------------------*/
#shopList h1 + p {
	padding:10px;
	margin:0;
}
#shopList nav {
	padding:0;
	margin:0 10px 10px;
	overflow:auto;
}
#shopList nav li {
	width:33%;
	float:left;
	text-align:center;
	margin:0;
}
#shopList nav li a {
	display:block;
	padding:6px 6px 6px 0;
	margin:0 1px 0 0;
	font-weight:bold;
	background:#fff;
	font-size:12px;
	position: relative;
}
#shopList nav li:first-of-type a {
	border-top-left-radius:18px;
	-moz-border-top-left-radius: 18px;
	-webkit-border-top-left-radius: 18px;
	-o-border-top-left-radius: 18px;
	-ms-border-top-left-radius: 18px;
	border-bottom-left-radius:18px;
	-moz-border-bottom-left-radius: 18px;
	-webkit-border-bottom-left-radius: 18px;
	-o-border-bottom-left-radius: 18px;
	-ms-border-bottom-left-radius: 18px;
}
#shopList nav li:last-of-type a {
	border-top-right-radius:18px;
	-moz-border-top-right-radius: 18px;
	-webkit-border-top-right-radius: 18px;
	-o-border-top-right-radius: 18px;
	-ms-border-top-right-radius: 18px;
	border-bottom-right-radius:18px;
	-moz-border-bottom-right-radius: 18px;
	-webkit-border-bottom-right-radius: 18px;
	-o-border-bottom-right-radius: 18px;
	-ms-border-bottom-right-radius: 18px;
}
#shopList nav li a:before {
	content: "";
	position: absolute;
	right: 6px;
	top: 50%;
	display: block;
	width: 4px;
	height: 4px;
	margin-top:-2px;
	border-top: solid 2px #D3B4A0;
	border-right: solid 2px #D3B4A0;
	-webkit-transform-origin: left top;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}
#shopList article p a:after {
	border:none;
}

#shopList article {
	padding:10px 0;
	margin:0;
	background:#fff;
	position:relative;
	border-bottom: 1px solid #FA6B5A;
	overflow:auto;
}
#shopList article a {
	padding:0;
	display:block;
	color:#333;
}
#shopList article a:after {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	display: block;
	width: 6px;
	height: 6px;
	margin-top:-6px;
	border-top: solid 2px #FA6B5A;
	border-right: solid 2px #FA6B5A;
	-webkit-transform-origin: left top;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
#shopList section article:last-of-type {
	margin:0 0 24px;
}
#shopList article h3 {
	padding:0 30px 0 10px;
	margin:0 0 3px;
	font-size:16px;
	color:#000;
	background:#fff;
}
#shopList article a p {
	padding:0 30px 0 10px;
	margin:0;
	font-size:13px;
}
#shopList article a img {
	float:left;
	margin:0 10px 36px;
	vertical-align:top;
	border:1px solid #ccc;
}

#shopList article p.shopLink {
	margin:0;
	width: 80px;
	height: 34px;
	text-align:center;
	font-size:14px;
	position: absolute;
	left: 10px;
	bottom: 10px;
	display: block;
	z-index:5;
}
#shopList article p.shopLink a {
	padding:0;
	font-size:10px;
	color:#4B2107;
}
#shopList article p.shopLink .ui-btn-icon-right .ui-btn-inner {
	padding:3px 0;
}
#shopList article p.shopLink .ui-btn-icon-right .ui-icon {
	right: 2px;
}
#shopList article p.shopLink .ui-btn-text {
	position: relative;
	z-index: 1;
	padding-right:12px;
}
#shopDetail article {
	padding:10px 0;
	margin:0 0 24px;
	background:#fff;
	position:static;
	border-bottom: 1px solid #FA6B5A;
}
#shopDetail article p.og {
	padding: 0 10px;
	margin:10px 0;
}
#shopDetail article figure {
	display:block;
	padding:0;
	margin:10px 0;
	text-align:center;
}
#shopDetail article .btn {
	text-align: center;
	margin:0 0 10px;
}
#shopDetail article a.ui-btn {
	box-shadow:none;
	-webkit-box-shadow: none;
	cursor: pointer;
	display: inline-block;
	margin: 0 auto;
	padding: 0;
	position: relative;
	text-align: center;
	background: url(../images/petnav_bg_no.png) 0 0 repeat;
	border:1px solid #F7A928;
	font-size:12px;
	color:#4B2107;
	text-shadow:none;
}
#shopDetail .detailList {
	padding: 0 10px;
}
#shopDetail .detailList h3 {
	padding: 10px;
	margin:0;
	background:#FDE7C3;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
}
#shopDetail .detailList h3:last-of-type {
	margin:0 0 10px;
}
#shopDetail .detailList h4 {
	padding:0 0 3px;
	margin:0 10px 5px 10px;
	border-bottom:2px solid #F7A928;
}
#shopDetail .detailList h5 {
	display:inline-block;
	margin:0 10px;
	padding:3px;
	background:#FDE7C3;
	font-size:12px;
	text-shadow:none;

}
#shopDetail .detailList h5 + p {
	margin:0 10px 10px;
	padding:3px;
	border:1px solid #FDE7C3;
}
#shopDetail .detailList p{
	padding: 10px;
	margin:0;
}
#shopDetail .detailList ul{
	padding:0;
	margin:0 30px 15px;
}
#shopDetail .detailList ul li {
	list-style-type:disc;
}
#shopDetail .detailList h4 + p{
	padding:0;
	margin:0 10px 15px;
}

#shopNav {
	padding:0 10px;
	margin:0 0 24px;
}
#shopDetail #shopNav ul {
	padding:0;
	margin:0;
	border:1px solid #FFB680;
	border-radius:4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	list-style-type:none;
	background:#fff;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
	-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
	-o-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
	-ms-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
}
#shopDetail #shopNav ul li {
	padding:0;
	margin:0;
	font-size:14px;
	border-bottom:1px solid #FFB680;
	position: relative;
	line-height:1;
	list-style-type:none;
}
#shopNav ul li:last-of-type {
	border-bottom:none;
}
#shopNav li a {
	display: block;
	padding: 15px 25px 15px 60px;
	text-decoration: none;
	font-weight:bold;
}
#shopNav li:nth-of-type(1) a:before {content:  url("../images/ico_nav06.png");position: absolute;left: 12px;top: 50%;display: block;width: 36px;height: 36px;margin-top: -18px;}
#shopNav li:nth-of-type(2) a:before {content:  url("../images/nav_dog.png");position: absolute;left: 0;top: 50%;display: block;width: 58px;height: 29px;margin-top: -15px;}
#shopNav li:nth-of-type(3) a:before {content:  url("../images/nav_cat.png");position: absolute;left: 0;top: 50%;display: block;width: 58px;height: 29px;margin-top: -15px;}
#shopNav li:nth-of-type(4) a:before {content:  url("../images/nav_bird.png");position: absolute;left: 0;top: 50%;display: block;width: 58px;height: 29px;margin-top: -15px;}
#shopNav li:nth-of-type(5) a:before {content:  url("../images/nav_rep.png");position: absolute;left: 0;top: 50%;display: block;width: 58px;height: 29px;margin-top: -15px;}
#shopNav li:nth-of-type(6) a:before {content:  url("../images/nav_aqua.png");position: absolute;left: 0;top: 50%;display: block;width: 58px;height: 29px;margin-top: -15px;}
#shopNav li a span {
	font-size:10px;
	font-weight:normal;
	color:#666;
}
#shopNav li a:after {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	display: block;
	width: 6px;
	height: 6px;
	margin-top: -4px;
	border-top: solid 2px #FFB680;
	border-right: solid 2px #FFB680;
	-webkit-transform-origin: left top;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
/*------------------------------------
テレビ電話サービス
------------------------------------*/
#petSNav {
	padding:0 10px;
	margin:0 0 24px;
}
#petSNav ul {
	padding:0;
	margin:0;
	border:1px solid #FFB680;
	border-radius:4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	list-style-type:none;
	background:#fff;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
	-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
	-o-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
	-ms-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
}
#petSNav ul li {
	padding:0;
	margin:0;
	font-size:14px;
	border-bottom:1px solid #FFB680;
	position: relative;
	line-height:1;
	list-style-type:none;
}
#petSNav ul li:last-of-type {
	border-bottom:none;
}
#petSNav li a {
	display: block;
	padding: 15px 25px 15px 60px;
	text-decoration: none;
	font-weight:bold;
}
#petSNav li:nth-of-type(1) a:before {content:  url("../images/nav_dog.png");position: absolute;left: 0;top: 50%;display: block;width: 58px;height: 29px;margin-top: -15px;}
#petSNav li:nth-of-type(2) a:before {content:  url("../images/nav_cat.png");position: absolute;left: 0;top: 50%;display: block;width: 58px;height: 29px;margin-top: -15px;}
#petSNav li a span {
	font-size:10px;
	font-weight:normal;
	color:#666;
}
#petSNav li a:after {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	display: block;
	width: 6px;
	height: 6px;
	margin-top: -4px;
	border-top: solid 2px #FFB680;
	border-right: solid 2px #FFB680;
	-webkit-transform-origin: left top;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
/*------------------------------------
小動物について
------------------------------------*/
.timothy {
	overflow:auto;
	padding:0;
}
.timothy figure {
	width:60px;
	float:left;
}
.timothy h5 {
	color:#1F7604;
	padding-left:70px;
	margin:15px 0 0;
	font-size:12px;
}
.timothy p {
	margin:6px 0 0;
	padding-left:70px;
}
#smallanimal .secInner {
	position:static;
}
#smallanimal nav.nareMenu {
	padding:0;
	margin:0 0 18px 0;
	overflow:auto;
}
#smallanimal nav.nareMenu ul {
	padding:0;
	margin:0;
}
#smallanimal nav.nareMenu li {
	width:33%;
	float:left;
	text-align:center;
	margin:0;
	list-style-type:none;
}
#smallanimal nav.nareMenu li a {
	display:block;
	padding:6px 6px 6px 0;
	margin:0 1px 0 0;
	font-weight:bold;
	background:#fff;
	font-size:12px;
	position: relative;
}
#smallanimal nav.nareMenu li:nth-of-type(1) a {background-color:#FF787E;color:#fff;}
#smallanimal nav.nareMenu li:nth-of-type(2) a {background-color:#F5A301;color:#fff;}
#smallanimal nav.nareMenu li:nth-of-type(3) a {background-color:#62A635;color:#fff;}
#smallanimal nav.nareMenu li:first-of-type a {
	border-top-left-radius:18px;
	-moz-border-top-left-radius: 18px;
	-webkit-border-top-left-radius: 18px;
	-o-border-top-left-radius: 18px;
	-ms-border-top-left-radius: 18px;
	border-bottom-left-radius:18px;
	-moz-border-bottom-left-radius: 18px;
	-webkit-border-bottom-left-radius: 18px;
	-o-border-bottom-left-radius: 18px;
	-ms-border-bottom-left-radius: 18px;
}
#smallanimal nav.nareMenu li:last-of-type a {
	border-top-right-radius:18px;
	-moz-border-top-right-radius: 18px;
	-webkit-border-top-right-radius: 18px;
	-o-border-top-right-radius: 18px;
	-ms-border-top-right-radius: 18px;
	border-bottom-right-radius:18px;
	-moz-border-bottom-right-radius: 18px;
	-webkit-border-bottom-right-radius: 18px;
	-o-border-bottom-right-radius: 18px;
	-ms-border-bottom-right-radius: 18px;
}
#smallanimal nav.nareMenu li a:before {
	content: "";
	position: absolute;
	right: 6px;
	top: 50%;
	display: block;
	width: 4px;
	height: 4px;
	margin-top:-2px;
	border-top: solid 2px #ffffff;
	border-right: solid 2px #ffffff;
	-webkit-transform-origin: left top;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

.mainContents .nareNavi {
	margin:0 0 24px;
}
.mainContents .nareNavi h4 {
	border:none;
	margin:0;
	padding:5px;
	background-color:#ccc;
	text-shadow:none;
	text-align:center;
	border-top-left-radius:4px;
	-moz-border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-o-border-top-left-radius: 4px;
	-ms-border-top-left-radius: 4px;
	border-top-right-radius:4px;
	-moz-border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-o-border-top-right-radius: 4px;
	-ms-border-top-right-radius: 4px;

}
.mainContents .nareNavi ul {
	border:2px solid #ccc;
	margin:0;
	padding:0;
	border-bottom-left-radius:4px;
	-moz-border-bottom-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-o-border-bottom-left-radius: 4px;
	-ms-border-bottom-left-radius: 4px;
	border-bottom-right-radius:4px;
	-moz-border-bottom-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-o-border-bottom-right-radius: 4px;
	-ms-border-bottom-right-radius: 4px;
}
.mainContents .nareNavi ul li {
	margin:0;
	padding:0;
	border-bottom:1px solid #ccc;
	list-style-type:none;
	position:relative;
}
.mainContents .nareNavi ul li:last-of-type {
	margin:0;
	padding:0;
	border-bottom:none;
}
.mainContents .nareNavi ul li a {
	display:block;
	padding:9px 5px;
	font-size:16px;
	color:#FF9100;
	line-height:1.2;
}
.mainContents .nareNavi ul li span {
	font-size:12px;
	color:#666;
}
.mainContents .birdNavi h4 {background-color:#FF787E;color:#fff;}
.mainContents .birdNavi ul {border:2px solid #FF787E;}
.mainContents .birdNavi ul li a:after {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	display: block;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background: url(../images/ico_birds.png) 0 0 no-repeat;
}
.mainContents .mammalNavi h4 {background-color:#F5A301;color:#fff;}
.mainContents .mammalNavi ul {border:2px solid #F5A301;}
.mainContents .mammalNavi ul li a:after {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	display: block;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background: url(../images/ico_mams.png) 0 0 no-repeat;
}
.mainContents .repNavi h4 {background-color:#62A635;color:#fff;}
.mainContents .repNavi ul {border:2px solid #62A635;}
.mainContents .repNavi ul li a:after {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	display: block;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background: url(../images/ico_reps.png) 0 0 no-repeat;
}
/*------------------------------------
アクアについて
------------------------------------*/
#aqua th .ui-icon {
	height: 18px;
	width: 18px;
	right: 10px;
	margin-top: -9px;
	position: absolute;
	top: 50%;
	background: url("../images/icons-18-white.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0.4);
	border-radius: 9px 9px 9px 9px;
	white-space: nowrap;
}
#aqua th .ui-icon-shadow {
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}
#aqua th .ui-icon-arrow-r {
	background-position: -108px 50%;
}
#aqua th {
	padding:0;
}
#aqua th a {
	position: relative;
	padding:9px;
	color: #4B2107;
	cursor: pointer;
	text-shadow: none;
	font-weight:bold;
	display:block;
}
/*------------------------------------
サービス案内
------------------------------------*/
#service .btn a {
	width:200px;
}
.ktaiBox {
	background-color:#FEF1F2;
	border-radius:4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	text-align:center;
	padding:0;
}
.ktaiBox h3 {
	background-color:#F78E96;
	padding: 6px;
	margin:0;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	-o-border-radius:0;
	-ms-border-radius:0;
	border-top-left-radius:4px;
	-moz-border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-o-border-top-left-radius: 4px;
	-ms-border-top-left-radius: 4px;
	border-top-right-radius:4px;
	-moz-border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-o-border-top-right-radius: 4px;
	-ms-border-top-right-radius: 4px;
}
.ktaiBox p {
	font-size:12px;
	margin:0;
	padding:10px;
}
.ktaiBox .inputText {
	margin: 0.5em 5px;
}
.ktaiBox input[type=text] {
	width:94%;
	background-color:#fff;
}
.ktaiBox .btn{
	padding:18px 0;	
}
.ktaiBox .btn input {
	font-weight:bold;
	padding:9px 40px;
	border:none;
	background: -moz-linear-gradient(top, #F8CD4E,#ECAB33);
	background: -webkit-gradient(linear, left top, left bottom, from(#F8CD4E),to(#ECAB33));
	color: #4B2107;
	margin:0;
	border-radius:18px;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	-o-border-radius:18px;
	-ms-border-radius:18px;
}
.mainContents .ktaiBox ol {
	text-align:left;
	font-size:12px;
	margin:14px 10px;
	padding:0 0 18px;
}
/*------------------------------------
東日本大震災 支援活動のご報告
------------------------------------*/
ul#shienNews {
	padding:0;
	margin:0;
	border:2px solid #FAC877;
	border-radius:4px;
	background:#fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	list-style-type:none;
}
ul#shienNews li {
	padding:0;
	margin:0;
	border-bottom:1px solid #FAC877;
	position: relative;
	line-height:1.2;
	list-style-type:none;
}
ul#shienNews li:last-of-type {
	border-bottom:none;
}
ul#shienNews li a {
	display: block;
	padding: 12px 25px 12px 60px;
	text-decoration: none;
	font-weight:bold;
}
ul#shienNews li:nth-child(odd) a:before {content:  url("../images/nav_dog.png");position: absolute;left: 0;top: 50%;display: block;width: 58px;height: 29px;margin-top: -15px;}
ul#shienNews li:nth-child(even) a:before {content:  url("../images/nav_cat.png");position: absolute;left: 0;top: 50%;display: block;width: 58px;height: 29px;margin-top: -15px;}

ul#shienNews li a span {
	text-decoration: none;
	font-weight:normal;
	color:#666;
	font-size:12px;
}
ul#shienNews li a:after {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	display: block;
	width: 6px;
	height: 6px;
	margin-top: -4px;
	border-top: solid 2px #FAC877;
	border-right: solid 2px #FAC877;
	-webkit-transform-origin: left top;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*------------------------------------
検索結果(LIST)
------------------------------------*/
#searchList {
	padding-bottom:24px;
}
#searchList .sort {
	background-color:#fff;
	padding:3px;
	margin:0;
	font-size:12px;
}
#searchList .listView {
	border-top:1px solid #ccc;
	background-color:#fff;
	padding:3px;
	margin:0;
	font-size:12px;
	position: relative;
}
#searchList .listView a:last-of-type {
	position: absolute;
	top:3px;
	right:3px;
}
#searchList .listView a:last-of-type:before {
	content:"> ";
}
#searchList .pager {
	padding:0;
	margin:15px 0;
	text-align:center;
	line-height: 36px;
}
#searchList .pager a {
	background: -moz-linear-gradient(top, #F8CD4E,#ECAB33);
	background: -webkit-gradient(linear, left top, left bottom, from(#F8CD4E),to(#ECAB33));
	color: #4B2107;
	line-height: 36px;
	width:36px;
	margin: 0 0 0 1px;
	padding: 0;
	text-decoration: none;
	display: inline-block;
}
#searchList .pager a.on {
	background: -moz-linear-gradient(top, #F3AA19,#DE760E);
	background: -webkit-gradient(linear, left top, left bottom, from(#F3AA19),to(#DE760E));
	color: #FFFFFF;
	text-decoration: none;
}
#searchList .pager span a:first-of-type {
	border-top-left-radius:4px;
	-moz-border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-o-border-top-left-radius: 4px;
	-ms-border-top-left-radius: 4px;
	border-bottom-left-radius:4px;
	-moz-border-bottom-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-o-border-bottom-left-radius: 4px;
	-ms-border-bottom-left-radius: 4px;
}
#searchList .pager span a:last-of-type {
	border-top-right-radius:4px;
	-moz-border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-o-border-top-right-radius: 4px;
	-ms-border-top-right-radius: 4px;
	border-bottom-right-radius:4px;
	-moz-border-bottom-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-o-border-bottom-right-radius: 4px;
	-ms-border-bottom-right-radius: 4px;
}
#searchList .pager span {
	margin: 0 8px;
}
#searchList .pager a.prev {
	border-radius:4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	width:30px;
	padding: 0 9px 0 17px;
	position: relative;
}
#searchList .pager a.prev:after {
	content: "";
	position: absolute;
	left: 9px;
	top: 50%;
	display: block;
	width: 6px;
	height: 6px;
	margin-top: 6px;
	border-top: solid 2px #4B2107;
	border-right: solid 2px #4B2107;
	-webkit-transform-origin: left top;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
#searchList .pager a.next {
	border-radius:4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	width:30px;
	padding: 0 17px 0 9px;
	position: relative;
}
#searchList .pager a.next:after {
	content: "";
	position: absolute;
	right: 6px;
	top: 50%;
	display: block;
	width: 6px;
	height: 6px;
	margin-top: -5px;
	border-top: solid 2px #4B2107;
	border-right: solid 2px #4B2107;
	-webkit-transform-origin: left top;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
#searchList .pager a.no {
	background: -moz-linear-gradient(top, #dedede,#cccccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#dedede),to(#cccccc));
	color: #666;
	text-decoration: none;
	cursor:default;
}
#searchList .pager a.no.prev:after {
	border-top: solid 2px #666;
	border-right: solid 2px #666;
}
#searchList .pager a.no.next:after {
	border-top: solid 2px #666;
	border-right: solid 2px #666;
}
#searchContents {
	padding-top:3px;
	background: url(../images/tit_b.png) 0 0 repeat-x;
}
#searchContents section {
	overflow:auto;
	padding:0 0 3px;
	background:#fff url(../images/tit_b.png) 0 100% repeat-x;
}
#searchContents section div {
	padding:10px;
	padding-top:0;
}
#searchContents section figure {
	display:block;
	width:40%;
	float:left;
	margin:10px 10px 10px 0;
	padding:0;
	text-align:center;
	vertical-align: middle;
	display: table-cell;
}
#searchContents section h2 {
	padding: 0;
	margin:0;
	font-size:13px;
	line-height:1.2;
	font-weight:bold;
	color:#4B2107;
	padding-bottom:3px;
	background: none;
	position: static;
}
#searchContents section h2:before {
	content: "";
	position: static;
	left: 0;
	top:0;
	margin: 0;
	padding: 0;
}
#searchContents section a {
	display:block;
	overflow:auto;
	position:relative;
}
#searchContents section a:after {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	display: block;
	width: 6px;
	height: 6px;
	margin-top:-6px;
	border-top: solid 2px #ccc;
	border-right: solid 2px #ccc;
	-webkit-transform-origin: left top;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
#searchContents section p {
	padding: 0;
	margin:0;
}
#searchContents section .options {
	margin:0;
}

#searchContents section .options span {
	font-size:10px;
	line-height:1;
	color:#fff;
	text-shadow:none;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-o-border-radius:8px;
	-ms-border-radius:8px;
	width:38px;
	margin:0 0 0 5px;
	vertical-align:middle;
	display:inline-block;
	text-align:center;
}
#searchContents section .options .new {
	background: -moz-linear-gradient(top, #FB6666,#FE0000);
	background: -webkit-gradient(linear, left top, left bottom, from(#FB6666),to(#FE0000));
}
#searchContents section .options .sale {
	background: -moz-linear-gradient(top, #FEA9DB,#FD70C3);
	background: -webkit-gradient(linear, left top, left bottom, from(#FEA9DB),to(#FD70C3));
}
#searchContents section .options .coupon {
	background: -moz-linear-gradient(top, #84DD86,#34C738);
	background: -webkit-gradient(linear, left top, left bottom, from(#84DD86),to(#34C738));
}

#searchContents section p:nth-child(2) {
	font-size:10px;
	color:#666;
}
#searchContents section p:nth-child(3) {
	font-size:10px;
	color:#666;
}
#searchContents section p:nth-child(4) {
	position:absolute;
	bottom:3px;
	left:3px;
	width:50px;
	float:left;
	font-size:12px;
	text-shadow:
	1px 1px 1px #fff,
	-1px  1px 1px #fff,
	1px -1px 1px #fff,
	-1px -1px 1px #fff;
	font-weight:bold;
}
#searchContents section p:nth-child(5) {
	position:relative;
	bottom:5px;
	right:0;
	float:right;
	font-size:12px;
	color:#FF3F00;
	clear: right;
}
#searchContents section p:nth-child(5) del {
	font-size:12px;
	color:#666;
	font-weight:normal;
}
#searchContents section p:nth-child(5) span {
	font-size:10px;
	font-weight:normal;
}
#searchList p.men {
	color:#0066FF;
}
#searchList p.women {
	color:#FF3366;
}
/*------------------------------------
検索結果(table)
------------------------------------*/
#searchList table.searchResults {
	padding:0;
	margin:0;
	width:100%;
	border:none;
	border-top:1px solid #4B2107;
}
#searchList table.searchResults tr td {
	width:33%;
	padding:0;
	margin:0;
	border:none;
	border-bottom:1px solid #4B2107;
	border-right:1px solid #4B2107;
	text-align:left;
	vertical-align:top;
	background-color:#fff;
}
#searchList table.searchResults tr td a {
	display:block;
	width:100%;
}
#searchList table.searchResults tr td:last-of-type {
	border-right:none;
}
#searchList table.searchResults figure {
	display:block;
	padding:3px;
	margin:0;
}
#searchList table.searchResults tr td img {
	max-width:100%;
}
.iphone #searchList table.searchResults tr td img,.android #searchList table.searchResults tr td img {
	height:75px;
}
#searchList table.searchResults h2 {
	padding:1px;
	height:3.6em;
	margin:0;
	font-size:13px;
	line-height:1.2;
	font-weight:bold;
	background: none;
	position: static;
	color:#4B2107;
	background:#F7EDD5;
}
#searchList table.searchResults h2:before {
	content: "";
	position: static;
	left: 0;
	top:0;
	margin: 0;
	padding: 0;
}
#searchList table.searchResults div {
	padding:3px;
	overflow:auto;
}
#searchList table.searchResults p {
	padding:0;
	margin:0;
}
#searchList table.searchResults p:first-of-type {
	float:left;
	font-size:10px;
	padding:2px 0 0;
}
#searchList table.searchResults p:last-of-type {
	float:right;
	font-size:8px;
	color:#FF3F00;
	text-align:right;
}
#searchList table.searchResults p del {
	font-size:8px;
	color:#666;
	font-weight:normal;
	white-space: pre;
}
#searchList table.searchResults p del:after {
	content:"\A";
}
/*------------------------------------
検索結果なし
------------------------------------*/
#searchList #noResult {
	background: #FFFFFF;
	border-bottom: 1px solid #FA6B5A;
	margin: 0;
	padding: 10px;
}
#searchList #noResult div.btn input {
	font-weight:bold;
	padding:9px 40px;
	border:none;
	background: -moz-linear-gradient(top, #F8CD4E,#ECAB33);
	background: -webkit-gradient(linear, left top, left bottom, from(#F8CD4E),to(#ECAB33));
	color: #4B2107;
	margin:0;
	border-radius:18px;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	-o-border-radius:18px;
	-ms-border-radius:18px;
}
/*------------------------------------
検索詳細
------------------------------------*/
#petDetail .options {
	margin:5px 0;
}
#petDetail h2 {
	padding: 5px 0 5px 5px;
	margin:0;
	font-size:16px;
	line-height:1.2;
	font-weight:bold;
	color:#4B2107;
	padding-bottom:5px;
	background: url(../images/tit_b.png) 0 100% repeat-x;
	position: relative;
}
#petDetail h2:before {
	content: "";
	position: static;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
}
#petDetail h2 span {
	font-size:12px;
	font-weight:normal;
}
#petDetail h2 span:before {
	content: "\A";
	white-space:pre;
}

#petDetail .options span {
	font-size:10px;
	line-height:1;
	color:#fff;
	text-shadow:none;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-o-border-radius:8px;
	-ms-border-radius:8px;
	width:42px;
	padding:2px 6px;
	margin:0 0 0 5px;
	vertical-align:middle;
	display:inline-block;
	text-align:center;
}
#petDetail .options .new {
	background: -moz-linear-gradient(top, #FB6666,#FE0000);
	background: -webkit-gradient(linear, left top, left bottom, from(#FB6666),to(#FE0000));
}
#petDetail .options .sale {
	background: -moz-linear-gradient(top, #FEA9DB,#FD70C3);
	background: -webkit-gradient(linear, left top, left bottom, from(#FEA9DB),to(#FD70C3));
}
#petDetail .options .coupon {
	background: -moz-linear-gradient(top, #84DD86,#34C738);
	background: -webkit-gradient(linear, left top, left bottom, from(#84DD86),to(#34C738));
}
#petDetail .slideBanner {
	margin:15px auto;
	text-align:center;
}
#petDetail .slideBanner div {
	width:280px;
	margin:0 auto;
	padding:0;
	font-size:12px;
	border-radius:4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	background:#fff;
	color:#4B2107;
	box-shadow: 0px 0px 5px rgba(0,0,0,.25);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.25);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.25);
	position: relative;
}
#petDetail .slideBanner span {
	display: block;
	padding:3px 0;
}
#petDetail .slideBanner a:first-of-type {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 0;
	top: 50%;
	display: block;
	margin-top:-21px;
	border-right:1px solid #e1e1e1;
}
#petDetail .slideBanner a:last-of-type {
	width: 42px;
	height: 42px;
	position: absolute;
	right: 0;
	top: 50%;
	display: block;
	margin-top:-21px;
	border-left:1px solid #e1e1e1;
}
#petDetail .slideBanner a {
	line-height:42px;
	vertical-align:middle;
}
#petDetail .slideBanner img {
	vertical-align:middle;
}
#petDetail .socialMedia {
	width:100%;
	overflow:hidden;
	text-align:center;
	margin:10px 0 0;
	vertical-align:top;
}
#petDetail .socialMedia .twitter-share-button {
	width:61px !important;
	height:20px;
	display:inline-block;
	vertical-align:top;
	margin:2px 10px 0 0;
	font-size:10px !important;
}
#petDetail .socialMedia .fb-like {
	display:inline-block;
	width:80px;
	height:24px;
	margin:0 10px 0 0;
	overflow:hidden;
}
#petDetail .socialMedia .mixi-check-button {
	display:inline-block;
	margin:3px 0 0 0;
	vertical-align:top;
}
#petDetail .socialMedia div.friend {
	margin:5px auto 0;
}
#petDetail .socialMedia div.friend a {
	width:160px;
	display:block;
	margin:0 auto;
	padding:4px 6px 4px 36px;
	text-align:center;
	font-size:12px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	background: -moz-linear-gradient(top, #fefefe,#f1f1f1);
	background: -webkit-gradient(linear, left top, left bottom, from(#fefefe),to(#f1f1f1));
	position: relative;
	border:1px solid #ccc;
}
#petDetail .friend a:before {
	position: absolute;
	top: 50%;
	left:10px;
	content:url("../images/ico_mail.png");
	width:21px;
	height:19px;
	display:block;
	vertical-align:middle;
	margin:-11px 10px 0 0;
	padding:2px 0 0;
	background: rgba(0, 0, 0, 0.4);
	-moz-box-shadow:0 1px 0 rgba(255,255,255,.4);
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,.4);
	box-shadow:0 1px 0 rgba(255,255,255,.4);
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}

#petDetail .petDetail {
	margin:0 0 10px;
	padding:0 0 10px;
	background-color:#fff;
}
#petDetail .slidetarget .petDetail {
	margin:0;
	padding:0 0 1px;
}
#petDetail .petDetail h3 {
	text-align:center;
	position:relative;
	font-size:14px;
	color:#fff;
	padding: 3px;
	margin:0;
	background: -moz-linear-gradient(top, #BD9888,#8B554E);
	background: -webkit-gradient(linear, left top, left bottom, from(#BD9888),to(#8B554E));
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	-o-border-radius:0px;
	-ms-border-radius:0px;
	text-shadow: 0 1px 0 #000000;
}
#petDetail .petDetail h3:before {
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	background: url(../images/sunabg.png) 0 0 repeat;
}
#petDetail .petDetail dl,#petDetail .petDetail dt,#petDetail .petDetail dd {
	padding:0;
	margin:0;
	background:none;
}
#petDetail .petDetail dl {
	margin:0 0 10px;
	padding:3px 0;
	overflow:auto;
	border-bottom:2px solid #8B554E;
}
#petDetail .petDetail dt {
	width:37%;
	padding:3px 0;
	float:left;
	clear:both;
	text-align:right;
	font-weight:bold;
	color:#8B554E;
}
#petDetail .petDetail dt:after {
	content:url("../images/dtarrow.png");
	vertical-align:top;
	margin:0 0 0 10px;
}
#petDetail .petDetail dd {
	padding:3px 3px 3px 40%;
	border-bottom:1px dotted #8B554E;
}
#petDetail .petDetail dd:last-of-type {
	border-bottom:none;
	
}
#petDetail .men {
	color:#0066FF;
}
#petDetail .women {
	color:#FF3366;
}
#petDetail .price {
	font-size:12px;
	color:#FF3F00;
	font-weight:normal;
}
#petDetail .price strong {
	font-size:14px;
}
#petDetail .price del {
	color:#666;
	font-weight:normal;
}
#petDetail .price span {
	font-size:12px;
	font-weight:normal;
}
#petDetail .petComment {
	color:#4B2107;
	margin:10px 10px 24px;
	padding:6px 12px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color:#FFEEC1;
}


#petDetail .petCode {
	width:302px;
	margin:0 auto;
	text-align:center;
}
#petDetail .petCode:after{
	content: ""; 
	display: block; 
	clear: both;
}
#petDetail .petCode span.code {
	width:133px;
	height:43px;
	float:left;
	background-color:#2561b4;
	text-align:center;
	display:block;
	padding:6px 3px 9px;
	line-height:1.2;
	font-size:18px;
	font-weight:bold;
	color:#4B2107;
	text-shadow:0 -1px 1px rgba(0,,0,0,0.2),0 1px 1px rgba(255,255,255,0.8);
	border:solid 1px #C37601;
	border-right:solid 1px #A6834A;
	background-image: linear-gradient(bottom, #F49401 0%, #FDEECE 100%);
	background-image: -moz-linear-gradient(bottom, #F49401 0%, #FDEECE 100%);
	background-image: -webkit-linear-gradient(bottom, #F49401 0%, #FDEECE 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #F49401),
	color-stop(1, #FDEECE)
	);
	-webkit-border-top-left-radius: 14px;
	-webkit-border-bottom-left-radius: 14px;
	-moz-border-radius-topleft: 18px;
	-moz-border-radius-bottomleft: 18px;
	border-top-left-radius: 14px;
	border-bottom-left-radius: 14px;
	-webkit-box-shadow:inset 0px 1px 0px #FEF8EB;
	-moz-box-shadow:inset 0px 1px 0px #FEF8EB;
	-o-box-shadow:inset 0px 1px 0px #FEF8EB;
	box-shadow:inset 0px 1px 0px #FEF8EB;
}
#petDetail .petCode span strong {
	font-size:12px;
}
#petDetail .petCode a {
	width:153px;
	height:43px;
	line-height:43px;
	float:right;
	background-color:#2561b4;
	text-align:center;
	display:block;
	padding:6px 3px 9px;
	font-size:16px;
	font-weight:bold;
	color:#111;
	text-shadow:0 -1px 1px rgba(0,,0,0,0.2),0 1px 1px rgba(255,255,255,0.8);
	border:solid 1px #82A20E;
	border-left:solid 1px #EBF3B3;
	background-image: linear-gradient(bottom, #A2CB0F 0%, #F2F4C2 100%);
	background-image: -moz-linear-gradient(bottom, #A2CB0F 0%, #F2F4C2 100%);
	background-image: -webkit-linear-gradient(bottom, #A2CB0F 0%, #F2F4C2 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #A2CB0F),
	color-stop(1, #F2F4C2)
	);
	-webkit-border-top-right-radius: 14px;
	-webkit-border-bottom-right-radius: 14px;
	-moz-border-radius-topright: 18px;
	-moz-border-radius-bottomright: 18px;
	border-top-right-radius: 14px;
	border-bottom-right-radius: 14px;
	-webkit-box-shadow:inset 0px 1px 0px #F8FAE3;
	-moz-box-shadow:inset 0px 1px 0px #F8FAE3;
	-o-box-shadow:inset 0px 1px 0px #F8FAE3;
	box-shadow:inset 0px 1px 0px #F8FAE3;
}
#petDetail .petCode a .ui-btn-inner {
	display: block;
	overflow: hidden;
	padding: 0;
	margin:0 15px 0 0;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#petDetail .petCode a .ui-icon {
	right: 0px;
}
#petDetail .petCode a .ui-icon {
	margin-top: -9px;
	position: absolute;
	top: 50%;
}
#petDetail .shopTel {
	clear:both;
	width:260px;
	margin:10px auto;
	padding:6px 0 6px 42px;
	text-align:center;
	font-size:24px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	background-color:#eee;
	position: relative;
}
#petDetail .shopTel:before {
	position: absolute;
	top: 50%;
	left:20px;
	content:url("../images/ico_tel.png");
	width:36px;
	height:36px;
	display:block;
	vertical-align:middle;
	margin:-18px 10px 0 0;
	background: rgba(0, 0, 0, 0.4);
	-moz-box-shadow:0 1px 0 rgba(255,255,255,.4);
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,.4);
	box-shadow:0 1px 0 rgba(255,255,255,.4);
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}
#petDetail .btn a {
	width:302px;
	margin:0 auto;
}
#petDetail .btn .ui-btn-text {
	font-size:16px !important;
}
#petDetail .btn .small {
	font-size:12px !important;
}

/*------------------------------------
おすすめセール情報
------------------------------------*/
#reccomend .reccList {
	width:100%;
	margin: 0 0 24px;
}
#reccomend .reccList article {
	list-style-type:none;
	border-bottom:1px solid #ccc;
	padding:0;
	margin:0;
	background:#fff;
	position: relative;
	overflow:auto;
}
#reccomend .reccList article a {
	display: block;
	padding: 10px 25px 10px 10px;
	text-decoration: none;
}
#reccomend .reccList article a:after {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	display: block;
	width: 6px;
	height: 6px;
	margin-top: -4px;
	border-top: solid 2px #979797;
	border-right: solid 2px #979797;
	-webkit-transform-origin: left top;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
#reccomend .reccList article figure {
	display: block;
	width:40%;
	float:left;
	margin:0 10px 0 0;
	padding:0 0 10px;
}
#reccomend .reccList article a time {
	border-radius:4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	font-size:12px;
	color:#666;
}
#reccomend .reccList article h2 {
	padding:3px;
	margin:0;
	font-size:14px;
	line-height:1.2;
	font-weight:bold;
	background: none;
	position: static;
	color:#4B2107;
}
#reccomend .reccList article h2:before {
	content: "";
	position: static;
	left: 0;
	top:0;
	margin: 0;
	padding: 0;
}
#reccomend .reccList article p {
	margin: 0;
	padding: 0;
	font-size:12px;
}
/*------------------------------------
WANPET
------------------------------------*/
#wanpetNav {
	padding:0 10px;
	margin:24px 0;
}
#wanpetNav ul {
	padding:0;
	margin:0;
	border:1px solid #FFB680;
	border-radius:4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	list-style-type:none;
	background:#fff;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
	-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
	-o-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
	-ms-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
}
#wanpetNav ul li {
	padding:0;
	margin:0;
	font-size:14px;
	border-bottom:1px solid #FFB680;
	position: relative;
	line-height:1;
	list-style-type:none;
}
#wanpetNav ul li:last-of-type {
	border-bottom:none;
}
#wanpetNav li a {
	display: block;
	padding: 15px 25px 15px 60px;
	text-decoration: none;
	font-weight:bold;
}
#wanpetNav li:nth-of-type(1) a:before {content:  url("../images/nav_dog.png");position: absolute;left: 0;top: 50%;display: block;width: 58px;height: 29px;margin-top: -15px;}
#wanpetNav li:nth-of-type(2) a:before {content:  url("../images/nav_cat.png");position: absolute;left: 0;top: 50%;display: block;width: 58px;height: 29px;margin-top: -15px;}
#wanpetNav li:nth-of-type(3) a:before {content:  url("../images/nav_aqua.png");position: absolute;left: 0;top: 50%;display: block;width: 58px;height: 29px;margin-top: -15px;}
#wanpetNav li:nth-of-type(4) a:before {content:  url("../images/nav_bird.png");position: absolute;left: 0;top: 50%;display: block;width: 58px;height: 29px;margin-top: -15px;}
#wanpetNav li:nth-of-type(5) a:before {content:  url("../images/nav_rep.png");position: absolute;left: 0;top: 50%;display: block;width: 58px;height: 29px;margin-top: -15px;}
#wanpetNav li a span {
	font-size:10px;
	font-weight:normal;
	color:#666;
}
#wanpetNav li a:after {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	display: block;
	width: 6px;
	height: 6px;
	margin-top: -4px;
	border-top: solid 2px #FFB680;
	border-right: solid 2px #FFB680;
	-webkit-transform-origin: left top;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
#registWanpet h2 {
	background:none;
	padding-bottom:0;
}

#wanPet {
	background-color:#fff;
	padding:0 0 10px 0;
	margin:0 0 24px;
	border-bottom:1px solid #FF7712;
}
#wanPet nav.petCat {
	padding:0;
	margin:0;
	background: url("../images/petnav_bg_on.png") repeat 0 0;
}
#wanPet .petCat ul {
	text-align:center;
	padding:4px 0 0;
}
#wanPet .petCat ul li {
	display:inline-block;
	width:62px;
	margin-right:2px;
}
#wanPet .petCat ul li:last-of-type {
	margin-right:0;
}
#wanPet .petCat ul li a {
	display:block;
	background:#fff;
	font-weight:bold;
	padding:1px;
	border:1px solid #fff;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
}
#wanPet .petCat ul li a.on {
	padding:1px 1px 4px 1px;
	border-bottom-left-radius:0px;
	-moz-border-bottom-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-o-border-bottom-left-radius: 0px;
	-ms-border-bottom-left-radius: 0px;
	border-bottom-right-radius:0px;
	-moz-border-bottom-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-o-border-bottom-right-radius: 0px;
	-ms-border-bottom-right-radius: 0px;
}
#wanPet h2 {margin:10px;text-align:center;padding: 5px;}
#wanPet div:nth-of-type(1) h2 {color:#E83E41;background:#FEF1F2;}
#wanPet div:nth-of-type(2) h2 {color:#EB5405;background:#FFF2EC;}
#wanPet div:nth-of-type(3) h2 {color:#2BC9C8;background:#EFFCFC;}
#wanPet div:nth-of-type(4) h2 {color:#E85A93;background:#FDF0F5;}
#wanPet div:nth-of-type(5) h2 {color:#23B378;background:#EFFCF7;}
#wanPet h2:before {
	content: "";
	position: static;
	left: 0;
	top:0;
	margin: 0;
	padding: 0;
}


#wanPet dl,#wanPet dt,#wanPet dd,#wanpetConfirm dl,#wanpetConfirm dt,#wanpetConfirm dd{
	padding:0;
	margin:0;
}
#wanPet dl {
	margin:0 10px;
}
#wanPet dl dt,#wanpetConfirm dl dt {
	position: relative;
	background-color:#F4A8AA;
	border-bottom:1px solid #E83E41;
	text-shadow:none;
	color:#000;
	margin:0;
	padding:9px 3px 9px 27px;
	text-align:left;
	font-weight:bold;
	cursor:pointer;
}
#wanpetConfirm dl dt {
	padding:6px;
	cursor:auto;
	background-color:#FDE7C3;
	border-bottom:1px solid #CAB99C;
}
#wanPet dl dt:before {
	content: "";
	position: absolute;
	left: 20px;
	top: 50%;
	display: block;
	width: 6px;
	height: 6px;
	margin-top:-3px;
	border-top: solid 2px #E83E41;
	border-right: solid 2px #E83E41;
	-webkit-transform-origin: left top;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}
#wanPet #searchCat dl dt {background-color:#F9CCB4;border-bottom:1px solid #EB5405;}
#wanPet #searchCat dl dt:before {border-top: solid 2px #EB5405;border-right: solid 2px #EB5405;}
#wanPet #searchCat .ui-checkbox-on .ui-icon,#searchCat .ui-radio-on .ui-icon {background-color: #EB5405;}
#wanPet #searchAqua dl dt {background-color:#D0F7F7;border-bottom:1px solid #66DBDB;}
#wanPet #searchAqua dl dt:before {border-top: solid 2px #2BC9C8;border-right: solid 2px #2BC9C8;}
#wanPet #searchAqua .ui-checkbox-on .ui-icon,#searchAqua .ui-radio-on .ui-icon {background-color: #2BC9C8;}
#wanPet #searchBird dl dt {background-color:#F8CFE0;border-bottom:1px solid #E43F81;}
#wanPet #searchBird dl dt:before {border-top: solid 2px #E43F81;border-right: solid 2px #E43F81;}
#wanPet #searchBird .ui-checkbox-on .ui-icon,#searchBird .ui-radio-on .ui-icon {background-color: #E43F81;}
#wanPet #searchReptiles dl dt {background-color:#D0F7E9;border-bottom:1px solid #65E0AC;}
#wanPet #searchReptiles dl dt:before {border-top: solid 2px #24B378;border-right: solid 2px #24B378;}
#wanPet #searchReptiles .ui-checkbox-on .ui-icon,#searchReptiles .ui-radio-on .ui-icon {background-color: #24B378;}

#wanPet .ui-checkbox-on .ui-icon,#wanPet .ui-radio-on .ui-icon,#wanpetConfirm .ui-checkbox-on .ui-icon,#wanpetConfirm .ui-radio-on .ui-icon {
	background-color: #E83E41;
}
#wanPet dl dd .ui-btn-inner,#wanpetConfirm dl dd .ui-btn-inner {
	font-size:12px;
	padding-top:12px;
	padding-bottom:12px;
}
.ui-checkbox .ui-icon, .ui-radio .ui-icon {
	top: 1.5em;
}
#wanPet fieldset {
	line-height:1;
}
#wanPet dl dd .ui-checkbox,#wanPet dl dd .ui-radio {
	padding:0;
}
#wanPet dl dd:nth-last-of-type(2),#wanPet dl dd:nth-last-of-type(3) {
	margin:10px;
}
#wanpetConfirm dl dd:nth-of-type(2),#wanpetConfirm dl dd:nth-of-type(3),#wanpetConfirm dl dd:nth-of-type(4) {
	margin:10px;
}
#wanPet dl dd input[type=text],#wanpetConfirm dl dd input[type=text] {
	width:90%;
}
#wanPet div.btn,#wanpetConfirm div.btn {
	padding:10px 0;
	text-align:center;
}
#wanPet dl dd p.comment {
	margin:0 10px 9px;
	text-align:left;
	font-size:12px;
	color:#666;
	padding-left:1em;
	text-indent:-1em;
}
#wanPet dl dd p.comment a:after {
	content: " >";
	font-weight:bold;
}
#wanPet div.btn input,#wanpetConfirm div.btn input {
	font-weight:bold;
	padding:9px 40px;
	border:none;
	background: -moz-linear-gradient(top, #F8CD4E,#ECAB33);
	background: -webkit-gradient(linear, left top, left bottom, from(#F8CD4E),to(#ECAB33));
	color: #4B2107;
	margin:0;
	border-radius:18px;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	-o-border-radius:18px;
	-ms-border-radius:18px;
	vertical-align:top;
}
#wanpetConfirm div.btn a.ui-btn {
	border:none;
	background: -moz-linear-gradient(top, #F8CD4E,#ECAB33);
	background: -webkit-gradient(linear, left top, left bottom, from(#F8CD4E),to(#ECAB33));
	border:none;
	color: #4B2107;
	font-size: 12px;
	border-radius:18px;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	-o-border-radius:18px;
	-ms-border-radius:18px;
	text-shadow:none;
}
#wanpetConfirm div.btn .ui-btn-inner {
	padding-top:9px;
	padding-bottom:9px;
}
#wanPet dl dd .ui-select .ui-shadow,#wanpetConfirm dl dd .ui-select .ui-shadow {
	box-shadow:none;
}

/*------------------------------------
安心へのこだわり
------------------------------------*/
#plan .btn a {
	width:170px;	
}
/*------------------------------------
初めての方へ
------------------------------------*/
#first .btn a {
	width:200px;
}

/* docs site layout */
@media all and (min-width: 649px){
	
	.jqm-home {
		position: absolute;
		left: 10px;
		top: 0;
	}
	.ui-mobile #jqm-homeheader {
		max-width: 340px;
	}
	.ui-mobile .jqm-themeswitcher {
		float: right;
	}
	p.intro {
		margin: 2em 0;
	}
	.type-home .ui-content,
	.type-interior .ui-content {
		padding: 0;
	}
	.type-interior .ui-content {
		background-position: 45%;
		overflow: hidden;
	}
	.content-secondary {
		text-align: left;
		float: left;
		width: 45%;
		background: none;
	}
	.content-secondary,
	.type-interior .content-secondary {
		margin: 30px 0 20px 2%;
		padding: 20px 4% 0 0;
			background: none;
					border-top: none;
	}
	.type-index .content-secondary {
		padding: 0;
	}
	.content-secondary .ui-collapsible {
		margin: 0;
		padding: 0;
	}
	.content-secondary .ui-collapsible-content {
		border: none;
	}
	.type-index .content-secondary .ui-listview {
		margin: 0;
	}

	.ui-mobile #jqm-homeheader {
		padding: 0;
	}
	.content-primary {
		width: 45%;
		float: right;
		margin-top: 30px;
		margin-right: 1%;
		padding-right: 1%;
	}
	.content-primary ul:first-child {
		margin-top: 0;
	}
	.content-secondary h2 {
		position: absolute;
		left: -9999px;
	}
	.type-interior .content-primary {
		padding: 1.5em 6% 3em 0;
		margin: 0;
	}
	/* fix up the collapsibles - expanded on desktop */
	.content-secondary .ui-collapsible-heading {
		display: none;
	}
	.content-secondary .ui-collapsible-contain {
		margin:0;
	}
	.content-secondary .ui-collapsible-content {
		display: block;
		margin: 0;
		padding: 0;
	}
	.type-interior	.content-secondary .ui-li-divider {
		padding-top: 1em;
		padding-bottom: 1em;
	}
	.type-interior .content-secondary {
		margin: 0;
		padding: 0;
	}
	
}
@media all and (min-width: 750px){
	.type-home .ui-content,
	.type-interior .ui-content {
		background-position: 39%;
	}
	.content-secondary {
		width: 34%;
	}
	.content-primary {
		width: 56%;
		padding-right: 1%;
	}	
	.type-interior .ui-content {
		background-position: 34%;
	}
}

@media all and (min-width: 1200px){
	.type-home .ui-content{
		background-position: 38.5%;
	}
	.type-interior .ui-content {
		background-position: 30%;
	}
	.content-secondary {
		width: 30%;
		padding-right:6%;
		margin: 30px 0 20px 5%;
	}
	.type-interior .content-secondary {
		margin: 0;
		padding: 0;
	}
	.content-primary {
		width: 50%;
		margin-right: 5%;
		padding-right: 3%;
	}
	.type-interior .content-primary {
		width: 60%;
	}
}

/*------------------------------------
Font Setting
------------------------------------*/
.font-color-gray   {color:#888;}
.font-color-orange {color:#f93;}
.font-color-red    {color:#c00;}
.font-color-white  {color:#fff;}
.font-color-blue   {color:#000066;}
.font-color-blue2  {color:#01BFBF;}
.font-color-blue3  {color:#0000FF;}
.font-color-green  {color:#006600}
.font-color-pink   {color:#e93069;}
.font-color-purple {color:#a644ff;}
.font-color-cyan   {color:#07a0ca;}
.font-color-brown  {color:#8C5E2C;}

