@charset "Shift_JIS";

/*
=====================================
ペットショップフレンズスタイルシート
=====================================*/
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-image: url(../img/fback.jpg);
	background-repeat: repeat-x;
	font-size: 12px;
	color:#666666;
	line-height: 16pt;
	background-color: #359901;
}
img {
	border:none;
}
p {
	margin: 0px;
	padding: 0px;
}
.green {
	color: #669900;
	}
#base {
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/con-bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
}

/*TOPページ下　カード部*/
#base #fd-con {
	text-align: center;
	margin: 0px;
	padding: 10px;
	clear: both;
}
#fd-con .card-title {
	font-size: 12px;
	text-align: left;
	margin: 10px;
	font-weight: bold;
	color: #996600;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #83C200;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #359901;
}

#fd-con .card-text {
	font-size: 12px;
	text-align: left;
	margin: 10px;
	padding: 8px;
	border: 1px dotted #81C000;
	overflow:auto !important;
	overflow /**/:hidden;
}
.card-text .card-text_left {
	margin: 0px;
	padding: 0px;
	width: 200px;
	float: left;
}
.card-text .card-text_right {
	vertical-align: top;
	padding: 0px;
	margin-left: 210px;
}
/*　全-タイトル部分（最上部）
----------------------------------------------------------------------------------------------------*/
#hd {
	background-image:url(../img/top-hd.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin: 0px;
	padding: 0px;
	height: 130px;
	width: 760px;
	}
#hd-right {
	margin: 0px;
	padding: 0px 0px 0px 140px;
	float: left;
	}	
#hd-nomber {
	margin: 20px;
	padding: 0px 10px 0px 0px;
	float: right;
	text-align: right;
	}
#hd-menu {
	background-image:url(../img/top-hd-2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 760px;
	clear: both;
	}
.menu-00 {
	text-align: center;
	line-height: 20px;
	color: #666666;
	background-image: url(../img/menu-00.jpg);
	background-repeat: no-repeat;
	width: 103px;
	margin: 0px;
	padding: 10px 0px 0px;
	float: left;
}
#menu-text {
	line-height: 150%;
	color: #FF3399;
	margin: 10px 30px 0px 0px;
	padding: 0px;
	float: left;
	width: 476px;
	font-weight: bold;
	text-align: right;
}
.menu-00 a{
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.menu-00 a:hover{
	color: #FFFF00;
}

/*　全-コンテンツ部分外観（ヘッダ・フッタ）
----------------------------------------------------------------------------------------------------*/
#con-hd {
	background-image:url(../img/con-hd.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 760px;
	}
#con-fd {
	background-image:url(../img/con-fd.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin: 0px;
	height: 124px;
	width: 760px;
	padding: 0px;
	}
#con-fd-text {
	margin: 0px;
	height: 54px;
	text-align: right;
	padding-top: 55px;
	padding-right: 160px;
	color: #2D6D01;
	}
#copy {
	color:#FFFFFF;
	clear: both;
	font-size: 12px;
	 }	

/*　TOP-コンテンツ部分中身
----------------------------------------------------------------------------------------------------*/
#maincontents {
	margin: 0px;
	padding: 10px 50px 10px 30px;
	text-align: left;
	overflow:auto !important;
	overflow /**/:hidden;

}
#left-con {
	float: left;
	width: 190px;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}
#right-con {
	margin: 0px 0px 0px 10px;
	float: left;
}

/*　TOP-左メニュー部分
----------------------------------------------------------------------------------------------------*/
#left-con a{
	color: #963300;
	text-decoration: none;
	font-weight: bold;
}
#left-con a:hover{
	color: #FFFFFF;
}
#left-con #leftmenu {
	margin: 0px;
	padding: 10px;
}
.bnner {
	margin-top: 10px;
}
/*#menu-01 {
	float: left;
	text-align: right;
	line-height: 150%;
	color: #666666;
	background-image: url(../img/menu-01.jpg);
	background-repeat: no-repeat;
	height: 32px;
	width: 165px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-right: 30px;
}
#menu-02 {
	float: left;
	text-align: right;
	line-height: 150%;
	color: #666666;
	background-image: url(../img/menu-02.jpg);
	background-repeat: no-repeat;
	height: 32px;
	width: 165px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-right: 30px;
}
#menu-03{
	float: left;
	text-align: right;
	line-height: 150%;
	color: #666666;
	background-image: url(../img/menu-03.jpg);
	background-repeat: no-repeat;
	height: 32px;
	width: 165px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-right: 30px;
}
#menu-04{
	float: left;
	text-align: right;
	line-height: 150%;
	color: #666666;
	background-image: url(../img/menu-04.jpg);
	background-repeat: no-repeat;
	height: 32px;
	width: 165px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-right: 30px;
}
#menu-05 {
	float: left;
	text-align: right;
	line-height: 150%;
	color: #666666;
	background-image: url(../img/menu-05.jpg);
	background-repeat: no-repeat;
	height: 32px;
	width: 165px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-right: 30px;
}
*/#menu-map{
	float: left;
	text-align: right;
	line-height: 150%;
	width: 165px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-left: 15px;
}
/*　TOP-右コンテンツ中身部分
----------------------------------------------------------------------------------------------------*/
.oshirase{
margin:10px 0;
background-color:#FFFFCC;
padding:10px;
}
.oshirase strong{
color:#CC3333;
}
.oshirase2{
	margin: 10px 0px;
	background-color:#F7D9D2;
	padding: 0px;
	color: #333333;
	border: thin solid #DF7E6A;
}
#right-con-top {
	border:1px solid #CCCCCC;
	width: 430px;
	clear: both;
	/*overflow:auto !important;
	overflow :hidden;*/
	margin-bottom: 10px;

	}
#right-con-new {
	width: 430px;
	clear: both;
	overflow:auto !important;
	overflow /**/:hidden;
	margin-bottom: 20px;

	}
#right-con-new ul{
	text-align: left;
	font-size: 12px;
	color: #996600;
	line-height: 16pt;
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#right-con-new li {
	background-image: url(../img/top_pt.jpg);
	background-repeat: no-repeat;
	background-position: left 4px;
	margin: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 20px;
}

.oshirase2 dl {
	font-weight: bold;
	margin: 5px 2px 10px 2px;
	padding: 0px;
	font-size: 12px;
}
.oshirase2 dl dt {
	width: 180px;
	float: left;
	margin: 0px;
	font-size: 12px;
}
.oshirase2 dl dd {
	font-size: 12px;
	overflow:hidden;
	zoom:1;
}
.clear {
	clear: both;
}


#right-con-link {
	width: 430px;
	clear: both;

	}
#right-con-blog {
	width: 430px;
	clear: both;
	overflow:auto !important;
	overflow /**/:hidden;
	margin-bottom: 20px;

	}
#right-con-blog ul{
	text-align: left;
	font-size: 12px;
	color: #996600;
	line-height: 16pt;
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#right-con-blog li {
	background-image: url(../img/top_pt.jpg);
	background-repeat: no-repeat;
	background-position: left;
	margin: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 20px;
}

/*　中ページ全-コンテンツ大枠＆タイトル部分
----------------------------------------------------------------------------------------------------*/
#inside-maincontents {
	margin: 0px;
	padding: 10px 50px;
	text-align: left;
	overflow:auto !important;
	overflow /**/:hidden;

}
#inside-title {
	margin: 0px;
	padding: 0px;
}

#inside-subtitle {
	background-image: url(../img/page_menu_05h2.jpg);
	background-repeat: no-repeat;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 40px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #359901;
	text-align: left;
}

/*#inside-title-01 {
	margin: 0px;
	padding: 18px 0px 14px 60px;
	text-align: left;
	background-image: url(../img/title-osusume.jpg);
	background-repeat: no-repeat;
}
#inside-title-02 {
	margin: 0px;
	padding: 18px 0px 14px 60px;
	text-align: left;
	background-image: url(../img/title-trimming.jpg);
	background-repeat: no-repeat;
}
#inside-title-03 {
	margin: 0px;
	padding: 18px 0px 14px 60px;
	text-align: left;
	background-image: url(../img/title-hanbai.jpg);
	background-repeat: no-repeat;
}
#inside-title-04 {
	margin: 0px;
	padding: 18px 0px 14px 60px;
	text-align: left;
	background-image: url(../img/title-staff.jpg);
	background-repeat: no-repeat;
}
#inside-title-05 {
	margin: 0px;
	padding: 18px 0px 14px 60px;
	text-align: left;
	background-image: url(../img/title-company.jpg);
	background-repeat: no-repeat;
}
*/#inside-maincontents h1 {
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #663300;
	margin: 0px;
	padding: 0px;
}
#inside-maincontents h2 {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #663300;
	margin: 0px;
	padding: 0px;
	clear: both;
	text-indent: 40px;
}
#inside-maincontents h3 {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #795200;
	text-indent: 10px;
	background-color: #DEBC76;
	margin: 0px;
	padding: 3px 0px;
	clear: both;

}
#inside-maincontents h4 {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #CC6699;
	text-indent: 40px;
	margin: 0px;
	padding: 3px 0px;
	clear: both;

}
#inside-maincontents ul {
	text-align: left;
	font-size: 12px;
	color: #CC6600;
	margin: 0px;
	padding: 3px 0px 3px 50px;
	list-style-type: square;

}
#inside-maincontents li {
	margin: 0px;
	padding: 0px;

}
#inside-back {
	text-align: right;
	color: #795200;
	margin: 0px;
	padding: 3px 40px 3px 3px;
}
#inside-back a{
	color: #795200;
}
#inside-back a:hover{
	color: #990000;
}
/*　中ページスタッフ紹介-コンテンツ大枠＆タイトル部分
----------------------------------------------------------------------------------------------------*/
#inside-stuff {
	margin: 0px;
	padding: 10px 40px 10px 60px;
}
/*　中ページ生体販売-コンテンツ大枠＆タイトル部分
----------------------------------------------------------------------------------------------------*/
.inside-hanbai {
	border:1px solid #CC9966;
	overflow /**/:hidden;
	background-image: url(../img/hanbai-naka-bg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-right: 50px;
	margin-bottom: 10px;
	margin-left: 40px;
	}
.inside-hanbai-left {
	margin: 0px 10px 0px 0px;
	clear: none;
	padding: 0px;
	float: left;
	width: 150px;
	}
.inside-hanbai-right-ti {
	margin: 0px;
	clear: none;
	padding: 0px;
	float: left;
	width: 180px;
	font-size: 12px;
	line-height: 16pt;
	font-weight: bold;
	color: #CC6699;
	}
.inside-hanbai-right-con {
	clear: none;
	padding: 0px;
	font-size: 12px;
	line-height: 16pt;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 340px;
	}
/*　中ページトリミング-コンテンツ大枠
----------------------------------------------------------------------------------------------------*/
.inside-trimming {
	padding: 0px;
	overflow:auto !important;
	overflow /**/:hidden;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 40px;
	}
.inside-trimming table {
	width: 600px;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.inside-trimming .inside-trimming-title {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CC9966;
	border-left-color: #CC9966;
	font-size: 12px;
	line-height: 20px;
	color: #666666;
	width: 450px;
	padding-right: 10px;
	text-align: left;
	margin: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CC9966;
	border-right-color: #CC9966;
	background-color: #FFFFFF;
}
.inside-trimming td {
	font-size: 12px;
	line-height: 20px;
	color: #CC9966;
	text-align: right;
	padding: 5px;
	margin: 0px;
	border: 1px solid #CC9966;
	background-color: #F9F3EE;
}
.inside-trimming tr {
	margin: 5px;
	padding: 5px;
}
.inside-trimming .t01-title {
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #29B9FF;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-bottom-color: #B7E8FD;
	border-left-color: #D8F3FE;
	padding: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.inside-trimming .inside-trimming-s {
	font-size: 10px;
	line-height: 20px;
	color: #84C184;
}
/*　中ページおすすめ商品-コンテンツ大枠
----------------------------------------------------------------------------------------------------*/
.inside-osusume {
	margin: 10px 50px 10px 40px;
	background-image: url(../img/hanbai-naka-bg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	overflow:auto !important;
	overflow /**/:hidden;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CC9966;
	border-right-color: #CC9966;
	border-bottom-color: #CC9966;
	border-left-color: #CC9966;
	}
.inside-osusume-con {
	margin: 0px 10px;
	clear: both;
	padding: 0px;
	font-size: 12px;
	line-height: 16pt;
	width: 500px;
	}
.inside-osusume-subti {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #CC6699;
	text-indent: 5px;
	margin: 0px;
	padding: 3px 0px;
	clear: both;
	}
.inside-osusume-left {
	margin: 0px 10px 0px 0px;
	padding: 0px;
	float: left;
	width: 120px;
	}
.inside-osusume-right-subti {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #CC6699;
	text-indent: 5px;
	margin: 0px;
	padding: 3px 0px;
	}
.inside-osusume-right-con {
	margin: 0px 10px 0px 0px;
	padding: 0px;
	float: left;
	font-size: 12px;
	line-height: 16pt;
	width: 400px;
	}
.inside-osusume-right-ryoukin {
	margin: 0px;
	clear: none;
	padding: 0px;
	float: right;
	font-size: 12px;
	line-height: 16pt;
	}
.inside-osusume-link {
	margin: 0px;
	clear: both;
	padding: 0px;
	font-size: 12px;
	line-height: 16pt;
	text-align: center;
	}
.inside-osusume-text {
	padding: 5px;
	margin-left: 35px;
}
.inside-osusume-tag{
	padding: 0px;
	overflow:auto !important;
	overflow /**/:hidden;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 40px;	
}
.inside-osusume-tag .t00-title {
	margin: 0px 10px;
	clear: both;
	padding: 0px;
	font-size: 12px;
	line-height: 16pt;
	width: 500px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	}
.inside-osusume-tag .t01-title{
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #29B9FF;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-bottom-color: #B7E8FD;
	border-left-color: #D8F3FE;
	width: 550px;
	padding: 5px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.inside-osusume-tag .t01-title2{
	clear: both;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #29B9FF;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-bottom-color: #B7E8FD;
	border-left-color: #D8F3FE;
	width: 550px;
	padding: 5px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.inside-osusume-tag .t02-title {
	margin: 10px 10px;
	clear: both;
	padding: 0px;
	width: 500px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.inside-osusume-tag .tagsize {
	width: 260px;
	margin-top: 0px;
	margin-right: 8px;
	padding: 0px;
	float: left;
}
/*　中ページ店舗情報-コンテンツ大枠
----------------------------------------------------------------------------------------------------*/
.inside-company {
	padding: 0px;
	overflow:auto !important;
	overflow /**/:hidden;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 40px;
	}
.inside-company table {
	width: 600px;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.inside-company .inside-company-title {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #99CC00;
	border-left-color: #99CC00;
	font-size: 12px;
	line-height: 1.6em;
	color: #666600;
	width: 180px;
	padding-right: 10px;
	text-align: left;
	margin: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #99CC00;
	border-right-color: #99CC00;
	background-color: #FFFFFF;
	font-weight: bold;
	vertical-align: top;
}
.inside-company td {
	font-size: 12px;
	line-height: 1.6em;
	color: #666666;
	text-align: left;
	padding: 5px;
	margin: 0px;
	border: 1px dotted #99CC00;
	background-color: #F9F3EE;
}
.inside-company tr {
	margin: 5px;
	padding: 5px;
}
.inside-company .t01-title {
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #29B9FF;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-bottom-color: #B7E8FD;
	border-left-color: #D8F3FE;
	padding: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.inside-company .inside-company-s {
	font-size: 10px;
	line-height: 20px;
	color: #84C184;
}

.catch {
	font-size: 12px;
	text-align: left;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 0px;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 0px;
/*	border: 1px dotted #81C000;*/
}
.catch p {
text-align: justify;
text-justify: inter-ideograph;
}




/*　カウンター
--------------------*/
#cnt {
	background-color: #FFFFFF;
	clear: both;
	width: 100%;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.osusume-cl {
	clear: both;
}
.inside-osusume-right-con2 {

	margin: 0px 10px 0px 0px;
	padding: 0px;
	float: left;
	font-size: 12px;
	line-height: 16pt;
	width: 350px;
}


/*　スタッフ紹介ページk
----------------------------------*/
.sk0{
	padding:15px 0px 0px 0px;
	margin:0px;
}
/*回り込み*/
.sk0:after {content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.sk0{display:inline-table;}
.sk0{height:1%;}
.sk0{display:block;}

.sk1{
	width:272px;
	text-align:left;
	padding:0px;
	margin:0px;
	float:left;
}

.sk2{
	width:268px;
	height:242px;
	text-align:left;
	background-image: url(../img2/staff_w2.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:0px;
	margin:0px;
	float:left;

}

.sk_txt{
	text-align:left;
	padding:0px 20px 10px 12px;
	margin:0px;
}
.font-kanbai {
	font-size: 10px;
	line-height: 2em;
	font-weight: bold;
	color: #990000;
	text-align: center;
}
.font-syoudancyu {
	font-size: 10px;
	line-height: 2em;
	font-weight: bold;
	color: #009999;
	text-align: center;
}
.sale {
	color: #990000;
	text-decoration: line-through;
}
#right-con-top .add {
	text-align: left;
	margin: 0px;
	float: right;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.ouchi {
	color: #FF0000;
}
/*　中ページリンクページ
----------------------------------------------------------------------------------------------------*/
.inside-link table {
	width: 600px;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.inside-link td {
	font-size: 12px;
	line-height: 1.6em;
	color: #666666;
	text-align: left;
	padding: 5px;
	margin: 0px;
	background-color: #F9F3EE;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-bottom-color: #99CC00;
	border-left-color: #99CC00;
}
.inside-link tr {
	margin: 5px;
	padding: 5px;
}
#menu-map .add {
	text-align: left;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}