@charset "utf-8";
/** ▼1/20追加 ****************/

/*インフォボックス*/
.info-box{width:200px;background:url("../_img/tl_infobox2.gif") repeat-y;}
.info-box_hd{background:url("../_img/tl_infobox1.gif") no-repeat;height:16px;}
.info-box_ft{background:url("../_img/tl_infobox3.gif") no-repeat;height:17px;}
.info-box {
    background-color: #FFFFFF;
    margin: 0;
}
.keitai-info {
    background-position: left top;
    background-repeat: repeat-x;
    padding: 0 0 2px;
}

.keitai-info .barcode {
    float: left;
    text-align: right;
    width: 87px;
    margin-left:5px;
}

.keitai-info .cont {
    float: right;
    width: 108px;
}

.keitai-info .cont p {
    line-height: 1.4;
    margin: 2px 0 0;
}
.keitai-info .cont p.dlinfo {
    color: #ff0000;
    font-size: 86%;
}
.keitai-info .link {
font-size: 86%;
    margin-top: 8px;

}

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


#new_shop .tit h2 img{vertical-align:middle;}
#new_shop ul{
    list-style: none outside none;
    margin: 0;
    padding: 0;

    }

#new_shop {clear:both;margin-bottom:5px;}
#newshopArea {height:120px; line-height: 1.2em;border:1px solid #cccccc; padding:2px;}

#newshop span {font-size:84%;}
#newshop p.shop01{height:60px; border-bottom:1px solid #cccccc;width:194px;}
#newshop p.shop02{height:60px;width:198px;padding-top:2px;}
#new_shop a {font-weight:bold;font-size:94%;}
#newshop .newshop_p {float:left;padding:2px 2px 20px 0;}
#newshop p img{vertical-align:middle; margin-left:2px;float:left;}

#ranking_shop {margin-top:2px;border: 1px solid #CCCCCC;
}
#ranking_shop .title {
    background: url("../_img/tl_l_bg.gif") no-repeat scroll 0 0 transparent;
    width: 170px;
}

#ranking_shop .box {
    width:170px;
    height:210px;
    line-height:140%;
}

.navi2 ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.navi2 li {
    border-bottom: 1px solid #D7E1F5;
    margin: 0;
    padding: 0;
}

.navi2 a {
    display: block;
    padding: 5px 0;
}

.searchword {
    background: url("../_img/btn_searchword.gif") no-repeat scroll left center #FFFFFF;
    border: 1px solid #CCCCCC;
    bottom: 0;
    height: 18px;
    left: 0;
    padding: 3px 2px 0 23px;
    width: 90px;
}

.bgF2F2F2 {
    background: none repeat scroll 0 0 #F2F2F2;
}

#ranking_shop .tit {
background: #19274d;
    color: #FFFFFF;
    margin: 0;
    padding: 3px 0 0;
    text-align: center;
    width: 199px;
}
#ranking_shop a {
    display: block;
    margin-right: 10px;
}

#ranking_shop a img {
    position:relative;
    z-index:1;
}


#ranking_shop .tit h2 {
    font-size: 100%;
    height: 40px;
    line-height: 1.4em;
    margin: 0;
    padding: 0 0 2px;
    text-align: center;
    text-indent: 0;
    width: 200px;
}

#ranking_shop .tit h2 img{vertical-align:middle;}
#ranking_shop table {
    margin: 0;
    padding: 0;
    text-align: left;
}
#ranking_shop th {
    font-size: x-small;
    height: 100%;
    margin: 0;
    padding: 3px 0;
    text-align: center;
    width: 48px;
    color:#ff0000;
}
#ranking_shop th span {
    display: block;
}
#ranking_shop td {
    font-size: x-small;
    height: 100%;
    margin: 0;
    padding: 3px 2px 3px 2px;
    vertical-align: top;
}
#ranking_shop td span {
    margin-right: 10px;
}
#ranking_shop .rank1 th {
    background: url("/_img/icn_rank1.gif") no-repeat scroll 1px 3px transparent;
    padding: 10px 0;
    text-indent: -10000px;
}
#ranking_shop .rank1 td {
    padding: 3px 0;
}
#ranking_shop .rank2 th {
    background: url("/_img/icn_rank2.gif") no-repeat scroll 1px 3px #F2F2F2;
    padding: 3px 0;
    text-indent: -8000px;
}
#ranking_shop .rank2 td {
    padding: 3px 0;
}
#ranking_shop .rank3 th {
    background: url("/_img/icn_rank3.gif") no-repeat scroll 1px 3px transparent;
    padding: 3px 0;
    text-indent: -8000px;
}
#ranking_shop .rank3 td {
    padding: 3px 0;
}

#ranking_shop .tobe{text-align:right;padding:2px 0;}

#jangArea ul{
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#jang_ranking ul li{
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.gentei{vertical-align:middle; margin-left:2px;}

#newtopicArea .tit h2 img{vertical-align:middle;}
#new_shop .tit,#newtopicArea .tit {
background: #19274d;
    color: #FFFFFF;
    margin-top:5px;
    padding: 3px 0 0;
    text-align: center;
    width: 200px;
}
#new_shop .tit h2,#newtopicArea .tit h2 {
    font-size: 100%;
    height: 40px;
    line-height: 1.4em;
    margin: 0;
    padding: 0 0 2px;
    text-align: center;
    text-indent: 0;
    width: 200px;
}
.jang_ranking {background:#feffbf;height:300px;font-weight:bold;line-height: 1.2em; padding:0;}
.jang_ranking p {text-align:center;padding:2px 0 0 0;min-height:40px;font-size:96%;}
.jang_ranking span {text-align:center;color:#ff0000;font-size:120%;}
.jang_ranking img {text-align:center; margin:0 auto 3px auto;}

.news {line-height: 1.2em;border:1px solid #cccccc; padding:0 2px 2px 2px;font-size:96%;}
.news ul{
    list-style: none outside none;
    margin: 2px 0 0 0;
    padding: 0;
    }
    
#newtopicArea .news ul li{background:url("/_img/icn_arrow.gif") no-repeat scroll 2px 5px transparent;padding: 3px 0 3px 14px;}

.news h3 {border:none;margin:2px;padding:2px 0 0 0;font-size:98%;}
.news h3.line {border-top:1px dotted #cccccc;margin-top:4px;padding:4px 0 0 0;font-size:98%;}
.news p {margin-top:3px;text-align:right;font-weight:bold;font-size:98%;}
  
    
.block {
    display: block;
}


/** ▼人気ランキングタブ ****************/
#ranking_shop .detail1 {

    margin: 0;
    width: 198px;
}
#ranking_shop .tablist { height:30px;padding-top:3px;}
#ranking_shop #tabsel1{ width:98px; height:27px; float:left; margin:0; background:url("../_img/tab_west.gif") -4px 0; text-align:center;}
#ranking_shop #tabsel2{ width:98px; height:27px; float:right; margin:0; text-align:center; }

* html body #ranking_shop #tabsel1{ width:98px; height:27px; float:left; margin:0 0 0 2px;}
* html body #ranking_shop #tabsel2{ width:98px; height:27px; float:right; margin:0 1px 0 0;}

#ranking_shop #tabsel1.tab_selector {  background:url("../_img/tab_noside.gif") -4px 0;color:#19274d;padding-top:3px;}
#ranking_shop #tabsel1.selected { background:url("../_img/tab_west.gif") -4px 0;font-weight:bold;padding-top:3px;}

#ranking_shop #tabsel2.tab_selector { background:url("../_img/tab_noside.gif") -4px 0;color:#19274d;padding-top:3px;}
#ranking_shop #tabsel2.selected { background:url("../_img/tab_east.gif") -4px 0;font-weight:bold;padding-top:3px;}

#ranking_shop .tab {display:block;}
#ranking_shop .noshow {display:none;}

/******▽右エリア2******/
.rightbox2{
width:200px;
float:right;
padding-left:20px;
}

/*タイトル*/
.rightbox2 .title{width:200px;background:url("../_img/tl_r_bg.gif") no-repeat;}

/*ボックス*/
.rightbox2 .box{width:200px;background:url("../_img/box_r_ct.gif") repeat-y;}
.rightbox2 .box_hd{background:url("../_img/box_r_hd.gif") no-repeat;}
.rightbox2 .box_ft{background:url("../_img/box_r_ft.gif") no-repeat;}


/***Yahooサーチ***/
.search{
width:180px;
margin:0 0 5px 0;
padding:10px;
border-bottom:solid 1px #7d9cc7;
background:url("../_img/tl_r_bg170.gif") no-repeat;
}


#slideshow {
    color: #FFFFFF;
    list-style: none outside none;
}
#slideshow span {
    display: none;
}
#wrapper {
    display: none;
    margin: 15px auto;
    overflow: hidden;
    width: 200px;
}
#wrapper * {
    margin: 0;
    padding: 0;
}
#fullsize {
    background: none repeat scroll 0 0 #000000;
    border: 1px solid #CCCCCC;
    height: 150px;
    padding: 2px;
    position: relative;
    width: 200px;
}
#infos {
    background: none repeat scroll 0 0 #000000;
    bottom: 0;
    color: #FFFFFF;
    height: 0;
    opacity: 0.7;
    overflow: hidden;
    position: absolute;
    width: 200px;
    z-index: 200;
}
#infos h3 {
    font-size: 14px;
    padding: 4px 8px 3px;
}
#infos p {
    padding: 0 8px 8px;
}
#image {
    width: 200px;
}
#image img {
    position: absolute;
    width: auto;
    z-index: 25;
}
.imgnav {
    cursor: pointer;
    height: 150px;
    position: absolute;
    width: 25%;
    z-index: 150;
}
#imgprev {
    background: url("../_img/left.gif") no-repeat scroll left center transparent;
    left: 0;
}
#imgnext {
    background: url("../_img/right.gif") no-repeat scroll right center transparent;
    right: 0;
}
#imglink {
    height: 150px;
    opacity: 0.4;
    position: absolute;
    width: 100%;
    z-index: 100;
}
.linkhover {
    background: url("images/link.gif") no-repeat scroll center center transparent;
}
#thumbnails {
    margin-top: 15px;
}
#slideleft {
    background: url("../_img/scroll-left.gif") no-repeat scroll center center #222222;
    float: left;
    height: 81px;
    width: 20px;
}
#slideleft:hover {
    background-color: #333333;
}
#slideright {
    background: url("../_img/scroll-right.gif") no-repeat scroll center center #222222;
    float: right;
    height: 81px;
    width: 20px;
}
#slideright:hover {
    background-color: #333333;
}
#slidearea {
    float: left;
    height: 31px;
    margin-left: 5px;
    overflow: hidden;
    position: relative;
    width: 150px;
}
#slider {
    height: 81px;
    left: 0;
    position: absolute;
}
#slider img {
    border: 1px solid #666666;
    cursor: pointer;
    padding: 2px;
}

/******▽バナー******/
.rightbox .bnr{
margin:0 0 15px 0;
}
.rightbox .bnr img{
width:280px;

}

/***ブログ記事***/
.article ul{
margin:0;
padding:0;
border-top:dotted 1px #aaaaaa;
list-style:none;
}
.article li{
padding:5px 5px 5px 30px;
border-bottom:dotted 1px #aaaaaa;
}

.article .color{background:url("../_img/dir03.gif") no-repeat 8px 7px #f1f5f7;}
.article .nocolor{background:url("../_img/dir03.gif") no-repeat 8px 7px;}