@charset "UTF-8";
/* ==============================
  css-side
=================================
sideBox
---------------------------------
boxName（ノーマル）
---------------------------------
boxName-yg（イエローグリーン）
---------------------------------
boxName-tb（ツバホリブルー）
---------------------------------
boxUpdate
---------------------------------
boxItem-today
---------------------------------
boxUpdate-btm
---------------------------------
boxOfficialtest
---------------------------------
boxContest
============================== */

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

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

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

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

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

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

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

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

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

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

/* ------------------------------
  boxUpdate
------------------------------ */
#boxUpdate {
	width: 240px;
}
#boxUpdate h4 {
	width: 239px;
	height: 44px;
	background: url(/shared/img/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(/shared/img/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(/shared/img/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(/shared/img/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(/shared/img/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(/shared/img/member/nomal/bg05.gif) no-repeat;
	display: block;
	padding-bottom: 5px;
}
#boxItem-today-inr li .pt {
	font-size: 12px;
	background: url(/shared/img/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(/shared/img/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(/shared/img/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(/shared/img/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(/shared/img/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(/shared/img/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;
}
