@charset "utf-8";

/*==============================================
	index.css
===============================================*/
#tsukaresugi,
#asobisugi,
#hatarakisugi,
#sonna,
#top,
#about,
#lineup,
#qa,
#component,
#sugichanvoice,
#profile,
#shindan {
	width: 100%;
	height: 100%;
}

#tsukaresugi_containter,
#asobisugi_containter,
#hatarakisugi_containter,
#sonna_containter,
#top_container,
#about_container,
#lineup_container,
#qa_container,
#component_container,
#sugichanvoice_container,
#shindan_container  {
	position: absolute;
	left: 50%;
	top: 55%;
	width: 960px;
	height: 642px;
	margin: -321px 0 0 -480px;
}
.hidden {
	display: none;
}
#contents_mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 960px;
	height: 100%;
	min-height: 880px;
	background: url(../img/shared/bg_main.jpg) top center no-repeat;
	z-index: 10000;
	display: none;
}
#slidewrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#loading {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 10001;
	padding: 9px;
	margin: -25px 0 0 -25px;
	background-color: #F0F0F0;
	border-radius: 5px;
}


/*******************************************************************
	top
*/
#top #chatchcopy {
	position: absolute;
	left: 50%;
	top: -28px;
	width: 680px;
	margin: 0 0 0 -340px;
}
#top #bottle {
	position: absolute;
	left: 50%;
	top: 103px;
	width: 220px;
	margin-left: -110px;
}
#top .icon_new {
	position: absolute;
	left: 523px;
	top: 142px;
	width: 104px;
}

#top #light_l {
	position: absolute;
	left: 364px;
	top: 60px;
}
#top #light_s {
	position: absolute;
	left: 520px;
	top: 194px;
}

#top #top_menu li {
	position: absolute;
}
#top #top_menu li.btn1 {
	left: 0;
	top: 245px;
}
#top #top_menu li.img1 {
	left: 0;
	top: 175px;
}
#top #top_menu li.btn2 {
	left: 0;
	top: 381px;
}
#top #top_menu li.btn3 {
	left: 610px;
	top: 298px;
}
#top #top_menu li.btn4 {
	left: 610px;
	top: 437px;
}

#top .subcopy {
	position: absolute;
	left: 50%;
	top: 652px;
	width: 131px;
	margin: 0 0 0 -65px;
}


/*******************************************************************
	about
*/
#about .title {
	position: absolute;
	left: -4px;
	top: -24px;
}
#about #about_slide {
	position: absolute;
	left: 50%;
	top: 55px;
	width: 974px;
	height: 534px;
	margin-left: -487px;
}
#about #about_slide li {
	position: absolute;
	top: 0;
	left: 0;
}
#about .flink {
	position: absolute;
	left: 674px;
	top: 604px;
}
#about .flink li {
	position: absolute;
	left: 0;
	top: 0;
}
#about .flink li.btn2 {
	left: 148px;
}


/*******************************************************************
	lineup
*/
#lineup .title {
	position: absolute;
	left: -4px;
	top: -24px;
}
#lineup_menu li {
	position: absolute;
	top:52px;
}
#lineup_menu li.btn1 {
	left: 87px;
}
#lineup_menu li.btn2 {
	left: 385px;
}
#lineup_menu li.btn3 {
	left: 684px;
}
#lineup_menu li.btn2 a {
	position: relative;
}
#lineup_menu li.btn2 em {
	position: absolute;
	top: 50px;
	left: 130px;
}

#lineup #asparadrinkdx .img,
#lineup #asparadrinkalfa .img,
#lineup #asparadrinkmax .img {
	position: absolute;
	left: 22px;
	top: 28px;
}
#lineup #asparadrinkalfa .img em {
	display: block;
	position: absolute;
	left: 50px;
	top: 5px;
}
.textarea {
	position: absolute;
	left: 472px;
	top: 70px;
	width: 494px;
	height: 494px;
	background: url(../img/lineup/bg_text.png) top left no-repeat;
}
#lineup #asparadrinkdx .logo,
#lineup #asparadrinkalfa .logo,
#lineup #asparadrinkmax .logo {
	position: absolute;
	left: 41px;
	top: 41px;
	font-size: 0;
	line-height: 0;
}
#lineup #asparadrinkdx .text,
#lineup #asparadrinkalfa .text,
#lineup #asparadrinkmax .text {
	position: absolute;
	left: 41px;
	top: 121px;
	width: 430px;
	height: 330px;
	overflow: auto;
}
#lineup #asparadrinkdx .text .scrollbox {
	height: 672px;
	overflow: hidden;
}
#lineup #asparadrinkalfa .text .scrollbox {
	height: 748px;
	overflow: hidden;
}
#lineup #asparadrinkmax .text .scrollbox {
	height: 693px;
	overflow: hidden;
}
#lineup #asparadrinkdx .text .btn,
#lineup #asparadrinkalfa .text .btn ,
#lineup #asparadrinkmax .text .btn {
}
#lineup #lineup_lnav li {
	position: absolute;
	left: 811px;
	top: -4px;
}
#lineup #lineup_lnav li.btn2 {
	left: 852px;
}
#lineup #lineup_lnav li.btn3 {
	left: 890px;
}

#lineup .flink {
	position: absolute;
	left: 674px;
	top: 604px;
}
#lineup .flink li {
	position: absolute;
	left: 0;
	top: 0;
}
#lineup .flink li.btn2 {
	left: 148px;
}
#lineup .subcopy {
	position: absolute;
	left: 50%;
	top: 614px;
	width: 131px;
	margin: 0 0 0 51px;
}


/*******************************************************************
	qa
*/
#qa .title {
	position: absolute;
	left: -4px;
	top: -24px;
}
#qa #qa_main {
	position: absolute;
	top: 41px;
	left: 50%;
	width: 974px;
	height: 534px;
	margin-left: -487px;
	background: url(../img/qa/bg.png) top left no-repeat;
}
#qa #qa_area {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 844px;
	height: 358px;
	margin: -179px 0 0 -422px;
}
#qa #qa_main ol li {
	line-height: 0;
}
#qa #qa_main ol li.a1,
#qa #qa_main ol li.a2,
#qa #qa_main ol li.a3,
#qa #qa_main ol li.a4,
#qa #qa_main ol li.a5,
#qa #qa_main ol li.a6,
#qa #qa_main ol li.a7 {
	height: 0.1px;
	overflow: hidden;
	z-index: 1;
}
#qa #qa_main ol li.hover {
	position: absolute;
	top: 0;
	left: 0;
}
#qa .flink {
	position: absolute;
	left: 674px;
	top: 604px;
}
#qa .flink li {
	position: absolute;
	left: 0;
	top: 0;
}
#qa .flink li.btn2 {
	left: 148px;
}
#qa .hover {
	cursor: pointer;
	position: absolute;
	left: 50%;
	margin-left: -422px;
	z-index: 2;
}


/*******************************************************************
	component
*/
#component .title {
	position: absolute;
	left: -4px;
	top: -24px;
}
#component #component_text {
	position: absolute;
	left: 140px;
	top: 63px;
}
#component #component_text li {
	position: absolute;
	left: 0;
	top: 0;
	line-height: 0;
	z-index: 1;
}
#component #component_lnav {
	position: absolute;
	left: 0;
	top: 63px;
	z-index: 10;
}
#component #component_lnav li {
	font-size: 0;
	line-height: 0;
}
#component #component_lnav li.current a {
	cursor: default;
}

#component .flink {
	position: absolute;
	left: 674px;
	top: 604px;
}
#component .flink li {
	position: absolute;
	left: 0;
	top: 0;
}
#component .flink li.btn2 {
	left: 148px;
}



/*******************************************************************
	noscript
*/
#text_noscript {
	position: absolute;
	width: 960px;
	height: 50px;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -480px;
	text-align: center;
	font-size: 138.5%;
	font-weight: bold;
}