@charset "utf-8";

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
nav ul { list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins {color:#000;text-decoration:none;}
mark {color:#000; font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table { border-collapse:collapse;border-spacing:0;}
hr {display:block; height:1px; border:0;border-top:1px solid #cccccc; margin:1em 0;padding:0;}
input, select { vertical-align:middle;}
a {outline: none;}
*{margin: 0; padding: 0}
ul, ol { list-style : none}
img{ vertical-align : middle}
/* base
--------------------------------------------------------------*/
html {
	height:100%;
	width:100%;
}
body {
	background:#FFF;
	height:100%;
	width:100%;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	-webkit-text-size-adjust: 100%;
	font-size:12px;
	line-height:2;
}

a:link {
	color: #000;
	text-decoration: underline;
}
a:visited {
	color: #000;
	text-decoration: underline;
}
a:hover,
a:active {
	color: #000;
	text-decoration: none;
}

iframe {
	position:absolute;
	left:0;
	top:0;
}
#loading {
	position:fixed;
	width:100%;
	height:100%;
	background:#FFF;
	z-index:999999;
	left:0;
	top:0;
}
#main {
	width:100%;
	height:100%;
	min-height: 100%;
	height: auto !important;
	min-width:940px;
	display:none;
	position:relative;
}
img.fit{
    max-width: 100%; 
    height: auto;
    width /****/:auto;  /*IE8のみ適用*/
}
#content {
	width:940px;
	margin:0 auto;
	position:relative;
	z-index:5000;
	padding-bottom:260px;
}
#content_movie{
	width:940px;
	margin:0 auto;
	position:relative;
	z-index:5000;
}
#navi-frame {
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:88888;
	background:url(../images/gnavi_bg.png) repeat-x left top;
	height:80px;
}
#gnavi {
	height:70px;
	overflow:hidddn;
	width:940px;
	margin:0 auto;
}
#gnavi li {
	height:70px;
	float:left;
	overflow:hidden;
	display:block;
	background-image:url(../images/gnavi.png);
	background-repeat:no-repeat;
	width:142px;
}
#gnavi a,
#gnavi span{
	width:100%;
	display:block;
	background-image:url(../images/gnavi.png);
	background-repeat:no-repeat;
	height:70px;
}
#gnavi1 {width:86px !Important;}
#gnavi2, #gnavi4 {width:143px !Important;}
#gnavi1 {	background-position:0 0; }
#gnavi2 { background-position:-86px 0; }
#gnavi3 { background-position:-229px 0; }
#gnavi4 {	background-position:-371px 0;}
#gnavi5 {	background-position:-514px 0;}
#gnavi6 {	background-position:-656px 0;}
#gnavi7 {	background-position:-799px 0;}
#gnavi1 a{	background-position:0 -300px; }
#gnavi2 a {	background-position:-86px -300px;}
#gnavi3 a {	background-position:-229px -300px;}
#gnavi4 a {	background-position:-371px -300px;}
#gnavi5 a{	background-position:-514px -300px;}
#gnavi6 a{	background-position:-656px -300px;}
#gnavi7 a{	background-position:-799px -300px;}
#gnavi1 a.current{	background-position:0 -200px; }
#gnavi2 a.current {	background-position:-86px -200px;}
#gnavi3 a.current {	background-position:-229px -200px;}
#gnavi4 a.current {	background-position:-371px -200px;}
#gnavi5 a.current{	background-position:-514px -200px;}
#gnavi6 a.current{	background-position:-656px -200px;}
#gnavi7 a.current{	background-position:-799px -200px;}
#gnavi7 span{	background-position:-799px -100px;}
#gnavi a em,
#gnavi span em{
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
	overflow:hidden;
}
#footer {
	width:100%;
	position:absolute;
	height:230px;
	clear:both;
	overflow:hidden;
	z-index:6000;
	left:0;
	bottom:0;
	min-width:940px;
}
#foot {
	width:100%;
	background:url(../images/footer.png) repeat-x center top;	
	padding:35px 0 0;
	height:195px;
}
.sony-sub {
	text-align:center;
	width:100%;
}
.copyright-sub {
	text-align:center;
	width:100%;
	padding:10px 0;
}
.basebox {
	width:100%;
	overflow:hidden;
	position:relative;
}
	
.basebox-hd {
	background:url(../images/box_hd.png) no-repeat center top;
	height:15px;
	overflow:hidden;
	width:100%;
}
.basebox-hd-navi {
	background:url(../images/box_hd_tab.png) no-repeat center top;
	height:44px;
	overflow:hidden;
	width:100%;
	padding-top:5px;
}
.tab-navi{
	height:44px;
	width:920px;
	margin:0 auto;
	overflow:hidden;
}
.tab-navi_sub{
	height:44px;
	width:860px;
	margin:0 auto;
	overflow:hidden;
}

.tab-navi li,
.tab-navi_sub li{
	list-style-type:none;
	float:left;
	height:44px;
}
.tab-navi  li a,
.tab-navi  li span,
.tab-navi_sub li a,
.tab-navi_sub li span{
	display:block;
	overflow:hidden;
	height:44px;
	line-height:44px;
	width:100%;
	text-decoration:none;
	color:#000;
	text-align:center;
	font-size:11px;
	background-image:url(../images/tab.png);
	background-repeat: no-repeat;
	background-position: right top;
	font-weight:bold;
	position: relative;
}
.tab-navi  li a em,
.tab-navi  li span em,
.tab-navi_sub li a em,
.tab-navi_sub li span em{
	background:url(../images/icon_arrow.png) no-repeat left center;
	height:44px;
	line-height:44px;
	margin:0 auto;
	line-height:1.1;
	padding:0 0 0 10px;
	font-style:normal;
}
.tab-soon a em,
.tab-soon span em{
	color:#999 !important;
}
.tab6 li{
	width:17%;
}
.tab2 li{
	width:50%;
}
.tab3 li{
	width:33%;
}
.tab4 li{
	width:25%;
}
.tab5 li{
	width:20%;
}
.tab6 li.last-tab {
	width:15%;
}
.tab3 li.last-tab{
	width:34%;
}
.tab-navi li.last-tab a,
.tab-navi li.last-tab span,
.tab-navi_sub li.last-tab a,
.tab-navi_sub li.last-tab span{
	background-position: left top !important;
}
.tab-navi li.current a,
.tab-navi li a:hover,
.tab-navi_sub li.current a,
.tab-navi_sub li a:hover {
	background-position: right bottom !important;
}
.newicon_mini {
	position: absolute;
	left:2px;
	display: block;
	width: 31px;
	height:11px;
}
.tab-navi .newicon_mini {
	top:6px;
}
#snavi .newicon_mini {
	top:3px;
}
.newicon_mini img{
vertical-align: top !important;
}
.basebox-content {
	background:url(../images/box_bg.png) repeat-y center top;
	overflow:hidden;
	width:100%;
}
.basebox-btm {
	background:url(../images/box_btm.png) no-repeat center bottom;
	height:20px;
	overflow:hidden;
	width:100%;
}
#pagetop {
	width:940px;
	text-align:right;
	position:relative;
	z-index:6000;
	margin:30px auto 0;
	clear:both;
	float:none;
}

#gnavi1 em,#gnavi2 em,#gnavi3 em,#gnavi4 em,#gnavi5 em ,#gnavi6 em ,#gnavi7 em {
	background:url(../images/icon_gnavi.png) no-repeat left top;
}

/* set new icon */
/*#gnavi7 em {
	background:url(../images/icon_new.png) no-repeat right bottom !important;
}*/


/* prop */
.text-c {text-align:center !important;}
.text-r {text-align:right !important;}
.pt10 {padding-top:10px !important}
.pt20 {padding-top:20px !important}
.pt30 {padding-top:30px !important}
.pt40 {padding-top:40px !important}
.pt50 {padding-top:50px !important}
.pt60 {padding-top:60px !important}
.pt100 {padding-top:100px !important}
.pt200 {padding-top:200px !important}
.pt300 {padding-top:300px !important}
.pb10 {padding-bottom:10px !important}
.pb20 {padding-bottom:20px !important}
.pb30 {padding-bottom:30px !important}
.pb40 {padding-bottom:40px !important}
.pr10 {padding-right:10px !important}
.pr20 {padding-right:20px !important}
.pr30 {padding-right:30px !important}
.pr40 {padding-right:40px !important}
.pl10 {padding-left:10px !important}
.pl20 {padding-left:20px !important}
.pl30 {padding-left:30px !important}
.pl40 {padding-left:40px !important}
.pl50 {padding-left:50px !important}
.mb10 {margin-bottom:10px !important}
.mb20 {margin-bottom:20px !important}
.mb30 {margin-bottom:30px !important}
.mb40 {margin-bottom:40px !important}
.mb50 {margin-bottom:50px !important}
.mb60 {margin-bottom:60px !important}
.ml10 {margin-left:10px !important}
.ml20 {margin-left:20px !important}
.ml30 {margin-left:30px !important}
.ml40 {margin-left:40px !important}

.arrLink {
	background:url(../images/icon_arrow2.png) no-repeat left center;
	color:#000;
	padding-left:8px;
}


/* skroll */
.skrollable {
	position: fixed;
/*
	z-index:500;
	transition: all .3s;
	-ms-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .1s ease;
	-ms-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-webkit-transition: all .1s ease;
	-ie-transition: all .1s ease;
*/
}
.skrollable.notransition, .notransition .skrollable {
/*
	transition: none;
	-o-transition: none;
	-ms-transition: none;
	-moz-transition: none;
	-webkit-transition: none;
*/
	position:absolute;
}
.skrollable.hidden {
	display:none !important;
}
.skrollable .skrollable {
	position:absolute;
}

.skrollable .skrollable .skrollable {
	position:static;
}



/* loading */
.loading-txt {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:11px;
	color:#00D9FF;
	margin:300px auto 10px;
	letter-spacing:1px;
}
.bubblingG {
margin:0 auto 0;
text-align: center;
width:80px;
height:50px;
}

.bubblingG span {
display: inline-block;
vertical-align: middle;
width: 10px;
height: 10px;
margin: 25px auto;
background: #00D9FF;
-moz-border-radius: 50px;
-moz-animation: bubblingG 1.3s infinite alternate;
-webkit-border-radius: 50px;
-webkit-animation: bubblingG 1.3s infinite alternate;
-ms-border-radius: 50px;
-ms-animation: bubblingG 1.3s infinite alternate;
-o-border-radius: 50px;
-o-animation: bubblingG 1.3s infinite alternate;
border-radius: 50px;
animation: bubblingG 1.3s infinite alternate;
}

#bubblingG_1 {
-moz-animation-delay: 0.78s;
-webkit-animation-delay: 0.78s;
-ms-animation-delay: 0.78s;
-o-animation-delay: 0.78s;
animation-delay: 0.78s;
}

#bubblingG_2 {
-moz-animation-delay: 0.39s;
-webkit-animation-delay: 0.39s;
-ms-animation-delay: 0.39s;
-o-animation-delay: 0.39s;
animation-delay: 0.39s;
}

#bubblingG_3 {
-moz-animation-delay: 0s;
-webkit-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
}

@-moz-keyframes bubblingG {
0% {
width: 10px;
height: 10px;
background-color:#00D9FF;
-moz-transform: translateY(0);
}

100% {
width: 24px;
height: 24px;
background-color:#FFFFFF;
-moz-transform: translateY(-21px);
}

}

@-webkit-keyframes bubblingG {
0% {
width: 10px;
height: 10px;
background-color:#00D9FF;
-webkit-transform: translateY(0);
}

100% {
width: 24px;
height: 24px;
background-color:#FFFFFF;
-webkit-transform: translateY(-21px);
}

}

@-ms-keyframes bubblingG {
0% {
width: 10px;
height: 10px;
background-color:#00D9FF;
-ms-transform: translateY(0);
}

100% {
width: 24px;
height: 24px;
background-color:#FFFFFF;
-ms-transform: translateY(-21px);
}

}

@-o-keyframes bubblingG {
0% {
width: 10px;
height: 10px;
background-color:#00D9FF;
-o-transform: translateY(0);
}

100% {
width: 24px;
height: 24px;
background-color:#FFFFFF;
-o-transform: translateY(-21px);
}

}

@keyframes bubblingG {
0% {
width: 10px;
height: 10px;
background-color:#00D9FF;
transform: translateY(0);
}

100% {
width: 24px;
height: 24px;
background-color:#FFFFFF;
transform: translateY(-21px);
}

}