@charset "shift-jis";
/*---------------------------------------------
Komehyo Online Store
Clearfix Style
Version 1.0.0
---------------------------------------------*/

.clearfix:before,.clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.clearFix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearFix {
  display: inline-block;
}
* html .clearFix {
  height: 1%;
}
.clearFix {
  display: block;
}


/*---------------------------------------------
  layout
---------------------------------------------*/
#content:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#content {
  display: inline-block;
}
* html .#content {
height: 1%;
}
#content {
  display: block;
}


/*---------------------------------------------
  header
---------------------------------------------*/
#header:after, 
#header #headerMenu ul:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#header, #header 
#headerMenu ul {
  display: inline-block;
}
* html #header, * html 
#header #headerMenu ul {
  height: 1%;
}
#header, #header 
#headerMenu ul {
  display: block;
}


/*---------------------------------------------
  footer
---------------------------------------------*/
#footer #footContents:after,
#footer #footMenu ul:after,
#footer #footMenu dl:after,
#footer #footSeals:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#footer #footContents,
#footer #footMenu ul,
#footer #footMenu dl,
#footer #footSeals {
  display: inline-block;
}
* html #footer #footContents,
* html #footer #footMenu ul,
* html #footer #footMenu dl,
* html #footer #footSeals {
  height: 1%;
}
#footer #footContents,
#footer #footMenu ul,
#footer #footMenu dl,
#footer #footSeals {
  display: block;
}

/*---------------------------------------------
  globalArea
---------------------------------------------*/
#mnaviArea ul:after,
#searchArea:after,
p.searchBox:after,
#searchInfo:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#mnaviArea ul,
#searchArea,
p.searchBox,
#searchInfo {
  display: inline-block;
}
* html #mnaviArea ul,
* html #searchArea,
* html p.searchBox,
* html #searchInfo {
  height: 1%;
}
#mnaviArea ul,
#searchArea,
p.searchBox,
#searchInfo {
  display: block;
}


/*---------------------------------------------
  topicpathArea
---------------------------------------------*/
#topicpathArea:after,
#topicpathArea ul.topicpath:after,
#functionArea dl.cartTip:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#topicpathArea,
#topicpathArea ul.topicpath,
#functionArea dl.cartTip {
  display: inline-block;
}
* html #topicpathArea,
* html #topicpathArea ul.topicpath,
* html #functionArea dl.cartTip {
  height: 1%;
}
#topicpathArea,
#topicpathArea ul.topicpath,
#functionArea dl.cartTip {
  display: block;
}


/*---------------------------------------------
  common
---------------------------------------------*/
#main .pageCtrl:after,
#main table.list3 .data ul.icon:after,
#main .list4:after,
#main .list4 .l4ArticleLine:after,
#main table.formTbl dl.nameForm:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#main .pageCtrl,
#main table.list3 .data ul.icon,
#main .list4,
#main .list4 .l4ArticleLine,
#main table.formTbl dl.nameForm {
  display: inline-block;
}
* html #main .pageCtrl,
* html #main table.list3 .data ul.icon,
* html #main .list4,
* html #main .list4 .l4ArticleLine,
* html #main table.formTbl dl.nameForm {
  height: 1%;
}
#main .pageCtrl,
#main table.list3 .data ul.icon,
#main .list4,
#main .list4 .l4ArticleLine,
#main table.formTbl dl.nameForm {
  display: block;
}



#main .pageCtrl:after,
#main table.list3 .data ul.icon:after,
#main .list5:after,
#main .list5 .l5ArticleLine:after,
#main table.formTbl dl.nameForm:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#main .pageCtrl,
#main table.list3 .data ul.icon,
#main .list5,
#main .list5 .l5ArticleLine,
#main table.formTbl dl.nameForm {
  display: inline-block;
}
* html #main .pageCtrl,
* html #main table.list3 .data ul.icon,
* html #main .list5,
* html #main .list5 .l5ArticleLine,
* html #main table.formTbl dl.nameForm {
  height: 1%;
}
#main .pageCtrl,
#main table.list3 .data ul.icon,
#main .list5,
#main .list5 .l5ArticleLine,
#main table.formTbl dl.nameForm {
  display: block;
}


/*---------------------------------------------
  generalTop
---------------------------------------------*/
#generalTop #block:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#generalTop #block {
  display: inline-block;
}
* html #generalTop #block {
  height: 1%;
}
#generalTop #block {
  display: block;
}


/*---------------------------------------------
  categoryTop
---------------------------------------------*/
#categoryTop #block:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#categoryTop #block {
  display: inline-block;
}
* html #categoryTop #block {
  height: 1%;
}
#categoryTop #block {
  display: block;
}


/*---------------------------------------------
  displist
---------------------------------------------*/
#displist #listHead:after,
#displist #listHead dl:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#displist #listHead,
#displist #listHead dl {
  display: inline-block;
}
* html #displist #listHead,
* html #displist #listHead dl {
  height: 1%;
}
#displist #listHead,
#displist #listHead dl {
  display: block;
}


/*---------------------------------------------
  articleDetail
---------------------------------------------*/
#articleDetail #titleArea:after,
#articleDetail #articleData:after,
#articleDetail #photoArea ul:after,
#articleDetail #priceArea dl:after,
#articleDetail #priceArea ul.addcart:after,
#articleDetail #photoArea #stock:after,
#articleDetail #block:after,
#articleDetail #articlePath ul:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#articleDetail #titleArea,
#articleDetail #articleData,
#articleDetail #photoArea ul,
#articleDetail #priceArea dl,
#articleDetail #priceArea ul.addcart,
#articleDetail #photoArea #stock,
#articleDetail #block,
#articleDetail #articlePath ul {
  display: inline-block;
}
* html #articleDetail #titleArea,
* html #articleDetail #articleData,
* html #articleDetail #photoArea ul,
* html #articleDetail #priceArea dl,
* html #articleDetail #priceArea ul.addcart,
* html #articleDetail #photoArea #stock,
* html #articleDetail #block,
* html #articleDetail #articlePath ul {
  height: 1%;
}
#articleDetail #titleArea,
#articleDetail #articleData,
#articleDetail #photoArea ul,
#articleDetail #priceArea dl,
#articleDetail #priceArea ul.addcart,
#articleDetail #photoArea #stock,
#articleDetail #block,
#articleDetail #articlePath ul {
  display: block;
}


/*---------------------------------------------
  shoppingCart
---------------------------------------------*/
#shoppingCart #tblFootLink:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#shoppingCart #tblFootLink {
  display: inline-block;
}
* html #shoppingCart #tblFootLink {
  height: 1%;
}
#shoppingCart #tblFootLink {
  display: block;
}


/*---------------------------------------------
  member
---------------------------------------------*/
#member.entry table.formTbl dl:after,
#member.addr .subtArea:after,
#member.mypage #mymenu:after,
#member.login #memberInfo:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#member.entry table.formTbl dl,
#member.addr .subtArea,
#member.mypage #mymenu,
#member.login #memberInfo {
  display: inline-block;
}
* html #member.entry table.formTbl dl,
* html #member.addr .subtArea,
* html #member.mypage #mymenu ,
* html #member.login #memberInfo{
  height: 1%;
}
#member.entry table.formTbl dl,
#member.addr .subtArea,
#member.login #memberInfo {
  display: block;
}


/*---------------------------------------------
  register
---------------------------------------------*/
#register dl#regiFlow:after,
#register dl#regiFlow dd ol:after,
#register.cust #leadArea:after,
#register.payment dl#cardInfo:after,
#register.payment td#exchgInfo dl:after,
#register.history .oneHistory:after,
#register.history .summary dl:after,
#register.history tr.foot dl:after  {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#register dl#regiFlow,
#register dl#regiFlow dd ol,
#register.cust #leadArea,
#register.payment dl#cardInfo,
#register.payment td#exchgInfo dl,
#register.history .oneHistory,
#register.history .summary dl,
#register.history tr.foot dl   {
  display: inline-block;
}
* html #register dl#regiFlow,
* html #register dl#regiFlow dd ol,
* html #register.cust #leadArea,
* html #register.payment dl#cardInfo,
* html #register.payment td#exchgInfo dl,
* html #register.history .oneHistory,
* html #register.history .summary dl,
* html #register.history tr.foot dl   {
  height: 1%;
}
#register dl#regiFlow,
#register dl#regiFlow dd ol,
#register.cust #leadArea,
#register.payment dl#cardInfo,
#register.payment td#exchgInfo dl,
#register.history .oneHistory,
#register.history .summary dl,
#register.history tr.foot dl {
  display: block;
}


/*---------------------------------------------
  news
---------------------------------------------*/
#news dl.newsList:after  {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#news dl.newsList   {
  display: inline-block;
}
* html #news dl.newsList   {
  height: 1%;
}
#news dl.newsList {
  display: block;
}


/*---------------------------------------------
  sitemap
---------------------------------------------*/
#sitemap #sitemapBox:after  {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#sitemap #sitemapBox {
  display: inline-block;
}
* html #sitemap #sitemapBox  {
  height: 1%;
}
#sitemap #sitemapBox {
  display: block;
}


/*---------------------------------------------
  guide
---------------------------------------------*/
#gheader:after,
#guideTop ul.menuBox:after,
#gfooter #footBox:after,
.guide #main #leadPageLink:after,
.guide .capBox:after,
.contFootBox:after,
#gArticle #stk:after,
#gArticle #siz .box:after,
#gRegister #crdt dl:after,
#gRegister #shop dl:after,
#gRegister #exch dl:after,
#gRegiConv #conveni:after,
#gReturn #ret dl:after,
#gReturn #con dl:after  {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#gheader,
#guideTop ul.menuBox,
#gfooter #footBox,
.guide #main #leadPageLink,
.guide .capBox,
.contFootBox,
#gArticle #stk,
#gArticle #siz .box,
#gRegister #crdt dl,
#gRegister #shop dl,
#gRegister #exch dl,
#gRegiConv #conveni,
#gReturn #ret dl,
#gReturn #con dl   {
  display: inline-block;
}
* html #gheader,
* html #guideTop ul.menuBox,
* html #gfooter #footBox,
* html .guide #main #leadPageLink,
* html .guide .capBox,
* html .contFootBox,
* html #gArticle #stk,
* html #gArticle #siz .box,
* html #gRegister #crdt dl,
* html #gRegister #shop dl,
* html #gRegister #exch dl,
* html #gRegiConv #conveni,
* html #gReturn #ret dl,
* html #gReturn #con dl   {
  height: 1%;
}
#gheader,
#guideTop ul.menuBox,
#gfooter #footBox,
.guide #main #leadPageLink,
.guide .capBox,
.contFootBox,
#gArticle #stk,
#gArticle #siz .box,
#gRegister #crdt dl,
#gRegister #shop dl,
#gRegister #exch dl,
#gRegiConv #conveni,
#gReturn #ret dl,
#gReturn #con dl {
  display: block;
}
