@charset "Shift_JIS";

/*--------------------------------------------------------------------------------
	Reset
--------------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;vertical-align:top;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}a{outline:none;}nav{display:block;}a,a:link,a:active,a:visited,a:hover {color: #000;text-decoration: none;}
img{-ms-interpolation-mode: bicubic;}

/*--------------------------------------------------------------------------------
	html
--------------------------------------------------------------------------------*/
html {
	transform-origin: center top;
	-o-transform-origin: center top;
	-moz-transform-origin: center top;
	background: #333;
}
/*html.mobile {
	transform-origin: left top;
	-o-transform-origin: left top;
	-moz-transform-origin: left top;
}
html.no-js { zoom:0.5; }
html.mobile { overflow-x: hidden; }*/

/*--------------------------------------------------------------------------------
	body
--------------------------------------------------------------------------------*/
body {
	margin: 0 auto;
	transform-origin: left top;
	-o-transform-origin: left top;
	-moz-transform-origin: left top;
	background: #333;
}

/*--------------------------------------------------------------------------------
	.display
--------------------------------------------------------------------------------*/
.display {
	position: relative;
	margin: 0 auto;
	width: 1920px;
	overflow: hidden;
/*	box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.15);
	-o-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.15);
	-ms-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.15);
	transform-origin: left top;
	-o-transform-origin: left top;
	-moz-transform-origin: left top;
	user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	_zoom: 0.5;*/
}

/*--------------------------------------------------------------------------------
	.container
--------------------------------------------------------------------------------*/
.container {
	position: relative;
	overflow: hidden;
	zoom: 1;
}
.container:after {
	clear: both;
	display: block;
	content: "";
}

/*--------------------------------------------------------------------------------
	.section
--------------------------------------------------------------------------------*/
.section {
	position: relative;
	width: 1920px;
	background-color: #fff;
	overflow: hidden;
	zoom: 1;
}
.section:after {
	clear: both;
	display: block;
	content: "";
}
/*.no-js .section { border-bottom: 1px solid #fff; }*/
.js .section { float: left; }

.section .main-img {
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
}
/*.section .obi-img {
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 0;
}*/
.section .content {
	position: relative;
	z-index: 1;
	width: 100%;
	zoom: 1;
}


.section .content .menu {
	position: relative;
}
.section .content .menu li {
	width: 246px;
	height: 244px;
	text-align: center;
	cursor: pointer;
}
.section .content .menu li img {
	position: absolute;
	left: 0;
	top: 0;
	width: 246px;
	height: 244px;
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;
}

/*--------------------------------------------------------------------------------
	.thickbox
--------------------------------------------------------------------------------*/
.thickbox {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}
.thickbox .thick {
	position: absolute;
	display: none;
	width: 0px;
	height: 0px;
}
.thickbox .thick .box {
	position: relative;
	z-index: 2;
	width: 100%;
}
.thickbox .thick .box img {
	display: none;
}
.thickbox p {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}


/*--------------------------------------------------------------------------------
	.navigation
--------------------------------------------------------------------------------*/
/*.no-js .navigation {
	display: none;
}*/
.navigation .btn-prev {
	position: absolute;
	left: 0px;
	bottom: 0;
	z-index: 400;
	width: 46px;
	height: 46px;
	cursor: pointer;
}
.navigation .btn-prev img {
	position: absolute;
	left: 0;
	top: 0;
}
.navigation .btn-next {
	position: absolute;
	left: 0px;
	bottom: 0;
	z-index: 400;
	width: 46px;
	height: 46px;
	background-size: 100%;
	cursor: pointer;
}
.navigation .btn-next img {
	position: absolute;
	left: 0;
	top: 0;
}


/*--------------------------------------------------------------------------------
	.shortcut
--------------------------------------------------------------------------------*/
.shortcut {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	width: 1000%\9;
	height: 350px\9;
	overflow: hidden\9;
	zoom: 1;
}
.shortcut h1 {
	position: absolute;
	left: 1757px;
	bottom: 62px;
	z-index:200;
}
div.flogo {
	position: absolute;
	left: 0;
	top: 1006px;
	height: 46px;
	z-index:200;
	width:100%;
	background-color:rgba(000,000,000,0.9);
}
div.flogo p{
	cursor: pointer;
	margin-left:25px;
}



/* .btn
--------------------------------------------------------------------------------*/
.shortcut ul.btn {
	position: absolute;
	left: 816px;
	bottom: 62px;
	width: 100%;
	z-index:1;
	cursor: pointer;
}
.shortcut ul.btn li {
	float: left;
	margin: 0 13px;
	width: 15px;
	height: 15px;
	background: url("/lp/soundsgood/images/btn_shortcut_ot.png") no-repeat;
	cursor: pointer;
}
.shortcut ul.btn li.current {
	background: url("/lp/soundsgood/images/btn_shortcut_ov.png") no-repeat;
}

.shortcut ul.btn li:hover {
	background: url("/lp/soundsgood/images/btn_shortcut_ov.png") no-repeat;
}




/*--------------------------------------------------------------------------------
	.loading
--------------------------------------------------------------------------------*/
.js .loading {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 999;
	width: 1920px;
	height: 100%;
	background: url("../img/loading.gif") no-repeat 50% 50% #333;
}