/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2015/01/22, 11:29:41
    Author     : owner
*/

body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 12px;
}
body#gold_top{
    background-image: url(../images/cry_back_kaseki.png), 
     url(../images/cry_back_bone1.png), 
     url(../images/cry_back_kaseki.png),
     url(../images/cry_back_kaseki.png), 
     url(../images/cry_back_bone3.png), 
     url(../images/cry_back_bone2.png), 
     url(../images/cry_back_s_ie.png);
    background-position: left 15%,
     right 45%,
     center 30%,
     left 55%,
     right 80%,
     left 98.2%,
     left top;
    
    background-size: 160px, 
     350px, 
     160px,
     160px,
     350px, 
     350px, 
     300px;
    
    background-repeat: no-repeat,
     no-repeat,
     no-repeat,
     no-repeat,
     no-repeat,
     no-repeat,
     repeat;

//    background-image:url("../img/bg04.png") ;
//    background-repeat: repeat ;          /* repat background image */
//    background-attachment:fixed;

}

header { 
    width: 100%;
    min-width: 1024px;
    text-align: center;
 }

/*header a, .flat a.header_img { display: block; }*/
.flat a.header_img { display: block; }
header a.header_img, .flat a.header_img {
    width: 100%;
    height: 245px;
    background: url(../images/rakuten_header_long25th.png) center top no-repeat;
}

/*トップページ用*/
#wrapper {
    position:relative ;
    width: 100%
    margin: 0 auto;
    /*margin-top: 40px;*/
    background: linear-gradient(to bottom, rgba(211,126,42,0.4) 0%,rgba(211,126,42,0.5) 24%,rgba(242,218,111,0.51) 27%,rgba(242,218,111,0.62) 55%,rgba(145,76,23,0.62) 56%,rgba(145,76,23,0.71) 77%,rgba(45,37,24,0.71) 78%,rgba(45,37,24,0.8) 100%); 
}

/* サブページ用 */
#wrapper.sub { 
    position: relative;
    width: 1024px;
    margin: 0 auto;
}

#l_mimi {
    float:left ;
    width:12px ;
    background: #a90329; /* Old browsers */
    background: -moz-linear-gradient(left,  #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
    background: linear-gradient(to right,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 ); /* IE6-9 */
}

#r_mimi {
    float:left ;
    width:12px ;
    background: #6d0019; /* Old browsers */
    background: -moz-linear-gradient(left,  #6d0019 0%, #8f0222 56%, #a90329 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#6d0019), color-stop(56%,#8f0222), color-stop(100%,#a90329)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #6d0019 0%,#8f0222 56%,#a90329 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #6d0019 0%,#8f0222 56%,#a90329 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #6d0019 0%,#8f0222 56%,#a90329 100%); /* IE10+ */
    background: linear-gradient(to right,  #6d0019 0%,#8f0222 56%,#a90329 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d0019', endColorstr='#a90329',GradientType=1 ); /* IE6-9 */
}

.headtxt {
    position: relative;
    background-color: white ;
    font-size: 0.8em ;
    color:#333333 ;
    text-align: center ;
}

.headtxt a, .headtxt a:active, .headtxt a:hover {
    position: absolute;
    right: 15px;
    color: #999999;
}

#contents {
    /*float:left ;*/
    /*margin: auto;
    width:1024px ;*/
    /*background-color: #6d0019 ;*/
    /*background: url(../images/cry_back_s_ie.png);*/
}

#main_contents {
    margin: auto;
    width:1024px ;
}

#left {
    float: left;
    width: 250px;
    margin:5px 6px 0 0;
    /*background-color: #6d0019 ;*/
}

#right {
    float: left;
    width: 768px;
    margin:5px 0 0 0 ;
    /*background-color: #6d0019 ;*/
        /*border: solid 1px #ffffff;
        box-sizing: border-box;
        border-radius: 30px;
        overflow: hidden;*/
}

#footer_banner {width: 1054px}
#footer_banner .footer_middle_banner { width: 1017px; margin: auto; }
#footer_banner .footer_middle_banner img { width: 330px!important; height: 100%;}
#footer_banner .footer_small_banner { width: 1017px; margin: auto; }

#navi {
    /*background-color: #ffcc00 ;*/
    /*background: url(../images/menu_back.gif);*/
    text-align: right ;
    width: 100%;
    height: 30px;
}

#navi ul {
    width: 800px;
    margin: auto;
}

#navi ul li {
    float: left;
    width: 150px;
    height: 35px;
    text-align: center;
    list-style-type: none;
    overflow: hidden;
    border-right: solid 1px #999;
}

#navi ul li:first-child {
    border-left: solid 1px #999;
}

#navi ul li:hover {
    background: url(../images/header_menu_hover1.png) center top no-repeat;
    background-size: 100%;
}

#aside_banner li {
    display:block ;
    margin-top:3px ;
}

img {
    border-style: none;
}

/*a:hover img{
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}*/
#left a > img:hover, 
#right section a > img:hover, #footer_banner section a > img:hover { transform: scale(1.03,1.03); }

a > img:active, 
input[type=submit]:active, 
input[type=image]:active { transform: scale(0.98,0.98); }


.auto-style1 {margin-bottom: 0px;
}

.cf{
    clear: both;
    float: none;
}
.fixed {
    position: fixed !important;
    top: 0;
    /*box-shadow: 0px 10px 10px rgba(0,0,0,0.4);*/
    z-index: 1;
    width: 164px;
    /*z-index: 10000;*/
}

.fixedaside {
    position: fixed !important;
    top:45px;
    //    box-shadow: 0px 10px 10px rgba(0,0,0,0.4);
    z-index: 5000;
}

.pagetop {
    cursor: pointer;
    display: none;
    position: fixed;
    background-color:#ff9900 ;
    width:50px ;
    height:50px ;
    bottom: 30px;
    right: 28px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    text-decoration: none;
    line-height: 50px;
    border: 3px solid #b0830f;
    box-shadow: 0 1px 1px #aaa;
    border-radius: 30%;
    z-index: 9999 ;
}

.pagetop:hover {
    color: red;
}


#left_t_kanban {
    width:100px ;
    background-image:url("../img/asuraku_banner.png");	/*表示したい画像を指定*/
    background-repeat:repeat-y;	/*縦(Y軸)方向に繰り返し表示*/
    //position: absolute ;
    //top:40px ;
    //left:2% ;
    float: left ;
}

#left_t_kanban a{
    display:block ;
    width:100px ;
    text-indent: -9999px ;
}

#right_t_kanban {
    width:100px ;
    background-image:url("../img/asuraku_banner.png");	/*表示したい画像を指定*/
    background-repeat:repeat-y;	/*縦(Y軸)方向に繰り返し表示*/
    //position: absolute ;
    //top:40px ;
    //right:2% ;
    float: left ;
}

#right_t_kanban a{
    display:block ;
    width:100px ;
    text-indent: -9999px ;
}

#search {
    width:240px ;
    /*height:70px ;*/
    padding:3px 5px ;
    margin-bottom: 60px;
    background-color:#ffe6be ;
    position: relative;
}

#search:after {
    position: absolute;
    width: 250px;
    height: 40px;
    content: "";
    bottom: -40px;
    left: 0px;
    background-image: url(../images/small_area_bottom.png);
    background-repeat:  repeat-x;
}

input[type="search"] {
    width: 208px;
    height:20px ;
    padding: 5px 20px 5px 5px;
    font-size: 12px;
    border: 1px solid #cc9900;
    border-radius: 5px ; // 左上と左下に半径5pxの角丸 
    box-shadow: 0 0 5px #cc9966 inset; // ボックスの内側にシャドウ 
    background-color: #ffffff;
    position: relative; // 絶対配置 
//    top: 3px;
    left: 2px; 
    box-sizing: content-box; // 幅と高さはパディングやボーダーを含めず算出  
    margin: 0;
}
input::-moz-focus-inner { // Firefoxのボーダーとパディングをリセット
    border: 0;
    padding: 0;
}

input[type="button"] {
    width: 120px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 2px;
    margin-top: 5px;
    padding: 5px 5px 5px 10px;
    background: linear-gradient(#fefefe, #acacac); // グラデーション
    color: #ffffff;
    border-radius: 0 5px 5px 0; // 右上と右下に半径5pxの角丸 
    box-shadow: 1px 1px 1px 0 #ffffcc inset, -1px -1px 3px 0 #ff9900 inset; // ボックスの内側にハイライトとシャドウ
    border: 1px solid #cc9900;
    cursor: pointer; // リンクカーソル 
    text-shadow: 0 -1px 0 #cc9900; // テキストの上方向に1pxの影を付ける 
    position: relative; // 絶対配置 
//    top:3px;
    left:-3px;
}

input[type="search"]:focus {
    background-color: #ffffe0;
}
input[type="button"]:hover {
    background: linear-gradient(#acacac, #fefefe); // グラデーション 
    box-shadow: -1px -1px 1px 0 #ffffcc inset, 1px 1px 3px 0 #ff9900 inset; // ボックスの内側にハイライトとシャドウ 
}

/* =======================================
        ClearFixElements
======================================= */
.clearfix:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
    overflow: hidden;
}

.lefttitle {
    width:250px ;
    height:25px ;
    margin: 4px 0 0 0;
    /*background-image: url(http://image.rakuten.co.jp/e-monz/cabinet/img58751908.jpg);*/
    background-image: url(../images/small_area_top.png);
    background-size:cover;
    color:#333 ;
    font-weight: bold ;
    text-align:center ;
    padding-top:10px ;
}

#left img {
    display:block ;
}

#left h2 img {
    margin: auto;
}

#yoko_kanban {
    display:none ;
}

#menu {
    background: #ffe6be none repeat scroll 0 0;
    font-size: 14px;
    margin:  0 0 60px 0 ;
    padding: 10px;
    position: relative;
}

#menu:after {
    position: absolute;
    width: 250px;
    height: 40px;
    content: "";
    bottom: -40px;
    left: 0px;
    background-image: url(../images/small_area_bottom.png);
    background-repeat:  repeat-x;
}


#menu>li {
    margin: 10px 0 0 0;
    padding: 0;
    font-size: 1.1em;
}

#menu>li:hover {
    background: #fff6d9;
    border-radius: 5px;
    box-shadow: 1px 1px 2px 1px #999;
}

#menu>li>a {
    /*background: rgba(0, 0, 0, 0) url("http://yume.hacca.jp/koiki/img/gazo1.gif") no-repeat scroll left center;*/
    position: relative;
    border-bottom: 1px dotted #666666;
    color: #555;
    display: block;
    padding: 2px 0 3px 18px;
    text-decoration: none;
}

#menu>li>a:before {
    position: absolute;
    content: "";
    width: 30px;
    height: 23px;
    left: -12px;
    top: -7px;
    background: url("../images/category_ura_icon.png") no-repeat;
    background-size: 100%;  
}

#menu>li>a:hover {
    /*background: rgba(0, 0, 0, 0) url("http://yume.hacca.jp/koiki/img/gazo2.gif") no-repeat scroll left center;*/
    /*font-weight: bolder;*/
}

#menu>li>ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;

}
#menu>li>ul>li {
    margin: 0 0 0 20px;
    padding: 0;
    font-size: 0.8em ;
}

#menu>li>ul>li>ul>li, #menu>li>ul>li>ul>li>ul>li {
    margin: 0 0 0 20px;
    padding: 0;
}

#menu>li>ul>li>a,#menu>li>ul>li>ul>li>a,#menu>li>ul>li>ul>li>ul>li>a {
    color: #555;
    padding: 0 0 0 20px;
    text-decoration: none;
}
#menu>li>ul>li>a:hover ,#menu>li>ul>li>ul>li>a:hover, #menu>li>ul>li>ul>li>ul>li>a:hover {
    background: rgba(0, 0, 0, 0) url("http://yume.hacca.jp/koiki/img/gazo3.gif") no-repeat scroll left center;
    font-weight: bold;
}

.menu2 {
    width:180px;
    height:180px ;
    /*margin-left:20px ;*/
    margin-left:17px;
    float:left ;
}

.menu2:hover {
    background: #fff6d9;
    border-radius: 5px;
    box-shadow: 1px 1px 2px 1px #999;
}

.menu2 > a {
    font-size:1.0em ;
    font-weight: bold ;
    display:block ;
    width:140px ;
    /*margin:5px 0 5px 10px ;*/
    margin:5px auto;
    /*background-color: #666 ;*/
    border-bottom: dotted 1px #666;
    /*color:#fff;*/
    text-align: center ;
}

.menu2 > a:hover {
    color:#8f0222
}

.menu2 li>a:hover {
    color:#aaa ;
} 

.banner > ul >li {
    display:inline ;
}

#aside_movie h2 {
    font-size:22px;
    font-weight:bold;
    color:#ffcc00;
    text-shadow:2px 2px 0px #3b3b3b,3px 3px 0px #616161;
    text-align: center;
}

#aside_movie {
    /*width:250px ;*/
    margin:5px 13px 20px 13px ;
}
#aside_movie ul {
    display:table;
    table-layout: fixed;
    width:100%;
    margin-bottom:5px ;
    padding: 0;
}
#aside_movie li{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}

h2.movie_page {
    margin-bottom: 10px;
}
.movie-line {
    /*background-color: #000 ;*/
    padding-left:5px ;
}

.movie-line li {
    display:inline-block ;
    margin: 4px 16px 4px 0;
    background: #fff;
    border-radius: 5px;
    width: 100px;
    height: 150px;
    padding: 5px;
    /*font-size: 0.8pt;*/
    overflow: hidden;
    line-height: 1.08;
    /*letter-spacing: -1px;*/
    word-break: break-all;
}

.newflg {
	position: relative;
	display: inline-block;
	overflow: hidden; /* 不要部分を消す */
	padding: 1px;
}
.newflg:after {
	content: "";
	position: absolute;
	z-index: 1;
	width: 100px;
	height: auto;
	background: red;
	content: "New";	/* 表示するテキスト */
	text-align: center;
	color: #fff;
	font-family: 'Arial';
	font-weight: bold;
	padding: 5px 10px;
	left: -30px;
	top: 3px;
	transform: rotate(-30deg);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

#delivery, #calendar {
    background: #ffe6be none repeat scroll 0 0;
    font-size: 14px;
    margin: 0 0 60px 0;
    position: relative;
}

#delivery:after, #calendar:after {
    position: absolute;
    width: 250px;
    height: 40px;
    content: "";
    bottom: -40px;
    left: 0px;
    background-image: url(../images/small_area_bottom.png);
    background-repeat:  repeat-x;
}


/* ピックアップのコーナー（新規追加） */
#pickup {
    width: 100%;
    /*background: #fff;*/
    /*border: solid 1px #dd0000;*/
    display: inline-block;
    box-sizing: border-box;
}

#pickup a.pickup_article {
    /*border: solid 1px #cccccc;
    background: #fff;*/
    background: url(../images/pickup_waku.png) left top no-repeat;
    background-size: 100%;
    width: 250px;
    height: 200px;
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
    float: left;
    box-sizing: border-box;
}

#pickup a.pickup_article:hover {
    transform: scale(1.05);
}

.pickup_article .pickup_img {
    width: 240px;
    height: 150px;
    background: #999;
    margin: 5px;
}

.pickup_article p {
    margin: 0 5px 5px 5px;
}

#footer {
    /*display: flex;*/
    display: inline-block;
    width:100%;
    margin: auto;
    /*background: rgba(255,255,255,1);*/
    background: #ffe6be;
    border-top: solid 1px #999;
    clear: both;
    position: relative;
    z-index: 2;

}

#footer > div {  
    /*background-color: #ffe6be;*/
    /*width:1000px;*/
    /*width:100%;*/
    /*padding: 10px 0;*/
    /*border: solid 1px #dd0000;*/
    /*display: block;*/
}

#footer ul li a {      
    display: block;
    padding-left: 3px;
}

#footer ul li a:hover {
    color: #121212;
    background: #ff9966;
}


/* footer 店舗案内 */
#shop_info {
    width: 1050px;
    margin: auto ;
    
}

#shop_info h2 {
    font-size: 1.8em;
    font-weight: bold;
    margin: 10px 0;
    padding-left: 30px;
    color: #885c3b;
    border-bottom: solid 2px #885c3b ;
    position: relative;
}

#shop_info h2:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0px;
    width: 25px;
    height: 25px;
    background: url(../images/r_info_icon.png) no-repeat;
    background-size: 25px 25px;

}

#shop_info .info_main {
    margin: 0 auto;
    width: 1050px;
}

#shop_info .info_main .collum {
    width: 340px;
    float: left;
    margin-right: 15px;
    box-sizing: border-box;
    display: inline-block;
}

#shop_info .info_main .collum.no-margin {
    margin: 0;
} 

#shop_info .info_main .collum .article {
    padding-bottom: 10px;
    margin-bottom: 30px;
    /*background: rgba(255,255,255,0.9);*/
}

.collum .article h3 {
    background: #885c3b;
    color: #fff;
    padding: 5px;
    font-size: 1.3em;
    font-weight: bold;
}

.collum .article .detail {
    margin: 5px;
    line-height: 1.8;
}

/*楽天、トップページ以外のパーツ用記述*/

/* サイドメニュー */
#sub_side_menu #search {
    margin-top: -15px;
}

#sub_side_menu #delivery, 
#sub_side_menu #calendar,
#sub_side_menu #menu {
    margin:  -15px 0 60px 0 ;
}

#sub_side_menu #aside_movie ul {
    padding: 0;
}

/* 前面メニュー */
#flont_menu {
    display: inline-block;
    position: fixed;
    bottom: 30px;
    right: 10px;
    width: 160px;
    height: 50px;
    z-index: 100;
}

#flont_menu a {
    display: inline-block;
    background: #fff;
    width: 60px;
    height: 60px;
    padding: 3px;
    margin-right: 10px;
    border-radius: 5px;
    overflow: hidden;
    float: left;
    text-align: center;
    font-size: .7em;
    color: #dd0000;
    border: solid 2px #dd0000;
    box-shadow:15px 15px 50px 6px #000000;
}

#flont_menu a:hover {
    background: #fdd;
    border: solid 2px #aa0000;
}

#flont_menu a:active {
    margin-top: 5px;
    transform: scale(.95);
}

/* 前面メニュー (サブ画面)  */

#flont_menu_sub {
    display: inline-block;
    position: absolute;
    top: 160px;
    right: 30px;
    width: 125px;
    z-index: 100;
}

#flont_menu_sub a {
    position: relative;
    display: inline-block;
    background: #fff;
    width: 125px;
    height: 30px;
    padding: 3px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    overflow: hidden;
    float: left;
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    color: #dd0000;
    border: solid 2px #dd0000;
    box-shadow:5px 5px 25px 2px #000000;
}

#flont_menu_sub a img {
    margin-top: 3px;
    position: absolute;
    top: 3px;
    left: 5px;
}

#flont_menu_sub a span {
    margin-top: 3px;
    position: absolute;
    top: 3px;
    left: 35px;
}

#flont_menu_sub a:hover {
    background: #fdd;
    border: solid 2px #aa0000;
}

#flont_menu_sub a:active {
    margin-top: 2px;
    transform: scale(.98);
}


#rakuten_head {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
}

/*calender*/
table.calframe_rakuten3 {
    background: #fff;
    width: 200px;
    margin-top: 10px;
}

table.calframe_rakuten3 td {
    padding-left: 3px;
}

td.event1day_rakuten {
    background: #ff0000!important;
    color: #ffffff!important;
}

td span.event1day_rakuten {
    color: #f00!important;
}

/*今売れています*/
#now_hit {
    margin-top: 20px;
    }

#now_hit .bigbn {
    background: #121212;
    border-radius: 10px;
    padding: 10px;
    display: inline-block;
}

#now_hit a img { width: 50%; float: left; }


/*250pxバナー*/
section.lngbn { text-align: center; }
section.lngbn hr { margin-bottom: 20px; border-bottom: solid 2px #996633; } 


/*dvdカタログページ*/
.catalog_detail {
    background: url(../images/old_map_order.png) center top no-repeat;
    background-size: 750px 300px;
    display: block;
    height: 300px;
    margin: 20px 0 40px;
}

.catalog_detail_main { 
    padding: 35px 30px 0; 
    text-align: center; 
 }

.catalog_detail_main p { font-size: 1.2em; margin-bottom: 15px;}

.catalog_detail_main h2 {
    font-size: 1.5em;
    font-weight: bold;
}


/*動画でお宝検索*/
/*h2.main_midashi.movie_page { margin-bottom: 20px; }*/

.movie_list { 
    /*border: solid 1px #dd0000;*/
    /*background: rgba(255, 255, 255, 0.2);*/
    *width: 800px;
    *padding: 0px;
    margin-top: -25px;
 }

.movie_list ul {
    /*border: solid 1px #dd0000;*/
    position: relative;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 0px;
    text-align: left;
    display: inline-block;
    /*display: inline-table;*/
    *width: 800px;
    *margin-left: 0px;
    

}

.movie_list ul li {
    border: solid 3px #ccc;
    background: #fff;
    padding:  5px;
    margin-left: 5px;
    border-radius: 5px;
    width: 110px;
    height: 200px;
    *height: 210px;
    text-align: left;
    float: left;
    display: block;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

.movie_list ul li:first-child { margin-left:0px; }
.movie_list ul li img { margin: 5px 0 0 5px; }
.movie_list ul li p { line-height: 1.3em; font-size: 90%; }
.movie_list ul li:hover { transform: scale(1.05,1.05); box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.4); }
.movie_list ul li a { text-decoration: none!important; }

.movie_list ul li.movie_new:before {
    content: " ";
    position: absolute;
    width: 40px;
    height: 40px;
    top: -15px;
    left: -15px;
    display: block;
    background: url(image/renew/movie_new_icon.png) left top no-repeat;
    background-size: 40px;
}


/*2022 02-10 追加*/
a.shop_info_btn {
    display: block;
    text-align: center; 
    font-size: 1.2em;
    font-weight: bold; 
    width: 100%; 
    border: solid 1px #999999; 
    border-radius: 5px; 
    background: #ffffff; 
    padding: 2px;
    margin-bottom: 10px;
}