@charset "UTF-8";
/* ==============================
  css-side
=================================
sideBox
---------------------------------
boxName-0001（ノーマル）
---------------------------------
boxName-0002（イエローグリーン）
---------------------------------
boxName-0003（ツバホリブルー）
---------------------------------
boxName-0004（サクラピンク）
---------------------------------
boxName-0005（ポップオレンジ）
---------------------------------
boxName-0006（スカイブルー）
---------------------------------
boxUpdate
---------------------------------
boxItem-today
---------------------------------
boxUpdate-btm
---------------------------------
boxOfficialtest
---------------------------------
boxContest
---------------------------------
avaTry
---------------------------------
mobile-comment
---------------------------------
campaignBnr
---------------------------------
dlbpBnr
---------------------------------
noCopy
============================== */

/* ------------------------------
  sideBox
------------------------------ */
.sideBox {
  width: 240px;
  margin-bottom: 15px;
}

/* ------------------------------
  boxName
------------------------------ */
#boxName-0001 {
  width: 239px;
  height: 81px;
  background: url(/image/contents/member/nomal/name_bg.png) no-repeat;
  margin-bottom: 15px;
}
* html #boxName-0001 {
  behavior: expression(IEPNGFIX.fix(this));
}

#boxName-0001-inr {
  width: 214px;
  height: 46px;
  padding-top: 8px;
  padding-right: 10px;
  padding-left: 16px;
}
#boxName-0001-inr p.id {
  width: 165px;
  font-size: 12px;
  line-height: 1.5;
  padding-top: 2px;
  float: left;
}
#boxName-0001-inr p.id img {
  vertical-align: middle;
  padding-left: 2px;
  padding-right: 2px;
}
#boxName-0001-inr p.id .grn {
  font-size: 14px;
  color: #008c28;
  font-weight: bold;
}
#boxName-0001-inr p.id .red {
  color: #ff0101;
  font-weight: bold;
}
#boxName-0001-inr p.icon {
  width: 40px;
  border: 1px solid #999999;
  float: right;
}

#boxName-0001 p.btn-mcb {
  width: 232px;
  height: 24px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  padding-left: 4px;
}
#boxName-0001 p.btn-mcb a {
  width: 232px;
  height: 24px;
  background: url(/image/contents/member/nomal/btn_back_mcb.gif) no-repeat;
  text-decoration: none;
  display: block;
  outline: none;
}
#boxName-0001 p.btn-mcb a:hover {
  background-position: 0 -24px;
}

/* ------------------------------
  boxName-0003（イエローグリーン）
------------------------------ */
#boxName-0003 {
  width: 239px;
  height: 81px;
  background: url(/image/contents/member/yellowgreen/name_bg.png) no-repeat;
  margin-bottom: 15px;
}
* html #boxName-0003 {
  behavior: expression(IEPNGFIX.fix(this));
}

#boxName-0003-inr {
  width: 214px;
  height: 46px;
  padding-top: 8px;
  padding-right: 10px;
  padding-left: 16px;
}
#boxName-0003-inr p.id {
  width: 165px;
  font-size: 12px;
  line-height: 1.5;
  padding-top: 2px;
  float: left;
}
#boxName-0003-inr p.id img {
  vertical-align: middle;
  padding-left: 2px;
  padding-right: 2px;
}
#boxName-0003-inr p.id .grn {
  font-size: 14px;
  color: #008c28;
  font-weight: bold;
}
#boxName-0003-inr p.id .red {
  color: #ff0101;
  font-weight: bold;
}
#boxName-0003-inr p.icon {
  width: 40px;
  border: 1px solid #999999;
  float: right;
}

#boxName-0003 p.btn-mcb {
  width: 232px;
  height: 24px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  padding-left: 4px;
}
#boxName-0003 p.btn-mcb a {
  width: 232px;
  height: 24px;
  background: url(/image/contents/member/nomal/btn_back_mcb.gif) no-repeat;
  text-decoration: none;
  display: block;
  outline: none;
}
#boxName-0003 p.btn-mcb a:hover {
  background-position: 0 -24px;
}

/* ------------------------------
  boxName-0002（ツバホリブルー）
------------------------------ */
#boxName-0002 {
  width: 239px;
  height: 81px;
  background: url(/image/contents/member/tsubahoribule/name_bg.png) no-repeat;
  margin-bottom: 15px;
}
* html #boxName-0002 {
  behavior: expression(IEPNGFIX.fix(this));
}

#boxName-0002-inr {
  width: 214px;
  height: 46px;
  padding-top: 8px;
  padding-right: 10px;
  padding-left: 16px;
}
#boxName-0002-inr p.id {
  width: 165px;
  font-size: 12px;
  color: #FFFFFF;
  line-height: 1.5;
  padding-top: 2px;
  float: left;
}
#boxName-0002-inr p.id img {
  vertical-align: middle;
  padding-left: 2px;
  padding-right: 2px;
}
#boxName-0002-inr p.id .white {
  font-size: 14px;
  color: #FFFFFF;
  font-weight: bold;
}
#boxName-0002-inr p.id .yellow {
  color: #FFFF00;
  font-weight: bold;
}
#boxName-0002-inr p.icon {
  width: 40px;
  border: 1px solid #999999;
  float: right;
}

#boxName-0002 p.btn-mcb {
  width: 232px;
  height: 24px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  padding-left: 4px;
}
#boxName-0002 p.btn-mcb a {
  width: 232px;
  height: 24px;
  background: url(/image/contents/member/nomal/btn_back_mcb.gif) no-repeat;
  text-decoration: none;
  display: block;
  outline: none;
}
#boxName-0002 p.btn-mcb a:hover {
  background-position: 0 -24px;
}

/* ------------------------------
  boxName-0004（イエローグリーン）
------------------------------ */
#boxName-0004 {
	width: 238px;
	height: 81px;
	background: url(/image/contents/member/sakurapink/name_bg.png) no-repeat;
	margin-bottom: 15px;
}
* html #boxName-0004 {
	behavior: expression(IEPNGFIX.fix(this));
}

#boxName-0004-inr {
	width: 214px;
	height: 46px;
	padding-top: 8px;
	padding-left: 16px;
}
#boxName-0004-inr p.id {
    color:#ffffff;
	width: 165px;
	font-size: 12px;
	line-height: 1.5;
	padding-top: 2px;
	float: left;
}
#boxName-0004-inr p.id img {
	vertical-align: middle;
	padding-left: 2px;
	padding-right: 2px;
}
#boxName-0004-inr p.id .grn {
	font-size: 14px;
	color: #3399cc;
	font-weight: bold;
}
#boxName-0004-inr p.id .red {
	color: #ab74fc;
	font-weight: bold;
}
#boxName-0004-inr p.icon {
	width: 40px;
	border: 1px solid #999999;
	float: right;
}

#boxName-0004 p.btn-mcb {
	width: 232px;
	height: 24px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	padding-left: 3px;
}
#boxName-0004 p.btn-mcb a {
	width: 232px;
	height: 24px;
	background: url(/image/contents/member/nomal/btn_back_mcb.gif) no-repeat;
	text-decoration: none;
	display: block;
	outline: none;
}
#boxName-0004 p.btn-mcb a:hover {
	background-position: 0 -24px;
}

/* ------------------------------
  boxName-0005（ポップオレンジ）
------------------------------ */
#boxName-0005 {
	width: 238px;
	height: 81px;
	background: url(/image/contents/member/poporange/name_bg.png) no-repeat;
	margin-bottom: 15px;
}
* html #boxName-0005 {
	behavior: expression(IEPNGFIX.fix(this));
}

#boxName-0005-inr {
	width: 214px;
	height: 46px;
	padding-top: 8px;
	padding-left: 16px;
}
#boxName-0005-inr p.id {
	width: 165px;
	font-size: 12px;
	line-height: 1.5;
	padding-top: 2px;
	float: left;
}
#boxName-0005-inr p.id img {
	vertical-align: middle;
	padding-left: 2px;
	padding-right: 2px;
}
#boxName-0005-inr p.id .grn {
	font-size: 14px;
	color: #fff503;
	font-weight: bold;
}
#boxName-0005-inr p.id .red {
	color: #ff0101;
	font-weight: bold;
}
#boxName-0005-inr p.icon {
	width: 40px;
	border: 1px solid #999999;
	float: right;
}

#boxName-0005 p.btn-mcb {
	width: 232px;
	height: 24px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	padding-left: 3px;
}
#boxName-0005 p.btn-mcb a {
	width: 232px;
	height: 24px;
	background: url(/image/contents/member/nomal/btn_back_mcb.gif) no-repeat;
	text-decoration: none;
	display: block;
	outline: none;
}
#boxName-0005 p.btn-mcb a:hover {
	background-position: 0 -24px;
}

/* ------------------------------
  boxName-0006（スカイブルー）
------------------------------ */
#boxName-0006 {
	width: 238px;
	height: 81px;
	background: url(/image/contents/member/skyblue/name_bg.png) no-repeat;
	margin-bottom: 15px;
}
* html #boxName-0006 {
	behavior: expression(IEPNGFIX.fix(this));
}

#boxName-0006-inr {
	width: 214px;
	height: 46px;
	padding-top: 8px;
	padding-left: 16px;
}
#boxName-0006-inr p.id {
    color:#FFFFFF;
	width: 165px;
	font-size: 12px;
	line-height: 1.5;
	padding-top: 2px;
	float: left;
}
#boxName-0006-inr p.id img {
	vertical-align: middle;
	padding-left: 2px;
	padding-right: 2px;
}
#boxName-0006-inr p.id .grn {
	font-size: 14px;
	color: #ffffcc;
	font-weight: bold;
}
#boxName-0006-inr p.id .red {
	color: #ff9900;
	font-weight: bold;
}
#boxName-0006-inr p.icon {
	width: 40px;
	border: 1px solid #999999;
	float: right;
}

#boxName-0006 p.btn-mcb {
	width: 232px;
	height: 24px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	padding-left: 3px;
}
#boxName-0006 p.btn-mcb a {
	width: 232px;
	height: 24px;
	background: url(/image/contents/member/nomal/btn_back_mcb.gif) no-repeat;
	text-decoration: none;
	display: block;
	outline: none;
}
#boxName-0006 p.btn-mcb a:hover {
	background-position: 0 -24px;
}


/* ------------------------------
  boxUpdate
------------------------------ */
#boxUpdate {
  width: 240px;
}
#boxUpdate h4 {
  width: 239px;
  height: 44px;
  background: url(/image/contents/member/nomal/h4_update.png) no-repeat;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
}
* html #boxUpdate h4 {
  behavior: expression(IEPNGFIX.fix(this));
}

#boxUpdate-inr {
  width: 239px;
  background: url(/image/contents/member/nomal/update_bg.png) repeat-y;
  padding-bottom: 10px;
}
* html #boxUpdate-inr {
  behavior: expression(IEPNGFIX.fix(this));
}
#boxUpdate-inr ul {
  width: 209px;
  padding-left: 15px;
}
#boxUpdate-inr li {
  width: 209px;
  background: url(/image/contents/member/nomal/line01.gif) repeat-x bottom;
  padding: 5px 0 11px 0;
}
/* clearfix */
#boxUpdate-inr li:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#boxUpdate-inr li {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #boxUpdate-inr li {
  height: 1%;
}
#boxUpdate-inr li {
  display: block;
}
/* End hide from IE-mac */
#boxUpdate-inr li .icon {
  width: 30px;
  display: block;
  padding-top: 3px;
  float: left;
}
#boxUpdate-inr li .text {
  width: 169px;
  font-size: 11px;
  line-height: 1.5;
  display: block;
  float: right;
}
#boxUpdate-inr li .text img {
  vertical-align: middle;
}

/* ------------------------------
  boxItem-today
------------------------------ */
#boxItem-today {
  width: 240px;
}
#boxItem-today h4 {
  width: 239px;
  height: 29px;
  background: url(/image/contents/member/nomal/h4_item_today.png) no-repeat;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
}
* html #boxItem-today h4 {
  behavior: expression(IEPNGFIX.fix(this));
}

#boxItem-today-inr {
  width: 239px;
  background: url(/image/contents/member/nomal/update_bg.png) repeat-y;
  padding-top: 12px;
}
* html #boxItem-today-inr {
  behavior: expression(IEPNGFIX.fix(this));
}

#boxItem-today-inr ul {
  width: 213px;
  padding-left: 18px;
  padding-bottom: 5px;
}
#boxItem-today-inr li {
  width: 60px;
  padding-right: 11px;
  float: left;
}
#boxItem-today-inr li .img {
  width: 60px;
  height: 80px;
  background: url(/image/contents/member/nomal/bg05.gif) no-repeat;
  display: block;
  padding-bottom: 5px;
}
#boxItem-today-inr li .pt {
  font-size: 12px;
  background: url(/image/contents/member/nomal/heart.gif) no-repeat left center;
  padding-left: 12px;
}
#boxItem-today-inr li .pt .pnk {
  color: #d50037;
}

/* ------------------------------
  boxUpdate-btm
------------------------------ */
#boxUpdate-btm {
  width: 239px;
  height: 21px;
  background: url(/image/contents/member/nomal/update_btm.png) no-repeat;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
}
* html #boxUpdate-btm {
  behavior: expression(IEPNGFIX.fix(this));
}

p.more {
  background: url(/image/contents/member/nomal/arrow02.gif) no-repeat left center;
  padding-left: 15px;
  padding-right: 15px;
  float: right;
}

/* ------------------------------
  boxOfficialtest
------------------------------ */
#boxOfficialtest h4 {
  width: 240px;
  height: 38px;
  background: url(/image/contents/member/nomal/h4_officialtest.png) no-repeat;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
}
* html #boxOfficialtest h4 {
  behavior: expression(IEPNGFIX.fix(this));
}
#boxOfficialtest ul {
  width: 240px;
  background-color: #000000;
}
#boxOfficialtest li {
  width: 240px;
  text-align: center;
  padding-bottom: 6px;
}
#boxOfficialtest p {
  width: 240px;
  height: 40px;
  background: url(/image/contents/member/nomal/txt_officialtest.png) no-repeat;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
}
* html #boxOfficialtest p {
  behavior: expression(IEPNGFIX.fix(this));
}

/* ------------------------------
  boxContest
------------------------------ */
#boxContest h4 {
  width: 144px;
  height: 13px;
  background: url(/image/contents/member/nomal/h4_contest.png) no-repeat;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  margin-bottom: 9px;
}
* html #boxContest h4 {
  behavior: expression(IEPNGFIX.fix(this));
}
#boxContest img {
  padding-bottom: 5px;
}

/* ------------------------------
  avaTry
------------------------------ */
#avaTry {
  width: 236px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  padding-left: 2px;
  margin-bottom: 20px;
}
#avaTry a {
  width: 236px;
  height: 66px;
  background: url(/image/contents/member/side_avatry.png) no-repeat;
  text-decoration: none;
  display: block;
  outline: none;
}
* html #avaTry a {
  behavior: expression(IEPNGFIX.fix(this));
}

/* ------------------------------
  mobile-comment
------------------------------ */
#mobile-comment {
  width: 238px;
  margin-bottom: 15px;
}
#mobile-comment-top {
  width: 238px;
  height: 15px;
  background: url(/image/contents/member/side/mobile_note_top.png) no-repeat;
}
* html #mobile-comment-top {
  behavior: expression(IEPNGFIX.fix(this));
}
#mobile-comment-btm {
  width: 238px;
  height: 15px;
  background: url(/image/contents/member/side/mobile_note_btm.png) no-repeat;
}
* html #mobile-comment-btm {
  behavior: expression(IEPNGFIX.fix(this));
}
#mobile-comment-center {
  width: 238px;
  background: url(/image/contents/member/side/mobile_note_center.png) repeat-y;
}
* html #mobile-comment-center {
  behavior: expression(IEPNGFIX.fix(this));
}

#mobile-comment p {
  width: 155px;
  background: url(/image/contents/member/side/mobile_note_center2.gif) no-repeat;
  color: #4b4b4b;
  font-size: 11px;
  line-height: 1.4;
  padding: 0 15px 0 68px;
}
#mobile-comment p span {
  color: #ff0042;
  text-decoration: underline;
}

/* ------------------------------
  campaignBnr
------------------------------ */
.campaignBnr {
	width: 240px;
	margin-bottom: 20px;
}
.campaignBnr p.noneImg {
	display: none;
}

.campaignBnr p {
	width: 240px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
}
* html .campaignBnr p {
	behavior: expression(IEPNGFIX.fix(this));
}

.campaignBnr p#camp0911-1 {
	height: 251px;
	background: url(/image/contents/member/campaign0911/side_bnr0911_1.png) no-repeat;
}
.campaignBnr p#camp1006 {
	height: 279px;
	background: url(/image/contents/member/side_bnr_201006.png) no-repeat;
}


.campaignBnr p a {
	width: 240px;
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
	outline: none;
}
* html .campaignBnr p a {
	behavior: expression(IEPNGFIX.fix(this));
}

.campaignBnr p#camp0908 a {
	height: 181px;
	background-image: url(/image/contents/member/campaign0908/side_bnr0908.png);
}
.campaignBnr p#camp0912 a {
	height: 251px;
	background-image: url(/image/contents/member/campaign0912/side_bnr0912.png);
}
.campaignBnr p#camp0912-1001 a {
	height: 251px;
	background-image: url(/image/contents/member/campaign0912_1001/side_bnr0912_1001.png);
}
.campaignBnr p#camp0911-1 a {
	height: 251px;
	background-image: url(/image/contents/member/campaign0911/side_bnr0911_1.png);
}
.campaignBnr p#camp0911-2 a {
	height: 251px;
	background-image: url(/image/contents/member/campaign0911/side_bnr0911_2.png);
}
.campaignBnr p#shopOpen a {
	height: 202px;
	background-image: url(/image/contents/member/topics/parirepo/bnr_shop_open.png);
}
.campaignBnr p#camp1006s a {
	height: 279px;
	background-image: url(/image/contents/member/side_bnr_201006s.png);
}
.campaignBnr p#camp1006shop a {
	height: 202px;
	background-image: url(/image/contents/member/side_bnr_201006shop.png);
}
.campaignBnr p#camp1103s a {
	height: 279px;
	background-image: url(/image/contents/member/side_bnr_201103s.png);
}
.campaignBnr p#camp1105s a {
	height: 279px;
	background-image: url(/image/contents/member/side_bnr_201105s.png);
}

.campaignBnr p a:hover {
	background-repeat: no-repeat;
}
* html .campaignBnr p a:hover {
	behavior: expression(IEPNGFIX.fix(this));
}

.campaignBnr p#camp0908 a:hover {
	background-image: url(/image/contents/member/campaign0908/side_bnr0908_up.png);
}
.campaignBnr p#camp0912 a:hover {
	background-image: url(/image/contents/member/campaign0912/side_bnr0912up.png);
}
.campaignBnr p#camp0912-1001 a:hover {
	background-image: url(/image/contents/member/campaign0912_1001/side_bnr0912_1001up.png);
}
.campaignBnr p#camp0911-1 a:hover {
	background-image: url(/image/contents/member/campaign0911/side_bnr0911_1up.png);
}
.campaignBnr p#camp0911-2 a:hover {
	background-image: url(/image/contents/member/campaign0911/side_bnr0911_2up.png);
}
.campaignBnr p#shopOpen a:hover {
	background-image: url(/image/contents/member/topics/parirepo/bnr_shop_open_up.png);
}
.campaignBnr p#camp1006s a:hover {
	height: 279px;
	background-image: url(/image/contents/member/side_bnr_201006s_up.png);
}
.campaignBnr p#camp1006shop a:hover {
	height: 202px;
	background-image: url(/image/contents/member/side_bnr_201006shop_up.png);
}
.campaignBnr p#camp1103s a:hover {
	height: 279px;
	background-image: url(/image/contents/member/side_bnr_201103s_up.png);
}
.campaignBnr p#camp1105s a:hover {
	height: 279px;
	background-image: url(/image/contents/member/side_bnr_201105s_up.png);
}

/* ------------------------------
  dlbpBnr
------------------------------ */
p#dlbpBnr {
	width: 240px;
	margin-bottom: 20px;
	font-size: 10px;
	line-height: 10px;
	text-indent: -9999px;
}

p#dlbpBnr a {
	width: 240px;
	height: 202px;
	background: url(/image/contents/member/side_bnr_dlbp.png) no-repeat;
	text-decoration: none;
	display: block;
	outline: none;
}
* html p#dlbpBnr a {
	behavior: expression(IEPNGFIX.fix(this));
}

p#dlbpBnr a:hover {
	background: url(/image/contents/member/side_bnr_dlbp_up.png) no-repeat;
}
* html p#dlbpBnr a:hover {
	behavior: expression(IEPNGFIX.fix(this));
}

/* ------------------------------
  noCopy
------------------------------ */
#noCopy {
	width: 240px;
	height: 345px;
	background: url(/image/contents/member/side_nocopy.png) no-repeat;
	margin-bottom: 20px;
	font-size: 10px;
	line-height: 10px;
	text-indent: -9999px;
}
* html #noCopy {
	behavior: expression(IEPNGFIX.fix(this));
}

#noCopy-inr {
	position: relative;
	width: 240px;
	height: 345px;
}
#noCopy-inr p #nocopyJp {
	position: absolute;
	top: 158px;
	left: 18px;
	display: block;
	width: 53px;
	height: 15px;
}
#noCopy-inr p #nocopyJp a {
	display: block;
	width: 53px;
	height: 15px;
}
#noCopy-inr p #nocopyEn {
	position: absolute;
	top: 308px;
	left: 98px;
	display: block;
	width: 19px;
	height: 13px;
}
#noCopy-inr p #nocopyEn a {
	display: block;
	width: 19px;
	height: 13px;
}