@charset "utf-8";

*, *::after, *::before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

div#anccatetop{
width:100%;
max-width:800px;
}

/* header */
div#anccatetop .CategoryHeaderInfo ul li{
float:left;
padding:16px;
box-sizing:border-box;
}
div#anccatetop .CategoryHeaderInfo ul li#chi_right{
width:100%;
max-width:620px;
}
div#anccatetop .CategoryHeaderInfo .cataloglink{
margin:20px 0 0 0;
}
div#anccatetop .CategoryHeaderInfo .cataloglink a:link,
div#anccatetop .CategoryHeaderInfo .cataloglink a:visited{
padding:8px 20px;
border-radius:4px;
background-color:#2a2a2a;
box-shadow:1px 1px 2px #aaa;
color:#fff;
}
div#anccatetop .CategoryHeaderInfo .cataloglink a:hover{
background-color:#5e7d54;
}
div#anccatetop .CategoryHeaderInfo .cataloglink a img{
width:14px;
vertical-align:middle;
line-height:0;
}


/* DISP LIST */
div#anccatetop .ListDispAny ul li{
float:left;
}


/* nav */
div#anccatetop .navfilm01 li{
padding:0px;
background-color:#f6f6f6;
}
div#anccatetop .navfilm01 li p{
border:3px solid #fff;
padding:10px;
}

div#anccatetop .navfilm01 h3{
padding:0 0 5px 0;
font-size:1.2rem;
font-weight:600;
border-bottom:1px solid #000;
}

div#anccatetop .navfilm02 li{
padding:0px 5px;
}
div#anccatetop .navfilm02 li div{
width:100%;
padding-top:20px;
border-top:1px dashed #000;
}
div#anccatetop .navfilm02 li:first-child{
padding-left:0px;
}
div#anccatetop .navfilm02 li:last-child{
padding-right:0px;
}
div#anccatetop .navfilm02 h3{
padding:0 0 5px 0;
font-size:1.2rem;
font-weight:600;
border-bottom:1px solid #000;
}


div#anccatetop .catecap-dinoc{
background-color:#000;
}
div#anccatetop .catecap-dinoc p{
color:#fff;
}
div#anccatetop .cc_ttl_i{
padding:20px 0px 0px 10px;
}
div#anccatetop .cc_ttl_i img{
height:auto;
}
div#anccatetop .cc_ttl_a{
padding:20px 0 5px 10px;
font-size:1.5rem;
font-weight:600;
border-bottom:1px solid #fff;
}
div#anccatetop .cc_ttl_j{
padding:5px 0 20px 10px;
font-size:1.0rem;
font-weight:300;
}

div#anccatetop .cateNavInner h3{
padding:0 0 5px 0;
border-bottom:1px solid #000;
font-size:1.0rem;
font-weight:600;
}
div#anccatetop .cateNavInner li{
padding:5px 3px;
}
div#anccatetop .cateNavInner li p a:link,
div#anccatetop .cateNavInner li p a:visited{
color:#1F1B1A;
text-decoration:underline;
}

div#anccatetop .cateAncnav li{
padding:7px 0;
}
div#anccatetop .cateAncnav li a:link span,
div#anccatetop .cateAncnav li a:visited span{
padding:7px 30px;
border:3px solid #191412;
color:#191412;
text-align:center;
font-size:0.9rem;
box-shadow:3px 3px #ccc;
}
div#anccatetop .cateAncnav li a:hover span{
color:#fff;
background-color:#191412;
}
div#anccatetop .cateAncnav li:last-child{
text-align:right;
}





/*-----------------------------------------------------------------
	CATEGORY ITM LIST
-----------------------------------------------------------------*/
div#anccatetop .CategoryItemList h1{
padding:0 0 5px 0px;
margin:0 0 10px 0;
border-color:#CCCCCC;
border-style:solid;
border-width:0 0 2px 0;
color:#1F1F1F;
font-size:24px;
}

/* Menu */
div#anccatetop .CategoryItemList ul.ItemListInnerNavi{
margin:0 0 30px 0;
padding:5px;
}
div#anccatetop .CategoryItemList ul.ItemListInnerNavi a li{
float:left;
width:50%;
max-width:390px;
margin:0 5px 5px 0;
padding:5px 10px;
border-color:#396322;
border-style:solid;
border-width:0px 0px 0px 6px;
/*background-color:#1a1a1a;*/
box-sizing: border-box;
}
div#anccatetop .CategoryItemList ul.ItemListInnerNavi a li h4{
margin:0 0 5px 0;
font-size:16px;
color:#1F1F1F;
border-bottom:1px dotted #ddd;
}
div#anccatetop .CategoryItemList ul.ItemListInnerNavi a li font{
font-size:80%;
vertical-align:middle;
color:#396322;
}
div#anccatetop .CategoryItemList ul.ItemListInnerNavi a:link li,
div#anccatetop .CategoryItemList ul.ItemListInnerNavi a:visited li{
color:#396322;
}
div#anccatetop .CategoryItemList ul.ItemListInnerNavi a:hover li{
background-color:#396322;
color:#fff;
}
div#anccatetop .CategoryItemList ul.ItemListInnerNavi a li:hover h4{
color:#fff;
border-bottom:1px dotted #fff;
}
div#anccatetop .CategoryItemList ul.ItemListInnerNavi a li:hover font{
color:#fff;
}
div#anccatetop .CategoryItemList ul.ItemListInnerNavi a li img{
width:100%;
max-width:60px;
vertical-align: middle;
}



/* Kuzu navi */
div#anccatetop .CategoryItemList ul.ItemListKuzuNavi{
margin:0 0 30px 0;
border-color:#eaeaea;
border-style:solid;
border-width:1px 0 1px 0;
}
div#anccatetop .CategoryItemList ul.ItemListKuzuNavi li{
float:left;
width:50%;
max-width:400px;
padding:30px 0;
box-sizing: border-box;
}
div#anccatetop .CategoryItemList ul.ItemListKuzuNavi li a{
padding:8px 20px;
text-align:center;
box-sizing: border-box;
}
div#anccatetop .CategoryItemList ul.ItemListKuzuNavi li a:link,
div#anccatetop .CategoryItemList ul.ItemListKuzuNavi li a:visited{
background-color:#1a1a1a;
color:#fff;
}
div#anccatetop .CategoryItemList ul.ItemListKuzuNavi li a:hover{
background-color:#5e7d54;
}
div#anccatetop .CategoryItemList ul.ItemListKuzuNavi li.JmpToWpHome{
text-align:right;
}



/*-----------------------------------------------------------------
	LIST DISP
-----------------------------------------------------------------*/
div#anccatetop .CategoryItemList h3#itemlist_cap{
padding:10px 0 10px 2px;
background-color:#2a2a2a;
font-size:18px;
text-align:center;
color:#fff;
}
div#anccatetop .CategoryItemList h3#itemlist_cap span{
font-size:14px;
font-weight:normal;
color:#fff;
}
div#anccatetop .CategoryItemList div#C_menuList{
margin:0 0 30px 0;
padding:10px 0;
border:1px solid #1a1a1a;
}
div#anccatetop .CategoryItemList div#C_menuList p{
width:97%;
margin:25px auto 15px auto;
padding:10px 0;
text-align:center;
font-weight:bold;
background-color:#eaeaea;
border-bottom:0px solid #ccc;
}
div#anccatetop .CategoryItemList div#C_menuList ul li{
float:left;
margin:0 0 5px 0;
padding:8px 15px 8px 15px;
text-align:center;
}
div#anccatetop .CategoryItemList div#C_menuList ul li a:link,
div#anccatetop .CategoryItemList div#C_menuList ul li a:visited{
color:#1f1f1f;
text-decoration:underline;
}
div#anccatetop .CategoryItemList div#C_menuList ul li a:hover{
color:#5e7d54;
}

div#anccatetop .CategoryItemList div#C_backto ul li{
float:left;
width:50%;
margin:0 0 15px 0;
padding:15px 0;
font-size:13px;
}
div#anccatetop .CategoryItemList div#C_backto ul li a{
padding:10px 16px;
background-color:#2f2f2f;
color:#fff;
text-decoration:none;
border-radius:2px;
box-shadow:2px 2px 3px #ccc;
}
div#anccatetop .CategoryItemList div#C_backto ul li a:hover{
background-color:#5e7d54;
color:#fff;
box-shadow:2px 2px 3px #999;
}

/* ※openboxを使用した場合 */
div#anccatetop .CategoryItemList div#H_backto ul li{
margin:0 0 10px 0;
padding:5px 0;
box-sizing:border-box;
text-align:right;
}
div#anccatetop .CategoryItemList div#H_backto ul li a{
padding:5px 15px;
border:1px solid #2a2a2a;
text-decoration:none;
}
div#anccatetop .CategoryItemList div#H_backto ul li a:hover{
background-color:#2a2a2a;
color:#fff;
}

div#anccatetop .CategoryItemList div#slideBox div#C_menuList{
margin:0 0 30px 0;
padding:0px 0;
border-width:0;
}
div#anccatetop .CategoryItemList div#slideBox  div#C_menuList p{
width:100%;
margin:0px auto 25px auto;
padding:10px 0;
text-align:center;
font-weight:bold;
font-size:16px;
background-color:#eaeaea;
}
div#anccatetop .CategoryItemList div#slideBox  div#C_menuList ul li{
float:left;
margin:0 0 5px 0;
padding:8px 15px 8px 15px;
text-align:center;
}
div#anccatetop .CategoryItemList div#slideBox div#C_menuList ul li a{
text-decoration:underline;
}



/*-----------------------------------------------------------------
	LIST NAVI CONTROL .ver2
-----------------------------------------------------------------*/
.TileCarpet-Wrap .CategoryItemList table.ListNaviControl{
width:100%;
max-width:800px;
margin:0 0 20px 0;
}
.TileCarpet-Wrap .CategoryItemList table.ListNaviControl td{
width:50%;
padding:15px 0;
}
.TileCarpet-Wrap .CategoryItemList table.ListNaviControl td a{
padding:5px 20px;
background-color:#3a3a3a;
color:#fff;
box-shadow:2px 2px 3px #ddd;
}
.TileCarpet-Wrap .CategoryItemList table.ListNaviControl td a:hover{
background-color:#f86b1e;
color:#fff;
text-decoration:none;
}


/*-----------------------------------------------------------------
	LIST DISP CONTROL
-----------------------------------------------------------------*/
div#anccatetop .CategoryItemList table.ListDispControl{
width:100%;
max-width:800px;
margin:0 0 10px 0;
border-bottom:1px solid #1a1a1a;
}
div#anccatetop .CategoryItemList table.ListDispControl td{
padding:10px 0;
}
div#anccatetop .CategoryItemList table.ListDispControl td a{
text-decoration:underline;
}
div#anccatetop .CategoryItemList table.ListDispControl td p{
margin:0 0 10px 0;
padding:10px 0;
background-color:#fafafa;
}
div#anccatetop .CategoryItemList table.ListDispControl td p strong{
padding:3px 5px;
font-size:1.2rem;
}
div#anccatetop .CategoryItemList table.ListDispControl td font{
font-size:1.2rem;
font-weight:600;
}




/*-----------------------------------------------------------------
	ITEM LIST 2column DISP
-----------------------------------------------------------------*/
div#anccatetop .CategoryItemList div#M_categoryList{
width:100%;
margin-bottom:16px;	
}
div#anccatetop .CategoryItemList ul.M_innerList{
_zoom:1;
}
div#anccatetop .CategoryItemList ul.M_innerList li{
float:left;
width:50%;
box-sizing:border-box;
}
div#anccatetop .CategoryItemList ul.M_innerList li div.M_innerBox{
margin:8px 0 0 8px;	
padding:5px;
border:1px solid #eaeaea;
background:#f9f9f9;
_zoom:1;
/*height:180px;*/
height:auto;
}
div#anccatetop .CategoryItemList ul.M_innerList p.M_cl_price{
text-align:right;	
}
div#anccatetop .CategoryItemList ul.M_innerList div.M_cl_imgWrap{	
float:left;
width:160px;
text-align:left;
}
div#anccatetop .CategoryItemList ul.M_innerList div.M_cl_imgWrap img{
border:0px solid #c9c9c9;
}
div#anccatetop .CategoryItemList ul.M_innerList div.M_cl_detail{
float:right;
width:210px;
}
div#anccatetop .CategoryItemList ul.M_innerList div.M_cl_detail p{
padding:0;
}
div#anccatetop .CategoryItemList ul.M_innerList p.M_cl_price{
margin-top:7px;
border-top:1px dotted #ccc;
}
div#anccatetop .CategoryItemList ul.M_innerList p.M_cl_price strong{
font-size:20px;
color:#cc0000;
}
div#anccatetop .CategoryItemList ul.M_innerList p.M_cl_taxprice{
font-size:13px;
padding:5px 0 10px 0;
text-align:right;
border-bottom:1px dotted #ccc;
}
div#anccatetop .CategoryItemList ul.M_innerList p.M_cl_content{
margin-top:5px;
padding:5px 0;
}

/* NINAまとめ用 */
div#anccatetop .CategoryItemList ul.M_innerList p.M_cl_matome{
margin-top:5px;
padding:5px 0;
color:#ff5a00;
}




/*-----------------------------------------------------------------
	ITEM LIST 3column DISP
-----------------------------------------------------------------*/
div#anccatetop .CategoryItemList div#M_categoryList_T{
width:100%;
max-width:800px;
margin-bottom:16px;
border:1px solid #fff;
box-sizing: border-box;
}
div#anccatetop .CategoryItemList div#M_categoryList_T .M_innerList_T{
overflow:hidden;
_zoom:1;
border-bottom:1px solid #ccc;
background:#fff;
}
div#anccatetop .CategoryItemList div#M_categoryList_T .M_innerList_T li{
float:left;
width:calc(100% / 3);
box-sizing: border-box;
}
div#anccatetop .CategoryItemList div#M_categoryList_T .M_innerList_T li .M_innerBox_T{
border-right:1px dotted #ccc;
margin:8px auto;
box-sizing: border-box;
}
div#anccatetop .CategoryItemList div#M_categoryList_T .M_innerList_T li.lastChild .M_innerBox_T{
border-right:none;/* 一番右のボックスだけ右の罫線を消す */
}
div#anccatetop .CategoryItemList div#M_categoryList_T .M_innerList_T li .M_cl_detail_T{
margin:0px;
padding:10px;
margin-bottom:20px;
}

div#anccatetop .CategoryItemList div#M_categoryList_T .M_innerList_T .M_cl_name_T{
margin-bottom:4px;
}
div#anccatetop .CategoryItemList div#M_categoryList_T .M_innerList_T .M_cl_price_T{
text-align:right;
border-bottom:1px dotted #ccc;
}
div#anccatetop .CategoryItemList div#M_categoryList_T .M_innerList_T .M_cl_price_T span.M_cl_consPrice_T{
text-decoration: line-through;
}
div#anccatetop .CategoryItemList div#M_categoryList_T .M_innerList_T .M_cl_price_T span.M_cl_webPriceCap_T{
font-size:14px;
color:#ff0000;
}
div#anccatetop .CategoryItemList div#M_categoryList_T .M_innerList_T .M_cl_price_T span.M_cl_webPrice_T{
font-size:20px;
font-weight:bold;
color:#ff0000;
}
div#anccatetop .CategoryItemList div#M_categoryList_T .M_innerList_T .M_cl_price_T span.M_cl_webPriceCap_X{
padding:5px 0;
font-size:14px;
color:#1f1f1f;
}
div#anccatetop .CategoryItemList div#M_categoryList_T .M_innerList_T .M_cl_price_SO{
margin:10px 0 0 0;
padding:5px 0;
font-size:14px;
text-align:center;
background-color:#f3f3f3;
}
div#anccatetop .CategoryItemList div#M_categoryList_T .M_innerList_T .M_cl_price_T font{
font-size:13px;
}


div#anccatetop .CategoryItemList div#M_categoryList_T .M_innerList_T .M_cl_imgWrap_T{
/*height:140px;*/
margin-bottom:10px;
line-height:0;
text-align:center;
}

div#anccatetop .CategoryItemList div#M_categoryList_T .M_innerList_T .M_cl_content_T{
font-size:11px;
margin-top:7px;
text-align:right;
}
div#anccatetop .CategoryItemList div#M_categoryList_T .M_innerList_T .M_cl_content_T img{
vertical-align: middle;
}





/*-----------------------------------------------------------------
	PAGE LIST CONTROL
-----------------------------------------------------------------*/
div#anccatetop .CategoryItemList table.ListPageControl{
width:100%;
margin:0 0 20px 0;
box-sizing: border-box;
background-color:#eaeaea;
border-collapse: collapse;
}
div#anccatetop .CategoryItemList table.ListPageControl td{
padding:10px;
text-align:center;
vertical-align: middle;
}
/* 分解 */
div#anccatetop .CategoryItemList table.ListPageControl td ul.M_pager li a{
font-size:14px;
padding:0 7px;
margin:0 2px;
}
div#anccatetop .CategoryItemList table.ListPageControl td ul.M_pager li#active a{
font-size:18px;
}
div#anccatetop .CategoryItemList table.ListPageControl td ul.M_pager li.prev a, ul.M_pager li.next{
margin:0 10px;
}
div#anccatetop .CategoryItemList table.ListPageControl td ul.M_pager li.prev a, ul.M_pager li.next a:link,
div#anccatetop .CategoryItemList table.ListPageControl td ul.M_pager li.prev a, ul.M_pager li.next a:visited,
div#anccatetop .CategoryItemList table.ListPageControl td ul.M_pager li.prev a, ul.M_pager li.next a:hover{
padding:3px 12px;
font-size:16px;
background-color:#1a1a1a;
border-radius:3px;
color:#fff;
}



/*-----------------------------------------------------------------
	HINBAN LIST table
-----------------------------------------------------------------*/
div#anccatetop table.hbnList-tbl{
width:100%;
border:0px solid #000;
}
div#anccatetop table.hbnList-tbl th,
div#anccatetop table.hbnList-tbl td{
padding:5px 3px;
text-align:left;
}
div#anccatetop table.hbnList-tbl td{
border-bottom:1px dotted #1f1f1f;
}
div#anccatetop table.hbnList-tbl td a{
color:#254FF0;
text-decoration:underline;
}
div#anccatetop table.hbnList-tbl .area_01{
width:10%;
background-color:#f0f0f0;
}
div#anccatetop table.hbnList-tbl .area_02{
width:10%;
background-color:#f0f0f0;
}
div#anccatetop table.hbnList-tbl .area_03{
width:10%;
background-color:#f0f0f0;
}
div#anccatetop table.hbnList-tbl .area_04{
width:70%;
background-color:#f0f0f0;
}