@charset "UTF-8";
html { color: #000; } 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; } 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; } html, body { width: 100%; height: 100%; } 

html {
	background-image: url("../images/bg.jpg");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #ececec;
}
html.story { background-image: none; background-color: #fdfdfd; }
body { 
	color: #000;
	font-size: 12px;
	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;
	font-weight: normal;
	min-width: 1028px;
	overflow-y: scroll;
	overflow-x: hidden;
}
a { color: #000; text-decoration: none; outline: none; }
a:hover { color: #9e9e9e; text-decoration: none; }
.imgover { cursor: pointer; }

#footer {
	position: absolute;
	bottom: 0;
	left: 0; width: 100%;
	background-image: url("../images/hires_bg.png");
	background-repeat: repeat-x;
	background-position: top center;
}
#footer .inner {
	margin: 0 auto 0;
	padding: 0 20px 50px;
	height: 55px;
	color: #fff;
}
#footer p {
	padding: 24px 0 0 0;
	float: left;
	font-size: 10px;
	line-height: 1em;
}
#footer ul { float: right; padding: 20px 3px 0 0; }
#footer ul li { float: left; width: 132px; }
#footer ul li:nth-child(3) { width: 70px; }
#footer ul li:nth-child(4) { width: 111px; }

#hires {
	padding: 15px 0 10px;
	background-image: url("../images/hires_bg.png");
	background-repeat: repeat-x;
	background-position: top center;
	text-align: center; width: 100%;
	line-height: 0;
	font-size: 0;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 4900;
}

#header {
	height: 75px;
	background-image: url("../images/header_bg.png");
	background-repeat: repeat-x;
	background-position: top center;
	position: fixed;
	top: 0;
	left: 0; width: 100%;
	min-width: 1028px;
	z-index: 5000;
}
#header .inner { margin: 0 auto 0; padding: 0 20px 0; position: relative; }
#header .inner p.sony { padding: 26px 0 0; float: left; }
#header .inner p.headphones { padding: 15px 0 0; float: right; }
#header .inner ul#menu {
	position: absolute;
	left: 9px;
	top: 70px; width: 610px;
	height: 45px;
	background-image: url("../images/menu.png");
	background-repeat: no-repeat;
	background-position: top left;
}
#header .inner ul#menu li { float: left; width: 100px; height: 45px; }
#header .inner ul#menu li a {
	overflow: hidden;
	display: block;
	width: 100%;
	height: 45px;
	text-indent: -9999px;
}
#header .inner ul#menu li.side { width: 105px; }

#header .inner ul#menu.home { background-position: 0 -45px !important; }
#header .inner ul#menu.story { background-position: 0 -90px !important; }
#header .inner ul#menu.review { background-position: 0 -135px !important; }
#header .inner ul#menu.history { background-position: 0 -180px !important; }
#header .inner ul#menu.product { background-position: 0 -225px !important; }
#header .inner ul#menu.other { background-position: 0 -270px !important; }

#header .inner ul#linkmenu {
	position: absolute;
	right: 9px;
	top: 70px;
	width: 410px;
	height: 45px;
	background-image: url("../images/linkmenu.png");
	background-repeat: no-repeat;
	background-position: top left;
}
#header .inner ul#linkmenu li { float: left; width: 205px; height: 45px; }
#header .inner ul#linkmenu li a {
	overflow: hidden;
	display: block;
	width: 100%;
	height: 45px;
	text-indent: -9999px;
}
#header .inner ul#linkmenu.z7 { background-position: 0 -45px !important; }
#header .inner ul#linkmenu.z5 { background-position: 0 -90px !important; }

#header .inner .close { position: absolute; right: 10px; top: 150px; }

#stage {
	width: 100%;
	height: 100%;
	min-width: 1028px;
	min-height: 620px;
}
#stage .center {
	position: absolute;
	top: 50%;
	left: 50%;
}
#stage .scene {
	display: block; width: 100%;
	height: 100%;
	min-height: 620px;
	zoom: 1;
	position: relative;
	margin: 0 auto 0;
}
#stage .scene:after {
	content: "";
	display: block;
	clear: both;
}
#stage .line {
	position: absolute;
	left: 20px;
	overflow: hidden;
}
#stage .line.top { top: 30px; }

/* scroll up */
#stage p.scrollup {
	position: absolute;
	top: -230px;
	left: -25px;
	z-index: 99999;
}

#home h1 {
	display: block;
	position: absolute;
	left: -100px;
	top: -110px;
}
#home p.desc {
	display: block;
	position: absolute;
	left: -202px;
	top: -17px;
}
#home p.z7 {
	display: block;
	position: absolute;
	left: -525px;
	top: -220px;
}
#home p.z5 {
	display: block;
	position: absolute;
	left: 145px;
	top: -220px;
}
#home p.z7Title {
	display: block;
	position: absolute;
	left: -300px;
	top: 212px;
}
#home p.z5Title {
	display: block;
	position: absolute;
	left: 154px;
	top: 212px;
}
#home p.scroll {
	display: block;
	position: absolute;
	left: -32px;
	top: 220px;
	z-index: 1800;
}

#product h2 {
	display: block;
	position: absolute;
	left: -100px;
	top: 0px;
	z-index: 2900;
}
#product .z7Image {
	display: block;
	position: absolute;
	left: -632px;
	top: -211px;
}
#product .z7Title {
	display: block;
	position: absolute;
	left: -300px;
	top: -181px;
}
#product .z7Desc {
	display: block;
	position: absolute;
	left: -300px;
	top: -140px;
}
#product .z7Btn {
	display: block;
	position: absolute;
	left: -300px;
	top: -65px;
	z-index: 2800;
}
#product .z5Image {
	display: block;
	position: absolute;
	left: 312px;
	top: -211px;
}
#product .z5Title {
	display: block;
	position: absolute;
	right: -260px;
	top: 109px;
}
#product .z5Desc {
	display: block;
	position: absolute;
	right: -260px;
	top: 149px;
}
#product .z5Btn {
	display: block;
	position: absolute;
	right: -260px;
	top: 205px;
	z-index: 2700;
}
#product .bg {
	display: block;
	position: absolute;
	left: -301px;
	top: -211px;
	z-index: 2000;
}
#product p.scroll {
	display: block;
	position: absolute;
	left: -25px;
	top: 250px;
	z-index: 2800;
}

#story h2 {
	display: block;
	position: absolute;
	left: -136px;
	top: -90px;
	z-index: 3000;
}
#story .desc {
	display: block;
	position: absolute;
	left: -171px;
	top: 8px;
	z-index: 2500;
}
#story .z7People {
	display: block;
	position: absolute;
	left: -500px;
	top: -181px;
}
#story .z7Image {
	display: block;
	position: absolute;
	left: -495px;
	top: 91px;
}
#story .z7Title {
	display: block;
	position: absolute;
	left: -325px;
	top: 124px;
}
#story .z7Btn {
	display: block;
	position: absolute;
	left: -325px;
	top: 160px;
	z-index: 3800;
}
#story .z5People {
	display: block;
	position: absolute;
	left: 182px;
	top: -181px;
}
#story .z5Image {
	display: block;
	position: absolute;
	left: 330px;
	top: 91px;
}
#story .z5Title {
	display: block;
	position: absolute;
	left: 175px;
	top: 124px;
}
#story .z5Btn {
	display: block;
	position: absolute;
	left: 175px;
	top: 160px;
	z-index: 3800;
}
#story p.scroll {
	display: block;
	position: absolute;
	left: -25px;
	top: 250px;
	z-index: 3800;
}
#story .bg {
	display: block;
	position: absolute;
	left: -301px;
	top: -211px;
	z-index: 2000;
}

#review h2 {
	display: block;
	position: absolute;
	left: -79px;
	top: -75px;
	z-index: 3000;
}
#review .desc {
	display: block;
	position: absolute;
	left: -170px;
	top: 25px;
	z-index: 2500;
}
#review .z7Image {
	display: block;
	position: absolute;
	left: -491px;
	top: -170px;
}
#review .z7Title {
	display: block;
	position: absolute;
	left: -376px;
	top: 118px;
}
#review .z7Btn {
	display: block;
	position: absolute;
	left: -400px;
	top: 155px;
	z-index: 3800;
}
#review .z5Image {
	display: block;
	position: absolute;
	left: 190px;
	top: -170px;
}
#review .z5Title {
	display: block;
	position: absolute;
	left: 275px;
	top: 118px;
}
#review .z5Btn {
	display: block;
	position: absolute;
	left: 250px;
	top: 155px;
	z-index: 3800;
}
#review p.scroll {
	display: block;
	position: absolute;
	left: -25px;
	top: 250px;
	z-index: 3800;
}
#review .bg {
	display: block;
	position: absolute;
	left: -301px;
	top: -211px;
	z-index: 2000;
}

#history h2 {
	display: block;
	position: absolute;
	left: -450px;
	top: -146px;
}
#history .desc1 {
	display: block;
	position: absolute;
	left: -450px;
	top: -56px;
}
#history .desc2 {
	display: block;
	position: absolute;
	left: -450px;
	top: -26px;
}
#history .btn {
	display: block;
	position: absolute;
	left: -450px;
	top: 171px;
	z-index: 4900;
}
#history .image1 {
	display: block;
	position: absolute;
	left: 214px;
	top: -186px;
}
#history .image2 {
	display: block;
	position: absolute;
	left: 295px;
	top: -90px;
}
#history .image3 {
	display: block;
	position: absolute;
	left: 55px;
	top: 8px;
}
#history p.scroll {
	display: block;
	position: absolute;
	left: -25px;
	top: 250px;
	z-index: 4800;
}
#history .bg {
	display: block;
	position: absolute;
	left: -501px;
	top: -211px;
	z-index: 4000;
}

#other .banner1 {
	display: block;
	position: absolute;
	left: -450px;
	top: -150px;
}
#other .banner2 {
	display: block;
	position: absolute;
	left: 0;
	top: -150px;
}
#other .banner3 {
	display: block;
	position: absolute;
	left: -450px;
	top: -40px;
}
#other .banner4 {
	display: block;
	position: absolute;
	left: 0;
	top: -40px;
}
#other p.scroll {
	display: block;
	position: absolute;
	left: -35px;
	top: -250px;
	z-index: 4800;
}
#other .enq_ttl {
	display: block;
	position: absolute;
	top: 110px;
	left: -123px;
}#other .enq1 {
	display: block;
	position: absolute;
	top: 150px;
	left: -274px;
}#other .enq2 {
	display: block;
	position: absolute;
	top: 150px;
	left: 0;
}
#other .enq_sub {
	display: block;
	position: absolute;
	top: 244px;
	left: -103px;
}

#stroy { width: 1002px;
	margin: 0 auto 0;
	padding: 148px 0 55px;
	background-image: url("../images/story/bg_line.png");
	background-position: top left;
	background-repeat: repeat-y;
}
#stroy h1 {
	text-align: center;
}
#stroy .closePosition {
	position: relative; width: 40px;
	margin: 0 auto 0;
}
#stroy p.close {
	display: block;
	position: absolute;
	left: 0;
	top: 40px;
	z-index: 4800;
}
#stroy .dateObject {
	margin: 40px 0 0;
	height: 90px;
	text-align: center;
	position: relative;
}
#stroy .dateObject .text {
	position: absolute;
	top: 33px; width: 436px;
	font-size: 14px;
	line-height: 2em;
	letter-spacing: 0.1em;
}
#stroy .dateObject.textLeft .text {
	left: 0;
	text-align: right;
}
#stroy .dateObject.textRight .text {
	left: 570px;
	text-align: left;
}
#stroy .dateObject .text.double { top: 20px; }

#stroy .theme {
	margin: 82px 0 0;
	padding: 24px 0 24px;
	border: 2px solid #b2b4bf;
	background-color: #ffffff; width: 998px;
	position: relative;
	zoom: 1;
}
#stroy .theme:after {
	content: "";
	display: block;
	clear: both;
}
#stroy .theme.noDate {
	margin: 38px 0 0;
}
#stroy .theme .date {
	position: absolute;
	top: -46px;
	left: 456px;
}
#stroy .theme .title { width: 455px; }
#stroy .theme .title .sub { margin: 46px 0 14px 7px; font-size: 14px; }
#stroy .theme .title h2 { margin: 0 0 15px; }
#stroy .theme .title .text { display: none; }
#stroy .theme .text { margin: 0 0 25px 7px; font-size: 14px; line-height: 2em; letter-spacing: 0.1em; }
#stroy .theme .more { clear: both; display: none; width: 100%; }
#stroy .theme .more .btnClose { clear: both; text-align: center; }
#stroy .theme .more .photo { padding-top: 7px; }
#stroy .theme .more .text { display: block; }
#stroy .theme .photo { width: 390px; }
#stroy .theme .photo .caption {
	margin: 5px 0 40px;
	font-size: 12px;
	display: none;
}
#stroy .theme .product h2 { padding-top: 30px; }
#stroy .theme .product .text {
	display: block;
	text-align: right;
	line-height: 1;
	margin-bottom: 20px !important;
}
#stroy .theme .profile { margin: 0 45px 0 0; padding: 60px 0 0; }
#stroy .theme .profile .number { font-size: 12px; margin: 0 0 5px 5px; }
#stroy .theme .profile dl { margin: 0 0 20px 5px; }
#stroy .theme .profile dl dt { font-size: 16px; }
#stroy .theme .profile dl dd { font-size: 12px; }

#stroy .theme.textRight .photo { float: left; margin: 0 0 0 54px; }
#stroy .theme.textRight .title { float: right; margin: 0 45px 0 0; }
#stroy .theme.textRight .product .text { text-align: left; }
#stroy .theme.textRight .photo.product { text-align: right; }

#stroy .theme.textLeft .photo { float: right; margin: 0 54px 0 0; }
#stroy .theme.textLeft .title { float: left; margin: 0 0 0 54px; }
#stroy .theme.textLeft .title .sub { text-align: right; margin-right: 8px; }
#stroy .theme.textLeft .title h2 { text-align: right; }
#stroy .theme.textLeft .title .btnMore, #stroy .theme.textLeft .title .btnProduct { text-align: right; }
#stroy .theme.textLeft .text { margin: 0 7px 25px 0; }
#stroy .theme.textLeft .profile { margin: 0 6px 0 45px; padding: 12px 0 0; text-align: right; }
#stroy .theme.textLeft .profile .number { font-size: 12px; margin: 0 0 5px 5px; }
#stroy .theme.textLeft .profile dl { margin: 0 0 16px 5px; }
#stroy .theme.textLeft .profile dl dt { font-size: 16px; }
#stroy .theme.textLeft .profile dl dd { font-size: 12px; }

#stroy .history {
	margin: 82px 0 0;
	padding: 44px 0 44px;
	border: 2px solid #b2b4bf;
	background-color: #ffffff; width: 998px;
	position: relative;
	zoom: 1;
}
#stroy .history:after { content: ""; display: block; clear: both; }
#stroy .history .year { position: absolute; top: -46px; left: 364px; }
#stroy .history h2 { float: right; padding: 0 54px 0 0; }
#stroy .history .content { float: left; padding: 64px 0 0 54px; width: 488px; }
#stroy .history .content .sub { margin: 0 0 14px 2px; font-size: 14px; }
#stroy .history .content .copy { margin: 0 0 10px; }
#stroy .history .content .text { 
	margin: 0 0 0 2px;
	font-size: 14px;
	line-height: 2em;
	letter-spacing: 0.05em;
}
#stroy .history.textRight h2 { float: left; padding: 0 0 0 54px; }
#stroy .history.textRight .content { padding: 64px 0 0 50px; }

#storyBanner { padding: 65px 0 160px; position: relative; }
#storyBanner .link { text-align: center; }

.theme h4.linkbtn {
	position: relative;
	width: 652px;
	margin: 30px auto 40px;
}
ul.fclm { width: 976px; margin: 0 auto; }
ul.tclm { width: 732px; margin: 0 auto; }
ul.fclm li, ul.tclm li { float: left; margin: 0 3px 30px; }

#enquete { 
	width: 568px;
	margin: 60px auto 0;
	text-align: center;
}
#enquete h4 { width: 246px; margin: 0 auto 24px; }
#enquete ul li { float: left; margin: 0 5px 20px; }
#enquete h5 { clear: both; width: 207px; margin: 0 auto; }