@charset "utf-8";
/* CSS Document */

/************************************************************/
/* オブジェクト設定 --HeaderBar--                           */
/************************************************************/

/** アイシススワップイメージ用ボックス **/
/** 「width」の値をスワップボックスの「width」の２倍以上にするとボタンが横に並ぶ **/
div#AyeSwapContainer {
     width : 810px;
     background-position : left top;
     padding : 0px;
     margin : 0px;
    }

/** アイシススワップリスト大外 **/
/** リストに番号等は付けない **/
ul.AyeSwapBox{
     list-style : none;
     text-align:left;
     padding : 0px;
     margin : 0px;
}

/** アイシススワップリスト各リスト **/
li.AyeSwapBox{
     float:left;
     padding : 0px;
     margin : 0px;
}

/** アイシススワップリスト各リスト **/
li.AyeSwapBox a{
     display:block;
     width:135px;
     height : 33px;
     background-position : left top;
     background-repeat : no-repeat;
     padding : 0px 0px 0px 0px;
     margin : 0px 0px 0px 0px;
     text-decoration : none;
     /*line-height : 20px;*/
     font-weight:900;
     font-size: 12px;
}

/** メニューボタン画像設定（通常時） **/
a.MainMenu{
     background-image:url(/opendir/Ln/img/pc/Header_bar.gif);
     color : #ffffff;
}

/** メニューボタン画像設定（選択時） **/
a.MainMenuOn{
     background-image:url(/opendir/Ln/img/pc/Header_bar_o.gif);
     color : #005ead;
}

/** メニューボタンアイコン部分 **/
li.AyeSwapBox img{
     margin : 2px 0px 0px 4px;
     vertical-align:-12px;
}

/** 通常時 a:hover疑似クラス(visited) **/
/** 順番注意：[hover]よりも先に記述 **/
li.AyeSwapBox a:visited{
     color:#ffffff;
     text-decoration : none;
}                 
/** 通常時 a:hover疑似クラス(hover) **/
/** 順番注意：[visited]よりも後に記述 **/
li.AyeSwapBox a:hover{
     background-image:url(/opendir/Ln/img/pc/Header_bar_o.gif);
     color:#005ead;
}

/** 選択時 a:hover疑似クラス(visited) **/
/** 順番注意：[hover]よりも先に記述 **/
li.AyeSwapBox a.MainMenuOn:visited{
     color:#005ead;
     text-decoration : none;
}                 
/** 選択時 a:hover疑似クラス(hover) **/
/** 順番注意：[visited]よりも後に記述 **/
li.AyeSwapBox a.MainMenuOn:hover{
     background-image:url(/opendir/Ln/img/pc/Header_bar_o.gif);
     color:#005ead;
}

/************************************************************/
/* オブジェクト設定 --HeaderBarEraserMist--                 */
/************************************************************/

/** アイシススワップリスト各リスト **/
li.AyeSwapBox_EM{
     float:left;
     padding : 0px 0px 0px 0px;
}

/** アイシススワップリスト各リスト **/
li.AyeSwapBox_EM a{
     display:block;
     width:115px;
     height : 33px;
     background-position : left top;
     background-repeat : no-repeat;
     padding : 0px 0px 0px 0px;
     margin : 0px 0px 0px 0px;
     text-decoration : none;
     font-weight:900;
     font-size: 12px;
     text-align:center;
     line-height:36px;
     letter-spacing:1px;
}

/** メニューボタン画像設定（通常時） **/
a.MainMenu_EM{
     background-image:url(/opendir/Ln/img/pc/Header_bar_EM.gif);
     color : #727171;
}

/** メニューボタン画像設定（選択時） **/
a.MainMenuOn_EM{
     background-image:url(/opendir/Ln/img/pc/Header_bar_EM_o.gif);
     color : #FFF100;
}

/** メニューボタン画像設定（商品購入） **/
a.MainMenu_EMKounyu{
     background-image:url(/opendir/Ln/img/pc/Header_bar_EMKounyu.gif);
     color : #FFFFFF;
}

/** メニューボタンアイコン部分 **/
li.AyeSwapBox_EM img{
     margin : 2px 0px 0px 4px;
     vertical-align:-12px;
}

/** 通常時 a:hover疑似クラス(visited) **/
/** 順番注意：[hover]よりも先に記述 **/
li.AyeSwapBox_EM a:visited{
     color : #727171;
     text-decoration : none;
}                 
/** 通常時 a:hover疑似クラス(hover) **/
/** 順番注意：[visited]よりも後に記述 **/
li.AyeSwapBox_EM a:hover{
     background-image:url(/opendir/Ln/img/pc/Header_bar_EM_o.gif);
     color:#FFF100;
}

/** 選択時 a:hover疑似クラス(visited) **/
/** 順番注意：[hover]よりも先に記述 **/
li.AyeSwapBox_EM a.MainMenuOn_EM:visited{
     color:#FFF100;
     text-decoration : none;
}                 
/** 選択時 a:hover疑似クラス(hover) **/
/** 順番注意：[visited]よりも後に記述 **/
li.AyeSwapBox_EM a.MainMenuOn_EM:hover{
     background-image:url(/opendir/Ln/img/pc/Header_bar_EM_o.gif);
     color:#FFF100;
}


/** 選択時 a:hover疑似クラス(visited) **/
/** 順番注意：[hover]よりも先に記述 **/
li.AyeSwapBox_EM a.MainMenu_EMKounyu:visited{
     color:#FFFFFF;
     text-decoration : none;
}                 
/** 選択時 a:hover疑似クラス(hover) **/
/** 順番注意：[visited]よりも後に記述 **/
li.AyeSwapBox_EM a.MainMenu_EMKounyu:hover{
     background-image:url(/opendir/Ln/img/pc/Header_bar_EMKounyu.gif);
     color : #FFF100;
}

/************************************************************/
/* オブジェクト設定 --SideBar--                             */
/************************************************************/

/** アイシススワップイメージ用ボックス **/
/** 「width」の値をスワップボックスの「width」の２倍以上にするとボタンが横に並ぶ **/
div#AyeSwapSideContainer {
     width : 135px;
     height:170px;
     background-position : left top;
     padding : 0px;
     margin : 0px;
    }

/** アイシススワップリスト大外 **/
/** リストに番号等は付けない **/
ul.AyeSwapSideBox{
     list-style : none;
     text-align:left;
     padding : 0px;
     margin : 0px;
}

/** アイシススワップリスト各リスト **/
li.AyeSwapSideBox{
     float:left;
     padding : 0px;
     margin : 0px;
}

/** アイシススワップリスト各リスト **/
li.AyeSwapSideBox a{
     display:block;
     width:135px;
     height : auto;
     height : 40px;
     background-image:url(/opendir/Ln/img/pc/Side_bar_off.gif);
     background-position : left top;
     background-repeat : no-repeat;
     padding : 0px;
     margin : 0px;
     text-decoration : none;
     color : #0000ff;
     line-height : 40px;
     font-weight:600;
     font-size: 12px;
}

/** アイシススワップリストイメージ部分 **/
li.AyeSwapSideBox img{
     margin : 0px 0px 0px 0px;
     vertical-align:middle;
}

/** アイシススワップリストイメージ部分 **/
li.AyeSwapSideBox span{
     margin : 0px 0px 0px 0px;
     vertical-align:middle;
}

/** アイシススワップリスト文字部分 **/
li.AyeSwapSideBox p{
  margin : 0px 0px 0px 0px;
}

/** :hover疑似クラス(visited) **/
/** 順番注意：[hover]よりも先に記述 **/
li.AyeSwapSideBox a:visited{
  color:#0000ff;
  text-decoration : none;
}                 
/** :hover疑似クラス(hover) **/
/** 順番注意：[visited]よりも後に記述 **/
li.AyeSwapSideBox a:hover{
  background-image:url(/opendir/Ln/img/pc/Side_bar_off.gif);
  background-position : left top;
  background-repeat : no-repeat;
  color:#ea5504;
  padding : 0px;
  margin : 0px;
  line-height : 40px;
}

/*******************************/
/* LN用に追加                 */
/*******************************/
li.AyeSwapSideBox p.TwoOut {
     line-height: 6px;
    }
li.AyeSwapSideBox p.Two {
     line-height: 13px;
    }

/************************************************************/
/* オブジェクト設定 --AyeSwapSideRegistContainer--          */
/************************************************************/

/** アイシススワップイメージ用ボックス **/
/** 「width」の値をスワップボックスの「width」の２倍以上にするとボタンが横に並ぶ **/
div#AyeSwapSideRegistContainer {
     width : 135px;
     height : 50px;
     background-position : left top;
     padding : 0px;
     margin : 0px 0px 0px 0px;
    }

/** アイシススワップリスト大外 **/
/** リストに番号等は付けない **/
ul.AyeSwapSideRegistBox{
  list-style : none;
  text-align:left;
  padding : 0px;
  margin : 0px;
}

/** アイシススワップリスト各リスト **/
li.AyeSwapSideRegistBox{
  float:left;
}

/** アイシススワップリスト各リスト **/
li.AyeSwapSideRegistBox a{
  display:block;
  width:135px;
  /*height : auto;*/
  height : 28px;
  background-image:url(/opendir/Ln/img/pc/Side_bar_off2.gif);
  background-position : left top;
  background-repeat : no-repeat;
  padding : 12px 0px 0px 0px;
  margin : 0px;
  text-decoration : none;
  color : #ffffff;
  line-height : 14px;
  font-weight:600;
  font-size: 12px;
  text-align:center;
  vertical-align:middle;
}

/** アイシススワップリストイメージ部分 **/
li.AyeSwapSideRegistBox span{
  padding : 0px 0px 0px 0px;
  margin : 0px 0px 0px 0px;
}

/** :hover疑似クラス(visited) **/
/** 順番注意：[hover]よりも先に記述 **/
li.AyeSwapSideRegistBox a:visited{
  color:#ffffff;
  text-decoration : none;
}                 
/** :hover疑似クラス(hover) **/
/** 順番注意：[visited]よりも後に記述 **/
li.AyeSwapSideRegistBox a:hover{
  background-image:url(/opendir/Ln/img/pc/Side_bar_off2.gif);
  background-position : left top;
  background-repeat : no-repeat;
  color:#ea5504;
  padding : 12px 0px 0px 0px;
  margin : 0px;
  line-height : 14px;
}

/************************************************************/
/* オブジェクト設定 --SideBarBottom会社リンク部分--         */
/************************************************************/

/** アイシススワップイメージ用ボックス **/
/** 「width」の値をスワップボックスの「width」の２倍以上にするとボタンが横に並ぶ **/
div#AyeSwapSideBottomContainerCPLink {
     float:left;
     width : 135px;
     background-position : left top;
     padding : 0px;
     margin : 0px 0px 0px 0px;
    }

/** アイシススワップリスト大外 **/
/** リストに番号等は付けない **/
ul.AyeSwapSideBottomCPLinkBox{
  list-style : none;
  text-align:left;
  padding : 0px;
  margin : 0px;
}

/** アイシススワップリスト各リスト **/
li.AyeSwapSideBottomCPLinkBox{
  float:left;
  padding : 0px;
  margin : 0px;
}

/** アイシススワップリスト各リスト **/
li.AyeSwapSideBottomCPLinkBox a{
  display:block;
  width:135px;
  height : auto;
  height : 40px;
  background-image:url(/opendir/Ln/img/pc/Side_bar_off_CP.gif);
  background-position : left top;
  background-repeat : no-repeat;
  padding : 0px;
  margin : 10px 0px 0px 0px;
  text-align:center;
  text-decoration : none;
  color : #0000ff;
  line-height : 40px;
  font-weight:600;
  font-size: 12px;
}

/** :hover疑似クラス(visited) **/
/** 順番注意：[hover]よりも先に記述 **/
li.AyeSwapSideBottomCPLinkBox a:visited{
  color:#0000ff;
  text-decoration : none;
}                 
/** :hover疑似クラス(hover) **/
/** 順番注意：[visited]よりも後に記述 **/
li.AyeSwapSideBottomCPLinkBox a:hover{
  background-image:url(/opendir/Ln/img/pc/Side_bar_off_CP.gif);
  background-position : left top;
  background-repeat : no-repeat;
  color:#ea5504;
  padding : 0px;
  margin : 10px 0px 0px 0px;
  line-height : 40px;
}

/*******************************/
/* LN用に追加                 */
/*******************************/
li.AyeSwapSideBottomCPLinkBox p.TwoOut {
     line-height: 6px;
    }
li.AyeSwapSideBottomCPLinkBox span.Two {
     display:block;
     padding:8px 0px 0px 0px;
     line-height: 13px;
    }

/************************************************************/
/* オブジェクト設定 --SideCedynaCampaignContainer--         */
/************************************************************/

/** ハウスクリーニング特別メニューイメージ用ボックス **/
/** 「width」の値をスワップボックスの「width」の２倍以上にするとボタンが横に並ぶ **/
div#AyeSwapSideCedynaCampaignContainer {
     float:left;
     width : 135px;
     background-position : left top;
     margin : 10px 0px 0px 0px;
    }

/** アイシススワップリスト大外 **/
/** リストに番号等は付けない **/
ul.AyeSwapSideCedynaCampaign{
  list-style : none;
  text-align:left;
  padding : 0px;
  margin : 0px;
}

/** アイシススワップリスト各リスト **/
li.AyeSwapSideCedynaCampaign{
  float:left;
  padding : 0px;
  margin : 0px;
}

/** アイシススワップリスト各リスト **/
li.AyeSwapSideCedynaCampaign a{
  display:block;
  width:135px;
  height : auto;
  height : 50px;
  background-image:url(/opendir/Ln/img/pc/SideBarCedynaCleaning.gif);
  background-position : left top;
  background-repeat : no-repeat;
  padding : 2px 0px 0px 0px;
  text-align:center;
  text-decoration : none;
  color : #ffffff;
  line-height:16px;
  font-weight:600;
  font-size: 12px;
}

/** アイシススワップリスト各リスト **/
font#Red{
/*  color:#ea5504;*/
    color:#ff0000;
}

/** ハウスクリーニング特別メニューページ・説明用 **/
div#CedynaHCinformation {
     width:135px;
     padding-bottom:5px;
     font-size:10px;
     line-height:12px;
     letter-spacing:0.4px;
    }

/** :hover疑似クラス(visited) **/
/** 順番注意：[hover]よりも先に記述 **/
li.AyeSwapSideCedynaCampaign a:visited{
  color:#ffffff;
  text-decoration : none;
}                 
/** :hover疑似クラス(hover) **/
/** 順番注意：[visited]よりも後に記述 **/
li.AyeSwapSideCedynaCampaign a:hover{
  background-image:url(/opendir/Ln/img/pc/SideBarCedynaCleaning.gif);
  background-position : left top;
  background-repeat : no-repeat;
  color:#ea5504;
  padding : 2px 0px 0px 0px;
  line-height:16px;
}

/************************************************************/
/* オブジェクト設定 --バナー広告部分--                      */
/************************************************************/

/** アイシススワップイメージ用ボックス **/
/** 「width」の値をスワップボックスの「width」の２倍以上にするとボタンが横に並ぶ **/
div#AyeSwapSideBannerContainer {
     width : 135px;
     height:184px;
     padding : 0px 0px 0px 0px;
    }

/** バナー広告リンク **/
div.SideBarBanner{
     width:135px;
     margin : 0px 0px 6px 0px;
     font-size:0px;    /** クリック時の点線を画像サイズに合わせるため **/
}

/************************************************************/
/* オブジェクト設定 --ＱＲコード部分--                      */
/************************************************************/

/** サイドバーQRコード部分 **/
div#AyeSwapQRCode {
     float:left;
     width : 135px;
     padding : 10px 0px 0px 0px;
    }

/** QRコード上部テキスト **/
div#AyeSwapQRCodeTop{
     width:135px;
     font-size:12px;
     font-weight:900;
     color : #0000ff;
     text-align:center;
}

/** QRコード本体 **/
div#AyeSwapQRCodeBottom{
     width:135px;
     text-align:center;
}

/** QRコード外枠 **/
/*
div#AyeSwapQRCode img
 {
     border:1px solid #000000;
 }
*/