/* Attribute */
.clear {clear:both;}


/* Sprite image */
.ics {
	-webkit-background-size:300px 200px;
	background-image:url('/img_up/shop_pds/petshop/design_m/img/elementSet.png');
	background-repeat:no-repeat;
}


/* Input(text) tag */
input[type='text'] {display:inline-block; }
.ui_text {
	display:block; margin:0; padding:.2em .4em; background:white;
	border:1px solid #aaa; border-radius:3px;
	box-shadow: inset 3px 3px 3px rgba(0,0,0,.1);
	-webkit-box-shadow: inset 3px 3px 3px rgba(0,0,0,.1);
}
.ui_text.ib {display:inline-block;}

.ui_text input {
	width:100%; border:none; background:transparent; padding:0;
	font-size:16px; color:#333;
	-webkit-appearance: none;
}


/* Input(number) */
.ui_changeNumber {display:block; position:relative; height:35px; overflow:hidden; text-align:center; padding:0 30px;}
.ui_changeNumber .ics {display:block; position:absolute; width:36px; height:36px; top:0; cursor:pointer;}
.ui_changeNumber .ics.mm {background-position:0 -30px; left:0;}
.ui_changeNumber .ics.pp {background-position:-46px -30px; right:0;}
.ui_changeNumber input {
	display:block; padding:0; width:100%; height:33px; text-align:center; font-size:16px;
	border-width:1px 0; border-style:solid; border-color:#bbb;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;}


/* Textarea */
.ui-textarea {
	display:block; margin:0; padding:.4em .4em;
	border:1px solid #aaa; border-radius:3px;
	box-shadow: inset 3px 3px 3px rgba(0,0,0,.1); -webkit-box-shadow: inset 3px 3px 3px rgba(0,0,0,.1);
}
.ui-textarea.ib {display:inline-block;}
.ui-textarea textarea {width:100%; padding:0; margin:0; border:none; vertical-align:top; font-size:1em;}


/* Select tag */
select {
	height:32px; display:inline-block; padding:.5em 40px .5em .5em; font-size:14px; margin:0;
	border:1px solid #aaa; border-radius:5px;
	-webkit-appearance: button;
	box-shadow:inset 3px 3px 3px rgba(0,0,0,.1);
	-webkit-box-shadow:inset 3px 3px 3px rgba(0,0,0,.1);
	background:white url('/img_up/shop_pds/petshop/design_m/img/selectbox.png') right 0 no-repeat; background-size:30px;
}


/* Radio & Checkbox */
.ui_radio, .ui_checkbox {
	border:none; margin:0; padding:0;
}
.ui_radio .child, .ui_checkbox .child {
	position:relative; line-height:39px; height:39px;
	border-width:0 1px 1px 1px; border-style:solid; border-color:#aaa;
	background:#ebebeb;
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#ebebeb));
	background:-webkit-linear-gradient(#fff, #ebebeb);
	background:-moz-linear-gradient(#fff, #ebebeb);
	background:-ms-linear-gradient(#fff, #ebebeb);
	background:-o-linear-gradient(#fff, #ebebeb);
	background:linear-gradient(#fff, #ebebeb);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebebeb');
}

.ui_radio .child.first, .ui_checkbox .child.first {
	border-top-width:1px;border-top-left-radius:5px; border-top-right-radius:5px; margin:.2em 0 0 0;
}
.ui_radio .child.last, .ui_checkbox .child.last {
	border-bottom-width:1px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; margin:0 0 .2em 0;
}
.ui_radio .child input, .ui_checkbox .child input {
	position:absolute; left:5px; top:10px; cursor:pointer; width:10px; height:10px; outline:none;
}
.ui_radio .child label, .ui_checkbox .child label {
	display:block; padding:0 0 0 35px; cursor:pointer;
	font-size:16px; color:#333; font-weight:bold;
}
.ui_radio .child label > .ics, .ui_checkbox .child label > .ics {
	position:absolute; left:7px; top:50%; margin-top:-10px; display:block; width:20px; height:20px; z-index:5;
}
.ui_radio .child label > .ics > .ics, .ui_checkbox .child label > .ics > .ics {
	position:absolute; width:13px; height:11px; left:4px; top:5px;
	background-position:-30px 0;
}
.ui_radio .child.disabled label, .ui_checkbox .child.disabled label {color:#888;}
.ui_radio .child.ui-blue label > .ics {background-position:-163px 0;}
.ui_checkbox .child label > .ics {background-position:-53px 0;}
.ui_checkbox .child.ui-blue label > .ics {background-position:-193px 0;}

.ui_checkbox .child.disabled label > .ics {background-position:-133px 0;}
.ui_radio .child.disabled label > .ics {background-position:-103px 0;}


/* Button */
.ui_btn {
	display:inline-block; padding:0 1em; cursor:pointer; margin:1px 0;
	font-size:14px; line-height:2.2em; text-decoration:none; color:#333; font-weight:bold;
	text-shadow:0 1px 1px rgba(255,255,255,1);
	border:1px solid #bbb; border-radius:.3em;
	background:#fefefe;
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fefefe), to(#dadada));
	background:-webkit-linear-gradient(#fefefe, #dadada);
	background:-moz-linear-gradient(#fefefe, #dadada);
	background:-ms-linear-gradient(#fefefe, #dadada);
	background:-o-linear-gradient(#fefefe, #dadada);
	background:linear-gradient(#fefefe, #dadada);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#dadada');
}

.ui_btn.co1 {
	color:white; text-shadow:0 -1px 1px rgba(0,0,0,.5);
	border:1px solid #f34635; border-radius:.3em;
	background-color:#f34635;
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#f34635), to(#f34635));
	background:-webkit-linear-gradient(#f34635, #f34635);
	background:-moz-linear-gradient(#f34635, #f34635);
	background:-ms-linear-gradient(#f34635, #f34635);
	background:-o-linear-gradient(#f34635, #f34635);
	background:linear-gradient(#f34635, #f34635);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f34635', endColorstr='#f34635');
}

.ui_btn.w100 {display:block; text-align:center;}
.ui_btn.sml {padding:0 .7em; font-size:12px; line-height:2em;}
.ui_btn.big {font-size:14px; line-height:2.8em;}


/* Contents Tab */
.ctab {line-height:0;}
.ctab dl.tab {
	display:inline-block; width:100%; margin:0; padding:10px 0; cursor:pointer; line-height:normal;
	color:white; text-shadow:0 1px 1px rgba(0,0,0,.5); font-weight:bold;
	background:#8f8f8f;
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#a3a3a3), to(#8f8f8f));
	background:-webkit-linear-gradient(#a3a3a3, #8f8f8f);
	background:-moz-linear-gradient(#a3a3a3, #8f8f8f);
	background:-ms-linear-gradient(#a3a3a3, #8f8f8f);
	background:-o-linear-gradient(#a3a3a3, #8f8f8f);
	background:linear-gradient(#a3a3a3, #8f8f8f);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3a3a3', endColorstr='#8f8f8f');
}
.ctab dl.tab dt {float:left; margin:0 0 0 11px; font-size:14px;}
.ctab dl.tab dd {
	float:right; margin:0 10px 0 0; padding:0 0 0 0; font-size:12px;
}
.ctab dl.tab dd .ics {display:inline-block; width:10px; height:7px; background-position:-83px 0; vertical-align:middle;}
.ctab dl.tab dd .ics.cls {background-position:-83px -13px;}
.ctab .conbox {clear:both; margin:0; line-height:normal;}


/* Category Navigation */
.navTree {
	display:table; width:100%; margin:0; padding:0; list-style:none; height:40px; overflow:hidden; white-space:nowrap;
	border-bottom:1px solid #aaa;
	background:#e0e0e0;
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fafafa), to(#e0e0e0));
	background:-webkit-linear-gradient(#fafafa, #e0e0e0);
	background:-moz-linear-gradient(#fafafa, #e0e0e0);
	background:-ms-linear-gradient(#fafafa, #e0e0e0);
	background:-o-linear-gradient(#fafafa, #e0e0e0);
	background:linear-gradient(#fafafa, #e0e0e0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e0e0e0');
}
.navTree li {
	font-weight:bold; display:table-cell; text-align:center; padding-right:8px;
	background:url('/img_up/shop_pds/petshop/design_m/img/ico_arrow2.png') right 0 no-repeat; background-size:12px;
}
.navTree li a {
	display:inline-block; padding:0;
	font-size:12px; color:#111; text-decoration:none; line-height:40px; text-shadow:0 1px 1px rgba(255,255,255,1);
}
.navTree li:last-child {background:none;}
.navTree li:last-child a {color:#af1341; font-weight:bold;}