@charset "shift_jis";
/** ベース ****************/
body{
margin:0;
padding:0;
color:#333333;
font-size:small;
}
p{margin:0;padding:0;}
img{border:0;}
.hidden{display:none;}

/** ▼リンク ****************/
a{color:#be1b5c;text-decoration:none;}
a:hover{text-decoration:underline;}

/** ▼アンダーライン  ****************/
hr {display:none;}

.line_gray1{
width:auto;
height:1px;
background:#CCCCCC;
display:block;
}
.line_blue2{
width:auto;
height:2px;
background:#be1b5c;
display:block;
}

/** ▼フォント ****************/
.small{font-size:x-small;line-height:1.5em;}
.normal{font-size:small;line-height:1.5em;}
.large{font-size:medium;line-height:1.5em;}
.bold{font-weight:bold;}
.underline{text-decoration:underline;}

/** ▼カラー****************/
.red{color:#FF0000;}
.orange{color:#FF9933;}
.blue{color:#003699;}

/** ▼テキストレイアウト ****************/
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}

/** ▼回り込み ****************/
.turnleft{float:left;}
.turnright{float:right;}
.clear{
clear:both;
}
.clear:after {
content: ""; 
clear: both;
font-size:xx-small;
line-height:0;
height: 0;
display: block; 
visibility: hidden;
}

/** ▼パディング ****************/
.pd0{padding:0px;}.pdty{padding-top:0;padding-bottom:0;}
.pdt5{padding-top:5px;}.pdt10{padding-top:10px;}.pdt15{padding-top:15px;}.pdt20{padding-top:20px;}.pdt30{padding-top:30px;}.pdt50{padding-top:50px;}.pdt80{padding-top:80px;}.pdt100{padding-top:100px;}
.pdb5{padding-bottom:5px;}.pdb10{padding-bottom:10px;}.pdb15{padding-bottom:15px;}.pdb20{padding-bottom:20px;}.pdb30{padding-bottom:30px;}.pdb50{padding-bottom:50px;}.pdb80{padding-bottom:80px;}.pdb100{padding-bottom:100px;}
.pdr5{padding-right:5px;}.pdr10{padding-right:10px;}.pdr15{padding-right:15px;}.pdr20{padding-right:20px;}.pdr30{padding-right:30px;}.pdr50{padding-right:50px;}.pdr80{padding-right:80px;}.pdr100{padding-right:100px;}
.pdl5{padding-left:5px;}.pdl10{padding-left:10px;}.pdl15{padding-left:15px;}.pdl20{padding-left:20px;}.pdl30{padding-left:30px;}.pdl50{padding-left:50px;}.pdl80{padding-left:80px;}.pdl100{padding-left:100px;}
.pdx5{padding:0 5px;}.pdx8{padding:0 8px;}.pdx10{padding-right:10px;padding-left:10px;}.pdx15{padding-right:15px;padding-left:15px;}.pdx20{padding-right:20px;padding-left:20px;}.pdx30{padding-right:30px;padding-left:30px;}.pdx50{padding-right:50px;padding-left:50px;}.pdx80{padding-right:80px;padding-left:80px;}.pdx100{padding-right:100px;padding-left:100px;}
.pdy5{padding-top:5px;padding-bottom:5px;}.pdy10{padding-top:10px;padding-bottom:10px;}.pdy15{padding-top:15px;padding-bottom:15px;}.pdy20{padding-top:20px;padding-bottom:20px;}.pdy30{padding-top:30px;padding-bottom:30px;}.pdy50{padding-top:50px;padding-bottom:50px;}.pdy80{padding-top:80px;padding-bottom:80px;}.pdy100{padding-top:100px;padding-bottom:100px;}
.pd5{padding:5px;}.pd10{padding:10px;}.pd15{padding:15px;}.pd20{padding:20px;}.pd30{padding:30px;}.pd50{padding:50px;}.pd80{padding:80px;}.pd100{padding:100px;}

/** ▼マージン ****************/
.mg0{margin:0px;}.mgy0{margin-top:0;margin-bottom:0;}
.mgt5{margin-top:5px;}.mgt10{margin-top:10px;}.mgt15{margin-top:15px;}.mgt20{margin-top:20px;}.mgt30{margin-top:30px;}.mgt50{margin-top:50px;}.mgt80{margin-top:80px;}.mgt100{margin-top:100px;}
.mgb5{margin-bottom:5px;}.mgb10{margin-bottom:10px;}.mgb15{margin-bottom:15px;}.mgb20{margin-bottom:20px;}.mgb30{margin-bottom:30px;}.mgb50{margin-bottom:50px;}.mgb80{margin-bottom:80px;}.mgb100{margin-bottom:100px;}
.mgr5{margin-right:5px;}.mgr10{margin-right:10px;}.mgr15{margin-right:15px;}.mgr20{margin-right:20px;}.mgr30{margin-right:30px;}.mgr50{margin-right:50px;}.mgr80{margin-right:80px;}.mgr100{margin-right:100px;}
.mgl5{margin-left:5px;}.mgl10{margin-left:10px;}.mgl15{margin-left:15px;}.mgl20{margin-left:20px;}.mgl30{margin-left:30px;}.mgl50{margin-left:50px;}.mgl80{margin-left:80px;}.mgl100{margin-left:100px;}
.mgx5{margin:0 5px;}.mgx10{margin-right:10px;margin-left:10px;}.mgx15{margin-right:15px;margin-left:15px;}.mgx20{margin-right:20px;margin-left:20px;}.mgx30{margin-right:30px;margin-left:30px;}.mgx50{margin-right:50px;margin-left:50px;}.mgx80{margin-right:80px;margin-left:80px;}.mgx100{margin-right:100px;margin-left:100px;}
.mgy5{margin-top:5px;margin-bottom:5px;}.mgy10{margin-top:10px;margin-bottom:10px;}.mgy15{margin-top:15px;margin-bottom:15px;}.mgy20{margin-top:20px;margin-bottom:20px;}.mgy30{margin-top:30px;margin-bottom:30px;}.mgy50{margin-top:50px;margin-bottom:50px;}.mgy80{margin-top:80px;margin-bottom:80px;}.mgy100{margin-top:100px;margin-bottom:100px;}
.mg5{margin:5px;}.mg10{margin:10px;}.mg15{margin:15px;}.mg20{margin:20px;}.mg30{margin:30px;}.mg50{margin:50px;}.mg80{margin:80px;}.mg100{margin:100px;}


/** テンプレート ****************/
/** ▼ヘッダー ****************/
/** ▽カテゴリー ****************/
#category{
width:1270px;
line-height:1em;
margin:0 auto;
padding:10px 10px 0 10px;
border-bottom:solid 3px #be1b5c;
background:url("../_img/bg2.gif");
}

#menu{
margin:0 0 0 55px;
padding:0;
list-style:none;
font-size:x-small;
}
#menu li{
border-top:solid 1px #b7b7b7;
border-left:solid 1px #b7b7b7;
background:#ffffff;
display:block;
float:left;
background:url("../_img/mn_bg.gif") repeat-x;
}
#menu .last{
border-right:solid 1px #b7b7b7;
background:url("../_img/mn_sakibg.gif") no-repeat;}
#menu a{
padding:10px 7px;
color:#444444;
text-align:center;
text-decoration:none;
display:block;
}

#menu .last span{padding-left:20px;}
#menu a:hover{
color:#FFFFFF;
}

#menu .last a:hover{
background:url("../_img/mn_sakibg2.gif") no-repeat;}



a#mn_king{
padding-left:30px;
background:url("../_img/mn_kingdom1.gif") no-repeat;
}
a:hover#mn_king{background:url("../_img/mn_kingdom2.gif") no-repeat;}
a:hover#mn_taku{background:url("../_img/mn_taku2.gif") repeat-x;}
a:hover#mn_book{background:url("../_img/mn_book2.gif") repeat-x;}
a:hover#mn_search{background:url("../_img/mn_search2.gif") repeat-x;}
a:hover#mn_nanikiru{background:url("../_img/mn_nanikiru2.gif") repeat-x;}
a:hover#mn_game{background:url("../_img/mn_game2.gif") repeat-x;}
a:hover#mn_gameintro{background:url("../_img/mn_gameintro2.gif") repeat-x;}
a:hover#mn_news{background:url("../_img/mn_news2.gif") repeat-x;}
a:hover#mn_yaku{background:url("../_img/mn_yaku2.gif") repeat-x;}
a:hover#mn_rule{background:url("../_img/mn_rule2.gif") repeat-x;}
a:hover#mn_site{background:url("../_img/mn_site2.gif") repeat-x;}
a:hover#mn_pro{background:url("../_img/mn_pro2.gif") repeat-x;}
a:hover#mn_sozai{background:url("../_img/mn_sozai2.gif") repeat-x;}



.container{
width:1240px;
margin:0 auto;
padding:0;
background:#ffffff;
}

.layout{
margin:0 auto;
padding:0 15px;
width:970px;
background:#FFFFFF;
}

/** ▽サブメニュー ****************/
.submenu{
margin:5px 0;
}
.submenu .title{
width:600px;
margin:0;
padding:5px 0;
float:left;
}
.submenu ul{
margin:0;
padding:5px 0;
list-style:none;
display:inline;
float:right;
}
.submenu li{
margin:0;
padding:0 0 0 10px;
display:inline;
}

#copy{
margin:0;
padding:0;
font-size:small;
font-weight:normal;
display:inline;
}
#submenu{
margin:0;
padding:5px 0;
list-style:none;
float:right;
}
#submenu li{
margin:0;
padding:0 0 0 10px;
float:left;
}
#sbmn_sitemap{
padding:0 0 0 16px;
background:url("../_img/icn_sitemap.gif") no-repeat 0 1px;
}
#sbmn_inquiry{
padding:0 0 0 15px;
background:url("../_img/icn_inquiry.gif") no-repeat 0 3px;
}

#sbmn_king{
width:74px;
height:20px;
background:url("../_img/sbmn_king.gif") no-repeat;
display:block;
}
a:hover#sbmn_king{
background:url("../_img/sbmn_king_a.gif") no-repeat;
}

 .adspace{
width:685px;
height:60px;
background:url("../_img/adspace.gif") no-repeat;
display:block;
}
a:hover.adspace{
background:url("../_img/adspace_a.gif") no-repeat;
}
.adspace img{
width:685px;
height:60px;
display:block;
}

.adspace2{
width:250px;
height:120px;
margin-bottom:15px;
background:url("../_img/adspace2.gif") no-repeat;
display:block;
}
a:hover.adspace2{
background:url("../_img/adspace2a.gif") no-repeat;
}
.adspace2 img{
width:250px;
height:120px;
display:block;
}

.adspace3{
width:468px;
height:60px;
background:url("../_img/adspace3.gif") no-repeat;
display:block;
}
a:hover.adspace3{
background:url("../_img/adspace3a.gif") no-repeat;
}
.adspace3 img{
width:468px;
height:60px;
display:block;
}

.jang2{
width:250px;
height:120px;
margin-bottom:15px;
background:url("../_img/jang2.gif") no-repeat;
display:block;
}
a:hover.jang2{
background:url("../_img/jang2a.gif") no-repeat;
}
.jang2 img{
width:250px;
height:120px;
display:block;
}

.jang3{
width:468px;
height:60px;
background:url("../_img/jang3.gif") no-repeat;
display:block;
}
a:hover.jang3{
background:url("../_img/jang3a.gif") no-repeat;
}
.jang3 img{
width:468px;
height:60px;
display:block;
}

/** ▽見出し****************/
#article{
width:auto;
height:100%;
margin:0 0 25px 0;
padding:10px 15px;
background:#be1b5c;
}
#article ul{
margin:0;
padding:0;
list-style:none;
}
#article li{
padding:0 30px 0 0;
color:#FFFFFF;
float:left;
}
#article span{
color:#FFFF99;
}
#article a:link{color:#FFFFFF; text-decoration:none;}
#article a:visited{color:#FFFFFF; text-decoration:none;}
#article a:hover{color:#FFFFFF; text-decoration:underline;}


/** ▼フッター ****************/
#footer{
margin:0;
padding:0;
line-height:1em;
font-size:x-small;
list-style:none;
border-right:solid 1px #333333;
}
#footer li{
margin:10px 0;
padding:0 10px;
border-left:solid 1px #333333;
line-height:1em;
float:left;
}
#footer .last{
border-right:solid 1px #333333;
}

.copyright{
margin-bottom:15px;
font-size:x-small;
}
.copyright a{color:#333333;text-decoration:none;}
.copyright a:hover{color:#333333;}
.copyright a:visited{color:#333333;}
.copyright .rights{
width:500px;
float:left;
}
.copyright .produce{
width:500px;
text-align:right;
float:right;
}


#tag{
padding:0;
margin:0;
line-height:1.8em;
font-size:x-small;
clear:both;
}
#tag a{
margin-bottom:5px;
padding-right:5px;
}
#tag .webp{
width:120px;
float:left;
}
#tag .project{
width:840px;
float:left;
}

/** ▼ミニウィンドウ ****************/
.miniwin h1{
padding:0 0 0 8px;
font-size:medium;
border-left:solid 5px #010E44;
}

.miniwin{
margin:0 auto;
width:600px;
padding:10px 50px;
background:#FFFFFF;
}

/** ▼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; padding-right:3px;}

#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: #be1b5c;
    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%;
    line-height: 1.4em;
    margin: 0;
    padding: 0;
    text-align:center;
     height:80px;
}

#ranking_shop .tit h2 img{vertical-align:middle;}
#ranking_shop table {
    margin: 0;
    padding: 0;
    text-align: left;
}
#ranking_shop th {
background: url("/_img/icn_rank.png") no-repeat scroll 1px 3px transparent;
    font-size:120%;
    height: 100%;
    margin: 0;
    padding: 3px 0;
    text-align: center;
    width: 48px;
    font-weight:bold;
    color:#e80000;
}
#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: #be1b5c;
height:80px;
    color: #FFFFFF;
    margin-top:5px;
    padding: 3px 0 0;
    text-align: center;
    width: 200px;
    
}
#new_shop .tit h2,#newtopicArea .tit h2 {
    font-size: 100%;
    line-height: 1.4em;
    margin: 0;
    padding: 0 0 2px 0;
    text-align:center;
}
.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;}