@charset "shift_jis";

/*
 ???ʃp?[?c
-------------------------------------------------------------------------*/
#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;
}

/*
 ???ʃw?b?_?[
-------------------------------------------------------------------------*/

/* NEW Header 2013.07 + 2014.03 renewal */
div#topic-path {margin-bottom:27px; font-size:11px !important; line-height:1.4 !important; padding:0.4em 0;}
#msc-topic-path {margin-bottom: 27px;}
div#topic-path p,
#msc-topic-path p {
	width: 950px !important;
	margin: 0 auto;
	padding: 0 !important;
}

#msc-header-area-external,
#msc-header-area {
	width: 950px;
	overflow: hidden;
	margin: 0 auto 30px;
	position:relative;
	height:115px;
}
#msc-header-area-external h1,
#msc-header-area h1 {
	margin: 17px 0 31px 0;
	height:29px;
}
#msc-btn a {
	width:125px; height:26px;
	display:block;
	text-indent: -20000px;
}
#msc-btn .member a {
	background: url(/resources/common/img/header/btn_01.png) no-repeat 0 0;
	position:absolute;
	top:0px; right:298px;
}
#msc-btn .products a {
	background: url(/resources/common/img/header/btn_02.png) no-repeat 0 0;
	display:block;
	position:absolute;
	top:0px; right:166px;
}

/*20140423 hasegawa ?C??*/

/*#msc-btn li:first-child.products a {
	right:0px;
}
*/

#msc-btn .account_logout a {
	width:159px; height:26px;
	background: url(/resources/common/img/header/btn_03_for_logout.png) no-repeat 0 0;
	display:block;
	position:absolute;
	top:0px; right:0px;
}

#msc-btn .account_login a {
	width:159px; height:26px;
	background: url(/resources/common/img/header/btn_03_for_login.png) no-repeat 0 0;
	display:block;
	position:absolute;
	top:0px; right:0px;
}

/*20140423 hasegawa ?C??*/

/* www.point.msc.sony.jp?p */
#msc-btn .accountlogin a {
    background: url(/resources/common/img/header/btn_03.png) no-repeat 0 0;
    display: block;
    height: 26px;
    position: absolute;
    right: 0;
    top: 0;
    width: 159px;
}

#msc-links {
	/*position:absolute;
	top:39px; right:0px;*/
}
#msc-links {
	float: right;
	width: auto;
	font-size: 0;
	line-height: 1.4;
	margin: 0;
	padding: 0;
}
#msc-links li {
	float:left;
	font-size:11px;
	margin: 0 0 0 0px;
	padding: 0;
	font-family: "?q???M?m?p?S Pro W3","Hiragino Kaku Gothic Pro","???C???I",Meiryo,"?l?r ?o?S?V?b?N",sans-serif;
}

#msc-links li.about {
	position:absolute;
	top:37px; left:630px;
}

#msc-links li.ac {
	position: absolute;
	top: 37px;
	left: 756px;
}

#msc-links li.ac img {
	display: inline-block;
	vertical-align: top;
}

#msc-links li.menu {
	position:absolute;
	top:37px; left:774px;
}
#msc-links li.inquiry {
	position:absolute;
	top:37px; right:0px;
}

#msc-links a {
	color:#000;
	background: url(/resources/common/img/header/ico_01.png) no-repeat 0 50% !important;
	padding-left:10px;
	text-indent:0px !important;
	height:auto;
}
#msc-links .inquiry a {
	background-position: 0 50%;
}
#msc-links a:hover {
	color:#666;
	text-decoration:none;
	background-position:-500px 50% !important;
}

#msc-nav {
	width: 950px;
	margin: 0;
	padding: 0;
	position:absolute; top:77px; left:0;
}
#msc-nav li {
	float: left;
	margin: 0 0px 0 0;
	padding: 0;
	_display: inline;
}
#msc-nav li a {
	display: block;
	background: url(/resources/common/img/header/tab.png) no-repeat 0 0;
	height: 38px;
	text-indent: -20000px;
	overflow: hidden;
}
#msc-nav .home a {
	width: 158px;
	background-position: 0 0;
}
#msc-nav .home a.current,
#msc-nav .home a:hover {
	background-position: 0 -38px;
}
#msc-nav .point a {
	width: 159px;
	background-position: -158px 0;
}
#msc-nav .point a.current,
#msc-nav .point a:hover {
	background-position: -158px -38px;
}
#msc-nav .campaign a {
	width: 158px;
	background-position: -317px 0;
}
#msc-nav .campaign a.current,
#msc-nav .campaign a:hover {
	background-position: -317px -38px;
}
#msc-nav .feature a {
	width: 158px;
	background-position: -475px 0;
}
#msc-nav .feature a.current,
#msc-nav .feature a:hover {
	background-position: -475px -38px;
}
#msc-nav .digitaltools a {
	width: 159px;
	background-position: -633px 0;
}
#msc-nav .digitaltools a.current,
#msc-nav .digitaltools a:hover {
	background-position: -633px -38px;
}
#msc-nav .support a {
	width: 158px;
	background-position: -792px 0;
}
#msc-nav .support a.current,
#msc-nav .support a:hover {
	background-position: -792px -38px;
}



/*
 ???ʃt?b?^?[
-------------------------------------------------------------------------*/
#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;
	margin-right:15px;
}
#msc-footer-area .links .sitemap {
	width: 75px;
}
#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 .sitemap a {
	background-position: -278px 0;
}
#msc-footer-area .sitemap a:hover {
	background-position: -278px -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; }