@charset "shift_jis";

/*
 共通パーツ
-------------------------------------------------------------------------*/
#msc-skip-nav {
	display: none;
}
#msc-login {
	background: #6c6a6b url(/resources/common/img/bg_login.gif) repeat-x 0 bottom;
	color: #fff;
}
#msc-login .mr10 {
	margin-right: 10px;
}
#msc-login .clearfix {
	*zoom: 1;
}
#msc-login .clearfix:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}
#msc-login .fl {
	float: left;
	_display: inline;
}
#msc-login .fr {
	float: right;
	_display: inline;
}
#msc-login .ib {
	vertical-align: middle;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
#msc-login .before {
	text-align: right;
}
#msc-login a {
	color: #fff6ae;
}
#msc-login p {
	margin: 0;
	padding: 0;
}
#msc-login form {
	width: 930px; /*950-20=930*/
	margin: 0 auto;
	padding: 5px 0 8px 20px;
}
#msc-login .link {
	width: 84px;
}
#msc-login .link a {
	display: block;
	height: 16px;
	text-align: left;
	text-indent: -20000px;
	overflow: hidden;
	background: url(/resources/common/img/btn_msc.gif) no-repeat 0 0;
}
#msc-login .link a:hover {
	background-position: 0 -16px;
}
#msc-login .button {
	background: url(/resources/common/img/icn_arrow.gif) no-repeat 0 center;
	padding-left: 12px;
}
#msc-login .message {
	background: url(/resources/common/img/icn_member.gif) no-repeat 0 center;
	padding-left: 57px;
	min-height: 16px;
	_height: 16px;
}
#msc-login .time {
	font-size: x-small;
}
#msc-login .time a {
	margin-left: 10px;
}
#msc-topic-path {
	background-color: #f8f8f8;
	padding: 5px;
	font-size: x-small;
}
#msc-topic-path p {
	width: 910px;
	margin: 0 auto;
	padding: 0;
}
#msc-topic-path span {
	margin: 0 8px;
}
#msc-header-area-external ul,
#msc-header-area ul,
#msc-footer-area ul {
	list-style-type: none;
}
#msc-header-area-external img,
#msc-header-area img {
	border: 0;
}
#msc-header-area-external .clearfix,
#msc-header-area .clearfix,
#msc-footer-area .clearfix {
	*zoom: 1;
}
#msc-header-area-external .clearfix:after,
#msc-header-area .clearfix:after,
#msc-footer-area .clearfix:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}

/*
 共通ヘッダー
-------------------------------------------------------------------------*/
#msc-header-area-external,
#msc-header-area {
	width: 950px;
	overflow: hidden;
	margin: 5px auto 0 auto;
}
#msc-header-area-external {
	margin-bottom:10px;
}
#msc-header-area-external h1,
#msc-header-area h1,
#msc-not-member,
#msc-member {
	float: left;
	_display: inline;
}
#msc-header-area-external h1,
#msc-header-area h1 {
	margin: 5px 0 0 0;
}
#msc-header-area-external h1 a,
#msc-header-area h1 a {
	width:auto;
}
#msc-not-member {
	margin: 8px 0 0 81px;
}
#msc-member {
	border-left: 1px dotted #828282;
	padding-left: 9px;
	margin: 8px 0 0 4px;
}
#msc-not-member dt,
#msc-member dt {
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
}
#msc-not-member dd,
#msc-member dd {
	float: left;
	margin: 0 4px 0 0;
	padding: 0;
	_display: inline;
}
#msc-not-member dd a,
#msc-member dd a {
	display: block;
	background: url(/resources/common/img/btn_member.gif) no-repeat 0 0;
	height: 28px;
	text-indent: -20000px;
	overflow: hidden;
}
#msc-not-member .member {
	width: 102px;
}
#msc-not-member .product {
	width: 152px;
}
#msc-not-member .member a {
	background-position: 0 0;
}
#msc-not-member .member a:hover {
	background-position: 0 -28px;
}
#msc-not-member .product a {
	background-position: -106px 0;
}
#msc-not-member .product a:hover {
	background-position: -106px -28px;
}
#msc-member .login {
	width: 102px;
}
#msc-member .product {
	width: 132px;
}
#msc-member .login a {
	background-position: -276px 0;
}
#msc-member .login a:hover {
	background-position: -276px -28px;
}
#msc-member .product a {
	background-position: -382px 0;
}
#msc-member .product a:hover {
	background-position: -382px -28px;
}
#msc-product {
	width: 132px;
	float: left;
	margin: 19px 0 0 463px;
	padding: 0;
	_display: inline;
}
#msc-product a {
	display: block;
	background: url(/resources/common/img/btn_member.gif) no-repeat -382px 0;
	height: 28px;
	text-indent: -20000px;
	overflow: hidden;
}
#msc-product a:hover {
	background-position: -382px -28px;
}
#msc-links {
	float: right;
	width: 116px;
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
}
#msc-links li {
	margin: 0;
	padding: 0;
}
#msc-links a {
	display: block;
	background: url(/resources/common/img/btn_links.gif) no-repeat 0 0;
	height: 15px;
	text-indent: -20000px;
	overflow: hidden;
}
#msc-links .about a {
	background-position: 0 2px;
}
#msc-links .about a:hover {
	background-position: -116px 2px;
}
#msc-links .faq a {
	background-position: 0 -13px;
}
#msc-links .faq a:hover {
	background-position: -116px -13px;
}
#msc-links .inquiry a {
	background-position: 0 -28px;
}
#msc-links .inquiry a:hover {
	background-position: -116px -28px;
}
#msc-links .sitemap a {
	background-position: 0 -42px;
}
#msc-links .sitemap a:hover {
	background-position: -116px -42px;
}
#msc-nav {
	width: 952px;
	margin: 9px 0 0 0;
	padding: 0;
	border-bottom: 2px solid #c0c0c0;
}
#msc-nav li {
	float: left;
	margin: 0 2px 0 0;
	padding: 0;
	_display: inline;
}
#msc-nav li a {
	display: block;
	background: url(/resources/common/img/tab.gif) no-repeat 0 0;
	height: 38px;
	text-indent: -20000px;
	overflow: hidden;
}
#msc-nav .home,
#msc-nav .event,
#msc-nav .campaign,
#msc-nav .support,
#msc-nav .procedure {
	width: 157px;
}
#msc-nav .enjoy,
#msc-nav .point {
	width: 156px;
}
#msc-nav .home a {
	background-position: 0 0;
}
#msc-nav .home a:hover {
	background-position: 0 -38px;
}
#msc-nav .home a.current,
#msc-nav .home a.current:hover {
	background-position: 0 -76px;
}
#msc-nav .enjoy a {
	background-position: -159px 0;
}
#msc-nav .enjoy a:hover {
	background-position: -159px -38px;
}
#msc-nav .enjoy a.current,
#msc-nav .enjoy a.current:hover {
	background-position: -159px -76px;
}
#msc-nav .point a {
	background-position: -317px 0;
}
#msc-nav .point a:hover {
	background-position: -317px -38px;
}
#msc-nav .point a.current,
#msc-nav .point a.current:hover {
	background-position: -317px -76px;
}
#msc-nav .event a {
	background-position: -475px 0;
}
#msc-nav .event a:hover {
	background-position: -475px -38px;
}
#msc-nav .event a.current,
#msc-nav .event a.current:hover {
	background-position: -475px -76px;
}
#msc-nav .campaign a {
	background-position: -634px 0;
}
#msc-nav .campaign a:hover {
	background-position: -634px -38px;
}
#msc-nav .campaign a.current,
#msc-nav .campaign a.current:hover {
	background-position: -634px -76px;
}
#msc-nav .support a {
	background-position: -793px 0;
}
#msc-nav .support a:hover {
	background-position: -793px -38px;
}
#msc-nav .support a.current,
#msc-nav .support a.current:hover {
	background-position: -793px -76px;
}
#msc-nav .procedure a {
	background-position: -952px 0;
}
#msc-nav .procedure a:hover {
	background-position: -952px -38px;
}
#msc-nav .procedure a.current,
#msc-nav .procedure a.current:hover {
	background-position: -952px -76px;
}

/*
 共通フッター
-------------------------------------------------------------------------*/
#msc-footer-area {
	width: 950px;
	margin: 60px auto 0 auto;
}
#msc-footer-area .links {
	font-size: 0;
	line-height: 0;
	float: left;
	margin: 0;
	padding: 0;
}
#msc-footer-area .links li {
	float: left;
	margin: 0;
	padding: 0;
}
#msc-footer-area .page-top {
	float: right;
	margin: 0;
	padding: 0;
}
#msc-footer-area .links .rule {
	width: 115px;
}
#msc-footer-area .page-top {
	width: 76px;
}
#msc-footer-area .links a,
#msc-footer-area .page-top a {
	display: block;
	background: url(/resources/common/img/footer.gif) no-repeat 0 0;
	height: 13px;
	text-indent: -20000px;
	overflow: hidden;
}
#msc-footer-area .about a {
	background-position: 0 0;
}
#msc-footer-area .about a:hover {
	background-position: 0 -13px;
}
#msc-footer-area .rule a {
	background-position: -148px 0;
}
#msc-footer-area .rule a:hover {
	background-position: -148px -13px;
}
#msc-footer-area .page-top a {
	background-position: -874px 0;
}
#msc-footer-area .page-top a:hover {
	background-position: -874px -13px;
}

.side-menu { width:180px; background-color:#f2f2f2; }
.side-menu .bgset { width:180px; background:url("/resources/common/img/side_menu_bgset_mdl.gif") repeat-y; }
.side-menu .bgset-btm01 { background:url("/resources/common/img/side_menu_bgset_btm01.gif") bottom no-repeat; }
.side-menu .bgset-btm02 { background:url("/resources/common/img/side_menu_bgset_btm02.gif") bottom no-repeat; }
/* level01 */
.side-menu ul.level01 { padding:0 7px 8px 7px; }
.side-menu ul.level01 li { display:block; line-height:100%; padding:9px 0 8px 0px; background:url("/resources/common/img/icn_dot_h.gif") top repeat-x; }
.side-menu ul.level01 li a { margin-left:6px; line-height:100%; }
.side-menu ul.level01 li.first { padding-top:8px; background:none; }
/* level02 exist */
.side-menu ul.level01 ul.level02 { padding-left:10px; padding-bottom:0px; }
.side-menu ul.level01 ul.level02 li { display:block; padding:8px 0 0 0; background:none; }
/* level01 > current */
.side-menu ul.level01 li.current .outer { margin:0px 1px; padding:1px 0px; background:#f7fbfc; }
.side-menu ul.level01 li.current .inner { margin:0px -1px; padding-top:5px; background:#f7fbfc; padding-bottom:5px; }
.side-menu ul.level01 li.current { padding:3px 0 2px 0; }
.side-menu ul.level01 li.first.current { padding:2px 0 2px 0; }
/* level02 exist > current */
.side-menu ul.level01 li.current ul.level02 { padding-left:10px; }
.side-menu ul.level01 li.current ul.level02 li { display:block; padding:8px 0 0 0; background:none; }

.point-title-set { position:relative; width:950px; height:45px; }
.point-title-set h2 { position:absolute; z-index:1; }
.point-title-set dl.credit { position:absolute; z-index:2; top:8px; left:264px; }
.point-title-set dl.credit dt { float:left; }
.point-title-set dl.credit dd { float:left; width:152px; height:29px; background:url("/resources/point-pc/passbook/img/point_credit_bg.gif") no-repeat; position:relative; }
.point-title-set dl.credit dd span { position:absolute; z-index:1; text-align:right; left:9px; top:6px; display:block; width:87px; color:#2879A3; font-size:16px; font-weight:normal; line-height:100%; letter-spacing:0px; }
.point-title-set dl.expire { position:absolute; z-index:2; top:8px; left:523px; }
.point-title-set dl.expire dt { float:left; }
.point-title-set dl.expire dd { float:left; width:122px; height:29px; background:url("/resources/point-pc/passbook/img/point_expire_bg.gif") no-repeat; position:relative; }
.point-title-set dl.expire dd span { position:absolute; z-index:1; text-align:right; left:7px; top:6px; display:block; width:57px; color:#2879A3; font-size:16px; font-weight:normal; line-height:100%; letter-spacing:0px; }
.point-title-set p.entry { position:absolute; z-index:2; top:10px; left:740px; }
.point-title-set p.passbook { position:absolute; z-index:2; top:10px; left:843px; }
.point-title-set p.dot-line { position:absolute; z-index:2; top:6px; left:730px; }