<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.Vertical {
  display:box;
  display:-webkit-box;
  display:-o-box;
  display:-moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  box-orient:vertical;
  -webkit-box-orient:vertical;
  -o-xob-orient:vertical;
  -moz-box-orient:vertical;
  flex-direction: column;
}

.Horizontal {
  display:box;
  display:-webkit-box;
  display:-o-box;
  display:-moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  box-orient:horizontal;
  -webkit-box-orient:horizontal;
  -o-xob-orient:horizontal;
  -moz-box-orient:horizontal;
}

/* /////////////////////////////////////////////
/////////////////////////////////////////////

      Common Style Sheet

  - Category Buttons+Tabs Style
  - Map Area
  - Accordion Area
  - checkout Area
  - Map
  - Baloon
  - Help Baloon

/////////////////////////////////////////////
///////////////////////////////////////////// */


Application{
  background-color: #fff;
}

/* /////////////////////////////////////////////

      Category Buttons+Tabs Style

///////////////////////////////////////////// */

.categoryMenuBox{
  margin-bottom: 10px;
}
.categoryMenu{
  background-color: #CFE5EF;
  border-radius: 7px;
}
.categoryMenu02{
  background-color: #CBE9DA;
  border-radius: 7px;
}
.categoryMenu03{
  background-color: #f9f7ce;
  border-radius: 7px;
}

.categoryButtons{
  padding-top: 9px;
  padding-right: 5px;
  padding-left: 5px;
  text-align: center;
}

.btn01, .btn02, .btn03, .btn04, .btn05, .btn06, .btn07{
/*  width: 120px;*/
  width: 138px;
  height: 24px;
  margin: 0 2px;
  padding-right: 1px;
  padding-left: 5px;
  padding-top: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.btn01, .btn02, .btn03, .btn04, .btn05{
  background-image: url('common/category_btn_skin.png');
}

.btn01:hover, .btn02:hover, .btn03:hover, .btn04:hover, .btn05:hover{
  background-image: url('common/category_btn_skin_over.png');
}

.selected0 {
  height: 27px;
  padding-top: 10px;
  background-image: url('common/category_btn_skin_selected.png');
}

.selected0:hover {
  background-image: url('common/category_btn_skin_selectedover.png');
}

.btn06{
  background-image: url('common/category_btn_skin02.png');
}

.btn06:hover{
  background-image: url('common/category_btn_skin02_over.png');
}

.selected6 {
  height: 27px;
  padding-top: 10px;
  background-image: url('common/category_btn_skin02_selected.png');
}

.selected6:hover {
  background-image: url('common/category_btn_skin02_selectedover.png');
}

.btn07{
  background-image: url('common/category_btn_skin03.png');
}

.btn07:hover{
  background-image: url('common/category_btn_skin03_over.png');
}

.selected7 {
  height: 27px;
  padding-top: 10px;
  background-image: url('common/category_btn_skin03_selected.png');
}

.selected7:hover {
  background-image: url('common/category_btn_skin03_selectedover.png');
}

/* /////////////////////////////////////////////

      Map Area

///////////////////////////////////////////// */

.mapArea{
  background-color: #EFF5F6;
  border-color: #DEE4E5;
  border-style: solid;
  border-radius: 5px;
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  border-width: 1px;
}

.mapContent{
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  background-color: #ffffff;
}
.searchBox{
	position: relative;
	margin-bottom: 10px;
	align-items: center;
}
/*
#searchText{
	margin: 0 5px;
	padding: 3px;
}
*/
.searchNote{
  color: #666;
  font-size: 11px;
  margin: 5px 10px;
}
.searchHelp{
	margin-left: auto;
}

/* /////////////////////////////////////////////

      Accordion Area

///////////////////////////////////////////// */


Accordion{
  headerHeight: 22;
  headerStyleName: "AccordionHeader";
}
AccordionHeader{
  font-size: 12px;
  font-weight: normal;
  color: #ffffff;
  textSelectedColor: #ffffff;
  textRollOverColor: #ffffff;
  fillColors: #618294, #618294, #2E9BD6, #2E9BD6;
  selectedFillColors: #1078AF, #1078AF;
  fillAlphas: 0.7, 1, 0.7, 0.6;
  highlightAlphas: 0, 0.2;
  upIcon : Embed(source='../common/ico_acc_up.png');
  overIcon : Embed(source='../common/ico_acc_up.png');
  downIcon : Embed(source='../common/ico_acc_up.png');
  selectedUpIcon : Embed(source='../common/ico_acc_selected.png');
  selectedOverIcon : Embed(source='../common/ico_acc_selected.png');
  selectedDownIcon : Embed(source='../common/ico_acc_selected.png');
}

.checkBoxList{
  display: block;
  margin: 15px 10px;
  position: relative;
}
.checkBoxList input[type="checkbox"]{
  margin-right: 5px;
}
.checkBoxList input[type="image"]{
  position: absolute;
  right: 0;
}

.updateBox{
  text-align: center;
}

.searchedList{
  background-color: #DDF4FF;
}

.productsList{
  padding-right: 6px;
  padding-top: 5px;
  background-color: #DDF4FF;
}
.product{
  background-color: #ffffff;
  border-style: solid;
  border-color: #ffffff;
  border-radius: 5px;
  padding: 3px 2px;
  margin-bottom: 5px;
}

.product &gt; div{
  position: relative;
}
.productAttr input[type="checkbox"]{
	width: 15px;
	margin-right: 3px;
}
.productType{
  font-size: 11px;
  color: #fff;
  background-color: #399ACB;
  display: inline-block;
  margin-right: 5px;
  padding: 2px 2px 1px;
  line-height: 1;
}
.productName{
  color: #3184AE;
  font-size: 14px;
  font-weight: bold;
  margin: 4px 0px 4px 18px;
  padding: 0px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.productName:hover{
  color: #EB3884;
}
.mapNumber{
  font-size:12px;
}

.priceBox{
	position: relative;
	padding-left: 18px;
	margin-bottom: 5px;
	align-items: center;
}
.priceBox .ico-outside{
	position: absolute;
	left: -4px;
	bottom: 4px;
}
.priceLabel{
  font-size: 12px;
  max-width: 100px;
  padding-right: 3px;
  display: block;
  white-space: nowrap;
}
.addCartBox{
  max-width: 125px;
  text-align: right;
  margin-left: auto;
}
.addCart a,
.quantity a{
	color: #c00;
	white-space: nowrap;
	min-width: 100px;
	padding: 3px 5px;
	display: inline-block;
	background: #DEE4E5;
	border-radius: 4px;
	text-align: center;
	text-decoration: none;
}
.addCart a:hover,
.quantity a:hover{
	color: #fff;
	background: #c00;
}
html[lang="ja"] .addCart a,
html[lang="ja"] .quantity a{
	font-size: 10px;
}

.searchedNumber{
  font-size: 12px;
  font-weight:bold;
}

.resultNumber{
	padding: 5px 8px;
}
.resultNumber &gt; div{
	width: 50%;
}
.pager{
  text-align: right;
}
.pager .pageNumber{
	display: inline-block;
	margin: 0 10px;
}

.selectAllCheckBox{
	margin: 5px;
}

/* /////////////////////////////////////////////

      checkout Area

///////////////////////////////////////////// */

.checkoutArea{
  padding-top: 8px;
  align-items: center;
}
.checkoutArea .checkoutButton{
  margin-left: auto;
}
.switchButtons{
  width: 580px;
  align-items: center;
}

/* /////////////////////////////////////////////

      Map

///////////////////////////////////////////// */

.mapFirstMsgBox{
  background-color: #ffc;
  border-style: solid;
  border-color: #C5D1D4;
}
.mapFirstMsg{
  font-weight: normal;
  color: #3184AE;
  padding-top: 5px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 5px;
}
.mapFirstMsgCloseButton{
  textAlign: right;
  padding-top: 3px;
  icon : Embed(source='../common/btn_close_ccc.png');
  overIcon : Embed(source='../common/btn_close_666.png');
  skin : Embed(source='../common/transparent.png');
}
.mapIcoIncart{
  backgroundImage : Embed(source='../common/ico_incart_s.png');
}


/* /////////////////////////////////////////////

      Baloon

///////////////////////////////////////////// */

.Balloon{
/*  titleStyleName: "BaloonTitle";
  border-style: solid;
  headerHeight: 18;*/
  roundedBottomCorners: true;
  background-color: #ffffcc;
  backgroundAlpha: 0.9;
  verticalGap:0;
  tabHeight: 20;
  tabOffset: 3;
  border-radius: 5px;
  dropShadowEnabled: true;
}
.BalloonContent{
  padding-top: 0px;
  padding-right: 8px;
  padding-left: 10px;
  padding-bottom: 8px;
}
.productContent{
}
.BalloonCloseButton{
  textAlign: right;
  skin : Embed(source='../common/btn_close_ccc.png');
  overSkin : Embed(source='../common/btn_close_666.png');
}

.viewDetailButton{
  font-size: 12px;
  font-weight: bold;
  color: #3184AE;
  textRollOverColor: #EB3884;
  textSelectedColor: #3B99C9;
  rollOverColor:#fff;
  selectionColor: #fff;
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  textAlign: right;
  icon : Embed(source='../common/arw.png');
  skin : Embed(source='../common/transparent.png');
}
.productSubNameBox{
  padding-left: 10;
  verticalGap: 0;
}
.bunzuBox{
  verticalGap: 3;
  padding-left: 10;
  padding-bottom: 10;
}
.bunzuNameBox{
  horizontalGap:0;
  verticalAlign:middle;
  background-color: #EEEE9C;
  border-style: solid;
  border-color: #EEEE9C;
  border-radius: 8px;
  padding-top: 2px;
  padding-right: 6px;
  padding-left: 6px;
  padding-bottom: 2px;
  verticalGap: 0;
}
.bunzuName{
  color: #700;
  font-size: 14px;
  font-weight: bold;
  leading: 1;
}
.bunzuList{
  color: #297396;
}
.noLeading{
  leading: 0;
}

.historyBox{
  padding-bottom: 3;
}
.addCartBox{
  horizontalAlign: right;
}
.downloadBox{
  horizontalAlign: right;
}
.noteText{
  color: #cc0000;
  font-size: 12px;
  font-weight: bold;
}
.noteContact{
  color: #cc0000;
  font-size: 11px;
  font-weight: bold;
  textDecoration: underline;
  rollOverColor: #cc3333;
  selectionColor: #cc0000;
  textRollOverColor: #ffffff;
  textSelectedColor: #ffffff;
}

.categoryBalloon{
#  background-color: #fff;
#  headerHeight: 20;
#  border-style: solid;
#  border-color: #C5D1D4;
#  borderThickness: 1;
#  padding-left: 0;
#  border-radius: 0px;
}
.categoryDetailBox{
  padding-top: 0px;
  padding-right: 8px;
  padding-left: 8px;
  padding-bottom: 8px;
}
.categoryDetailName{
  font-weight: bold;
  text-align: left;
}
.closeButton{
  textAlign: right;
  labelPlacement: left;
  background-color:#ccc;
  skin : Embed(source='../common/balloon_close_skin.png');
  overSkin : Embed(source='../common/balloon_close_skin_over.png');
}

.viewSwitchButtons{
  position: relative;
  display: inline-block;
  margin: 0 5px;
}

.viewSwitchButtons label{
	display: inline-block;
	padding: 5px 5px 5px 23px;
	border: 1px solid #ccc;
	border-radius: 4px;
	line-height: 1;
	cursor: pointer;
	background: transparent url(common/ico_unchecked.png) 5px 50% no-repeat;
}
.viewSwitchButtons label:hover{
	color: #fff;
	background: #2F7CA5 url(common/ico_checked.png) 5px 50% no-repeat;
}
.viewSwitchButtons input[type="checkbox"]{
	position: absolute;
	top: 5px;
	left: 5px;
	opacity: 0;
}
.viewSwitchButtons input[type="checkbox"]:checked + label{
	color: #fff;
	background: #59869E url(common/ico_checked.png) 5px 50% no-repeat;
}


/* /////////////////////////////////////////////

      Help Baloon

///////////////////////////////////////////// */


.helpBalloon{
  font-size: 12px;
  titleStyleName: "helpBalloonTitle";
  headerHeight: 30;
  roundedBottomCorners: true;
  background-color: #1078AF;
  backgroundAlpha: 0.9;
  verticalGap:0;
  border-radius: 10px;
  dropShadowEnabled: true;
  border-style: solid;
  borderThicknessTop: 0;
  borderThicknessLeft: 4;
  borderThicknessRight: 4;
  borderThicknessBottom: 5;
/*  fillColors: #1078AF, #2E9BD6;
  fillAlphas: 0.8, 0.7;*/
  closeButtonUpSkin : Embed(source='../common/btn_close_fff16.png');
  closeButtonOverSkin : Embed(source='../common/btn_close_fff16_trans.png');
  closeButtonDownSkin : Embed(source='../common/btn_close_fff16.png');
}
.helpBalloonTitle{
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
}
.helpTabBar{
  tabHeight: 25;
  tabOffset: 0;
  tabStyleName: "helpTabBarTab";
  horizontalGap: 2;
}
.helpTabBarTab{
  background-color: #ffffff;
}
.helpContents{

}
.helpContent{
  padding-top: 3px;
  padding-right: 8px;
  padding-left: 8px;
  padding-bottom: 8px;
  background-color: #ffffff;
  verticalGap:8;
}
.helpTable{
  border-style:solid;
  verticalGap:0;
  horizontalGap:0;
}
.helpTableHeadItem{
  padding-top: 3px;
  padding-right: 2px;
  padding-left: 2px;
  padding-bottom: 3px;
  border-style:solid;
  background-color: #EFF5F6;
}
.helpTableItem{
  padding-top: 3px;
  padding-right: 2px;
  padding-left: 2px;
  padding-bottom: 3px;
  border-style:solid;
}
.ttl{
  font-weight: bold;
}
.linkToGuide{
  themeColor :#ffffff;
  color: #ffffff;
  font-weight: normal;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  icon : Embed(source='../common/arw_fff.png');
  overIcon : Embed(source='../common/arw.png');
}
.mapLegends{
	margin-top: 10px;
}

/* /////////////////////////////////////////////
  Accordion
///////////////////////////////////////////// */
.radioSearchResult {
    padding : 4px 10px;
    display: block;
    margin: 0;
    color :#fff;
    background :#59a1c7;
    border-bottom: 1px solid #ccc;
    cursor :pointer;
}
.bellows {
  display: none;
}

.ac_menu {
	margin-left: 10px;
	border: 1px solid #ccc;
}
.ac_menu div {
/* 繝｡繝九Η繝ｼ髢矩哩譎ゅい繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ */
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
/*    margin: 0;
    padding: 0;
    list-style: none;
*/
}
 
/* 笆ｽ笆ｽ繧｢繧ｳ繝ｼ繝�ぅ繧ｪ繝ｳ髢矩哩謖�ｮ壺命笆ｽ */
input[type="radio"].bellows + label + div {
    height: 0;/* 繝√ぉ繝�け縺悟�縺｣縺ｦ縺�↑縺�凾縺ｮ鬮倥＆ */
    overflow: hidden;
}
 
input[type="radio"].bellows:checked + label + div {
    height: 499px;
}

input[type="radio"].bellows + label:before {
  content: url('common/ico_acc_up.png');
  margin-right: 5px;
  vertical-align: middle;
}

input[type="radio"].bellows:checked + label:before {
  content: url('common/ico_acc_selected.png');
  margin-right: 5px;
  vertical-align: middle;
}
</pre></body></html>