/************************************************************/
/* オブジェクト設定 --HeaderBar                             */
/************************************************************/

/** アイシススワップイメージ用ボックス **/
/** 「width」の値をスワップボックスの「width」の２倍以上にするとボタンが横に並ぶ **/
div#AyeSwapContainer {
     width : 820px;
     /*background-color : #000000;*/
     background-position : left top;
     padding : 10px 0px 0px 0px;
     margin : 0;
    }

/** アイシススワップリスト大外 **/
/** リストに番号等は付けない **/
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:205px;
  height : auto;
  height : 20px;
  background-image:url(/opendir/Jrs/img/pc/Header_bar.gif);
  background-position : left top;
  background-repeat : no-repeat;
  padding : 0px 0px 3px 0px;
  margin : 0px 0px 0px 0px;
  text-decoration : none;
  color : #ffffff;
  line-height : 20px;
  font-weight:700;
  font-size: 12px;
}

/** アイシススワップリストイメージ部分 **/
li.AyeSwapBox img{
  margin : 10px 10px 10px 30px;
  vertical-align:middle;
}

/** アイシススワップリスト文字部分 **/
li.AyeSwapBox p{
  margin : 0px 0px 0px 0px;
}

/** アイシススワップリスト文字部分 **/
li.AyeSwapBox p.sss{
  margin : 0px 0px 0px 70px;
}

/** :hover疑似クラス(visited) **/
/** 順番注意：[hover]よりも先に記述 **/
li.AyeSwapBox a:visited{
  color:#ffffff;
  text-decoration : none;
}                 
/** :hover疑似クラス(hover) **/
/** 順番注意：[visited]よりも後に記述 **/
li.AyeSwapBox a:hover{
  background-image:url(/opendir/Jrs/img/pc/Header_bar.gif);
  background-position : left top;
  background-repeat : no-repeat;
  color:#ea5504;
  padding : 0px 0px 3px 0px;
  margin : 0;
  line-height : 20px;
}

/*******************************/
/* JRS用に追加                 */
/*******************************/
li.AyeSwapBox p.TwoOut {
     line-height: 6px;/*6px;*/
    }
li.AyeSwapBox p.Two {
     line-height: 12px;/*14px*/
    }
/** アイシススワップリスト各リスト **/
li.AyeSwapBox a.Two{
  display:block;
  width:135px;
  /*height : auto;*/
  height : 20px;
  background-image:url(/opendir/Jrs/img/pc/Side_bar_off.gif);
  background-position : left top;
  background-repeat : no-repeat;
  padding : 0px;
  margin : 0px;
  text-decoration : none;
  color : #ffffff;
  line-height : 20px;
  font-weight:700;
  font-size: 12px;
}
/** :hover疑似クラス(visited) **/
/** 順番注意：[hover]よりも先に記述 **/
li.AyeSwapBox a.Two:visited{
  color:#ffffff;
  text-decoration : none;
}                 
/** :hover疑似クラス(hover) **/
/** 順番注意：[visited]よりも後に記述 **/
li.AyeSwapBox a.Two:hover{
  background-image:url(/opendir/Jrs/img/pc/Side_bar_off.gif);
  background-position : left top;
  background-repeat : no-repeat;
  color:#ea5504;
  padding : 0;
  margin : 0;
  line-height : 20px;
}


/************************************************************/
/* オブジェクト設定 --SideBar                               */
/************************************************************/

/** アイシススワップイメージ用ボックス **/
/** 「width」の値をスワップボックスの「width」の２倍以上にするとボタンが横に並ぶ **/
div#AyeSwapSideContainer {
     float:left;
     width : 135px;
     /*background-color : #000000;*/
     background-position : left top;
     padding : 0;
     margin : 0;
    }

/** アイシススワップリスト大外 **/
/** リストに番号等は付けない **/
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 : 37px;
  background-image:url(/opendir/Jrs/img/pc/Side_bar_off.gif);
  background-position : left top;
  background-repeat : no-repeat;
  padding : 0px 0px 3px 0px;
  margin : 0px 0px 0px 0px;
  text-decoration : none;
  color : #ffffff;
  line-height : 37px;
  font-weight:700;
  font-size: 12px;
}

/** アイシススワップリストイメージ部分 **/
li.AyeSwapSideBox img{
  margin : 10px 10px 10px 30px;
  vertical-align:middle;
}

/** アイシススワップリスト文字部分 **/
li.AyeSwapSideBox p{
  margin : 0px 0px 0px 0px;
}

/** アイシススワップリスト文字部分 **/
li.AyeSwapSideBox p.sss{
  margin : 0px 0px 0px 70px;
}

/** :hover疑似クラス(visited) **/
/** 順番注意：[hover]よりも先に記述 **/
li.AyeSwapSideBox a:visited{
  color:#ffffff;
  text-decoration : none;
}                 
/** :hover疑似クラス(hover) **/
/** 順番注意：[visited]よりも後に記述 **/
li.AyeSwapSideBox a:hover{
  background-image:url(/opendir/Jrs/img/pc/Side_bar_off.gif);
  background-position : left top;
  background-repeat : no-repeat;
  color:#ea5504;
  padding : 0px 0px 3px 0px;
  margin : 0;
  line-height : 37px;
}

/*******************************/
/* JRS用に追加                 */
/*******************************/
li.AyeSwapSideBox p.TwoOut {
     line-height: 6px;/*6px;*/
    }
li.AyeSwapSideBox p.Two {
     line-height: 12px;/*14px*/
    }
/** アイシススワップリスト各リスト **/
li.AyeSwapSideBox a.Two{
  display:block;
  width:135px;
  /*height : auto;*/
  height : 33px;
  /*background-image:url(/opendir/Jrs/img/pc/Side_bar_off.gif);*/
  background-position : left top;
  background-repeat : no-repeat;
  padding : 0px;
  margin : -10px 0px 0px 0px;
  text-decoration : none;
  color : #ffffff;
  line-height : 33px;
  font-weight:600;
  font-size: 11px;
}
/** :hover疑似クラス(visited) **/
/** 順番注意：[hover]よりも先に記述 **/
li.AyeSwapSideBox a.Two:visited{
  color:#ffffff;
  text-decoration : none;
}                 
/** :hover疑似クラス(hover) **/
/** 順番注意：[visited]よりも後に記述 **/
li.AyeSwapSideBox a.Two:hover{
  /*background-image:url(/opendir/Jrs/img/pc/Side_bar_off.gif);*/
  background-position : left top;
  background-repeat : no-repeat;
  color:#ea5504;
  padding : 0;
  margin : -10px 0px 0px 0px;
  line-height : 33px;
}



/************************************************************/
/* オブジェクト設定 --中断SideBarボトム設定                 */
/************************************************************/

/** アイシススワップイメージ用ボックス **/
/** 「width」の値をスワップボックスの「width」の２倍以上にするとボタンが横に並ぶ **/
div#AyeSwapSideBottomContainer {
     float:left;
     width : 135px;
     /*background-color : #c0c0c0;*/
     background-position : left top;
     padding : 50px 0px 0px 0px;
    }

/** アイシススワップリスト大外 **/
/** リストに番号等は付けない **/
ul.AyeSwapSideBottomBox{
  list-style : none;
  text-align:left;
  padding : 0px;
  margin : 0px;
}

/** アイシススワップリスト各リスト **/
li.AyeSwapSideBottomBox{
  float:left;
  padding : 0px;
  margin : 0px;
}

/** アイシススワップリスト各リスト **/
li.AyeSwapSideBottomBox a{
  display:block;
  width:135px;
  height : auto;
  height : 30px;
  background-image:url(/opendir/Jrs/img/pc/Side_bar_off.gif);
  background-position : left top;
  background-repeat : no-repeat;
  padding : 0px;
  margin : 0px;
  text-decoration : none;
  color : #ffffff;
  line-height : 30px;
  font-weight:600;
  font-size: 12px;
}

/** アイシススワップリストイメージ部分 **/
li.AyeSwapSideBottomBox img{
  margin : 10px 10px 10px 30px;
  vertical-align:middle;
}

/** アイシススワップリスト文字部分 **/
li.AyeSwapSideBottomBox p{
  margin : 0px 0px 0px 0px;
  text-align:center;
}

/** アイシススワップリスト文字部分 **/
li.AyeSwapSideBottomBox p.RSA{
  /*margin : 0px 0px 0px 10px;*/
  letter-spacing: -2px;
}

/** :hover疑似クラス(visited) **/
/** 順番注意：[hover]よりも先に記述 **/
li.AyeSwapSideBottomBox a:visited{
  color:#ffffff;
  text-decoration : none;
}               
/** :hover疑似クラス(hover) **/
/** 順番注意：[visited]よりも後に記述 **/
li.AyeSwapSideBottomBox a:hover{
  background-image:url(/opendir/Jrs/img/pc/Side_bar_off.gif);
  background-position : left top;
  background-repeat : no-repeat;
  color:#ea5504;
  padding : 0;
  margin : 0;
  line-height : 30px;
}

/** アイシススワップリスト各リスト --協力会社／団体-- **/
li.AyeSwapSideBottomBox h1{
  display:block;
  width:135px;
  height : auto;
  height : 28px;
  background-image:url(/opendir/Jrs/img/pc/Side_bar_off.gif);
  background-position : left top;
  background-repeat : no-repeat;
  padding : 0px;
  margin : 0px;
  text-decoration : none;
  color : #ffffff;
  line-height : 28px;
  font-weight:600;
  font-size: 12px;
  text-align:center;
}

img#rakuten
  {
   padding:20px 0px 0px 0px;
  }

