@charset "shift_jis";

/* ===========================================================

   top column layout
 
=========================================================== */
.top #container #searchHead{
}

.top #container #contentsInner{
}

/* 20111115 bita-a0099 mod start */
.top #container #contentsInner #main{
width:755px;
min-height:300px;
float: right;
}
/* 20111115 bita-a0099 mod end */
* html .top #container #contentsInner #main{
height:300px;
}

/* 20111115 bita-a0099 add start */
.top #container #contentsInner #sideLeft{
width:150px;
min-height:300px;
float: left;
}
* html .top #container #contentsInner #sideLeft{
height:300px;
}
/* 20111115 bita-a0099 add end */




/* ===========================================================

   top content wrap
 
=========================================================== */
.topContentWrap{
width:920px;
margin-bottom:15px;
background:url(../../images/top/top_content_bg_middle.png) repeat-y left top;
clear:both;
}

.topContentWrap .topContentInner{
width:920px;
padding-top:9px;
background:url(../../images/top/top_content_bg_top.png) no-repeat left top;
}

.topContentWrap .topContentInner .topContent{
width:920px;
padding-top:3px;
padding-bottom:9px;
background:url(../../images/top/top_content_bg_bottom.png) no-repeat left bottom;
overflow:hidden;
}

.topContentWrap .topContentInner .topContent .leftBox{
float:left;
width:250px;
padding-left:15px;
text-align:center;
}

.topContentWrap .topContentInner .topContent .leftBox .infoBtn{
padding:6px 0;
background-color:#F0F0F0;
border:1px solid #B4B4B4;
}

.topContentWrap .topContentInner .topContent .leftBox .infoBtn input{
vertical-align:bottom;
}

.topContentWrap .topContentInner .topContent .rightBox{
float:right;
width:620px;
padding-right:15px;
}



/* ===========================================================

   top content news area
 
=========================================================== */
.newsWrap{
width:620px;
margin-top:10px;
overflow:hidden;
}

.newsWrap .news{
float:left;
width:350px;
border:2px solid #F28089;
}

.newsWrap .news .frame01{
width:350px;
height:60px;
}

.newsWrap .pr{
float:right;
width:250px;
border:2px solid #98A1D0;
}

.newsWrap .pr .frame02{
width:250px;
height:60px;
}

.newsWrap .news .title,
.newsWrap .pr .title{
background:url(../../images/top/top_news_bg.png) repeat-x left top;
}



/* -----------------------------------------------------------
   frame style
----------------------------------------------------------- */
body.iframe{
background-image:none;
background-color:#FFFFFF;
}

.topNewsFrame,
.topPrFrame{
}

.topNewsFrame ul,
.topPrFrame ul{
padding-top:3px;
padding-left:10px;
}

.topNewsFrame ul li,
.topPrFrame ul li{
padding-left:18px;
line-height:1;
}

.topNewsFrame ul li span,
.topPrFrame ul li span{
line-height:1.4;
}

.topNewsFrame ul li{
background:url(../../images/parts/icon_arrow02.png) no-repeat left .2em;
}

.topPrFrame ul li{
background:url(../../images/parts/icon_arrow05.png) no-repeat left .2em;
}



/* ===========================================================

   top container
 
=========================================================== */
.topContainer{
width:918px;
margin-bottom:5px;
border:1px solid #D9D9D9;
}

.topContainer .topContainerInner{
}



/* -----------------------------------------------------------
   .topContentMenu
----------------------------------------------------------- */
.topContentMenu{
width:896px;
margin:0 auto;
padding:10px 0;
overflow:hidden;
}

.topContentMenu li{
display:inline;
float:left;
margin:5px 7px;
}



/* -----------------------------------------------------------
   .recommend
----------------------------------------------------------- */
.recommend{
width:898px;
padding:10px;
}

.recommend .topContainerInner{
width:898px;
background:url(../../images/common/line_vertical03.gif) repeat-y 630px top;
overflow:hidden;
}

.recommend .topContainerInner .leftBox{
float:left;
width:620px;
overflow:hidden;
}

.recommend .topContainerInner .leftBox .article{
display:inline-block;
width:110px;
margin:0 5px 10px;
vertical-align:top;
}
* html .recommend .topContainerInner .leftBox .article{
display:inline;
}
*:first-child+html .recommend .topContainerInner .leftBox .article{
display:inline;
}

.recommend .topContainerInner .leftBox .article .photo{
width:82px;
margin:0 auto 10px;
}

.recommend .topContainerInner .leftBox .article dl{
width:110px;
}

.recommend .topContainerInner .leftBox .article dl dt{
width:110px;
margin-bottom:5px;
}

.recommend .topContainerInner .leftBox .article dl dd{
width:110px;
}

.recommend .topContainerInner .rightBox{
float:right;
width:250px;
}

.recommend .topContainerInner .rightBox ul{
line-height:1.6;
}

.recommend .topContainerInner .rightBox ul li{
display:inline;
}

.recommend .topContainerInner .rightBox ul li span{
padding-right:5px;
color:#FF0000;
}

.recommend .topContainerInner .rightBox ul li a{
}



/* -----------------------------------------------------------
   .contentInfo
----------------------------------------------------------- */
.contentInfo{
width:918px;
}

.contentInfo .topContainerInner{
width:918px;
padding:10px 0 10px;
overflow:hidden;
}

.contentInfo .topContainerInner .leftBox{
float:left;
width:540px;
overflow:hidden;
}

.contentInfo .topContainerInner .leftBox .category{
display:inline-block;
width:110px;
margin:0 10px 10px;
vertical-align:top;
}
* html .contentInfo .topContainerInner .leftBox .category{
display:inline;
}
*:first-child+html .contentInfo .topContainerInner .leftBox .category{
display:inline;
}

.contentInfo .topContainerInner .leftBox .category .photo{
width:102px;
margin:0 auto 10px;
}

.contentInfo .topContainerInner .leftBox .category dl{
width:110px;
}

.contentInfo .topContainerInner .leftBox .category dl dt{
width:110px;
margin-bottom:5px;
}

.contentInfo .topContainerInner .leftBox .category dl dd{
width:110px;
}

.contentInfo .topContainerInner .rightBox{
float:right;
width:370px;
}

.contentInfo .topContainerInner .rightBox .categoryInfo{
position:relative;
width:370px;
margin-bottom:10px;
border-bottom:1px solid #D9D9D9;
}

.contentInfo .topContainerInner .rightBox .categoryInfo .title{
}

.contentInfo .topContainerInner .rightBox .categoryInfo .link{
position:absolute;
right:20px;
top:-3px;
}

.contentInfo .topContainerInner .rightBox .categoryList{
}

.contentInfo .topContainerInner .rightBox .categoryList li{
display:inline-block;
width:160px;
padding:0 0 0 20px;
background:url(../../images/parts/icon_arrow02.png) no-repeat left .2em;
vertical-align:top;
line-height:1;
}
* html .contentInfo .topContainerInner .rightBox .categoryList li{
display:inline;
}
*:first-child+html .contentInfo .topContainerInner .rightBox .categoryList li{
display:inline;
}

.contentInfo .topContainerInner .rightBox .categoryList li a{
line-height:1.4;
}

.contentInfo .topContainerInner .rightBox .categoryList.wide{
}

.contentInfo .topContainerInner .rightBox .categoryList.wide li{
width:320px;
}



/* -----------------------------------------------------------
   .tab
----------------------------------------------------------- */
.tab{
position:relative;
width:920px;
margin-bottom:-1px;
overflow:hidden;
}

.tab li{
float:left;
width:121px;
height:31px;
}

.tab li.btn01{
background:url(../../images/parts/btn_top_tab01_on.png) no-repeat left top;
}

.tab li.btn02{
background:url(../../images/parts/btn_top_tab02_on.png) no-repeat left top;
}

.tab li.btn03{
background:url(../../images/parts/btn_top_tab03_on.png) no-repeat left top;
}

.tab li.btn04{
background:url(../../images/parts/btn_top_tab04_on.png) no-repeat left top;
}

.tab li.btn01.active a img,
.tab li.btn02.active a img,
.tab li.btn03.active a img,
.tab li.btn04.active a img{
display:none;
}


/* 2010/03/08 C21 追加 */
/* ===========================================================

   article list
 
=========================================================== */
.top .articleList{
width:918px;
margin-bottom:10px;
padding:10px 0;
border:1px solid #D9D9D9;
}

.top .articleList .inner{
width:918px;
padding-left:20px;
overflow:hidden;
}

.top .articleList .inner .article{
float:left;
width:80px;
padding:0 32px 0 35px;
}

.top .articleList .inner .article .photo{
width:80px;
}

.top .articleList .inner .article .name{
width:80px;
}

.top .articleList .inner .article .price{
width:80px;
}

.top .articleList .inner .article .price span{
display:block;
}

/* 2010/03/08 C21 追加 */


/* -----------------------------------------------------------
   3/8追加分
----------------------------------------------------------- */

.recommend  .Box{
float:left;
width:898px;
overflow:hidden;
}

.recommend  .Box .article{
display:inline-block;
width:110px;
margin:0 5px 10px;
vertical-align:top;
}
* html .recommend  .Box .article{
display:inline;
}
*:first-child+html .recommend .Box .article{
display:inline;
}

.recommend .Box .article .photo{
width:82px;
margin:0 auto 10px;
}

.recommend .Box .article dl{
width:110px;
}

.recommend .Box .article dl dt{
width:110px;
margin-bottom:5px;
}

.recommend .Box .article dl dd{
width:110px;
}

/* -----------------------------------------------------------
   recommend for you (2013/01/30追加分)
----------------------------------------------------------- */
/* 2013/12/05 bita-a0214 mod start レコメンドデザイン修正 */
.recommend4u {
position: relative;
width: 755px;
background-image: url(../../images/top/top_rcmnd_blackframe_back.gif);
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
line-height: 120%;
/*height: 200px;*/
}
/* 2013/12/05 bita-a0214 mod end レコメンドデザイン修正 */

/* 2015/03/20 bita-a0179 mod height change 30 ->42 */
.recommend4u .title{
width: 755px;
height: 42px;
vertical-align:bottom;
}

.recommend4u .frameTop{
width: 755px;
height: 6px;
vertical-align:top;
>position:absolute; top:22px; left:0%;
}
.recommend4u .frameBottom{
width: 755px;
height: 7px;
vertical-align:bottom;
}

.coda-nav-left{
position:absolute;
left:0;
top:55px
}

.coda-nav-right{
position:absolute;
right:0;
top:55px
}

.coda-nav-left a{
    width:25px;
    height:38px;
    background:transparent url(../../images/top/top_rcmnd_arrows.png) no-repeat top left;
    position:absolute;
    top:50%;
    margin-top:-5px;
    left:0px;
    text-indent:-9000px;
    cursor:pointer;
    z-index:100;
}

.coda-nav-right a{
    width:25px;
    height:38px;
    background:transparent url(../../images/top/top_rcmnd_arrows.png) no-repeat top right;
    position:absolute;
    top:50%;
    margin-top:-5px;
    left:auto;
    right:0px;
    text-indent:-9000px;
    cursor:pointer;
    z-index:100;
    display:block;
}

.recommend4u .slideInner {
width: 100%;
height: 80%;
left: 0px;
position: relative;
overflow: hidden;
margin: 0px;
top: -2px;
}

.recommend4u .slideInner .itemWrap{
width:93%;
margin:0 auto;
overflow:hidden;
}

.recommend4u .slideInner .itemWrap .panel{
float:left;
width:755px;
overflow:hidden;
}

.recommend4u .slideInner .itemWrap .panel .panelInner{
width:755px;
padding-top:10px;
overflow:hidden;
}

.recommend4u .slideInner .itemWrap .panel .panelInner .item{
float:left;
width:128px;
padding:0px 5px 5px 5px;
}

/* 2015/03/20 bita-a0179 mod start */
.recommend4u .slideInner .itemWrap .panel .panelInner .item .itemNameBox{
overflow: hidden;
height:3.5em;
text-align:left;
margin-bottom: 5px;
}

.recommend4u .slideInner .itemWrap .panel .panelInner .item .photo{
  width: 122px;
  text-align: center;
  height:70px;
}
/* 2015/03/20 bita-a0179 mod end */

.recommend4u .slideInner .itemWrap .panel .panelInner .item .name{
width: 122px;
text-align: center;
margin-bottom:5px;
word-break:break-all;
word-wrap:break-word;
}

.recommend4u .slideInner .itemWrap .panel .panelInner .item .price{
width:122px;
text-align:center;
word-break:break-all;
word-wrap:break-word;
}

.recommend4u .slideInner .itemWrap .panel .panelInner .item .newPrice{
color: #FF0000;
font-size:120%
}

/* 2014/03/04 bita-a0214 mod start 消費税対応 */
.recommend4u .slideInner .itemWrap .panel .panelInner .item .priceList{
width: 120px;
}

.recommend4u .slideInner .itemWrap .panel .panelInner .item .priceList .heading{
}

.recommend4u .slideInner .itemWrap .panel .panelInner .item .priceList .price2{
color: #e50012;
text-align: right;
}

/* 2015/03/20 bita-a0179 mod 130% -> 150% */
.recommend4u .slideInner .itemWrap .panel .panelInner .item .priceList .price2 .amt{
font-size:150%;
}

/* 2015/03/23 bita-a0179 mod 3px -> 2px */
.recommend4u .slideInner .itemWrap .panel .panelInner .item .priceList .price2 .en{
padding-left:2px;
}

.recommend4u .slideInner .itemWrap .panel .panelInner .item .priceList .heading2{
float: left;
}

.recommend4u .slideInner .itemWrap .panel .panelInner .item .priceList .price3{
color: #333333;
text-align: right;
}

.recommend4u .slideInner .itemWrap .panel .panelInner .item .priceList .price3 .amt{
font-size:110%;
}

/* 2015/03/23 bita-a0179 mod 3px -> 2px */
.recommend4u .slideInner .itemWrap .panel .panelInner .item .priceList .price3 .en{
padding-left:2px;
}
/* 2014/03/04 bita-a0214 mod end 消費税対応 */