@charset "shift_jis";
/*
=========================================

トップページ用定義

=========================================
*/


/* body
-----------------------------------------------------------------------*/
body {

}


/* topMainClm
-----------------------------------------------------------------------*/
#topMainClm {
	float: left;
	width: 660px;
}

/* topSlideBox */
#topSlideBox {
	clear: both;
	height: 230px;
	margin: 0 0 25px 0;
	padding: 7px;
	background: #F1F1F1;
}
#topSlideBox .bx-wrapper ,
#topSlideBox .slideMainList {
	float: left;
	width: 488px;
}
#topSlideBox .bx-pager {
	float: right;
	width: 157px;
	}
#topSlideBox .bx-pager > a {
	display: block;
	margin: 0 0 5px 0;
	padding: 7px 8px 8px 14px;
	background: url(/img/top/main_thumb_bg02.png) 0 0 no-repeat;
}
#topSlideBox .bx-pager > a.active {
	background: url(/img/top/main_thumb_bg01.png) 0 0 no-repeat;

}


/* topBargainBox */
#topBargainBox {
	clear: both;
	margin: 0 0 10px 0;
}
#topBargainBox ul {
	padding-left: 13px;
    padding-top: 5px;
	background: #F1F1F1;
}
#topBargainBox ul li {
	float: left;
	margin: 0 13px 13px 0;
	width:310px;
}

/* topNewsBox */
#topNewsBox {
	clear: both;
	margin: 0 0 45px 0;
	width:660px;
	text-align:left;
}
#topNewsBox img {
	width: 660px;
	height: 35px;
}
#topNewsBox h2 {
	margin: 0 0 10px 0;
}
#topNewsBox .inBox {
	height: 230px;
	overflow-y: scroll;
}
#topNewsBox table {
	margin: 0 20px 0 0;
}
#topNewsBox table th ,
#topNewsBox table td {
	padding: 10px 12px;
	vertical-align: top;
	border-bottom: 1px dotted #ADADAD;
}
#topNewsBox table th {
	white-space: nowrap;
}
#topNewsBox table td {
	width: 100%;
}

#topItemBox,
#topItemBox2 {
	clear: both;
	margin-bottom:20px;
}
#topItemBox #tab,
#topItemBox2 #tab {
	height: 31px;
	border-bottom: 2px solid #d52a02;
}
#topItemBox #tab li,
#topItemBox2 #tab li {
	float: left;
	margin: 0 1px 0 0;
}
#topItemBox .tabContentsWrap,
#topItemBox2 .tabContentsWrap {
	padding: 18px 0 0 18px;
	background: #F1F1F1;
}
#topItemBox .tabContentsWrap ul,
#topItemBox2 .tabContentsWrap ul {
	font-size: 0;
}
#topItemBox .tabContentsWrap ul li,
#topItemBox2 .tabContentsWrap ul li {
	display: inline-block; 
	/display: inline; 
	/zoom: 1;
	font-size: 12px;
	width: 142px;
	margin: 0 18px 18px 0;
	vertical-align: top;
	background: #ffffff;
}
#topItemBox .tabContentsWrap ul li a,
#topItemBox2 .tabContentsWrap ul li a {
	display: block;
	padding: 5px;
}
#topItemBox .tabContentsWrap ul li .pic,
#topItemBox2 .tabContentsWrap ul li .pic {
	text-align: center;
	margin: 0 0 5px 0;
}
#topItemBox .tabContentsWrap ul li .name,
#topItemBox2 .tabContentsWrap ul li .name {
	color: #434343;
}
#topItemBox .tabContentsWrap ul li .price,
#topItemBox2 .tabContentsWrap ul li .price {
	font-weight: bold;
}

#topMainClm .bn3 {
	width: 215px;
	margin: 0 5px 0px 0;
	float: left;
}
#topMainClm .bantext {margin-top:3px;}
#topMainClm .bantext a{color: #333; text-decoration:none; font-size:10px;}
#topMainClm .bantext a:hover{text-decoration: underline;}

/* topSubClm
-----------------------------------------------------------------------*/
#topSubClm {
	float: right;
	width: 120px;
}

.txtb-orange {color: #cc3300;font-weight: bold;}

.shop_ichiran{
background-color:#EFEFEF; padding:10px; color:#666666; font-size:12px;
}

/* etc
-----------------------------------------------------------------------*/
#topBox {
	width: 660px;
	height: 220px;
	margin-bottom: 45px;
}

/* head */
#header .logo {float: left;/* margin: 10px 0 0; */}
#header h1{float:none; margin:0 0 5px 0; font-size:10px; color: #999;}


/* ADD henobu 140909
-----------------------------------------------------------------------------*/
#container0905 a:link ,
#container0905 a:visited {
	color:#535353;
	text-decoration:underline;
}
#container0905 a:hover,
#container0905 a:active {
	color:#535353;
	text-decoration:none;
}
#container0905 {
	width:660px;
	color:#535353;
	font-size:13px;
	line-height:1.4em;
}

#container0905 .sinpin0905 {
	margin-bottom:50px;
}

#container0905 .sinpin0905 table tr td {
	width:210px;
	padding-top:10px;
	padding-right:9px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	vertical-align:top;
}
#container0905 .sinpin0905 table tr td.last {
	width:210px;
	padding-top:10px;
	padding-right:9px;
	border-right: none;
}
#container0905 .sinpin0905 table tr td.white {
	width:210px;
	padding-top:10px;
	padding-right:9px;
	border-right: none;
	border-bottom:none;
}
#container0905 .sinpin0905 table tr td .left {
	width:100px;
	float:left;
}
#container0905 .sinpin0905 table tr td .right {
	width:110px;
	float:left;
}
#container0905 .sinpin0905 table tr td .right h3 {
	padding:7px 6px 8px 6px;
	background:#FFEFBF;
}
#container0905 .sinpin0905 table tr td .right .text {
	padding:8px 0px 14px 7px;
}
#container0905 .sinpin09052 table tr td {
	vertical-align:top;
	padding-bottom:3px;
	margin-bottom:3px;
}
#container0905 .sinpin09052 table{
	padding-bottom:10px;
}
#container0905 .sinpin09052 table tr td .left2 {
	width:120px;
	float:left;
	padding:5px;
}
#container0905 .sinpin09052 table tr td .right2 {
	width:190px;
	float:left;
	padding:5px;
}
#container0905 .sinpin09052 table tr td .right2 h3 {
	padding: 3px 3px;
	background:#FFEFBF;
}
#container0905 .sinpin09052 table tr td .right2 .text {
	padding: 3px 0px;
	font-size: 10px;
}
#container0905 .sinpin09052 table tr td .left2 img {
	border: 1px #CCCCCC solid;
}
#container0905 .tyuko0905 {
	margin-bottom:50px;
}
#container0905 .tyuko0905 table tr td {
	width:210px;
	padding-top:10px;
	padding-right:9px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	vertical-align:top;
}
#container0905 .tyuko0905 table tr td.last {
	width:210px;
	padding-top:10px;
	padding-right:9px;
	border-right: none;
}
#container0905 .tyuko0905 table tr td.white {
	width:210px;
	padding-top:10px;
	padding-right:9px;
	border-right: none;
	border-bottom:none;
}
#container0905 .tyuko0905 table tr td .left {
	width:100px;
	float:left;
}
#container0905 .tyuko0905 table tr td .right {
	width:110px;
	float:left;
}
#container0905 .tyuko0905 table tr td .right h3 {
	padding:7px 6px 8px 6px;
	background:#D9F1F9;
}
#container0905 .tyuko0905 table tr td .right .text {
	padding:8px 0px 14px 7px;
}
/*nav*/
#hnb_category_nav{width:1000px; margin:0px auto 20px auto;}
#hnb_category_nav .sbk{margin-bottom:0px; background:url(https://www.tenpos.com/category/img/nav/sb.jpg) 0 0 no-repeat; width:925px; height:35px; padding:5px 0 0 75px;}
#hnb_category_nav .cbk{background:url(https://www.tenpos.com/category/img/nav/cb.jpg) 0 0 no-repeat; width:925px; height:35px; padding:5px 0 0 75px;}
#hnb_category_nav li{ float:left; margin-right:4px}

/*TOPページalert用*/
.top-alert {
border:3px solid #CCC;
margin-bottom:10px;
padding:8px 10px;
color:#ff0000;
font-size:medium;
font-weight:bold;
text-align:center;
}

.top-alert img {
width:auto;
height:16px;
}

.top-alert a:link ,
.top-alert a:visited {
text-decoration:underline!important;
color:#ff0000!important;
}

.top-alert a:hover,
.top-alert a:active {
text-decoration:none!important;
color:#ff0000!important;
}

.top-alert2 {
width: 100%;
text-align: center;
padding: 5px 0;
color:#ff0000;
background-color: #eeeeee;
}
.top-alert2 img {
width:15px;
}
.top-alert2 a:link ,
.top-alert2 a:visited {
text-decoration:none!important;
color:#ff0000!important;
}

.top-alert2 a:hover,
.top-alert2 a:active {
text-decoration:none!important;
color:#ff0000!important;
}


#hnb_category_nav .sbk .clearfix .nav1 {background:url(https://www.tenpos.com/category/img/nav/s1.jpg) no-repeat ; width:60px; height:30px; padding-top: 4px;}
#hnb_category_nav .sbk .clearfix .nav2 {background:url(https://www.tenpos.com/category/img/nav/s2.jpg) no-repeat ; width:155px; height:30px; padding-top: 4px;}
#hnb_category_nav .sbk .clearfix .nav3 {background:url(https://www.tenpos.com/category/img/nav/s3.jpg) no-repeat ; width:120px; height:30px; padding-top: 4px;}
#hnb_category_nav .sbk .clearfix .nav4 {background:url(https://www.tenpos.com/category/img/nav/s4.jpg) no-repeat ; width:60px; height:30px; padding-top: 4px;}
#hnb_category_nav .sbk .clearfix .nav5 {background:url(https://www.tenpos.com/category/img/nav/s5.jpg) no-repeat ; width:110px; height:30px; padding-top: 4px;}
#hnb_category_nav .sbk .clearfix .nav6 {background:url(https://www.tenpos.com/category/img/nav/s6.jpg) no-repeat ; width:140px; height:30px; padding-top: 4px;}
#hnb_category_nav .sbk .clearfix .nav7 {background:url(https://www.tenpos.com/category/img/nav/s7.jpg) no-repeat ; width:80px; height:30px; padding-top: 4px;}
#hnb_category_nav .sbk .clearfix .nav8 {background:url(https://www.tenpos.com/category/img/nav/s8.jpg) no-repeat ; width:90px; height:30px; padding-top: 4px;}
#hnb_category_nav .sbk .clearfix .nav9 {background:url(https://www.tenpos.com/category/img/nav/s9.jpg) no-repeat ; width:70px; height:30px; padding-top: 4px;}


#hnb_category_nav .cbk .clearfix .nav1 {background:url(https://www.tenpos.com/category/img/nav/s1.jpg) no-repeat ; width:60px; height:30px; padding-top: 4px;}
#hnb_category_nav .cbk .clearfix .nav2 {background:url(https://www.tenpos.com/category/img/nav/s2.jpg) no-repeat ; width:155px; height:30px; padding-top: 4px;}
#hnb_category_nav .cbk .clearfix .nav3 {background:url(https://www.tenpos.com/category/img/nav/s3.jpg) no-repeat ; width:120px; height:30px; padding-top: 4px;}
#hnb_category_nav .cbk .clearfix .nav4 {background:url(https://www.tenpos.com/category/img/nav/s4.jpg) no-repeat ; width:60px; height:30px; padding-top: 4px;}
#hnb_category_nav .cbk .clearfix .nav5 {background:url(https://www.tenpos.com/category/img/nav/s5.jpg) no-repeat ; width:110px; height:30px; padding-top: 4px;}
#hnb_category_nav .cbk .clearfix .nav6 {background:url(https://www.tenpos.com/category/img/nav/s6.jpg) no-repeat ; width:140px; height:30px; padding-top: 4px;}
#hnb_category_nav .cbk .clearfix .nav7 {background:url(https://www.tenpos.com/category/img/nav/s7.jpg) no-repeat ; width:80px; height:30px; padding-top: 4px;}
#hnb_category_nav .cbk .clearfix .nav8 {background:url(https://www.tenpos.com/category/img/nav/s8.jpg) no-repeat ; width:90px; height:30px; padding-top: 4px;}
#hnb_category_nav .cbk .clearfix .nav9 {background:url(https://www.tenpos.com/category/img/nav/s9.jpg) no-repeat ; width:70px; height:30px; padding-top: 4px;}

/* バナーエリア */
#topBannerArea{
clear: both;
margin: 0 0 40px 0;
}
#topBannerArea li img{
vertical-align: baseline !important;
}

/* slider_box */
.slider_box ul li img{
	width: 200px;
	height: 200px;
}

/*--　細長バナー小　--*/
.bnr_B001{width: 100%; margin: 10px 0;}
/*--　細長バナー大　--*/
.bnr_B002{width: 100%; margin: 20px 0;}


/*-- 季節の一押しツールバナー --*/
#container_bnrarea{
background: #E4D9C3;
padding: 10px;
}
#container_bnrarea ul{
width: 100%;
letter-spacing: -50em;
}
#container_bnrarea ul li{
display: inline-block;
*display: inline;
*zoom: 1;
letter-spacing: normal;
}
#container_bnrarea ul li a img{width: 100%;}
#container_bnrarea ul li a{display: block; position: relative;}
#container_bnrarea ul li a:after{
content:" ";
display: inline-block;
width: 16px;
height: 16px;
background: url(/img/top/bnr_area/arrow_big.png) no-repeat;
background-size: contain;
position: absolute;
bottom: 4%;
right: 2%;
}
html>/**/body #container_bnrarea ul li a:after{background /*\**/: url(/img/top/bnr_area/arrow_sm.png) no-repeat \9;}


.container_bnrarea_big li{margin-right: 2px; width: 318px;}
.container_bnrarea_sm li{margin-right: 4px; margin-top: 5px; width: 210px;}
html>/**/body .container_bnrarea_sm li{margin-right /*\**/: 3px \9;}

.container_bnrarea_big li:last-child,
.container_bnrarea_sm li:last-child,
.container_bnrarea_sm li.last
{margin-right: 0px;}

/*-- 特集コーナー --*/
#container_feature{
clear: both;
margin: 0 0 10px 0;
}

#container_feature h5{
background: url(/img/top/bnr_area/top_tit_bg.gif) #FFF no-repeat center;
padding: 10px 0 10px 20px;
color: #FFF;
font-weight: bold;
font-size: 16px;
}
#container_feature dl{
float: left;
width: 100%;
margin: 10px 0;
}
#container_feature dl a:link,#container_feature dl a:visited{color: #000 !important;}
#container_feature dl a:hover,#container_feature dl a:active{color: #c45500 !important;}
#container_feature dl dt img{
float: left;
}
#container_feature dl dt span{
float: left;
background: linear-gradient(transparent 60%, #ffec8d 60%);
font-size: 20px;
font-weight: bold;
padding: 0 10px;
margin: 0 20px 20px;
}
#container_feature dl dt span:after{
content:"　≫　";
}
#container_feature dl dd{
float: left;
width: 64%;
margin: 0 0 0 20px;
font-size: 14px;
}



/*-- slider --*/

.slideControls {
  position: absolute;
  width: 100%;
  top: 40%;
  left: 0;
}
.slideControls i {
  font-size: 30px;
}
.slideControls .slideNext {
  right: 0;
  position: absolute;
  cursor: pointer;
}
.slideControls .slidePrev {
  left: 0;
  position: absolute;
  cursor: pointer;
}

.slider_box {
  padding: 0px 25px;
  position: relative;
}
.slider_box img {
  width: 200px;
}
.slider_box .slide {
  padding: 20px;
  text-align: center;
  height: 50px;
}
.slider_box div.one {
  background: #ac5253;
}
.slider_box div.two {
  background: #6d292a;
}

.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #a40000 !important;
}
.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #cccccc !important;
}


/*　noscript　*/
.slider_box #slider li.slider-slide{
float: left;
}


/* 180924追記ここから */

#topItemBox p.name,
#topItemBox2 p.name {
    margin: 0 3px 5px;
    width: 130px;
}

#topItemBox .price,
#topItemBox2 .price {
    font-weight: bold;
    margin: 0 3px 5px;
    width: 130px;
}

/* 180924追記ここまで */

