@charset "EUC-JP";

/*//////////////////////////////////////////////////////////////////

    NAME: right-navi.css
    DATE: 2015/10/09

//////////////////////////////////////////////////////////////////*/


#com_right_navi div#str-sub a:link{
text-decoration:none;
}

#com_right_navi div#str-sub a:hover{
text-decoration:underline;
}


#com_right_navi div#str-sub div.rnavi-link-box{
border: 1px solid #EEE;
margin-bottom: 5px;
font-size:12px;
}

#com_right_navi div#str-sub div.rnavi-link-box div.inner{
border: 2px solid #EFEFEF;
padding: 0 0px;
background:#FFF;
}

/* blue */
#com_right_navi div#str-sub div.rnavi-link-box.blue{border-color:#afcbe2;}
#com_right_navi div#str-sub div.rnavi-link-box.blue div.inner{border-color:#d9e7f2;background:#f1f6fa}

/* green */
#com_right_navi div#str-sub div.rnavi-link-box.green{border-color:#bcda7b;}
#com_right_navi div#str-sub div.rnavi-link-box.green div.inner{border-color:#dbf3c8;}

/* red */
#com_right_navi div#str-sub div.rnavi-link-box.red{border-color:#fbbbb9;}
#com_right_navi div#str-sub div.rnavi-link-box.red div.inner{border-color:#fbbbb9;background:#ffeded}

/* sky */
#com_right_navi div#str-sub div.rnavi-link-box.sky{border-color:#b5d0e7;}
#com_right_navi div#str-sub div.rnavi-link-box.sky div.inner{border-color:#d9e7f2;}


#com_right_navi div#str-sub div.rnavi-link-box div.hdg-container{
position:relative;
}

#com_right_navi div#str-sub div.rnavi-link-box h2{
margin:0;
padding:0;
}

#com_right_navi div#str-sub div.rnavi-link-box p.btn{
position:absolute;
top:4px;
right:3px;
cursor:pointer;
}

#com_right_navi div#str-sub div.rnavi-link-box h3{
margin:0;
padding:5px 7px 2px;
border-bottom:2px solid #eee;
color:#666;
font-weight:normal;
font-size:12px;
}

#com_right_navi div#str-sub div.rnavi-link-box .list-box{
border-bottom:1px solid #ccc;
}

#com_right_navi div#str-sub div.rnavi-link-box ul.list-normal{
margin:0 3px;
}
#com_right_navi div#str-sub div.rnavi-link-box ul.list-normal li{
padding: 5px 0;
border-bottom:1px dotted #ccc;
}
#com_right_navi div#str-sub div.rnavi-link-box ul.list-normal li:last-child{
border-bottom:0;
}
#com_right_navi div#str-sub div.rnavi-link-box ul.list-normal li a{
background: url("/member/images/arrow-01.gif") no-repeat 5px 0.5em;
display: block;
padding-left: 16px;
}
#com_right_navi div#str-sub div.rnavi-link-box ul.list-normal li a.icon-window{
background: url("/member/images/icon-window-01.gif") no-repeat 2px 0.4em;
padding-left: 16px;
}


#com_right_navi div#str-sub div.rnavi-link-box ul.list-ask-ranking{
margin:5px 3px 0;
}
#com_right_navi div#str-sub div.rnavi-link-box ul.list-ask-ranking li{
margin:0 0 5px;
padding:1px 0 5px 23px;
border-bottom:1px dotted #ccc;
min-height:16px;
font-size:12px;
}
#com_right_navi div#str-sub div.rnavi-link-box ul.list-ask-ranking li:last-child{
margin:0;
border-bottom:0;
}
#com_right_navi div#str-sub div.rnavi-link-box ul.list-ask-ranking li.ask1{
background:url("/member/html/images/icon-rnk-01.gif") no-repeat 1px 1px;
}
#com_right_navi div#str-sub div.rnavi-link-box ul.list-ask-ranking li.ask2{
background:url("/member/html/images/icon-rnk-02.gif") no-repeat 1px 1px;
}
#com_right_navi div#str-sub div.rnavi-link-box ul.list-ask-ranking li.ask3{
background:url("/member/html/images/icon-rnk-03.gif") no-repeat 1px 1px;
}


#com_right_navi div#str-sub div.rnavi-link-box p.link-more{
padding:3px 5px;
text-align:right;
}
#com_right_navi div#str-sub div.rnavi-link-box p.link-more a{
padding-left: 16px;
background: url("/member/images/arrow-01.gif") no-repeat 5px 50%;
}
#com_right_navi div#str-sub div.rnavi-link-box p.link-more a.icon-window{
padding-left: 16px;
background: url("/member/images/icon-window-01.gif") no-repeat 2px 50%;
}


#com_right_navi div#str-sub p.separate-link{
margin:0 0 5px;
font-size:12px;
background:#eee;
border-radius:3px;
}
#com_right_navi div#str-sub p.separate-link.red{
background:#ffd9d9;
}
#com_right_navi div#str-sub p.separate-link a{
display:block;
padding:5px 5px 5px 20px;
background:url("/member/images/arrow-01.gif") no-repeat 9px 50%;
}
#com_right_navi div#str-sub p.separate-link a.icon-window{
padding:5px 5px 5px 20px;
background: url("/member/images/icon-window-01.gif") no-repeat 6px 50%;
}


/* ----------------------------------------------------------------
    商品メニュー
----------------------------------------------------------------- */

#com_right_navi div#str-sub div.rnavi-flat-menu{
margin-bottom:5px;
border:3px solid #dde6ea;
font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
}

#com_right_navi div#str-sub div.rnavi-flat-menu div.hdg-container{
position:relative;
}

#com_right_navi div#str-sub div.rnavi-flat-menu h2{
margin:0;
padding:7px 8px;
border-top:3px solid #003399;
font-size:14px;
color:#003399;
line-height:1;
}

#com_right_navi div#str-sub div.rnavi-flat-menu span.btn-tgl-open,
#com_right_navi div#str-sub div.rnavi-flat-menu span.btn-tgl-close{
position:absolute;
top:8px;
right:5px;
width:18px;
height:18px;
overflow:hidden;
text-indent:100%;
white-space:nowrap;
cursor:pointer;
background:url("/member/html/images/icon-plus-minus.png") no-repeat;
}

#com_right_navi div#str-sub div.rnavi-flat-menu span.btn-tgl-open{background-position:0 0;}
#com_right_navi div#str-sub div.rnavi-flat-menu span.btn-tgl-open:hover{background-position:-18px 0;}
#com_right_navi div#str-sub div.rnavi-flat-menu span.btn-tgl-close{background-position:0 -18px;}
#com_right_navi div#str-sub div.rnavi-flat-menu span.btn-tgl-close:hover{background-position:-18px -18px;}

#com_right_navi div#str-sub div.rnavi-flat-menu ul{
margin:0;
border-top:1px solid #dbdbdb;
}

#com_right_navi div#str-sub div.rnavi-flat-menu ul li a{
display: block;
padding:8px 8px;
border-bottom:1px solid #dbdbdb;
background:#fafafa;
line-height:1.2;
font-size:14px;
}

#com_right_navi div#str-sub div.rnavi-flat-menu ul li:last-child a{
border-bottom:0;
}

#com_right_navi div#str-sub div.rnavi-flat-menu ul li a.with-icon{
padding:5px 60px 5px 8px;
background-color:#fafafa;
background-position:95% 5px;
background-repeat:no-repeat;
font-size:16px;
font-weight:bold;
}

#com_right_navi div#str-sub div.rnavi-flat-menu ul li a.with-icon.margin{
background-image:url("/member/html/images/icon-menu-margin.png");
}

#com_right_navi div#str-sub div.rnavi-flat-menu ul li a.with-icon.lending{
background-image:url("/member/html/images/icon-menu-lending.png");
}

#com_right_navi div#str-sub div.rnavi-flat-menu ul li a.with-icon span.copy{
display:block;
margin-bottom:2px;
font-size:11px;
font-weight:normal;
color:#555;
}

#com_right_navi div#str-sub div.rnavi-flat-menu ul li a:link{
color:#333;
}

#com_right_navi div#str-sub div.rnavi-flat-menu ul li a:hover{
background-color:#edf3fd;
text-decoration:none;
}

#com_right_navi div#str-sub div.rnavi-flat-menu ul li a span.small{
font-size:11px;
}