body { -moz-opacity:0.9999; }

#nojs { margin:0 auto; padding:10px; text-align:center; background:#333; color:#ccc; }
#nojs a { color:#fff; }

/* layout */
#main { margin:0 auto; width:980px; }
#main #content { margin-bottom:13px; padding:0; }

.box { margin:0; border:1px solid; border-color:#e5e5e5 #dbdbdb #d2d2d2; background:#fcfcfc; -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.5); -moz-box-shadow:0 1px 2px rgba(0,0,0,0.5); box-shadow:0 1px 2px rgba(0,0,0,0.5); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
div ~ .box { border-width:0; *border-width:1px; } /* reset for safari3, and resetting that reset for IE7 */
@-moz-document url-prefix() { div ~ .box { border-width:1px; } } /* FF2 reset for the above */
.box:nth-child(1n) { border:none; } /* reset for smart browsers */

.roundedtop { border-radius:3px 3px 0 0; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; }
.box h2 { border-radius:4px 4px 0 0; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; }

#main .grid3col div.column { width:482px; margin-left:0; }
#main .grid3col div.column.first { position:relative; width:236px; padding:0; }
#main .grid3col div.column.last { width:236px; padding:0; _margin-right:-10px; }

#authiframe { position:absolute; width:0; height:0; }

#content { color:#333; }
#main h2, #main h3, #main h4 { color:#000; }

#main h2 a, #main h3 a, #main h4 a { color:#000; }
#main h2 a:hover, #main h3 a:hover, #main h4 a:hover { color:#08c; text-decoration:none; }
#main h3, #main h4 { position:relative; z-index:1; margin-right:-10px; font-size:12px; margin-bottom:0; }

#main .center { margin-right:auto; margin-left:auto; text-align:center; }

#main a.view { display:block; margin-bottom:3px; padding:5px 18px 5px 0; font-size:11px; line-height:2; text-align:right; color:#797c80; border-top:1px solid #e4e4e4; background:url(/jp/startpage/elements/view_arrow.png) no-repeat 100% 50%; }

#main p.more { position:absolute; right:0; bottom:0; margin-bottom:0; }
#main p.more a.view { position:absolute; right:15px; bottom:8px; width:191px; margin-bottom:0; padding:7px 15px 0 0; background-color:#fff !important; background-position: right 0.85em; line-height:17px; } 

#main a.block { display:block; color:#76797c; text-decoration:none; }
#main a.block .more { color:#08c; font-style:normal; font-weight:normal; white-space:nowrap; zoom:1; *cursor:pointer; }
#main a.block:hover .more { text-decoration:underline; }

/* chevrons
------------------------*/
a.more, em.more, span.more { white-space: nowrap; padding-right: 10px; background: url(/jp/startpage/elements/more_10.png) no-repeat 100% 50%; background-size: 4px 7px; cursor: pointer; zoom: 1; }
a.morelarge, em.morelarge, span.morelarge { white-space:nowrap; padding-right:12px; background:url(/jp/startpage/elements/more_14.png) no-repeat 100% 55%; background-size: 5px 9px; cursor:pointer; zoom:1; }
/* itunes module */
#itunesmodule .charts.more { padding-right:12px; background:url(/jp/startpage/elements/more_14.png) no-repeat 100% 55%; background-size: 5px 9px; }

@media only screen {
	a.more, em.more, span.more { background-image:url(/jp/startpage/elements/more.svg); background-size: 7px 7px; background-position: 100% 60%;}
	a.morelarge, em.morelarge, span.morelarge { background-image:url(/jp/startpage/elements/more.svg); background-size: 10px 10px; background-position: 100% 55%; }
	/* itunes module */
	#itunesmodule .charts.more { background-image:url(/jp/startpage/elements/more.svg); background-size: 10px 10px; background-position: 100% 55%; }
}


/* promo header
------------------------*/
#main #header { position:relative; z-index:1; margin-bottom:21px; height:155px; }
#main #header .promo { position:absolute; z-index:1; }
#main #header .promo a { position:absolute; z-index:1; top:0; left:0; width:236px; height:20px; }
#main #header #promo1 { left:0; }
#main #header #promo2 { left:248px; }
#main #header #promo3 { left:496px; }
#main #header #promo4 { left:744px; }
#main #header #promo1,
#main #header #promo2,
#main #header #promo3,
#main #header #promo4 { height:155px; width:236px; }

#main #header .promo.takeover #promo1 { left:-1px; }
#main #header .promo.takeover #promo1,
#main #header .promo.takeover #promo1 img { width:982px; height:158px; }

#main .counter-tile { display:none; }
.hasjs #main .counter-tile { display:block; }

/* stories middle box
------------------------*/
#main #stories { position:relative; width:454px; min-height:565px; _height:565px; padding:0 15px; margin-left:12px; margin-bottom:0; line-height:16px; color:#333; background:url(/jp/startpage/images/box_484_bg.png) no-repeat 0 100%; }

#main #stories .titlebar { position:relative; margin:0 -15px 20px; height:28px; border-bottom:1px solid #d9d9d9; background:url(/jp/startpage/images/titlebg_484_top.png) no-repeat 0 0; }
#main #stories .titlebar h2 { float:left; margin:0; _margin-top:-1px; padding:7px 12px 3px; font-size:12px; color:#333; }
#main #stories .titlebar .rss { display:block; height:25px; }
#main #stories .titlebar .rss a { position:absolute; top:7px; right:8px; display:block; height:16px; width:27px; text-indent:-9999px; background:url(/jp/startpage/images/rss_icon.png) no-repeat; }

#main #stories .titlebar ul.sortnav { position:absolute; top:7px; right:45px; margin-bottom:0; font-size:11px; }
#main #stories .titlebar ul.sortnav li { float:left; }
#main #stories .titlebar ul.sortnav li a { display:none; }

/*for Windows*/
.windows #main #stories .titlebar ul.sortnav li a.active { display: inline-block; padding-top:1px; padding-bottom:0px; background-position: 0 2px; }
.windows #main #stories .titlebar ul.sortnav li a.active span { display: inline-block; padding-top:0px; padding-bottom:0px; background-position: 100% 1px; }

#main #stories ul.sortnav li#stories-all { padding-right:10px; border-right:1px solid #b5b5b5; }
#main #stories ul.sortnav li#stories-mac { padding-left:10px; border-left:1px solid #f2f0f0; }

#main #stories { color:#333; line-height:16px; min-height:565px; _height:565px; }
#main #stories .storycontent { position:absolute; top:47px; left:22px; width:440px; }
#main #stories .storycontent h3 a { text-decoration:none; color:#252525; outline:none; font-size:12px; }
#main #stories .storycontent h3 a:hover { text-decoration:underline; color:#2971a7; }
#main #stories .storycontent h3 a p.ttl { margin-bottom:0px; font-size:12px; max-height:18px; }
#main #stories .storycontent p.date { margin:-.1em 0 5px; font-size:11px; color:#797c80; }
#main #stories .storycontent p.copy { margin-bottom:25px; max-height:32px; overflow:hidden; font-size:11px; }
#main #stories .storycontent p.learnmore { margin-bottom:14px;  font-size:11px;}

#main #stories a.view { position:absolute; bottom:8px; left:15px; width:439px; margin-bottom:0; padding:7px 15px 0 0; background-position: right 0.85em; line-height:17px; }

/* sidebox promos
------------------------*/
#main .sidebox { position:relative; min-height:565px; height:565px; z-index:10; margin-bottom:0; padding:0 15px; font-size:11px; line-height:1.4em; background:url(/jp/startpage/images/box_236_bg.png) no-repeat  0 100%; }
#main .sidebox h2 { position:relative; min-height:21px; _height:21px; margin:0 -15px; padding:7px 42px 0 12px; line-height:18px; font-size:12px; color:#000; background:#fff url(/jp/startpage/images/titlebg_236.png) no-repeat 0 0; border-bottom:1px solid #d9d9d9; }
#main .sidebox h2 a { display:block; margin-right:0; color:#000; font-weight:bold; }
#main .sidebox h2 a:hover { text-decoration:none; }

/* aos sidebox promo */
#main .sidebox#sb-store h2 { margin-bottom:0; }

#main .sidebox#sb-store p.more { display:block; margin:-2px -4px 8px; padding:6px 0 10px 4px; color:#797c80; border-top:1px solid #e4e4e4; text-align:left; }
#main .sidebox#sb-store p.more strong { color:#252525; font-weight:normal; }

#main .sidebox#sb-store ul { margin:0 -15px; }
#main .sidebox#sb-store ul li { padding:10px 15px; border-top:1px solid #e8e8e8; min-height:63px; }
#main .sidebox#sb-store ul li a { display:block; }
#main .sidebox#sb-store ul li p { margin:0 -5px 0 0; }
#main .sidebox#sb-store ul li img { display:none; margin:0 auto; }

.hasjs #main .sidebox#sb-store ul li { visibility:hidden; }
.hasjs #main .sidebox#sb-store ul.randomized li { visibility:visible; }

#main .sidebox#sb-store ul li:first-child { padding:0 15px; border-top:none; }
#main .sidebox#sb-store ul li:first-child a { min-height:200px; padding-top:15px; text-align:center; }
#main .sidebox#sb-store ul li:first-child h4 { margin-right:0; }
#main .sidebox#sb-store ul li:first-child img { display:block; }
#main .sidebox#sb-store ul li.holiday:first-child img { margin-top: 8px; }
#main .sidebox#sb-store ul li:first-child p { margin:0; }
#main .sidebox#sb-store ul li.holiday:first-child p { margin-bottom:5px; }
#main .sidebox#sb-store ul li:first-child p br.inline { display:none; }

#main .sidebox#sb-store ul li#aos-imac:first-child a { position:relative; z-index:1; text-align:left; }
#main .sidebox#sb-store ul li#aos-imac:first-child img { position:absolute; z-index:1; top:0; right:-5px; }
#main .sidebox#sb-store ul li#aos-imac:first-child h4 { padding-top:10px; }
#main .sidebox#sb-store ul li#aos-imac:first-child h4 { width:130px; }
#main .sidebox#sb-store ul li#aos-imac:first-child p { width:104px; }

#main .sidebox#sb-store ul li#aos-engraving:first-child p { margin:0 0 8px 0; }

#main .sidebox#sb-store ul li#aos-ipad-app img { padding-top:20px; }
#main .sidebox#sb-store ul li#aos-app p { padding-right:7px; }
#main .sidebox#sb-store ul li#aos-app:first-child p { margin-bottom:25px; padding-right:0; }
#main .sidebox#sb-store ul li#shipping:first-child img { margin-top:25px; }
#main .sidebox#sb-store ul li#shipping:first-child h4 { margin-top: 10px; }

/* videos and ads sidebox promo */
#main .sidebox#sb-videos { min-height:565px; _height:565px; font-size:11px; }
#main .sidebox#sb-videos h2 { margin-bottom:14px; }
#main .sidebox#sb-videos ul li { border:none; margin:0 auto; width:176px; }
#main .sidebox#sb-videos ul li:first-child { margin-top:0; }
#main .sidebox#sb-videos ul li:last-child { margin-bottom:0; }

#main .sidebox#sb-videos ul li a.video-thumb { display:block; width:176px; margin:0 auto 9px; padding:0 0 5px; color:#666; font-size:12px; text-align:center; }
#main .sidebox#sb-videos ul li a.video-thumb:hover { color:#08c; text-decoration:none; }
#main .sidebox#sb-videos ul li a.video-thumb .image { display:block; width:145px; height:84px; margin:0 auto 3px; padding:7px; position:relative; border:1px solid #ddd; cursor:pointer;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	-webkit-box-shadow:rgba(0,0,0,.4) 0 1px 3px; -moz-box-shadow:rgba(0,0,0,.4) 0 1px 3px; box-shadow:rgba(0,0,0,.4) 0 1px 3px;
}
#main .sidebox#sb-videos ul li a.video-thumb .image:nth-child(1n) { border:none; }
#main .sidebox#sb-videos ul li a.video-thumb .image img { display:block; margin:0 auto; }
#main .sidebox#sb-videos ul li a.video-thumb .image .play { display:block; width:33px; height:33px; position:absolute; top:32px; left:63px; background:url(/jp/startpage/elements/play.png) no-repeat 0 0; opacity:.8; }
#main .sidebox#sb-videos ul li a.video-thumb:hover .image .play { opacity:1; }

@media only screen {
	#main .sidebox#sb-videos ul li a.video-thumb .image .play { background:url(/jp/startpage/elements/play.svg) no-repeat 0 0; }
}

/* small bottom promos
------------------------*/
.promobox { min-height:80px; padding:12px 12px 1px; color:#76797c; zoom:1;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #f2f2f2));
	background:-webkit-linear-gradient(top, #f7f7f7 0%, #f2f2f2 100%);
	background:   -moz-linear-gradient(top, #f7f7f7 0%, #f2f2f2 100%);
	background:        linear-gradient(top, #f7f7f7 0%, #f2f2f2 100%);
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.5), inset 0 1px 0 rgba(0,0,0,0.1), inset 0 3px 0 rgba(255,255,255,1);
	   -moz-box-shadow:0 1px 2px rgba(0,0,0,0.5), inset 0 1px 0 rgba(0,0,0,0.1), inset 0 3px 0 rgba(255,255,255,1);
	        box-shadow:0 1px 2px rgba(0,0,0,0.5), inset 0 1px 0 rgba(0,0,0,0.1), inset 0 3px 0 rgba(255,255,255,1);
}
@-moz-document url-prefix() { .promobox { margin-top:14px; } }
.promobox:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }

/* footers
------------------------*/
.sosumi { width:974px; margin:1em auto 0; }


/* JP Specific styles
------------------------*/
#main .sidebox h2 a.setting { cursor:pointer; position:absolute; right:9px; top:7px; display:block; width:33px; height:16px; background:url(/jp/startpage/images/btn_setteing_s.png) no-repeat 0 0; text-indent: -9999px; }
#main .sidebox h2 a.setting:hover, #main .sidebox#setting h2 a.setting{ cursor:pointer; }

#main .sidebox.store { min-height:0; _height:0; }
#main .sidebox.store ul { margin-bottom: 0; }
#main .sidebox.store li { height:70px; padding-top:13px; border-top:1px solid #e8e8e8; }
#main .sidebox.store li a { color:#000000; text-decoration:none; }
#main .sidebox.store li:first-child { border-top:none; }
#main .sidebox.store li h3 { margin:0; line-height:1.2; font-size:11px; }
#main .sidebox.store p.image { float:left; display:inline; width: 66px; margin: 0; }
#main .sidebox.store div.txt { float:right; display:inline; width: 135px; text-align:left; }
#main .sidebox.store p.arrow { display:inline; background: url(/jp/startpage/images/icon_plus.png) no-repeat scroll 100% 50%; padding: 2px 18px 2px 0; line-height:21px; color:#0088cc; white-space:nowrap; }
#main .sidebox.store li a:hover p.arrow { text-decoration:underline; color:#0088cc; }

#main .sidebox.store#apps p.arrow { background:transparent url(/jp/global/elements/arrows/morearrow_08c.gif) no-repeat scroll 100% 0.3em; padding: 0 8px 0 0; line-height: 18px; }

#main .sidebox.store#accessory li { height:90px; padding-top:10px; }
#main .sidebox.store#accessory li * { background-color: #ffffff !important; /*bugfix*/ }
#main .sidebox.store#accessory p.image { float:left; display:inline; width: 90px; }
#main .sidebox.store#accessory div.txt { float:right; display:inline; width: 108px; height:70px; padding-top:20px; text-align:left; }
#main .sidebox.store#accessory li a:hover h3 { color:#0088cc; }

#main .sidebox.store#tvcm li { height:100px; padding-top:0; text-align:center; }
#main .sidebox.store#tvcm h3 { display: inline; background: url(/jp/startpage/images/icon_plus.png) no-repeat scroll 100% 50%; padding: 2px 18px 2px 0; font-size:12px; font-weight:normal; font-size:11px; }
#main .sidebox.store#tvcm li a:hover h3 { color:#0088cc; }
#main .sidebox.store#tvcm p.image { display:block; float:none; width: auto; padding-top: 6px; text-align:center; }

#main .sidebox.store#movietrailers p.image { width: 56px; padding-left: 10px; }

#main .sidebox.store#specialevent h3 { margin:0; padding:8px 0 5px; border-bottom:1px solid #e8e8e8; font-size:12px; color:#808080; font-weight:normal; }
#main .sidebox.store#specialevent li { height:78px; padding:16px 0 0; }
#main .sidebox.store#specialevent li h4 { margin:0 0 5px 0; font-size:11px; line-height:1.45; }
#main .sidebox.store#specialevent li a:hover h4 { text-decoration:underline; color:#0088cc; }

#main .sidebox#setting { position:absolute; left:0; top:0; width:206px; background: url(/jp/startpage/images/bg_setting.png) 1px 27px no-repeat; }
#main .sidebox#setting h2 { margin-bottom:1px; }
#main .sidebox#setting h2 a.setting { cursor:default;background-position:-33px 0; text-indent:-9999px; }
#main .sidebox#setting .settingBox { overflow:hidden; position:relative; width:233px; height: 215px; margin-left:-13px; background:url(/jp/startpage/images/chip_setting_02.png) no-repeat 0 21px; }
#main .sidebox#setting .settingBox form { padding:21px 22px 18px 22px; background:url(/jp/startpage/images/chip_setting_01.png) no-repeat 0 0;}
* html #main .sidebox#setting .settingBox form { padding-left:15px; }
*:first-child+html #main .sidebox#setting .settingBox form { padding-left:15px; }
#main .sidebox#setting .settingBox legend { padding-bottom:5px; color:#707070; }
* html #main .sidebox#setting .settingBox legend { padding-bottom:3px; }
*:first-child+html #main .sidebox#setting .settingBox legend { padding-bottom:3px; }
#main .sidebox#setting .settingBox ul { margin-bottom:25px; padding-left:2px; }
* html #main .sidebox#setting .settingBox ul { margin-bottom:24px;  padding-top:0; }
*:first-child+html #main .sidebox#setting .settingBox ul { margin-bottom:24px;  padding-top:0; }
#main .sidebox p.scrollBtn { display: none; }

/* for Win safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.windows #main .sidebox#setting .settingBox li input { position: relative!important; margin-top: -1px !important; }	
	.windows #main .sidebox p.scrollBtn { display: none !important; }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#main .sidebox #sidbox-clipbox + p.scrollBtn { position:absolute; bottom:38px; display:block; height:23px; left:1px; margin:0; width:234px; }
	#main .sidebox #sidbox-clipbox + p.scrollBtn span { display: block; width: 23px; height: 23px; margin-left: 106px; opacity:0; -webkit-transition: opacity 0.5s linear; background: url(/jp/startpage/images/btn_scroll.png) no-repeat; text-indent: -9999px; cursor: pointer; }
	#main .sidebox #sidbox-clipbox:hover + p.scrollBtn span,
	#main .sidebox #sidbox-clipbox + p.scrollBtn:hover span { opacity:1; }
}
@media screen and (max-device-width: 1024px) {
	#main .sidebox#setting .settingBox ul { margin-bottom:12px; }
}
@media screen and (max-device-width: 480px) {
	#main .sidebox#setting .settingBox ul { margin-bottom:12px; }
}

head~/* */body #main .sidebox#setting .settingBox li { /* for ie8 */ margin-bottom: 5px; padding-left:20px; text-indent:-23px; }
html:not(:target) #main .sidebox#setting .settingBox li { margin-bottom: 5px; padding-left:22px; text-indent:-22px; }
* html #main .sidebox#setting .settingBox li { margin-bottom:3px; }
*:first-child+html #main .sidebox#setting .settingBox li { margin-bottom:3px; }
#main .sidebox#setting .settingBox li input { margin-right:6px; vertical-align:text-top; }
head~/* */body #main .sidebox#setting .settingBox li input { /* for ie8 */ position: relative; margin-top: -1px; }
html:not(:target) #main .sidebox#setting .settingBox li input { margin-top: 0; }
* html #main .sidebox#setting .settingBox li input { position: relative; margin-top: -2px; vertical-align: middle; }
*:first-child+html #main .sidebox#setting .settingBox li input { position: relative; margin-top: -2px;  vertical-align: middle; }
#main .sidebox#setting .settingBox li input:hover { cursor:pointer; }
#main p.btnSetting { margin:0; padding-left: 12px; }
* html #main p.btnSetting { padding-left: 19px; }
*:first-child+html #main p.btnSetting { padding-left: 19px; }
#main p.btnSetting input { display: inline-block; width:74px; height:23px; margin-left:5px; background-position: 0 0; border: none; text-decoration: none; }
#main p.btnSetting input.cansel { border: 0 solid #ffffff; background-image: url(/jp/startpage/images/btn_cancel.png); }
#main p.btnSetting input.save { border: 0 solid #ffffff; background-image: url(/jp/startpage/images/btn_setting.png); }
#main p.btnSetting input:hover { cursor:pointer; background-position: 0 -23px; text-decoration: none; }
#main p.btnSetting input:active { background-position: 0 -46px; text-decoration: none; }

/* For sidebox animation */
div#sidbox-clipbox { overflow: hidden; height: 504px; }
#accessory-list{
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	-webkit-transition-delay: 0s;
	-webkit-transition-duration: 1s;
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
}

/* personalized promos */
#main #personalized_promos { position:relative; width:992px; height:110px; margin:0 -12px 13px 0;}
#main #personalized_promos ul { margin-bottom:0; }
#main #personalized_promos li { float:left; width:236px; margin-right:12px; }
#main #personalized_promos li div { width:236px; height:110px; }

#main #customView { position:relative; width:236px; min-height:532px; _height:532px; }

/*itunesmodule*/
#itunesmodule .title { height:30px; }
#itunesmodule-showcase { height:35px; background-color:#fff; }

#itunesmodule_video_content #MASKED-itunesmodule_clicktoplay ul li  { width:482px; text-align:center; }