* { 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; margin: 0px auto; }

header { width: 100%; height: 96px; background: url(/img/hbg_w.png) repeat-x; }
header div { width: 800px; height: 96px; margin: 0px auto; }
header div h1 a { display: block; width: 100%; height: 69px; background: url(/img/title_w.png) no-repeat 12px 5px; text-indent: -9999px; }
header div dl { width: 100%; height: 31px; margin-top: -5px; line-height: 31px; }
header div dl dt { color: #009844; }
header div dl dt a { color: #009844; }
header div dl dt { float: left; }
header div dl dd { float: right; }
header div dl dd #searchkey { width: 180px; }
header div dl dd #searchsubmit { margin-left: 5px; padding: 0px 4px; }
header div p { display: none; }

.aidx { margin-bottom: 10px; }
.amsc { width: 800px; margin: 10px auto; text-align: left; }

footer { clear: both; width: 100%; background: #00AC67; }
footer * { color: #FFFFFF; }
footer div { width: 740px; margin: 0px auto; padding: 20px 0px; }
footer div ul { list-style-type: none; float: left; text-align: left; }
footer div ul:nth-of-type(1) { width: 40%; }
footer div ul:nth-of-type(2), footer div ul:nth-of-type(3) { width: 30%; }
footer p { height: 30px; line-height: 30px; background: #666666; }

#pickupidx { display: block; width: 100%; height: 199px; background: #C9CACA url(/img/idxpics_w.png) repeat-x bottom; }
#pickupidx ul { list-style-type: none; width: 800px; height: 198px; margin: 0px auto; background-image: linear-gradient(-90deg, #C9CACA, #FFFFFF, #C9CACA); }
#pickupidx ul li { display: block; width: 33.3%; height: calc(198px - 22px); margin-top: 17px; float: left; text-align: center; overflow: hidden; }
#pickupidx ul li a { font-size: 80%; color: #000000; }
#pickupidx ul li a span { display: inline-block; text-indent: -9999px; background-color: transparent; background-position: center center; background-repeat: no-repeat; width: 200px; height: 150px; margin-bottom: 3px; background-size: contain; }

#banneridx { width: 100%; height: auto; }
#banneridx ul { list-style-type: none; width: 800px; margin: 10px auto 0px auto; }
#banneridx ul li { width: 260px; height: 60px; float: left; margin-bottom: 10px; }
#banneridx ul li:nth-of-type(2), #banneridx ul li:nth-of-type(5), #banneridx ul li:nth-of-type(8) { margin-left: 10px; margin-right: 10px; }
#banneridx ul li a img { width: 260px; height: 60px; }

.h2idx { width: 100%; height: 45px; background: url(/img/idxt_w.png) repeat-x 0px 10px; text-align: left; }
.h2idx a { position: relative; display: block; width: 800px; margin: 0px auto; background: url(/img/idxb_w.png) no-repeat 0px 10px; text-decoration: none; }
.h2idx a span:nth-of-type(1) { display: block; color: #FFFFFF; font-size: 115%; font-weight: normal; line-height: 57px; text-indent: 25px; }
.h2idx a span:nth-of-type(2) { display: block; position: absolute; width: 80px; height: 20px; line-height: 22px; border: 1px solid #999999; text-align: center; font-size: 80%; font-weight: normal; top: 17px; right: 10px; background: #FFFFFF; }
.h2idx a span:nth-of-type(2):hover { text-decoration: underline; }

.backnumber { width: 800px; margin: 0px auto; text-align: left; }
.backnumber div { width: 100%; height: 100px; margin-top: 10px; }
.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 - 10px - 100px); height: 90px; margin-left: 10px; overflow: hidden; float: left; }
.backnumber div dl dt { margin-bottom: 7px; }
.backnumber div dl dt a { font-size: 110%; }
.backnumber div dl dd { font-size: 90%; height: 4rem; overflow: hidden; }
.backnumber div ul { width: 100px; height: 90px; float: left; margin-left: 10px; background: #FFFFCC; list-style-type: none; text-align: center; }
.backnumber div ul li:nth-of-type(1) { padding: 10px 0px 0px; }
.backnumber div ul li:nth-of-type(1), .backnumber div ul li:nth-of-type(2), .backnumber div ul li:nth-of-type(3) { font-size: 80%; line-height: 140%; }
.backnumber div ul li:nth-of-type(4) a { display: block; width: 85px; height: 20px; line-height: 22px; border: 1px solid #999999; text-align: center; margin: 2px auto 0px auto; font-size: 80%; font-weight: normal; background: #FFFFFF; }
.backnumber hr { border: none; height: 1px; background: #80CCA0; margin: 0px 0px 10px 0px; }

#topcispath { text-align: left; margin-bottom: 10px; }

#h2com span { display: inline-block; text-indent: -9999px; background-color: #F8F8F8; background-position: center center; background-repeat: no-repeat; width: 300px; height: 225px; background-size: contain; float: left; }

#comp { width: calc(800px - 300px - 20px); height: calc(225px - 3px - 3px); margin-left: 20px; float: left; 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; padding: 0px; background: #80CCA0; color: #009844; height: 28px; }
.h3com span { font-size: 125%; font-weight: normal; background: #FFFFFF; height: 28px; line-height: 30px; padding: 4px 10px 4px 2px; }

.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: inline-block; text-indent: -9999px; background-color: transparent; background-position: center center; background-repeat: no-repeat; width: 200px; height: 150px; background-size: contain; float: left; }
.comtopix dd p { margin-left: 210px; }

.h2msc { color: #4D4D4D; font-size: 125%; margin: 20px 0px; }
.supportdl { clear: left; border-top: 2px solid #2AAB39; padding: 7px 20px 5px 20px; height: 52px; }
.supportdl dt a { display: block; font-size: 115%; width: 250px; height: 50px; line-height: 50px; float: left; background: #CCCCCC; text-align: center; }
.supportdl dd { width: calc(100% - 250px - 10px); height: 50px; margin-left: 10px; float: left; overflow: hidden; line-height: 110%; }

#static h2 { color: #4D4D4D; font-size: 125%; margin: 10px 0px; }
#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; font-weight: bold; }
#sitemapdl dd { margin-left: 30px; }

.shopentry { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #666666; }
.shopentry div:nth-of-type(1) { display: inline-block; text-indent: -9999px; background-color: transparent; background-position: top center; background-repeat: no-repeat; width: 100px; height: 75px; background-size: contain; float: left; }
.shopentry div:nth-of-type(2) { width: 450px; float: left; }
.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) { width: calc(100% - 450px - 100px); float: left; 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 30px 0px 30px; }
.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: 90px; padding-right: 10px; float: left; text-align: right; font-weight: bold; }
.shopentry div:nth-of-type(4) dl dd { width: calc(100% - 100px); float: left; }

#shopform { margin: 10px 30px 0px 30px; background: #EEEEEE; }
.shopform { padding: 10px; }
.shopform dt { float: left; width: 150px; padding: 5px 0px; border-top: 1px dotted #CCCCCC; }
.shopform dd { float: left; width: calc(100% - 150px); padding: 5px 0px; border-top: 1px dotted #CCCCCC; }

#searchdbdl { list-style-type: none; }
#searchdbdl li { display: block; width: calc(33.3% - 2px); float: left; border: 1px solid #888888; text-align: center; }
#scdb0 { margin-top: 10px; border: 1px solid #888; }
#scdb0 div { width: calc(33.3% - 10px); padding: 5px; float: left; }
#scdb0 div h3 { margin-bottom: 5px; }
#scdb0 div ul { list-style-type: none; margin-left: 10px; }

#scdb1 { margin-top: 10px; border: 1px solid #888888; }
#scdb1 div { width: calc(50% - 10px); 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; }

.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) { margin-top: 3px; height: 3em; overflow: hidden; }