
* { font-family: -apple-system, BlinkMacSystemFont, meiryo, arial, sans-serif; font-size: 14px; margin: 0px; padding: 0px; color: #333333; }
a { text-decoration: none; color: #1D2087; }
a:hover { text-decoration: underline; }
img { border: none; }
.clearfix:after { content: " "; display: block; clear: both; }

body { text-align: center; background: #FFFFFF; width: 100%; min-width: 320px; position: relative; }

header { width: 100%; height: 74px; background: url(/img/hbg_n.png) repeat-x; background-size: auto 74px; }
header div h1 { display: block; width: calc(100% - 44px); height: 74px; float: left; }
header div h1 a { display: block; width: 100%; height: 74px; background: url(/img/title_n.png) no-repeat center 6px; background-size: auto 66px; text-indent: -9999px; }
header div dl { display: block; position: absolute; width: 100%; height: calc(100% - 50px); top: 50px; left: -100%; background: #CCEFE1; }
header div dl dt, header div dl dd { width: 100%; height: 40px; line-height: 40px; border-bottom: 1px solid #00AC67; }
header div dl dt a, header div dl dd a { font-weight: bold; color: #000000; }
header div dl dt.nop { display: none; }
header div p { display: block; width: 44px; height: 74px; float: left; }
header div p a { display: block; width: 44px; height: 74px; background: url(/img/menu_n.png) no-repeat; background-size: 88px auto; background-position: 0px 0px; text-indent: -9999px; }

.aidx { margin-bottom: 10px; }
.amsc { margin: 10px auto; text-align: left; }

footer { clear: both; width: 100%; background: #00AC67; }
footer * { color: #FFFFFF; }
footer div { padding: 10px 5px 20px 0px; }
footer div ul { list-style-type: none; text-align: left; margin: 0px 0px 10px 20px; }
footer p { height: 30px; line-height: 30px; background: #666666; }

#pickupidx { display: none; }

#banneridx { width: 100%; }
#banneridx ul { list-style-type: none; margin: 10px auto 0px auto; }
#banneridx ul li { margin-bottom: 10px; }
#banneridx ul li a img { display: block; width: 260px; height: 60px; margin: 0px auto 10px auto; }

.h2idx { width: 100%; height: 45px; background: url(/img/idxt_w.png) repeat-x; }
.h2idx a span:nth-of-type(1) { width: 100%; height: 45px; font-size: 120%; line-height: 35px; text-align: center; color: #FFFFFF; }
.h2idx a span:nth-of-type(2) { display: none; }

.backnumber { width: 100%; text-align: left; }
.backnumber div { width: 100%; height: 110px; margin: 0px 0px 10px 0px; }
.backnumber div span { display: block; width: 135px; height: 90px; float: left; text-indent: -9999px; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: contain; }
.backnumber div dl { width: calc(100% - 135px - 10px); height: 90px; margin-left: 10px; float: left; overflow: hidden; }
.backnumber div dl dt { margin-bottom: 7px; }
.backnumber div dl dt a { font-size: 110%; }
.backnumber div dl dd { display: none; font-size: 90%; line-height: 125%; }
.backnumber div ul { display: block; width: 100%; height: 1.3em; background: #FFFFCC; list-style-type: none; text-align: left; overflow: hidden; }
.backnumber div ul li { display: inline; padding-left: 10px; font-size: 11px; }
.backnumber div ul li:nth-of-type(4) a { display: none; }
.backnumber hr { border: none; height: 1px; background: #FFFFFF; }

#topcispath { display: none; }

#h2com span { display: block; text-indent: -9999px; background-color: #F8F8F8; background-position: center center; background-repeat: no-repeat; width: 300px; height: 225px; background-size: contain; margin: 0px auto; }
#comp { margin: 10px 0px; padding: 0px 10px 10px 10px; border-top: 3px solid #009844; border-bottom: 3px solid #009844; }
#comp dt { font-size: 133%; font-weight: bold; padding: 7px 0px; }
#comp dd { clear: left; padding-left: 5px; }
#comp dd span { display: block; width: 50px; float: left; }

.h3com { margin: 20px 0px 10px 0px; background: #80CCA0; color: #009844; }
.h3com span { font-size: 125%; font-weight: normal; background: #FFFFFF; padding: 0px 10px; margin-left: 10px; }

#comcatch { padding: 0px 10px; }
.comtopix { margin-bottom: 10px; }
.comtopix dt { border-top: 1px solid #009942; border-bottom: 1px solid #009942; color: #009942; font-size: 115%; margin: 7px 0px; padding: 2px 0px; text-indent: 5px; }
.comtopix dd { min-height: 150px; }
.comtopix dd span.comtopixpic { display: block; text-indent: -9999px; background-color: transparent; background-position: center center; background-repeat: no-repeat; width: 200px; height: 150px; background-size: contain; margin: 0px auto; }
.comtopix dd p { padding: 0px 10px; }

.h2msc { color: #4D4D4D; font-size: 125%; text-align: center; }
.supportdl { clear: left; border-top: 2px solid #2AAB39; padding: 7px 0px 5px 0px; height: 52px; }
.supportdl dt a { display: block; font-size: 115%; width: 250px; height: 50px; line-height: 50px; background: #CCCCCC; text-align: center; margin: 0px auto; }
.supportdl dd { display: none; }

#static { margin: 0px 10px; }
#static h2 { color: #4D4D4D; font-size: 125%; text-align: center; margin: 10px auto; }
#static h3 { color: #4D4D4D; font-size: 115%; margin: 10px 0px; }
#static div, #static p { margin: 10px; }
#static table { margin: 10px; background: #888888; border-spacing: 1px; }
#static table th, #static table td { padding: 3px; background: #FFFFFF; }
#static ul, #static ol { margin: 10px 0px 10px 20px; padding-left: 20px; }
#static ol li { margin: 5px 0px; }

#sitemapdl { }
#sitemapdl dt { margin-top: 10px; margin-left: 10px; font-weight: bold; }
#sitemapdl dd { margin-left: 30px; }

.shopentry { margin-bottom: 20px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; border-bottom: 1px solid #666666; }
.shopentry div:nth-of-type(1) { display: block; text-indent: -9999px; background-color: transparent; background-position: top center; background-repeat: no-repeat; width: 100px; height: 75px; background-size: contain; text-align: center; margin: 0px auto; }
.shopentry div:nth-of-type(2) { }
.shopentry div:nth-of-type(2) p:nth-of-type(1) { color: #000044; font-weight: bold; }
.shopentry div:nth-of-type(2) p:nth-of-type(2) { font-weight: bold; font-size: 150%; }
.shopentry div:nth-of-type(2) p:nth-of-type(3) { }
.shopentry div:nth-of-type(3) { text-align: right; }
.shopentry div:nth-of-type(4) { clear: left; }
.shopentry div:nth-of-type(4) p, .shopentry div:nth-of-type(4) dl { padding: 10px; }
.shopentry div:nth-of-type(4) dl dt, .shopentry div:nth-of-type(4) dl dd { border-top: 1px dotted #CCCCCC; }
.shopentry div:nth-of-type(4) dl dt { width: 60px; padding-right: 10px; float: left; text-align: right; font-weight: bold; }
.shopentry div:nth-of-type(4) dl dd { width: calc(100% - 70px); float: left; }

#shopform { margin: 10px 0px 0px 0px; background: #EEEEEE; }
.shopform { padding: 10px 5px; }
.shopform dt { text-align: center; font-weight: bold; border-bottom: 1px solid #EEEEEE; padding: 5px 0px 0px 0px; }
.shopform dd { text-align: center; padding: 5px 0px 0px 0px; }

#searchdbdl { list-style-type: none; margin-bottom: 10px; }
#searchdbdl li { display: block; width: 100%; border: 1px solid #888888; text-align: center; margin-bottom: 2px; }
#scdb0 { margin-top: 10px; border-top: 1px solid #AAAAAA; }
#scdb0 div { width: 100%; padding: 5px; border-bottom: 1px solid #AAAAAA; }
#scdb0 div h3 { margin-bottom: 5px; }
#scdb0 div ul { list-style-type: none; margin-left: 10px; }
#scdb1 { margin-top: 10px; border: 1px solid #888; }
#scdb1 div { width: 100%; padding: 5px; float: left; }
#scdb1 div h3 { margin-bottom: 5px; }
#scdb1 div h3 label { font-weight: normal; }
#scdb1 div ul { list-style-type: none; margin-left: 10px; }
#scdb1 div li { float: left; }
#scdb1 div li label { padding-right: 10px; white-space: nowrap; }
#scdb2 { text-align: center; }

.h3srt { font-size: 125%; border-bottom: 1px solid #008800; margin-bottom: 10px; margin-top: 10px; }
#searchresult { margin: 15px 10px 10px 10px; }
.searchresult { border-bottom: 1px dotted #888888; padding-bottom: 10px; margin-bottom: 10px; }
.searchresult dt { display: inline-block; text-indent: -9999px; background-color: transparent; background-position: center center; background-repeat: no-repeat; width: 100px; height: 75px; background-size: contain; float: left; }
.searchresult dd { display: block; width: calc(100% - 100px - 10px); height: 75px; margin-left: 10px; overflow: hidden; float: left; }
.searchresult dd p:nth-of-type(1) a { font-size: 125%; }
.searchresult dd p:nth-of-type(2) { display: none; }
