@charset "UTF-8";
/* CSS Document */


body {-webkit-text-size-adjust: 100%; -webkit-font-smoothing: subpixel-antialiased; min-width:950px; margin:0; padding:0; height:100%;}

* { font-family: "Arial","Helvetica"!important; }


#wrap { width:100%; overflow:hidden;}

.gu-hr{ border:none; border-top:dotted 1px #AFAFAF; width:895px; height:1px; color:#fff;}

#aisatsu { 
padding:5px;
padding-top: 1px;
margin: 0 auto;
color:#666;
text-align:center;
width: 860px;
border-radius:3px;
border: 1px dotted #004400;
background:#FAFAFA;
font-size:11px;
position:relative;
line-height:1.3em;
margin-top:6px;
margin:0 auto;
height:20px;
}

<!-- /*////緊急連絡用/////*/-->
#caution { 
width: 864px;
height:100%;
font-size:12px;
color:#333;
border: 2px solid #C00;
padding: 15px;
margin:0 auto 0 auto; 
text-align:left;
position:relative;
border-radius:3px;
margin-bottom: 17px;
}

.backgray { background:#CCC; }
.backwhite { background:#FFF; }
.backbrown { background:#E8E3D2; }
.backblack { background:#333; font-weight:bold; color:#FFF; }
.right { text-align:right; }
TD { font-size:80%; margin:5px; }

/* リンクの指定 */
a{text-decoration:none;}
a:visited{color:#5387C2;}
a:link{color:#069;}
a:hover{color:#C33;}
a:active{color:#963;}
a img { -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
a:hover img { opacity:0.7; filter:alpha(opacity=80); }

/* スマホ,タブレット iframe対策 */
#box { overflow:auto; width:488px; height:126px; }
#box iframe { width:483px; /*PC版の幅−5px*/ height:126px; }

/* searchBox(検索窓の設定) */
.search{ float:left;}
.search form .searchBox{ color:#666; padding-left:8px; float:left; width:230px; height:20px; border-top-left-radius:3px; border-bottom-left-radius:3px; -webkit-border-top-left-radius:3px; -webkit-border-bottom-left-radius:px; -moz-border-radius-topleft:3px; -moz-border-radius-bottomleft:3px; border:1px solid #CCC; position:relative; }
.search form .searchButton{ color:#fff; background:#047c18; width:45px; height:24px; border-top-right-radius:3px; border-bottom-right-radius:3px; -webkit-border-top-right-radius:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius-topright:3px; -moz-border-radius-bottomright:3px; cursor:pointer; border:1px solid #063; }
.search form .searchButton:hover{ filter: alpha(opacity=80); -ms-filter: alpha(opacity=80); opacity:0.8; }
.wsearchButton{float:left;}

/* c-searchBox(カテゴリ検索窓の設定) */
.search form .csearchButton:hover{ filter: alpha(opacity=80); -ms-filter:alpha(opacity=80); opacity:0.8; }
.csearchButton{float:center;}
.keyword { float:right; margin-left:20px; width:580px; font-size:11px; color:#333; padding:2px; }
span.key a{ border:1px solid #ccc; background:#fcfcfc; color:#333; margin-left:5px; padding:2px;}
span.key a:hover{ color:#C30; border:1px solid #C30;}

td{ margin:0; padding:0; line-height:1.7em; font-size:12px; }

/* sidebar style(サイドバースタイル) */
#topSide1{ color: #454545; background:#f1f1f1; width:160px; padding:5px 10px; margin-left:10px; font-weight:normal; margin-top:15px; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; }
#topSide1 hr{ border:none; border-top:dotted 1px #CCC; border-bottom:dotted 1px #fff; height:0; color:#CCC; }
#topSide1 .more{ background-repeat: repeat; background-image: url(http://image.rakuten.co.jp/hana-online/cabinet/souko/haikei_dotted_bk.jpg); color:#fff; text-align:center; }
#topSide2{ color: #454545; background-repeat: repeat; background-image: url(http://image.rakuten.co.jp/hana-online/cabinet/souko/haikei_boder.jpg); width:170px; padding:5px 10px; margin-left:10px; font-weight:normal; margin-top:15px; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; }
#topSide1 a,#topSide2 a{ color:#666; font-size:11px; line-height:1.5em; }
#topSide1 p,#topSide2 p{ margin-bottom:10px; }
#topSide2 .fb{ background-color:#FFF; }

#topSide2 .about{ text-align:center; font-size:12px; color:#727272; background:#FFF; padding:10px 0; }
#topSide2 .about .h2{ background:#666; color:#FFF; padding:3px; margin-top:-5px; }
#topSide2 .about p{margin:10px 0; line-height:1.5em;}
#topSide2 .about .tencyou img{border:1px solid #CCC; padding:4px;}

/* トップページ サイドバースタイル (テキストアイテムエリアの処理) */
.sa-ttl{ color:#fff; font-weight:bold; text-align:left; font-size:12px; letter-spacing:0.6px; background:#333; width:170px; padding:5px 0px 3px 5px; margin-bottom:10px; margin-left:15px;}

.sa-main ul{ width:185px; margin:0; padding:0; margin-left:15px; height:auto;}

.sa-main li{ 
width:160px;
height:auto;
background:#fff;
border:1px solid #ccc;
margin-bottom:4px;
padding:8px 5px 8px 5px;
list-style:none;
border-left: 3px solid #063;
font-size:12px;
color:#000;
letter-spacing:0.5px;
box-shadow: 0px 7px 3px -5px rgba(0, 0, 0, 0.1);
}

.sa-main li a{text-decoration:none; color:#000;}
.sa-main li a:hover{color:#933;}

.sa-main li:hover{ border-left:3px solid #933; color:#933; border-bottom:1px solid #933;}
.sa-icon img{ float:right; width:15px; margin-top:-17px;}

/* 毎週更新ウィークリーランキング */
#moooovingIFrame{ border-top:1px dotted #CCCCCC; margin:10px 0; padding:10px 0; width: 170px; height: 700px; overflow: hidden; line-height:1.5em; text-align:center; }

/* サイドバー　アワードスタイル*/
.award{ background:#FFF; padding:5px; margin-bottom:15px;}
.award .title2{ color:#F60; font-size:12px; font-weight:bold; line-height:1.3em; }
.award li{ list-style:none; font-size:10px; border-top:1px dotted #CCCCCC; padding:5px 0; line-height:1.4em;}
.award li:last-child{ border-bottom:1px dotted #CCCCCC;}
.award li .title{ font-weight:bold; font-size:12px }
.award ul{ margin:0; padding:0;}
.award h3{ background:#333; color:#FFF; font-weight:normal; padding-left:3px; margin-top:0;}

/* topMain style(メインスタイル) */
#topMain{ margin-left:40px; margin-right:10px; font-weight:normal; font-size:12px; overflow:hidden;}
#topMain .conTitle{ font-size:18px; background:url(http://www.hanahiroba.com/images/conTitle_bg.gif) repeat; padding:8px 8px 6px 8px; color:#FFF; font-weight:normal; margin:10px 0; text-align:left; }
#topMain .small{ font-size:13px; }
#topMain .topIciran{ background:#f6f6f6; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; margin-top:25px; }
#topMain .contents{ padding:15px; }
#topMain p{ margin:0;}
#topMain .topIciran .title{ margin-top:20px; text-align:left; color:#666; }
#topMain .topIciran .title a{ font-weight:bold; color:#77A26E; }
#topMain .topIciran ul{ clear:both; padding:0; margin:10px 0; overflow:hidden; }
#topMain .topIciran ul li{ float:left; margin-right:15px; list-style:none; text-align:left; }
#topMain .topIciran ul li:last-child{ margin-right:0; }
#topMain .topIciran ul li a{ width:153px; height:30px; display:block; border:2px solid #CCC; box-sizing:border-box; padding-top:4px; padding-left:5px; color:#666; font-size:11px; background:#FFF; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
#topMain .topIciran ul li span.arrow{ background:URL(http://www.hanahiroba.com/images/top/iciran_arrow2.png) no-repeat left center; padding-left:8px;}
#topMain .topIciran ul li a:hover{ color:#666; background:#CCC; text-decoration:none; }
#topMain hr{ border: none; border-top: dotted 1px #CCC; border-bottom: dotted 1px #fff; height: 0; color: #CCC; }
#topMain .topIciran .kisetu{ overflow:hidden; }
#topMain .topIciran .kisetu ul{ clear:both; padding:0; margin:20px 0; overflow:hidden; }
#topMain .topIciran .kisetu ul li{ float:left; margin-right:10px; list-style:none; }
#topMain .topIciran .kisetu ul li a{ width:67px; height:30px; display:block; border:2px solid #CCC; box-sizing:border-box; padding-top:4px; padding-left:5px; color:#666; font-size:10px; background:#FFF; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
#topMain .topIciran ul li a:hover{ color:#666; background:#CCC; text-decoration:none; }
#topMain .kisetu ul .kisetu_title{ font-size:12px; margin-bottom:5px; text-align:left; color:#666; }
#topMain .kisetu ul .kisetu_title span{ font-size:20px; line-height:1.5em; background:none; }
#topMain .topIciran .kisetu .fLeft{ float:left; width:320px; }
#topMain .topIciran .kisetu .fRight{ float:right; width:320px; }
#topMain .topSche{ color:#666; text-align:left; background:#f6f6f6; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; margin-top:25px; }
#topMain .topSche ul{ clear:both; overflow:hidden; }
#topMain .topSche ul li{ float:left; margin-right:15px; list-style:none; }
#topMain .topSche ul li span.arrow{ background:URL(http://www.hanahiroba.com/images/top/iciran_arrow2.png) no-repeat left center; padding-left:8px; color:#999; }
#topMain .topSche ul li a:hover{ color:#666; text-decoration:none; }

/* katarogu(商品カタログ一覧) */
#katarogu { text-align:left; overflow:hidden; }
#katarogu ul{ margin:0; padding:0; line-height:1.6em; }
#katarogu li{ list-style:none; color:#555;}
#katarogu li.kate01{ float:left; margin-left:35px; width:205px; padding-bottom:20px; }
#katarogu li.kate01:first-child{ margin-left:0; }
#katarogu li.kate01 ul{ height:250px; padding-top:10px; }
#katarogu li.kate02{ list-style:circle; margin-left:20px; }
#katarogu li.kate02 a:hover{ text-decoration:underline; }

#katarogu .kateLeft{ float:left; width:100px; }
#katarogu .kateRight{ float:right; width:100px; }

/* 吹き出し本体の基本スタイル */
a.tooltip:hover .tip,a.tooltip2:hover .tip,a.tooltip3:hover .tip,a.tooltip4:hover .tip{ font-size:10px; color:#333; height:15px; cursor:text; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  background-color:#CCC; font-weight:bold; }
/* 吹き出しの足の部分の色（※borderの色を変更すると変わります。） */
a.tooltip:hover .tip:after,a.tooltip2:hover .tip:after,a.tooltip3:hover .tip:after{ border-top:8px solid #CCC; }
a.tooltip4:hover .tip:after{ border-bottom:8px solid #CCC; }

/* 各吹き出しの仕様 */
a.tooltip .tip{ display: none; padding: 8px; font-size: 12px; margin-left: -55px; margin-top: -48px; line-height: 1.5em; }
a.tooltip:hover .tip{ display: inline; position: absolute;}
a.tooltip:hover .tip:after{ content: ""; display: block; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; position: absolute; left: 15px; bottom:-5px; }

a.tooltip2 .tip{ display: none; padding: 8px; font-size: 12px; margin-left: -150px; margin-top: -48px; line-height: 1.5em; }
a.tooltip2:hover .tip{ display: inline; position: absolute; width:150px; }
a.tooltip2:hover .tip:after{ content: ""; display: block; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; position: absolute; right: 15px; bottom:-5px; }

a.tooltip3 .tip{ display: none; padding: 8px; margin-left: -7px; margin-top: -67px; font-size: 12px; line-height: 1.5em; }
a.tooltip3:hover .tip{ display: inline; position: absolute; }
a.tooltip3:hover .tip:after{ content: ""; display: block; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; position: absolute; left: 15px; bottom:-5px; }

a.tooltip4 .tip{ display: none; padding: 8px; margin-left: -7px; margin-top: 13px; font-size: 12px; line-height: 1.5em; }
a.tooltip4:hover .tip{ display: inline; position: absolute; }
a.tooltip4:hover .tip:after{ content: ""; display: block; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent;  position: absolute; left: 15px; top:-5px; }

 @media screen and (max-width: 1000px) {
/* 吹き出し本体の基本スタイル */
a.tooltip:hover .tip,a.tooltip2:hover .tip,a.tooltip3:hover .tip,a.tooltip4:hover .tip{ font-size:10px; color:#666; height:15px; cursor:text; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  background-color:#CCC; }
/* 吹き出しの足の部分の色（※borderの色を変更すると変わりまーす。） */
a.tooltip:hover .tip:after,a.tooltip2:hover .tip:after,a.tooltip3:hover .tip:after{ border-top:8px solid #CCC; }
a.tooltip4:hover .tip:after{ border-bottom:8px solid #CCC; }

/* 各吹き出しの仕様 */
a.tooltip .tip{ display: none; padding: 8px; font-size: 12px; margin-left: -55px; margin-top: -48px; line-height: 1.5em; }
a.tooltip:hover .tip{ display: none; position: absolute;}
a.tooltip:hover .tip:after{ content: ""; display: none; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; position: absolute; left: 15px; bottom:-5px; }

a.tooltip2 .tip{ display: none; padding: 8px; font-size: 12px; margin-left: -150px; margin-top: -48px; line-height: 1.5em; }
a.tooltip2:hover .tip{ display: none; position: absolute; width:150px; }
a.tooltip2:hover .tip:after{ content: ""; display: none; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; position: absolute; right: 15px; bottom:-5px; }

a.tooltip3 .tip{ display: none; padding: 8px; margin-left: -7px; margin-top: -67px; font-size: 12px; line-height: 1.5em; }
a.tooltip3:hover .tip{ display: none; position: absolute; }
a.tooltip3:hover .tip:after{ content: ""; display: none; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; position: absolute; left: 15px; bottom:-5px; }

a.tooltip4 .tip{ display: none; padding: 8px; margin-left: -7px; margin-top: 13px; font-size: 12px; line-height: 1.5em; }
a.tooltip4:hover .tip{ display: none; position: absolute; }
a.tooltip4:hover .tip:after{ content: ""; display: none; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent;  position: absolute; left: 15px; top:-5px; }
}

/* ページトップ */
/* page-top */
#page-top { position:fixed; bottom:5px; right:45px; font-size:75%; z-index:999;}
#page-top a { background:#222222; text-decoration:none; color:#fff; width:65px; padding:15px 0; text-align:center; display:block; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;border:1px solid #000;}
#page-top a:hover { text-decoration:none; background:#069; border:1px solid #333;}
#page-top img{ width:30px;}

@media screen and (max-width: 1100px) {
#page-top { display:none; }
}


/* PRエリア */
#hot-area{ 
width:900px;
height:620px;
margin:0 auto;
border:none;
color:#333;
padding:5px;
position:relative;
}

/* アイコンバッジの処理 */
.new-b{ position:absolute; top:-7px; left:124px; border:none; width:29px !important; height:40px !important; background:url(http://www.rakuten.ne.jp/gold/hana-online/image/new13.png) no-repeat; text-indent:-99999px;}
.sale-b{ position:absolute; top:-7px; left:124px; border:none; width:29px !important; height:40px !important; background:url(http://www.rakuten.ne.jp/gold/hana-online/image/sale13.png) no-repeat;text-indent:-99999px;}
.like-b{ position:absolute; top:-7px; left:124px; border:none; width:29px !important; height:40px !important; background:url(http://www.rakuten.ne.jp/gold/hana-online/image/like13.png) no-repeat;text-indent:-99999px;}

.review-zone{ 
float:right;
margin-right:-15px;
}

.hot ul {
width:750px;
font-size:12px;
margin:0;
padding:0;
}
.hot li {
list-style-type :none;
color:#333;
width:330px;
height:190px;
float:left;
line-height:1.6;
margin:10px 13px 5px -1px;
position:relative;
}

.hot img{ 
border-radius:3px;
overflow:hidden;
width:160px;
height:137px;
}

.hot-name{ 
padding-left:20px;
font-weight:bold;
height:170px;
position:absolute;
text-align:left;
display:inline-block;
}

span.hot-time{ 
border:1px solid #ccc;
padding:2px;
font-weight:normal;
font-size:10px;
color:#333;
}

span.hot-price{ 
color:#F63;
font-size:13px;
}

span.hot-txt{ 
font-weight:normal;
display:inline-block;
color:#333;
}

.hot-all{ 
font-size:12px;
color:#444;
position:absolute;
bottom:10px;
text-align:left;
left:5px;
background:#eee;
border:1px solid #ccc;
padding:2px 6px 2px 6px;
}

.hot-all a{ color:#444;}
.hot-all a:hover{ color:#C30;}

/* トップページ動画エリア */

.movie-box ul{ 
width:755px;
height:380px;
margin:0;
padding:0;
position:relative;
}

.mb-01{ 
position:absolute;
width:320px;
height:60px;
top:282px;
left:54px;
color:#333;
font-size:13px;
margin-top:11px;
text-align:center;
border-bottom:1px dotted #ccc;
}

.mb-02{ 
position:absolute;
width:320px;
height:60px;
top:282px;
right:24px;
color:#333;
font-size:13px;
margin-top:11px;
text-align:center;
border-bottom:1px dotted #ccc;
}

.movie-box li{ 
list-style:none;
width:325px;
height:auto;
margin-right:25px;
margin-left:7px;
float:right;
line-height:1.6;
}

span.mb-go{ color:#363; padding:3px; font-size:12px;}
span.mb-go:hover{ color:#369; padding:3px; font-size:12px; text-decoration:underline;}


/* ショップ ガーデニングインフォメーション！ */
.info-box hr {border:none;border-top:dotted 1px #AFAFAF;height:1px;width:880px; margin-left:-35px;}

.info-ttl{ background:url(http://image.rakuten.co.jp/hana-online/cabinet/souko/info-ttl.jpg) no-repeat; font-size:13px; color:#fff; font-weight:bold; padding:5px; letter-spacing:0.6px; width:891px; margin:0 auto; text-align:left; margin-top:-8px; height:30px;}
.info-ttl1{ background:url(http://image.rakuten.co.jp/hana-online/cabinet/souko/ttl-bg.jpg) no-repeat; font-size:13px; color:#fff; font-weight:bold; padding:5px; letter-spacing:0.6px; width:896px !important; margin:0 auto; text-align:left; margin-top:40px; height:30px;}

.info-box{ width:899px; height:150px; color:#333; font-size:12px; border:1px solid #060; text-align:left; border-top:none; overflow-y:scroll; overflow-x:hidden; text-align:left; margin-bottom:20px; margin-top:-10px;}

.info-box ul li{ 
padding:0;
margin:0;
list-style:none;
float:left;
width:920px;
font-size:13px;
letter-spacing:0.6px;
text-align:left;
margin-bottom:5px;
margin-top:4px;
line-height:1.3em;
}
@-moz-document url-prefix() {
  button {
    line-height: -moz-block-height;
  }
}



.info-box li a { color:#333; text-decoration:none;}
.info-box li a:hover{ color:#C30;text-decoration:underline;}

.info-icon{ background:#C30; color:#fff; font-weight:bold; padding:1px 3px 1px 3px; display:inline-block; font-size:10px; margin-right:21px;}
.info-icon1{ background:#36C; color:#fff; font-weight:bold; padding:1px 3px 1px 3px; display:inline-block; font-size:10px; margin-right:15px;}
.info-icon2{ background:#000; color:#fff; font-weight:bold; padding:1px 3px 1px 3px; display:inline-block; font-size:10px; margin-right:14px;}
span.info-dialy{ color:#777; margin-right:20px;margin-left:-30px; font-size:11px;}



/* スーパーSALE、緊急時に使うエリア */
.kinkyu{ background:url(http://image.rakuten.co.jp/hana-online/cabinet/souko/tx-seam.jpg) repeat; width:900px; height:110px; border-radius:3px; margin:0 auto; position:relative; bottom:5px;}
.kinkyu-main{ background:#fff; text-align:center; color:#333; font-size:12px;top:9px; width:460px; height:82px; position:absolute; left:16px; border-radius:3px; padding-top:10px; z-index:1;}
.kinkyu-main:hover{ color:#C30;} 
.kinkyu-main1{ background:#fff; text-align:center; color:#333; font-size:12px;top:9px; width:420px; height:82px; position:absolute; right:16px; border-radius:3px; padding-bottom:5px; padding-top:5px;}


/* Super Rose Saleのトップページ訴求 */
#obibi{ width:100%; height:auto; margin:0; padding:0; z-index:999999;}
#obitabu{ width:100%; background:url(http://image.rakuten.co.jp/hana-online/cabinet/sonota/ibento/srs-08.jpg) repeat !important; height:50px; z-index:999999; margin:0; padding:0;}

/* PR-NEWエリア (メルマガなどで人気が出た商品たち) */
.pr-new{ width:898px; height:450px; margin:0 auto; padding:4px; background:url(http://image.rakuten.co.jp/hana-online/cabinet/souko/uddo-seam2.jpg) repeat; margin-bottom:40px; margin-top:-10px;}
.pr-new img{ width:220px; height:200px; border-radius:3px; text-align:center; -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; margin-top:20px; border:1px solid #ccc; position:relative;}


.pr-new img:hover { -webkit-transform: rotate(-7deg);-ms-transform: rotate(-7deg);transform: rotate(-7deg);}
.pr-new ul{ margin:0; padding:0; width:990px;}
.pr-new li{ width:266px; height:410px; list-style:none; float:left; margin-top:10px; margin-left:25px;background:#fff !important; text-align:center; box-shadow: 0px 9px 7px -5px rgba(0, 0, 0, 0.2);}
.pr-new a li { border:none;}
.pr-new a li:hover{ background:url(http://image.rakuten.co.jp/hana-online/cabinet/souko/haikei_boder.jpg) repeat !important; border-bottom:2px solid #C30;}
.pr-name1{ font-size:14px; color:#333; text-align:center; margin-top:13px; font-weight:bold;}
.pr-price1{ font-size:17px; color:#F63; text-align:center; margin-top:-13px; float:right; margin-right:5px; letter-spacing:0.5px;}
.pr-price2{ font-size:10px;}
.pr-new hr{ color:#ccc; border-top:1px; width:90%; margin-top:-17px;}
.pr-new-txt{ font-size:12px; color:#555; text-align:left; padding:10px;line-height:1.9em; padding-left:13px; margin-top:-15px;}


/* インテリアプランツPRエリア */
.pr-new1{ width:898px; height:335px; margin:0 auto; padding:4px; background:url(http://image.rakuten.co.jp/hana-online/cabinet/aikon/tekusu203.jpg) repeat; margin-bottom:47px; margin-top:-10px;}
.pr-new1 img{ width:220px; height:200px; border-radius:3px; text-align:center; -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; margin-top:20px; border:1px solid #ccc;}
.pr-new1 img:hover { -webkit-transform: rotate(-7deg);-ms-transform: rotate(-7deg);transform: rotate(-7deg);}
.pr-new1 ul{ margin:0; padding:0; width:990px;}
.pr-new1 li{ width:266px; height:300px; list-style:none; float:left; margin-top:10px; margin-left:25px;background:#fff !important; text-align:center; box-shadow: 0px 9px 7px -5px rgba(0, 0, 0, 0.2);}
.pr-new1 a li { border:none;}
.pr-new1 a li:hover{ background:url(http://image.rakuten.co.jp/hana-online/cabinet/souko/haikei_boder.jpg) repeat !important; border-bottom:2px solid #C30;}
.pr-name1{ font-size:14px; color:#333; text-align:center; margin-top:13px; font-weight:bold;}
.pr-price3{ font-size:17px; color:#F63; text-align:center; margin-top:-3px; float:right; margin-right:5px; letter-spacing:0.5px;}
.pr-price2{ font-size:10px;}
.pr-new hr{ color:#ccc; border-top:1px; width:90%; margin-top:-17px;}
.pr-new-txt{ font-size:12px; color:#555; text-align:left; padding:10px;line-height:1.9em; padding-left:13px; margin-top:-7px;}


/* 全商品リスト */

.pochi{ padding:1px 11px; display:inline-block; float:right; color:#fff !important; text-align:center; font-size:12px; margin-top:-2px; border:1px solid #555; background-color:#333; border:1px solid #333;-webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}
.pochi:hover{ text-decoration:none; color:#333 !important; background-color:#fff;-webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}


/* トップページ h1の処理 */
.db h1{ display:none;}

/* 長期休暇案内 トップページ用 */
#kyuka{ width:100% !important; margin-bottom:20px !important; background:url(http://image.rakuten.co.jp/hana-online/cabinet/souko/haikei12164.jpg) repeat;height:170px; padding:0; margin:0; max-width:3000px !important; border-top:1px solid #000; border-bottom:2px solid #000;}
.kyuka1{ width:900px; margin:0 auto;}
.kyuka1 img{ width:900px; margin-top:5px;}



/* イベント時フッタードロワー処理 ※静的HTML用のイベントドロワー。動的ページと違ってここの部分がscriptと連動 */
/*(バックアップ)　http://image.rakuten.co.jp/hana-online/cabinet/souko/honoo-seam.jpg */

footer {
  background:url(http://www.rakuten.ne.jp/gold/hana-online/image/rose-bg.png) repeat;
  line-height: 10px;
  text-align: center;
  width: 100%;
  z-index:6;
}
.cb-footer {
  position: fixed; 
  bottom: 0; /* 下から0の位置に固定 */
  left: 0;
  display: none; /* イベントヘッダーバーを非表示 */
}

.cb-footer img{ width:780px;}


@media screen and (max-width: 1280px) {
.cb-footer img{ width:600px;}
}