/*==========================================

	common

==========================================*/

/*------------------------------------------
 @ Init
------------------------------------------*/

html {
    }

*{
		font-size:100%;
		color:#333;
}

body{
	margin:0;
	height:100%;
	padding:0;
	font-size:75%;
	line-height:145%;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic","メイリオ", Meiryo, Osaka, sans-serif;
	background:url(../img/Templates/bg_footer.gif) repeat left top;
}

ul,dl{
	margin:0;
	padding:0;
}

li,dt,dd{
	margin:0;
	padding:0;
	list-style-type:none;
}

img{
	border:0;
}

h1,h2,h3,h4,h5{
	margin:0;
	padding:0;
	font-size:100%;
	line-height:100%;
	font-weight:normal;
}

h2{
	margin:30px 0 20px 0;
}

h3{
	margin:0 0 10px 0;
}

p{
	margin:0 0 5px 0;
	padding:0;
}

th{
	font-weight:normal;
	text-align:left;
}


/*------------------------------------------
 @ Templates
------------------------------------------*/

#wrapper{
	width:100%;
	min-width:1100px;
	text-align:center;
	background:#FFF url(../img/Templates/bg_header_02.gif) repeat-x left top;
}

#wrapperIn{
	width:1100px;
	margin:0 auto;
	text-align:center;
	position:relative;
}

#header{
	width:980px;
	height:134px;
	margin:0 auto;
	text-align:left;
	position:relative;
	z-index:10;
}

#contents{
	width:980px;
	text-align:left;
	margin:20px auto 0;
	position:relative;
	z-index:1;
}

#footer{
	width:100%;
	margin:10px 0 0 0;
	padding:0 0 20px 0;
	position:relative;
	background:url(../img/Templates/bg_footer.gif) repeat left top;
	text-align:center;
}


/* Header
------------------------------------------*/

h1{
	margin:0px 0 0px 0;
	padding:49px 0 0 0 ;
}

p.sonyLogo{
	position:absolute;
	top:12px;
	right:15px;
}

ul#headerMenu{
	font-size:1px;
	line-height:1px;
	position:absolute;
	top:71px;
	right:0px;
}

ul#headerMenu li{
	float:left;
	margin:0 0px 0 20px ;
}

div#breadcrumb{
	width:980px;
	background-color:#F0F0F0;
	margin:0 auto;
}

div#breadcrumb ul{
	width:970px;
	padding:6px 0 2px 0;
	margin:0 0 0 10px;
	height:17px;
	text-align:left;
	font-size:11px;
	text-align:left;
}

div#breadcrumb li{
	float:left;
	background:url(../img/Templates/bg_breadcrumb.gif) no-repeat 12px 3px;
	padding:0 0 0 25px;
}

div#breadcrumb li.home{
	background:none !important;
	padding:0;
	font-weight:bold;
}

div#breadcrumb a{
	text-decoration:none;
}

ul#globalNavi{
	background:#FFF url(../img/Templates/bg_header_01.gif) repeat-x left top;
	height:38px;
	position:absolute;
	top:96px;
	left:0;
}

ul#globalNavi li{
	float:left;
	margin:0;
	padding:0;
	position:relative;
	cursor:pointer;
}

ul#globalNavi li div.localNavi{
	width:164px;
	padding:2px 0 4px 1px;
	position:absolute;
	top:35px;
	left:1px;
	z-index:10;
	display:none;
	border-top:1px solid #ffffff;
}

ul#globalNavi li div.localNavi p{
	margin:0;
}

ul#globalNavi li div.localNavi a{
	width:150px;
	margin:0;
	padding:15px 0 10px 10px;
	vertical-align:middle;
	display:block;
}

ul#globalNavi li div.localNavi a.second{
	padding:7px 0 4px 10px;
}

ul#globalNavi li div.localNavi a:link,
ul#globalNavi li div.localNavi a:visited,
ul#globalNavi li div.localNavi a:active,
ul#globalNavi li div.localNavi a:hover{
	color:#FFF;
	text-decoration:none;
}

/* Local Navi +++ Category +++ */
ul#globalNavi li#category div.localNavi{ background:url(../img/Templates/bg_localnavi_category.gif) no-repeat left bottom;}
ul#globalNavi li#category div.localNavi a:link,ul#globalNavi li#category div.localNavi a:visited{	background:url(../img/Templates/bg_localnavi_category_off.gif) no-repeat left top;}
ul#globalNavi li#category div.localNavi a:active,ul#globalNavi li#category div.localNavi a:hover{	background:url(../img/Templates/bg_localnavi_category_on.gif) no-repeat left 50%;}

/* Local Navi +++ Platform +++ */
ul#globalNavi li#platform div.localNavi{ background:url(../img/Templates/bg_localnavi_platform.gif) no-repeat left bottom;}
ul#globalNavi li#platform div.localNavi a:link,ul#globalNavi li#platform div.localNavi a:visited{	background:url(../img/Templates/bg_localnavi_platform_off.gif) no-repeat left top;}
ul#globalNavi li#platform div.localNavi a:active,ul#globalNavi li#platform div.localNavi a:hover{	background:url(../img/Templates/bg_localnavi_platform_on.gif) no-repeat left 50%;}

/* Local Navi +++ Ranking +++ */
ul#globalNavi li#ranking div.localNavi{	background:url(../img/Templates/bg_localnavi_ranking.gif) no-repeat left bottom;}
ul#globalNavi li#ranking div.localNavi a:link,ul#globalNavi li#ranking div.localNavi a:visited{	background:url(../img/Templates/bg_localnavi_ranking_off.gif) no-repeat left top;}
ul#globalNavi li#ranking div.localNavi a:active,ul#globalNavi li#ranking div.localNavi a:hover{	background:url(../img/Templates/bg_localnavi_ranking_on.gif) no-repeat left 50%;}

/* Local Navi +++ Calendar +++ */
ul#globalNavi li#kisekaeCal div.localNavi{	background:url(../img/Templates/bg_localnavi_calendar.gif) no-repeat left bottom;}
ul#globalNavi li#kisekaeCal div.localNavi a:link,ul#globalNavi li#kisekaeCal div.localNavi a:visited{	background:url(../img/Templates/bg_localnavi_calendar_off.gif) no-repeat left top;}
ul#globalNavi li#kisekaeCal div.localNavi a:active,ul#globalNavi li#kisekaeCal div.localNavi a:hover{	background:url(../img/Templates/bg_localnavi_calendar_on.gif) no-repeat left 50%;}


/* Local Navi +++ Feature +++ */
ul#globalNavi li#feature div.localNavi{	background:url(../img/Templates/bg_localnavi_feature.gif) no-repeat left bottom;}
ul#globalNavi li#feature div.localNavi a:link,ul#globalNavi li#feature div.localNavi a:visited{	background:url(../img/Templates/bg_localnavi_feature_off.gif) no-repeat left top;}
ul#globalNavi li#feature div.localNavi a:active,ul#globalNavi li#feature div.localNavi a:hover{	background:url(../img/Templates/bg_localnavi_feature_on.gif) no-repeat left 50%;}

	
ul#globalNavi li{
	font-size:12px;
}

/* Footer
------------------------------------------*/

#footerIn{
	font-size:1px;
	line-height:1px;
	width:980px;
	margin:0 auto;
	padding:20px 0 0 0;
	text-align:left;
	position:relative;
}

#footerIn p.logo{
	position:absolute;
	top:20px;
	right:0;
}

#footerIn p.copyright{
	color:#FFF;
	font-size:10px;
	position:absolute;
	top:50px;
	left:344px;
}

ul#footerMenu{
}

ul#footerMenu li{
	display:inline;
	margin:0 20px 0px 0;
}

#btnPageTop{
	clear:both;
	width:980px;
	margin:0 auto;
	padding:40px 0 0 0;
	text-align:right;
}

#footerIn .displayInline{
	display:inline;
}

/* Contents
------------------------------------------*/

#contentsMain{
	float:left;
	width:710px;
}

#contentsSub{
	float:right;
	width:250px;
}	

#mainflash{
	margin:20px 0 0 0;
}

/* noscript
------------------------------------------*/
#noscript{
	margin:40px 0;
}	

/*------------------------------------------
 @ margin - padding
------------------------------------------*/

.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}
.pt0 {padding-top:0px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pt60 {padding-top:60px !important;}
.pt70 {padding-top:70px !important;}
.pt80 {padding-top:80px !important;}
.pt90 {padding-top:90px !important;}
.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}
.pb70 {padding-bottom:70px !important;}
.pb80 {padding-bottom:80px !important;}
.pb90 {padding-bottom:90px !important;}

.ml0 {margin-left:0px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.mr0 {margin-right:0px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}

.mg5 {margin:5px !important;}
.mg10 {margin:10px !important;}
.mg15 {margin:15px !important;}
.mg20 {margin:20px !important;}
.mg25 {margin:25px !important;}
.mg30 {margin:30px !important;}
.mg35 {margin:35px !important;}
.mg40 {margin:40px !important;}
.mg45 {margin:45px !important;}
.mg50 {margin:50px !important;}

.pd5 {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd25 {padding:25px !important;}
.pd30 {padding:30px !important;}
.pd35 {padding:35px !important;}
.pd40 {padding:40px !important;}
.pd45 {padding:45px !important;}
.pd50 {padding:50px !important;}

.ma0 {margin:0 !important;}
.pd0 {padding:0 !important;}
.mAuto{ margin:0 auto; !important}

/*------------------------------------------
 @ width
------------------------------------------*/
.wid100{ width:100px; }
.wid110{ width:110px; }
.wid120{ width:120px; }
.wid130{ width:130px; }
.wid140{ width:140px; }
.wid150{ width:150px; }
.wid160{ width:160px; }
.wid170{ width:170px; }
.wid180{ width:180px; }
.wid190{ width:190px; }

.wid200{ width:200px; }
.wid210{ width:210px; }
.wid220{ width:220px; }
.wid230{ width:230px; }
.wid240{ width:240px; }
.wid250{ width:250px; }
.wid260{ width:260px; }
.wid270{ width:270px; }
.wid280{ width:280px; }
.wid290{ width:290px; }

.wid300{ width:300px; }
.wid310{ width:310px; }
.wid320{ width:320px; }
.wid330{ width:330px; }
.wid340{ width:340px; }
.wid350{ width:350px; }
.wid360{ width:360px; }
.wid370{ width:370px; }
.wid380{ width:380px; }
.wid390{ width:390px; }

.wid400{ width:400px; }
.wid410{ width:410px; }
.wid420{ width:420px; }
.wid430{ width:430px; }
.wid440{ width:440px; }
.wid450{ width:450px; }
.wid460{ width:460px; }
.wid470{ width:470px; }
.wid475{ width:475px; }
.wid480{ width:480px; }
.wid490{ width:490px; }

.wid500{ width:500px; }
.wid510{ width:510px; }
.wid520{ width:520px; }
.wid530{ width:530px; }
.wid540{ width:540px; }
.wid550{ width:550px; }
.wid560{ width:560px; }
.wid570{ width:570px; }
.wid580{ width:580px; }
.wid590{ width:590px; }

.wid600{ width:600px; }

/*------------------------------------------
 @ Link
------------------------------------------*/

a:link 		{color:#337BB9; text-decoration:none;}
a:visited {color:#337BB9; text-decoration:none;}
a:hover 	{color:#FF7402; text-decoration:none;}
a:active 	{color:#337BB9; text-decoration:none;}

/*------------------------------------------
 @ font size
------------------------------------------*/

.fontSS{
	font-size:75% !important;
	line-height:145%;
}

.fontS{
	font-size:90% !important;
	line-height:145%;
}

.fontM{
	font-size:100% !important;
	line-height:145%;
}

.fontL{
	font-size:135% !important;
	line-height:145%;
}

/*------------------------------------------
 @ font line_height
------------------------------------------*/
.lineHeight{
	line-height:1;
}

/*------------------------------------------
 bold oblique
------------------------------------------*/
/*2010 5/14*/
.bold {
	font-weight:bold;
}
.oblique {
	font-style:oblique;
}

/*------------------------------------------
 @ text-align
------------------------------------------*/
.alignR{
	text-align:right;
}

.alignC{
	text-align:center;
}

.alignL{
	text-align:left;
}

.alignVM{
	vertical-align:middle !important;
	display:inline;
}

.alignVT{
	vertical-align:top !important;
	display:inline;
}

.alignVB{
	vertical-align:bottom !important;
	display:inline;
}

/*------------------------------------------
 @ display
------------------------------------------*/

.displayNone{
	display:none !important;
}

.displayBlock{
	display:block !important;
}

.relative{
	position:relative;
}

/*------------------------------------------
 @ noBg
------------------------------------------*/
.noBg{
	background:none !important;
}

.noCursol{
	cursor:default !important;
}

/*------------------------------------------
 @ noBoader
------------------------------------------*/
.noBoader{
	border:none !important;
}

/*------------------------------------------
 @ float
------------------------------------------*/

.floatL{	float:left !important;}
.floatR{	float:right !important;}
.clear{	clear: both  !important;}

.clearHeight0{	
	clear: both  !important;
	line-height:0 !important;
	height:0 !important;
	}

.leftImage{
	margin: 0 18px 5px 0;
	float: left;
}
.rightImage{
	margin: 0 0 5px 18px;
	float: right;
}

/*------------------------------------------
 @ clearfix
------------------------------------------*/

blockquote{
	margin:0;
	padding:0;
	text-indent:0;
}

.clearFix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearFix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearFix { height: 1%; _height: 0; }
.clearFix {display:block;}
/* end MacIE5 */


br{
	_line-height:200%;
}

/*  loading box
------------------------------------------*/

.loadingBox{
	width:100%;
	text-align:center;
	margin:10px 0 0 -3px;
}

.loadingBoxIn{
	width:670px;
	height:246px;
	margin:0 auto 10px auto;
	border:3px solid #DDDDE0;
	background-color:#FFF;
	text-align:center;
}

.loadingBoxIn img{
	margin:90px 0 0 0;
}

#rankBox .loadingBoxIn{
	width:220px;
	height:150px;
	margin:0 auto 10px 15px;
	border:3px solid #DDDDE0;
	background-color:#FFF;
	text-align:center;
}

#rankBox .loadingBoxIn img{
	margin:50px 0 0 0;
}


.recomendBox .loadingBoxIn{
	width:220px;
	height:150px;
	margin:0 auto 10px 5px;
	border:3px solid #DDDDE0;
	background-color:#FFF;
	text-align:center;
}

.recomendBox .loadingBoxIn img
{
	margin:50px 0 0 0;
}


#rank5 .top1 .loadingBox{
	width:100%;
	text-align:center;
	margin:10px 0 0 -3px;
}

#rank5 .top1 .loadingBoxIn{
	width:100px;
	height:200px;
	margin:0 0 40px 220px;
	background-color:#FFF;
	border:none;
	text-align:center;
}

#rank5 .top1 .loadingBoxIn img
{
	margin:80px 0 0 0;
}