/*------------------------------------------

ペット用品通販【ドッグパラダイス】CSS
last update 07/09/18 editor fukuda
------------------------------------------*/



/*------------------------------------------
共通デザイン　タグ全般
------------------------------------------*/
body
{
margin:5px 0 0 0;
padding:0;
}

#bg-pages
{
background:url(../images/bg-body.jpg) left top repeat-x;
}

img
{
border:none;
text-decoration: none;
}

em
{
font-style: normal;
}

.brclear
{
clear:both;
font: 0pt/0pt sans-serif;
}


#maincontents h2
{
display: none;
font-weight: normal;
font-size: 12px;
margin:5px 0;
padding:0;
line-height: 120%;
}

#contentsleft h3,
#contentsleft2 h3,
#contentscenter h3,
#contentsright h3,
#footer h3,
#rms-footer h3,
#center-under h3,
#right-under h3
{
font-size:10px;
margin:0;
color:#fff;
}

#contentsleft h3 span,
#contentsleft2 h3 span,
#contentscenter h3 span,
#contentsright h3 span,
#footer h3 span,
#rms-footer h3 span,
#center-under h3 span,
#right-under h3 span
{
display: none;
}

/* コンテンツページ見出し制御ここから */
.font_base h1 {margin:5px auto;}
h1.style87 {margin:5px auto 0 auto ! important;}
h1.style101 {margin:5px auto 0 auto ! important;}
.style60 h1 {margin:5px auto 10px auto ! important;}
.style79 h1 {margin:5px auto 0 auto ! important;}
.style100 h1 {margin:5px auto 0 auto ! important;}
.style113 h1 {margin:5px auto 0 auto ! important;}

.style60 h3{margin:0 auto ! important;}
/* コンテンツページ見出し制御ここまで */

.style2 {font-size: 12px}
.style6 {font-size: 10px}
.style7 {	color: #FFFFFF;
	font-weight: bold;
}
.style8 {color: #CC0000}
.style27 {color: #FFFFFF}
.style39 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; }
.style42 {
	font-family: "Courier New", Courier, mono;
	font-size: 18px;
}
.style46 {color: #333333}
.style47 {font-size: 9px}
.style61 {
	font-family: "Courier New", Courier, mono;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
.style64 {font-family: "Courier New", Courier, mono; font-size: 18px; color: #666666; }
.style66 {color: #666666}
.style72 {color: #FF0000}
.style76 {
	font-size: 14px;
	color: #66FF66;
}
.style78 {font-size: 14px; color: #FF6600; }
.style79 {font-size: 18px}


/*------------------------------------------
共通デザイン　リンクカラー
------------------------------------------*/

a:link,a:visited,a:active
{
color:#736357;
text-decoration: none;
cursor: pointer;
}

a:hover
{
color:#ff8800;
text-decoration: underline;
cursor: pointer;
}

/*------------------------------------------
コンテンツ　大枠デザイン
------------------------------------------*/

#contents
{
width:820px;
padding:0;
margin:0 auto;
}

#header
{
width:780px;
margin:0 auto 15px auto;
}

#header br
{
display: none;
}

#maincontents
{
width:780px;
margin:0 auto 15px auto;
padding:0;
}

#contentsleft
{
width:160px;
margin:0;
}

#contentscenter
{
width:420px;
margin:0;
}

#contentsright
{
width:180px;
margin:0;
}

#contents-middle
{
width:610px;
margin:0 0 10px 0;
}

#center-under
{
width:310px;
margin:0 0 10px 0;
}

#right-under
{
width:290px;
margin:0 0 10px 0;
}

/*------------------------------------------
コンテンツ　ヘッダーデザイン
------------------------------------------*/

.headertxt
{
width:780px;
height:13px;
margin:0 0 3px 0;
padding:0;
overflow: hidden;
}

.headertxt br
{
display: inline;
}

.headertxt h1
{
font-size:12px;
margin:0;
padding:0;
color:#ff8700;
float:left;
}

.summary
{
font-size:12px;
margin:0;
padding:0;
color:#ff8700;
float:left;
}

.summary strong
{
font-weight:normal;
}

.kanban
{
width:780px;
padding:0;
margin:0 0 5px 0;
clear:both;
}


/* -------------------------------------
コンテンツ　メインコンテンツ
------------------------------------- */


/* -------------------------------------
メインコンテンツ　コンテンツ左
------------------------------------- */

.left-contents
{
margin:0 0 10px 0;
border-width:0 1px 1px 1px;
border-style:solid;
border-color:#FFA537;
}

.left-contents2
{
width:160px;
margin:0 0 10px 0;
}

/*　レフトバナー　*/


#contentsleft
div.banners
{
padding:0;
margin:0 0 5px 0;
}

#contentsleft
div.banners2
{
padding:0;
margin:0 0 10px 0;
}

/*　カテゴリー　*/

.category
{
width:158px;
padding:0;
margin:0;
list-style: none;
}

.categoriesA,
.categoriesB
{
display:block;
width:158px;
margin:0;
border-bottom:1px dotted #FFA537;
text-align: left;
}

.categoriesA a,
.categoriesB a
{
display:block;
margin:0;
padding:5px 0 2px 17px;
background: url(../images/left/bg-categories.jpg) left top no-repeat;
text-decoration: none;
font-size:11px;
}

.categoriesA a:hover,
.categoriesB a:hover
{
background:url(../images/left/bg-categories-over.jpg) left top no-repeat;
text-decoration: underline;
}

.categoriesA span,
.categoriesB span
{
display:block;
width:141px;
margin:0;
}

.last
{
border: none;
}

.bn-mobile
{
width:160px;
margin:0 0 10px 0;
text-align:center;
}

/*------------------------------------
カレンダーデザイン要素(calendar.js)
------------------------------------*/

#calendar-box
{
width:150px;
margin:0 auto 15px auto;
padding:5px 0;
text-align:center;
}

.calendar
{
margin:0;
border-collapse: collapse;
}
.headline td
{
font-size: 10px;
}

.calendar th
{
text-align:left;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
color: #FFA537;
padding:5px 3px;
}

.calendar th span
{
font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka;
cursor: pointer;
float: right;
padding-top:2px;
}

.calendar td
{
text-align: center;
width: 25px;
height: 20px;
vertical-align: middle;
font-family: Verdana,Arial,Helvetic,sans-serif;
line-height: normal;
font-size: 10px;
color: #333333;
background-color: #FFFEFE;
}

.calendar td.click
{
cursor: pointer;
background-color: #FFFFFF;
}

/*
.calendar td.Today
{
font-weight: bolder;
color: #009900;
background-color: #FFFEFE;
font-size: 12px;
}
*/

.calendar td.Sat
{
color:#FF0000;
background-color:#ffcccc;
font-weight:bold;
}

.calendar td.Sun
{
color:#FF0000;
background-color:#ffcccc;
font-weight:bold;
}

.calendar td.holyday
{
color: #FF0000;
background-color: #ffcccc;
font-weight: bold;
font-size: 11px;
}

.calendar td.saleday
{
font-weight: bolder;
background-color: #ff8800;
color:#ffffff;
font-size: 14px;
}

.calendar td.openday
{
font-size:10px;
color: #333333;
background-color: #FFFEFE;
}

/* -------------------------------------
メインコンテンツ　コンテンツセンター
------------------------------------- */

.center-contents2
{
margin:0 0 10px 0;
}

/*ニュース*/

.center-contents
{
margin:0 0 15px 0;
border:1px solid #FFA537;
}

.update-contents
{
width:398px;
margin:0 0 15px 0;
}

.update-list
{
width:398px;
margin:0;
padding:0;
}

.update-list ul
{
margin:0;
padding:0;
list-style: none;
}

.update-list ul li
{
margin:0 0 2px 3px;
padding:0 0 2px 18px;
background:url(../images/list-mark.jpg) left top no-repeat;
border-bottom:1px dotted #ccc;
font-size:12px;
color:#888;
line-height: 125%;
}

.update-list ul li span
{
display: block;
font-size:11px;
color:#9CEB0D;
font-family: Verdana,Arial,Helvetic,sans-serif;
}

.update-list ul li a
{
font-size:12px;
text-decoration: underline;
}

.update-list ul li a:link,
.update-list ul li a:visited,
.update-list ul li a:active
{
color:#ff8800;
text-decoration: none;
}

.update-list ul li a:hover
{
color:#ff8800;
text-decoration: underline;
}

/*新商品*/

.new-item
{
width:420px;
margin:0;
text-align:left;
}

.new-item table
{
border-collapse: collapse;
}

.new-item table td
{
padding:0 0 10px 0;
text-align: center;
}

.new-item table td a
{
width:97px;
display: block;
margin:0 auto;
}

.new-item table td a img
{
display: block;
border:1px solid #dddddd;
}

/*中央コンテンツ　バナー*/

.bn-central
{
width:420px;
padding:0;
margin:0 0 10px 0;
text-align: right;
}

.bn-central a
{
font-size:11px;
text-decoration: none;
}

.bn-central span
{
display: block;
margin-top:3px;
font-size:11px;
text-decoration: underline;
}

/* -------------------------------------
メインコンテンツ　右コンテンツ
------------------------------------- */

.right-contents
{
margin:0 0 10px 0;
padding:0 4px;
border:1px solid #FFA537;
}

.right-contents2
{
width:150px;
margin:0 0 10px 0;
padding:0;
}

/* バナー */

.bn-right
{
width:180px;
margin:0 0 10px 0;
}

.bn-right2
{
width:180px;
margin:0 0 15px 0;
}

/* 店舗情報 */

#shop-info
{
width:170px;
margin:0;
}

.shop-info-img
{
width:170px;
margin-bottom: 5px;
padding-top:4px;
text-align: center;
}

#shop-info p
{
margin:5px 0;
text-align:center;
font-size:12px;
color:#666;
line-height:120%;
}

#shop-info p a
{
font-size:11px;
}

#shop-info p span
{
font-size:11px;
}


/* ランキング */

.ranking
{
width:170px;
margin:0;
}

.ranking-box
{
width:170px;
text-align: center;
margin:0;
padding:8px 0;
border-bottom: 1px dotted #FFA537;
}

.num1
{
background: url(../images/right/ranking/num1.jpg) left center no-repeat;
}

.num2
{
background: url(../images/right/ranking/num2.jpg) left center no-repeat;
}

.num3
{
background: url(../images/right/ranking/num3.jpg) left center no-repeat;
}

.num4
{
background: url(../images/right/ranking/num4.jpg) left center no-repeat;
}

.num5
{
background: url(../images/right/ranking/num5.jpg) left center no-repeat;
border: none ! important;
}

.ranking-num
{
width:40px;
float:left;
margin:0;
padding:0;
}

.ranking-img
{
width:45px;
float:left;
margin:0 0 0 3px;
padding:0;
}

.ranking-txt
{
width:77px;
float:left;
margin:0 0 0 5px;
padding:10px 0 0 0;
font-size:10px;
text-align:left;
line-height: 120%;
}


/* PICKUP edit by shiina 090421 */

.pickup
{
width:170px;
margin:0;
}

.pickup-box
{
width:170px;
text-align: center;
margin:0;
padding:5px 0;
border-bottom: 1px dotted #FFA537;
}

.pickup-box_e
{
width:170px;
text-align: center;
margin:0;
padding:6px 0;
}

.pickup-update{
margin:0;
padding-top:2px;
color:#FF4D81;
font-size:11px;
text-align:right;
}

.pickup-img
{
width:45px;
float:left;
margin:0 0 0 3px;
padding:0;
border:1px solid #cccccc;
}

.pickup-txt
{
width:105px;
float:left;
margin:0 0 0 5px;
padding:10px 0 0 0;
font-size:10px;
text-align:left;
line-height: 120%;
}

.pickup-com
{
margin:0 0 0 0;
padding:3px 0 0 3px;
font-size:10px;
text-align:left;
line-height: 120%;
color:#868686;
}

.pickup a
{
text-decoration:none;
color:#FFA537;
}

.pickup a:hover
{
text-decoration:underline;
}

/* 値上げのお知らせ */

.priceup-contents-outer
{
margin:0 0 15px 0;
border:1px solid #99EA05;
}

.priceup-contents
{
width:158px;
margin:0 0 15px 0;
}

.priceup-list
{
width:158px;
margin:0;
}

.priceup-list ul
{
margin:0;
padding:0;
list-style: none;
}

.priceup-list li
{
margin:0 0 2px 3px;
padding:0 0 2px 18px;
background:url(../images/list-mark.jpg) left top no-repeat;
border-bottom:1px dotted #ccc;
font-size:12px;
color:#888;
}

.priceup-list li span
{
display: block;
font-size:11px;
color:#9CEB0D;
font-family: Verdana,Arial,Helvetic,sans-serif;
}

.priceup-list li a
{
font-size:12px;
text-decoration: underline;
}

.priceup-list li a:link,
.priceup-list li a:visited,
.priceup-list li a:active
{
color:#ff8800;
text-decoration: none;
}

.priceup-list li a:hover
{
color:#ff8800;
text-decoration: underline;
}

/* ドグパラ特集 */

.tokushu-contents-outer
{
margin:0 0 10px 0;
padding:0;
border:1px solid #FFA537;
}

.tokushu-contents
{
width:158px;
margin:0 0 0 0;
padding:0;
}

.tokushu-list
{
width:158px;
margin:0;
padding:0;
}

.tokushu-list ul
{
margin:0;
padding:0;
list-style: none;
}

.tokushu-list li
{
margin:0 0 2px 6px;
padding:4px 0 10px 10px;
border-bottom:1px dotted #ccc;
font-size:12px;
color:#888;
line-height:135%
}

.tokushu-list li span
{
display: block;
font-size:12px;
color:#FF4D81;
padding:0;
margin:0;
}

.tokushu-list li a
{
font-size:12px;
text-decoration: underline;
}

.tokushu-list li a:link,
.tokushu-list li a:visited,
.tokushu-list li a:active
{
color:#ff8800;
text-decoration: none;
}

.tokushu-list li a:hover
{
color:#ff8800;
text-decoration: underline;
}


/* -------------------------------------
メインコンテンツ　下コンテンツ
------------------------------------- */

/* ピックアップブランドバナー */

.bn-pickup
{
width:610px;
margin-bottom:10px;
}

.bn-pickup-l,
.bn-pickup-c,
.bn-pickup-r
{
width:194px;
margin:0;
padding:0;
float:left;
}

.bn-pickup-c,
.bn-pickup-r
{
margin-left:14px ! important;
}

/*注目アイテム*/

.pickup-item
{
width:300px;
margin:0;
}

.pickup-item table
{
border-collapse: collapse;
}

.pickup-item table td
{
padding:10px 0 0 0;
text-align: center;
}

.pickup-item table td a
{
display: block;
margin:0 auto;
}

.pickup-item table td a img
{
border:1px solid #dddddd;
}

.pickup-item td strong
{
display: block;
width:130px;
margin:0 auto 5px auto;
font-size:12px;
font-weight: normal;
line-height: 120%;
}

.pickup-item td p
{
width:130px;
margin:0 auto 5px auto;
font-size:12px;
color:#9a9a9a;
text-align: left;
line-height: 120%;
font-weight: normal;
}

/* 取り扱いブランド */

.brand
{
width:290px;
margin:0;
padding:0;
}

.brand-img-l,
.brand-img-r
{
width:140px;
margin:5px 0;
float: left;
text-align: right;
}

.brand-img-r
{
margin-left:10px ! important;
}

.brand-img-l span,
.brand-img-r span
{
margin-top:3px;
display: block;
font-size:11px;
}

/*------------------------------------------
コンテンツ　フッターデザイン
------------------------------------------*/

#footer
{
width:610px;
margin:0;
padding:0;
}

.footer-txt
{
color:#4d3714;
text-align: right;
font-size:12px;
}

#information
{
margin:0 0 10px 0;
padding:0 4px;
border:1px solid #FFA537;
}

.footer-table
{
border-collapse: collapse;
margin-top:5px;
}

.info-subtitle
{
width: 290px;
margin:0 0 5px 0;
padding: 0;
}

.info-txt
{
width: 280px;
margin:0;
font-size:12px;
line-height: 140%;
color:#9a9a9a;
text-align: left;
}

.info-txt p
{
margin:5px 0;
font-size:12px;
line-height: 140%;
color:#9a9a9a;
text-align: left;
}

.bottomline
{
padding-bottom:5px;
margin:5px 0 8px 0 !important;
border-bottom:1px dotted #ccc;
}

.info-txt strong
{
display: block;
margin:5px 0 0 0;
padding-left:3px;
border-left:5px solid #38D31A;
line-height: 120%;
}

.info-txt span.red-txt
{
color:#f80;
}

.info-txt span.green-txt
{
color:#39D51C;
}

.info-txt span.blue-txt
{
color:#00BFF3;
}

/*フッターメニュー*/

.footer-menu
{
width:780px;
margin:4px 0;
padding:0;
text-align: center;
}

.footer-menu h4
{
display: inline;
font-size:12px;
font-weight: normal;
}

.footer-menu span
{
font-size:12px;
color:#9a9a9a;
}

.copyright
{
margin:5px 0;
padding:0;
color:#666666;
font-size:12px;
}