@charset "utf-8";
/* CSS Document */

#container {
	width: 100%;
	text-align: center;
}

#content-wrapper {
	width: 100%;
	min-width: 960px;
	max-width: 1280px;
	text-align: center;
	margin: 86px auto 0 auto;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#concept-wrapper {
	width: 100%;
	min-width: 960px;
	text-align: center;
}

#content {
	width: 940px;
	padding-left: 20px;
	margin: auto;
	text-align: left;
}

#concept {
	width: 960px;
	margin: 44px auto 37px auto;
}


/************** Header ************/
header {
	width: 100%;
	min-width: 960px;
	max-width: 1280px;
	position: relative;
	margin: 0 auto 0 auto;
}

#sony-ci {
	width: 89px;
	margin-top: 20px;
	margin-left: 23px;
	position: relative;
	z-index: 1;
}

#sony-ci a {
	display: block;
	overflow: hidden;
	width: 89px;
	height: 0 !important;
	height: 16px;
	padding-top: 16px;
	line-height: 16px;
	background-image: url(../images/sony-ci.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#sony-ci a:hover {
	background-position: left bottom;
}

/* Share Buttons */
#head-share {
	overflow: hidden;
	width: 100%;
	min-width: 960px;
	max-width: 1280px;
	position: absolute;
	margin-top: -20px;
	text-align: right;
	z-index: 0;
}

#bemoved {
	width: 150px;
	margin: 0 8px 18px auto;
}

#bemoved a {
	display: block;
	overflow: hidden;
	width: 150px;
	height: 0 !important;
	height: 38px;
	padding-top: 38px;
	line-height: 38px;
	background-image: url(../images/bemoved-logo.png);
	background-repeat: no-repeat;
}

#head-share .fb-like,
#head-share .tw-tweet,
#head-share .mixi-voice,
#head-share .google-plus1 {
	float: right;
}

#head-share .fb-like {
}

#head-share .tw-tweet {
	margin-left: 10px;
}

#head-share .mixi-voice {
	margin-left: 5px;
	width: 58px;
}

#head-share .google-plus1 {
	margin-left: 12px;
	margin-right: -20px;
}


/* α Navigation */
header nav {
	margin: 24px auto 0 22px;
}

header nav #alpha-logo {
	width: 45px;
	height: 28px;
	float: left;
}

header nav ul {
	margin-left: 70px;
	padding-top: 4px;
}

header nav ul li {
	display: block;
	margin-right: 20px;
	float: left;
}

header nav ul li a {
	display: block;
	overflow: hidden;
	height: 0 !important;
	height: 25px;
	padding-top: 25px;
	line-height: 25px;
	background-repeat: no-repeat;
	background-position: left top;
}

header nav ul li a:hover {
	background-position: left bottom;
}

header nav ul li#item1 a {
	width: 89px;
	background-image: url(../images/alpha-navi1.gif);
}

header nav ul li#item2 a {
	width: 79px;
	background-image: url(../images/alpha-navi2.gif);
}

header nav ul li#item3 a {
	width: 58px;
	background-image: url(../images/alpha-navi3.gif);
}

header nav ul li#item4 a {
	width: 97px;
	background-image: url(../images/alpha-navi4.gif);
}

header nav ul li#item5 a {
	width: 134px;
	background-image: url(../images/alpha-navi5.gif);
}



/************** Title ************/
#title-area {
	padding-top: 18px;
}

#title-area #subcopy {
	overflow: hidden;
	width: 295px;
	height: 0 !important;
	height: 60px;
	padding-top: 60px;
	margin-bottom: 23px;
	line-height: 60px;
	background-image: url(../images/title-subcopy.png);
	background-repeat: no-repeat;
}

#title-area h1 {
	overflow: hidden;
	width: 295px;
	height: 0 !important;
	height: 321px;
	padding-top: 321px;
	margin-bottom: 21px;
	line-height: 321px;
	background-image: url(../images/title-h1.png);
	background-repeat: no-repeat;
}

#title-area #date {
	overflow: hidden;
	width: 295px;
	height: 0 !important;
	height: 67px;
	padding-top: 67px;
	line-height: 67px;
	background-image: url(../images/title-date.png);
	background-repeat: no-repeat;
}


/************** Talent ************/
#talent-area {
	overflow: hidden;
	width: 300px;
	height: 0 !important;
	height: 108px;
	padding-top: 108px;
	margin-top: 34px;
	line-height: 108px;
	background-image: url(../images/content-talent.png);
	background-repeat: no-repeat;
}


/************** Share ************/
#share-area {
	margin-top: 36px;
}

#share-area h2 {
	overflow: hidden;
	width: 277px;
	height: 0 !important;
	height: 35px;
	padding-top: 35px;
	line-height: 35px;
	background-image: url(../images/share-labeltext.png);
	background-repeat: no-repeat;
}

#share-area ul {
	
}

#share-area ul li {
	display: block;
	float: left;
}

#share-area ul li a {
	display: block;
	overflow: hidden;
	width: 66px;
	height: 0 !important;
	height: 66px;
	padding-top: 66px;
	line-height: 66px;
	background-image: url(../images/sharebtn-fb.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 10px;
}

#share-area ul li#fb-button a { background-image: url(../images/sharebtn-fb.png); }
#share-area ul li#tw-button a { background-image: url(../images/sharebtn-tw.png); }
#share-area ul li#mixi-button a { background-image: url(../images/sharebtn-mixi.png); }
#share-area ul li#gplus-button a { background-image: url(../images/sharebtn-gplus.png); }

#share-area ul li a:hover {
	background-position: left bottom;
}


/************** Satsuei ************/
#satsuei-area {
	margin-top: 94px;
}

#satsuei-area h2 {
	overflow: hidden;
	width: 294px;
	height: 0 !important;
	height: 313px;
	padding-top: 313px;
	line-height: 313px;
	margin-bottom: 18px;
	background-image: url(../images/satsuei-h2.png);
	background-repeat: no-repeat;
}

#satsuei-area h3 {
	overflow: hidden;
	width: 294px;
	height: 0 !important;
	height: 65px;
	padding-top: 65px;
	line-height: 65px;
	margin-bottom: 12px;
	background-image: url(../images/satsuei-h3.png);
	background-repeat: no-repeat;
}

#satsuei-area .date {
	overflow: hidden;
	width: 294px;
	height: 0 !important;
	height: 70px;
	padding-top: 70px;
	line-height: 70px;
	margin-bottom: 17px;
	background-image: url(../images/satsuei-date.png);
	background-repeat: no-repeat;
}

#satsuei-area .text {
	overflow: hidden;
	width: 294px;
	height: 0 !important;
	height: 60px;
	padding-top: 60px;
	line-height: 60px;
	background-image: url(../images/satsuei-txt.png);
	background-repeat: no-repeat;
}

#satsuei-area .comment {
	margin-top: 12px;
	font-size: 8.5pt;
}

#satsuei-right .text {
	overflow: hidden;
	width: 204px;
	height: 0 !important;
	height: 62px;
	padding-top: 62px;
	line-height: 62px;
	margin-top: 4px;
	margin-left: 132px;
	background-image: url(../images/satsuei-text.png);
	background-repeat: no-repeat;
}


/************** Map ************/
#map-area {
	margin-top: 44px;
	width: 438px;
}

#map-area #gmap {
	width: 438px;
	height: 232px;
	border: 1px solid #000;
	margin-bottom: 20px;
}

#map-area h2 {
	overflow: hidden;
	width: 233px;
	height: 0 !important;
	height: 18px;
	padding-top: 18px;
	line-height: 18px;
	background-image: url(../images/map-place.png);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

#map-area p {
	
}

#map-area a.map-button {
	display: block;
	overflow: hidden;
	width: 99px;
	height: 0 !important;
	height: 24px;
	padding-top: 24px;
	line-height: 24px;
	background-image: url(../images/map-btn.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: right;
}

#map-area a.map-button:hover {
	background-position: left bottom;
}


/************** Concept ************/
#concept-txt {
	overflow: hidden;
	width: 687px;
	height: 0 !important;
	height: 475px;
	padding-top: 475px;
	line-height: 475px;
	background-image: url(../images/concept-txt.png);
	background-repeat: no-repeat;
	margin: 0 auto 0 auto;
}

#presented {
	overflow: hidden;
	width: 146px;
	height: 0 !important;
	height: 143px;
	padding-top: 143px;
	line-height: 143px;
	background-image: url(../images/presented-by.png);
	background-repeat: no-repeat;
	margin: 58px auto 0 auto;
}

#staff {
	width: 296px;
	margin: 70px auto 0 auto;
}

#staff-left {
	overflow: hidden;
	width: 124px;
	height: 0 !important;
	height: 239px;
	padding-top: 239px;
	line-height: 239px;
	background-image: url(../images/staff-styling.png);
	background-repeat: no-repeat;
	float: left;
}

#staff-right {
	overflow: hidden;
	width: 124px;
	height: 0 !important;
	height: 237px;
	padding-top: 237px;
	line-height: 237px;
	background-image: url(../images/staff-hairmake.png);
	background-repeat: no-repeat;
	margin-left: 162px;
}

a#bnr-a7 {
	display: block;
	width: 470px;
	height: 140px;
	border: 1px solid #000;
	margin: 64px auto 0 auto;
}

a#bnr-a7:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}


/************** Footer ************/
.copyright {
	font-size: 0.85em;
	font-family: Helvetica, Arial, 'Lucida Grande', sans-serif;
	color: #444444;
	margin-bottom: 34px;
}