/*
Theme Name:pet
Theme URI:http://dssearch.net/
Description:design by dssearch.
Author:iizuka
*/

html,body,div,
ul,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,blockquote,hr,
th,td {
    margin: 0;
    padding: 0;
}

.clear{clear:both}

/* clear ------------------------------------------------ */
.clearfix:after {
	content: " ";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

table {
    border-spacing: 0;
}

/* Color
--------------------------------------------*/

.red{
	color:#CC0000;
}

.gray{
	color:#999999;
}

.message{
	text-align:center;
	color:#CC0000;
	font-weight:bold;
}

/*style*/
.mar-t10 {margin-top:10px; !important}
.mar-b10 {margin-botom:10px; !important}
.mar-t20 {margin-top:20px; !important}

/*error*/
.error{font-size:16px; margin-top:20px; width:660px; line-height:2.0; text-align:center}

.dot_line{
	margin:5px 0;
	height:1px;
	overflow:hidden;
	border-bottom: 1px dashed #ccc;
	clear: both;
}

/*single*/
#singlecontent{
	width:520px;
	float: left;
	margin: 10px 0 0 10px;
}
#singlecontent a {

}
/*single*/

.single-title{border-left:6px solid #FFD800; margin-top:30px}
.single-title h2{font-size:16px; font-weight:bold; color:#000; padding:2px 0 2px 10px; letter-spacing:2pt}
.single-main{margin-top:20px}
.single-main-left{
	width:250px;
	float:left;
	padding: 15px 0 20px;
}
.single-main-left-image{width:250px; text-align:center}
.single-main-left-image a:hover{background-color:#FFF}
.single-main-right{ width:420px; float:right; padding: 15px 0 20px;}
.single-main-right ul{margin-bottom:20px}
.single-main-right li{margin-bottom:5px}

.single-main-right ul{border-top:1px dashed #CCC}
.single-main-right li{border-bottom:1px dashed #CCC; padding:5px 0}

table#goods-cate {
	border-collapse:collapse;
	width:100%;
	margin: 10px 0 0;
	text-align: center;
}
table#goods-cate td {
	border-collapse:collapse;
	padding: 3px;
}
table#goods-cate td img {
	float:left;
	vertical-align: middle;
	margin-right: 10px;
}
.category_img {
	padding: 0px;
	clear: left;
	float: left;
	height: 30px;
	width: 30px;
	margin-right: 4px;
	margin-left: 8px;
	margin-top: 5px;
}
.category_p {
	float: left;
	list-style: none;
	width: auto;
	text-align: left;
	text-decoration: none;
	vertical-align: middle;
	margin-top: 10px;
}

.category_p a {
	text-decoration: none;
	display:block;	
}


ul.children {
	margin-left:0px;
}

input#s {
	width:110px;
}

h2.left {
	margin-bottom:5px;
}

h2.imgtitle {
	margin-bottom:10px;
}

#top-menu ul.left_cate li {
clear:left;
}

* { box-sizing: border-box}
* { -moz-box-sizing: border-box}

body{color:#505050; margin:0 auto; font-size:12px; width:100%; line-height:1.6; text-align:center; padding:0; font-family:sans-serif}

a{color:#0099CC}
a:hover{text-decoration:none; color:#A6A6A6}
h1,h2,h3,h4,h5,h6{margin:0}
p{}
ul,li{list-style:none; margin:0; padding:0}
img{border:0}
img.middle {vertical-align:middle;}
table{
	font-size:12px;
	margin: 10px 0;
}

.clear{CLEAR: both}

#header{
	width:960px;
	margin:10px auto;
	text-align:left;
	height: 26px;
}

#header-top{
	background-color:#543E54;
	text-align:center;
	color: #FFFFFF;
}
#header-top-inner{width:960px; padding:3px 0; overflow:hidden; text-align:right; margin:0 auto}
#header-top-inner h1{float:left; width:740px; font-size:9.6px; font-weight:normal; text-align:left}
#header-left{float:left;width:540px;}
#header-right{
	float:right;
	width:420px;
	text-align: right;
	margin-top: 5px;
}

#menu{width:960px;height:32px;margin:0 auto;clear: both;}

#navitop a{height:32px; width:64px; display:block; background:#FFF url('/common/img/menu.gif') 0 0 no-repeat; float:left}
#navitop a:hover{height:32px; width:64px; display:block; background:#FFF url('/common/img/menu.gif') 0 -32px no-repeat; float:left}
#navigoods a{height:32px; width:74px; background:#ECE8E0 url('/common/img/menu.gif') -64px 0 no-repeat; float:left}
#navigoods a:hover{height:32px; width:74px; display:block; background:#FFF url('/common/img/menu.gif') -64px -32px no-repeat; float:left}
#navisite a{height:32px; width:102px; background:#ECE8E0 url('/common/img/menu.gif') -138px 0 no-repeat; float:left}
#navisite a:hover{height:32px; width:102px; display:block; background:#FFF url('/common/img/menu.gif') -138px -32px no-repeat; float:left}
#naviqa a{height:32px; width:102px; background:#ECE8E0 url('/common/img/menu.gif') -240px 0 no-repeat; float:left}
#naviqa a:hover{height:32px; width:102px; display:block; background:#FFF url('/common/img/menu.gif') -240px -32px no-repeat; float:left}
#navinews a{height:32px; width:87px; background:#ECE8E0 url('/common/img/menu.gif') -342px 0 no-repeat; float:left}
#navinews a:hover{height:32px; width:87px; display:block; background:#FFF url('/common/img/menu.gif') -342px -32px no-repeat; float:left}
#navirecipe a{height:32px; width:75px; background:#ECE8E0 url('/common/img/menu.gif') -429px 0 no-repeat; float:left}
#navirecipe a:hover{height:32px; width:75px; display:block; background:#FFF url('/common/img/menu.gif') -429px -32px no-repeat; float:left}
#navicolumn a{height:32px; width:74px; background:#ECE8E0 url('/common/img/menu.gif') -504px 0 no-repeat; float:left}
#navicolumn a:hover{height:32px; width:74px; display:block; background:#FFF url('/common/img/menu.gif') -504px -32px no-repeat; float:left}
#navisample a{height:32px; width:197px; background:#ECE8E0 url('/common/img/menu.gif') -578px 0 no-repeat; float:left}
#navisample a:hover{height:32px; width:197px; display:block; background:#FFF url('/common/img/menu.gif') -578px -32px no-repeat; float:left}
#navirealestate a{height:32px; width:130px; background:#ECE8E0 url('/common/img/menu.gif') -775px 0 no-repeat; float:left}
#navirealestate a:hover{height:32px; width:130px; display:block; background:#FFF url('/common/img/menu.gif') -775px -32px no-repeat; float:left}
#navitravel a{height:32px; width:55px; background:#ECE8E0 url('/common/img/menu.gif') -905px 0 no-repeat; float:left}
#navitravel a:hover{height:32px; width:55px; display:block; background:#FFF url('/common/img/menu.gif') -905px -32px no-repeat; float:left}

body#toppage #navitop a{height:32px;width:64px;display:block;background: #FFF url('/common/img/menu.gif') 0 -32px no-repeat;float:left}
body#goodspage #navigoods a{height:32px; width:74px; display:block; background:#FFF url('/common/img/menu.gif') -64px -32px no-repeat; float:left}
body#sitepage #navisite a{height:32px; width:102px; display:block; background:#FFF url('/common/img/menu.gif') -138px -32px no-repeat; float:left}
body#qapage #naviqa a{height:32px; width:102px; display:block; background:#FFF url('/common/img/menu.gif') -240px -32px no-repeat; float:left}
body#newspage #navinews a{height:32px; width:87px; display:block; background:#FFF url('/common/img/menu.gif') -342px -32px no-repeat; float:left}
body#recipepage #navirecipe a{height:32px; width:75px; display:block; background:#FFF url('/common/img/menu.gif') -429px -32px no-repeat; float:left}
body#columnpage #navicolumn a{height:32px; width:74px; display:block; background:#FFF url('/common/img/menu.gif') -504px -32px no-repeat; float:left}
body#samplepage #navisample a{height:32px; width:197px; display:block; background:#FFF url('/common/img/menu.gif') -578px -32px no-repeat; float:left}
body#realestatepage #navirealestate a{height:32px; width:130x; display:block; background:#FFF url('/common/img/menu.gif') -775px -32px no-repeat; float:left}
body#travelpage #navitravel a{height:32px; width:55px; display:block; background:#FFF url('/common/img/menu.gif') -905px -32px no-repeat; float:left}

#maincontent{width:960px; padding:0; margin:10px auto 30px; overflow:hidden}
#leftcontent{float:left; width:690px; text-align:left}
#rightcontent{float:right;width:260px;text-align:left;background-color:#FFFFFF;}
#toppage #maincontent{}

#leftmenu{float:left; width:170px; text-align:left}
#centercontent{float:right; width:490px; text-align:left; padding-bottom:10px}

#leftcontent #top_menu li.cat-item,#rightcontent ul.recentcomments li, ul#recentcomments li.recentcomments, div#new li { 
background-image:url(/common/img/ico_ar_n.gif);
	background-repeat:no-repeat;
	background-position:0 10px;
	padding: 3px 0 3px 15px;
}

#leftcate {
	margin-bottom: 10px;
}

h3.catetitle{
	margin-bottom: 10px;
	border-left:5px solid #ff6633;
	border-bottom:1px solid #cccccc;
	padding:3px 0 3px 10px;
	font-size:16px;
}

h3.pagetitle {
	margin-top: 10px;
	font-size: 18px;
}

/*ads*/
#ads{width:250px; clear:both}


#footer{
	padding-top:10px;
	border-top:1px dashed #999;
}

.footerlink{width:972px; line-height:1.6; margin:0 auto 10px auto; overflow:hidden}
.footerlink li{float:left; padding:0 6px; border-right:1px solid #BBB; #white-space:nowrap;/*IE回避用*/}
.footerlink a{color:#666}
.footerlink a:hover{color:#a6a6a6}
li.last{border:0}
.footerlink li.fcate{border:0; padding:1px 3px; background-color:#ECE8E0}


#copyright{
	margin:0 auto;
	color:#FFF;
	background-color:#543E54;
}
#copyright p{padding:5px 0; text-align:center; width:960px; margin:0 auto}
#copyright a{color:#FF9966}
#copyright a:hover{color:#FFF}


/*right*/
/*new*/
#new{
	border:1px dashed #ccc;
	padding:8px;
	text-align: left;
	margin-bottom:10px;
}
#new_left{
	border:1px dashed #999;
	padding:8px;
	text-align: left;
	margin:10px 0 20px;
}
.title {
	font-weight: bold;
	letter-spacing: 2px;
	margin-bottom:5px;
	font-size:12px;
	background-color: #ece8e0;
	padding: 7px;
}

#path{width:960px;	font-size:11px; text-align:left; margin:0 auto; letter-spacing:1pt; color:#444; margin-top:8px}
#path a{color:#606060}
#path a:hover{color:#A6A6A6}

/* safari only \*/
html:\66irst-child #path {padding:2px 0}
/* end */


/*toppage*/
#top-comment{margin:6px 0; width:630px; overflow:hidden; font-size:12px}
#top-comment h1{font-size:12px; font-weight:normal; color:#444}

/*pager*/
.tablenav{text-align:center; padding:20px 0}
.tablenav a:hover{background-color:#3399CC; color:#FFF}
a.page-numbers{padding:4px 6px; border:1px solid #3399CC; background-color:#F0F0F0}
a.prev{border:0; background-color:transparent}
a.next{border:0; background-color:transparent}

h1#lefttitle{font-size:12px; font-weight:normal; line-height:1.4; text-align:left; width:165px}

img#cat_title{display:block; margin-bottom:10px}


#left_content{float:left;width:635px}

#right_content{float:right; width:145px}

#top_menu{
	float:left;
	width:160px;
	text-align:left;
	line-height: 1.4;
}

#left_menu{
	float:left;
	width:160px;
	text-align:left;
	line-height: 1.4;
margin:10px 0;
}

#center_content{
	width:470px;
	float:right;
	text-align:center;
}

#main_title{
	text-align:left;
	margin-bottom:10px;
}
.sitename a {
	background-image:url(/common/img/ico_niku.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:20px;
}

/*pr*/
.pr{width:250px; text-align:center; margin-bottom:10px}
.pr-left{float:left; width:130px; text-align:left}
.pr-left a{border:0}
.pr-right{float:right; width:120px; text-align:left}
.pr p{margin-top:5px}

.bn {
	text-align:center;
	clear: both;
	padding: 10px;
}

.bn_goods_left {
	border-top: 1px dashed #ccc;
	text-align:center;
	clear: both;
	padding: 10px;
}

.cell01{
	background-image:url(/common/img/ico_ar_n.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding: 3px 15px 3px 10px;
text-align:right;
background-color:#f0f0f0;
}

.cell02{
	padding: 5px;
	text-align: left;
}


/* Sample
--------------------------------------------*/

dl.sample dt {
	float: left;
	margin: 5px 0;
}
dl.sample {
	clear: both;
}
dl.sample dd {
	width: 630px;
	float: right;
}

/* Pager
--------------------------------------------*/
#maincontent .pagebar {
	text-align:center;
margin:10px 0;
padding:5px;
background-color:#f0f0f0;
clear:both;
}

#maincontent .pagebar a {
	font-weight:lighter;!important
}

#maincontent .pagebar .this-page {
	font-weight: bold;
}

/* Contents
--------------------------------------------*/

#item_pic {
	float:left;
	width:210px;
	margin: 0 20px;
}

#item_text {
	float:left;
	width:400px;
	margin-bottom: 30px;
}

#leftcontent form{
	clear:both;
	margin-bottom: 10px;
}

#pre_title {
	background-color:#ECE8E0;
	padding:5px 10px;
	border: 1px solid #D2C4D2;
	margin: 20px 0;
	font-weight: bold;
}

h2.widgettitle {
	background-color:#ECE8E0;
	padding:7px;
	font-size: 12px;
	color:#543E54;
	margin-bottom:10px;
	line-height: normal;
}
form#searchform{
margin-bottom:10px;
}
input#s {
	width:150px;
}

.dt_frame{
	border:1px dashed #ccc;
	padding:8px;
	text-align: left;
}

.caution{
	margin-bottom:10px;
	border: 1px dashed #CC0000;
	padding:5px;
	text-align: center;
}

.caution a{
	display:block;
	color:#CC0000;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}
.btn01{
	padding: 3px 8px;
}

.btn02{
	padding: 3px 8px;
}
#btnform { text-align:center;margin:10px 0 0;}

#ad{
	text-align:left;
}

#ad h3{
	margin: 20px 0 0;
	background-color: #EDE8E0;
	padding: 5px 7px;
}

#ad table{
	margin:20px 0;
}

#ad td {
	border-top:1px solid #ccc;
	padding: 10px;