@charset "utf-8";
/* ------------------------------------------------------------
Research
------------------------------------------------------------ */
/*
Labolatory01
---------------------------------------- */
#labolatory01 {
}

#labolatory01 #asianBeautyLaboratory {
width:964px;
padding-bottom:10px;
background:#000;
}

#labolatory01 #asianBeautyLaboratory:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

#labolatory01 #asianBeautyLaboratory {display:inline-block;}

/* Hides from IE-mac \*/
* html #labolatory01 #asianBeautyLaboratory {height: 1%;}

#labolatory01 #asianBeautyLaboratory {display: block;}

/* End hide from IE-mac */
#labolatory01 #labolatoryIndex {
position:related;
float:left;
width:394px;
height:470px;
background:url(../../research/laboratory/img/index_bg_01.jpg) bottom;
}

#labolatory01 .indexItem {
text-align:left;
}

#labolatory01 .indexItemInner {
float:left;
position:relative;
margin-left:10px;
}

#labolatory01 .indexItemInner a span{
color:#414141;
text-decoration:none;
}

#labolatory01 .indexItemInner a:hover span{
color:#c31842;
text-decoration:underline;
}

#labolatory01 .indexItemInner p a span {
position:absolute;
width:260px;
top:35px;
left:85px;
}

#labolatory01 .indexItem:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

#labolatory01 .indexItem {display:inline-block;}

/* Hides from IE-mac \*/
* html #labolatory01 .indexItem {height: 1%;}

#labolatory01 .indexItem {display: block;}

/* End hide from IE-mac */
#labolatory01 .indexPic {
float:left;
}

#labolatory01 .indexItem p {
margin-top:10px;
}

#labolatory01 #search {
padding-bottom:9px;
}
#labolatory01 #search p {
margin-top:11px;
}
#labolatory01 #report {
padding-bottom:9px;
background:url(../../research/laboratory/img/index_lin_01.gif) top center no-repeat;
}
#labolatory01 #school {
padding-bottom:9px;
background:url(../../research/laboratory/img/index_lin_01.gif) top center no-repeat;
}

#labolatory01 #trivia {
background:url(../../research/laboratory/img/index_lin_01.gif) top center no-repeat;
}

#labolatory01 #labolatoryPic {
float:right;
width:570px;
}

#labolatory01 #labolatoryPic img {
vertical-align:bottom;
}

#labolatory01 #information {
padding-bottom:30px;
}

#labolatory01 #information h2 {
padding-top:10px;
padding-left:12px;
padding-bottom:2px;
border-bottom:solid #313131 1px;
}

#labolatory01 #information ul {
float:left;
padding-top:25px;
padding-left:12px;
}

#labolatory01 #information ul li {
color:#fff;
}

#labolatory01 #information .banner {
padding-top:25px;
padding-right:9px;
float:right;
}

#labolatory01 #link {
background:#000;
padding:12px 5px;
}

#labolatory01 #link ul {
text-align:right;
}

#labolatory01 #link li {
display:inline;
padding:0 5px;
}

#labolatory01 #link li img {
vertical-align:bottom;
}

/*
Labolatory COMMON
---------------------------------------- */
#laboratory-body {
background: #000 url(../../research/laboratory/share/img/laboratory_bg.jpg) no-repeat left top;
width: 964px;
position: relative;
padding-top: 136px;
}

/*
H1
---------------------------------------- */
#laboratory-body h1 {
position: absolute;
width:73px;
height:620px;
left: 0px;
top: 0px;
background: #000 url(../../research/laboratory/share/img/bkg_02.jpg) no-repeat left top;
}

/*
H2
---------------------------------------- */
#laboratory-body h2 {
position: absolute;
left: 73px;
top: 136px;
}

/*
LocalNavi
---------------------------------------- */
#laboratory-body #localNavi {
position: absolute;
right:0px;
top:13px;
}

#laboratory-body #localNavi #lnv02,
#laboratory-body #localNavi #lnv03,
#laboratory-body #localNavi #lnv04 {
margin-top:12px;
}

#laboratory-body #localNavi img {
vertical-align:bottom;
}

/*
PagetopAnchor
---------------------------------------- */
#laboratory-body .pagetopAnchor {
margin: 0;
}

#laboratory-body p.pagetop {
text-align: right;
}


/* #labo-side
------------------------------------------------------------ */
#laboratory-body #labo-side {
position: absolute;
width: 120px;
left:35px;
top:490px;
background: #F8F3CB url(../../research/laboratory/share/img/side_bg.jpg) repeat-x left top;
}

#laboratory-body #labo-side-inner {
position: relative;

min-height:293px;
/* for ie6 */
height: auto !important;
height: 293px;

}

/*
#laboratory-body #labo-side-inner {
border-right: 1px solid #000;
position: relative;
}

*/

/* #labo-main
------------------------------------------------------------ */
#laboratory-body #labo-main {
background: #F8F3CB;
padding-left:155px;
width:776px;
}

#laboratory-body #labo-main {
background:url(../../research/laboratory/share/img/bkg_02.gif);
}


#laboratory-body #labo-main-inner {
width: 705px;
background: #F8F3CB;
margin: 30px auto 0;
padding-bottom: 30px;
}

/* Explore01
----------------------------------------------------*/


	#explore01 #laboratory-body-inner {
	background: url(../../research/laboratory/share/img/side_obi2.gif) repeat-y 35px top;
	overflow: hidden;
	}

	#explore01 #laboratory-body-inner #localNavExplore {
	padding-bottom:35px;
	}

	#explore01 #laboratory-body-inner #localNavExplore ul {
	}

	#explore01 #laboratory-body-inner #localNavExplore ul li {
	display:inline;
	margin-right:15px;
	}

	#explore01 #laboratory-body-inner #localNavExplore ul li.last {
	margin-right:0;
	}

	#explore01 h4 {
	margin-bottom: 25px;
	}

	/* exploreSection
	----------------------------------------------------*/
	#explore01 .exploreSection:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

	#explore01 .exploreSection {display:inline-block;}

	/* Hides from IE-mac \*/
	* html #explore01 .exploreSection  {height: 1%;}

	#explore01 .exploreSection {display: block;}

	/* End hide from IE-mac */

	/* explore01
	----------------------------------------------------*/
	#explore01 .exploreSection p {
	line-height:1.5;
	}
	#explore01 #exploreSection01 .clearfix {
	margin-bottom:44px;
	}
	
	#explore01 #exploreSection01 .clearfix p {
	float:right;
	width:405px;
	}

	#explore01 #exploreSection01 .pic01 {
	float:left;
	}

	#explore01 #exploreSection01 .pic02 {
	text-align:center;
	margin-top:22px;
	}

	/* explore02
	----------------------------------------------------*/
	#explore01 #exploreSection02 {
	margin-top:40px;
	}

	#explore01 #exploreSection02 p {
	width:330px;
	}

	#explore01 #exploreSection02 .pic01 {
	float:right;
	}

	#explore01 #flash {
	float:right;
	width:334px;
	height:286px;
	text-align:center;
	margin-left:22px;
	}

	/* explore03
	----------------------------------------------------*/
	#explore01 #exploreSection03 {
	margin-top:25px;
	}

	#explore01 #exploreSection03 p {
	width:330px;
	}

	#explore01 #exploreSection03 .pic01 {
	float:right;
	}


/* Report01
----------------------------------------------------*/

#report01 #laboratory-body #labo-main {
background:url(../../research/laboratory/share/img/bkg_03.gif);
}

#report01 #laboratory-body #labo-side {
position: absolute;
text-align:right;
top: 582px;
}

	#report01 #laboratory-body-inner {
	background: url(../../research/laboratory/share/img/side_obi2.gif) repeat-y 35px top;
	overflow: hidden;
	}

	#report01 #laboratory-body-inner #localNavReport {
	padding-bottom:35px;
	}

	#report01 #laboratory-body-inner #localNavReport ul {
	}

	#report01 #laboratory-body-inner #localNavReport ul li {
	display:inline;
	margin-right:15px;
	}

	#report01 #laboratory-body-inner #localNavReport ul li.last {
	margin-right:0;
	}

	#report01 h4 {
	margin-bottom: 25px;
	}

	#report01 p {
	line-height:1.5;
	}

	/* reportSection
	----------------------------------------------------*/
	#report01 .reportSection:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
	#report01 .reportSection {display:inline-block;}
	/* Hides from IE-mac \*/
	* html #report01 .reportSection  {height: 1%;}
	#report01 .reportSection {display: block;}
	/* End hide from IE-mac */

	/* report01
	----------------------------------------------------*/
	#report01 #reportSection01 {
	}

	#report01 #reportSection01 h4 {
	position:relative;
	margin-left:-10px;
	}

	#report01 #reportSection01 p {
	float:left;
	width:515px;
	margin-bottom:1em;
	}

	#report01 #reportSection01 .pic01 {
	float:right;
	}

	/* explore02
	----------------------------------------------------*/
	#report01 #reportSection02 {
	margin-top:40px;
	}

	#report01 #reportSection02 h4 {
	position:relative;
	margin-left:-10px;
	}

	#report01 #reportSection02 p {
	float:left;
	width:510px;
	margin-bottom:1em;
	}

	#report01 #reportSection02 .pic01 {
	float:right;
	position:relative;
	margin-top:-97px;
	}

	#report01 #reportSection02 .pic02 {
	text-align:center;
	margin-top:35px;
	}

	/* explore03
	----------------------------------------------------*/
	#report01 #reportSection03 {
	margin-top:25px;
	}

	#report01 #reportSection03 h4 {
	position:relative;
	margin-left:-10px;
	}

	#report01 #reportSection03 p {
	float:left;
	width:340px;
	margin-bottom:1em;
	}

	#report01 #reportSection03 .pic01 {
	float:right;
	}

	/* explore04
	----------------------------------------------------*/
	#report01 #reportSection04 {
	margin-top:25px;
	}

	#report01 #reportSection04 h4 {
	position:relative;
	margin-left:-10px;
	}

	#report01 #reportSection04 p {
	margin-bottom:1em;
	}

	#report01 #reportSection04 p a.eventReport {
	padding-left:15px;
	background:url(../../research/laboratory/report/img/ico_01.gif) no-repeat left 0.3em;
	}


	#report01 #reportSection04 p a.eventReport:link,
	#report01 #reportSection04 p a.eventReport:visited {
	color:#b69000;
	text-decoration:none;
	}
	#report01 #reportSection04 p a.eventReport:hover {
	color:#b69000;
	text-decoration:underline;
	}


	#report01 #reportSection04 .pic01 {
	text-align:center;
	margin-top:35px;
	}








/*----------------------------------------------------
Tutorial01
----------------------------------------------------*/
#tutorial01 #laboratory-body #labo-main {
background:url(../../research/laboratory/share/img/bkg_03.gif);
}

#tutorial01 #laboratory-body #labo-side {
position: absolute;
text-align:right;
top: 490px;
left:35px;
}

#tutorial01 .imgR {
float: right;
margin: 0 0 10px 20px;
}

#tutorial01 .imgL {
float: left;
margin: 0 20px 10px 0;
}

#tutorial01 .btn {
text-align: center;
}

#tutorial01 .clear {
display: block;
clear: both;
font-size: 1px;
line-height: 1;
height: 1px;
}

#tutorial01 #laboratory-body .pagetopAnchor {
padding-top:0;
margin: 0;
}

#tutorial01 p,
#tutorial01 dd {
line-height:1.5;
}


#tutorial01 #laboratory-body-inner .localNavTutorial {
}

#tutorial01 #laboratory-body-inner .localNavTutorial li {
display:inline;
margin-right:15px;
}

#tutorial01 #laboratory-body-inner .localNavTutorial li.last {
margin-right:0;
}

#tutorial01 #laboratory-body-inner .localNavTutorial li img {
vertical-align:bottom;
}



/*----------------------------------------------------
Tutorial02
----------------------------------------------------*/
#tutorial02 #laboratory-body #labo-main {
background:url(../../research/laboratory/share/img/bkg_03.gif);
}

#tutorial02 #laboratory-body #labo-side {
position: absolute;
text-align:right;
top: 490px;
left:35px;
}

#tutorial02 #laboratory-body-inner .localNavTutorial {
}

#tutorial02 #laboratory-body-inner .localNavTutorial li {
display:inline;
margin-right:15px;
}

#tutorial02 #laboratory-body-inner .localNavTutorial li.last {
margin-right:0;
}

#tutorial02 #laboratory-body-inner .localNavTutorial li img {
vertical-align:bottom;
}

#tutorial02 p,
#tutorial02 dd {
line-height:1.5;
}


/*----------------------------------------------------
#schoolBody
----------------------------------------------------*/
#schoolBody .sec,
#researchBody .sec {
margin-bottom: 25px;
position: relative;
}

#schoolBody .sec:after,
#researchBody .sec:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}

* html #laboratory-body .sec {
height: 1%;
}

*:first-child+html #laboratory-body .sec {
height: 1%;
}

#schoolBody #labo-main #lesson1 .sec p.ptR {
width: 140px;
float: right;
}

#schoolBody #labo-main #lesson1 .sec p.ptL {
width: 140px;
float: left;
}

#schoolBody #labo-main #lesson1 .sec .l-colunm {
width: 541px;
float: left;
}

#schoolBody #labo-main #lesson1 .sec .r-colunm {
width: 541px;
float: right;
}

#schoolBody #labo-main #lesson1 .sec h5 {
font-size: 140%;
font-weight: bold;
line-height: 1.3;
background: url(../../research/laboratory/tutorial/img/sec_ttl_bg.gif) no-repeat left center;
width: 541px;
margin-bottom: 0.8em;
padding: 1em 0 1em 0.3em;
}

#schoolBody #labo-main #lesson1 .sec dt {
font-style: italic;
background: #ECE5C1;
margin-bottom: 0.8em;
padding: 0.3em 10px;
}

#schoolBody #labo-main #lesson1 .sec dd {
margin-bottom: 1.4em;
}

#schoolBody #labo-main #lesson1 .sec dd span {
font-weight: bold;
}

#schoolBody #labo-main p.summary {
background: #D7C86B;
margin-bottom: 40px;
padding:20px;
overflow: hidden;
}

#schoolBody #labo-main #lesson2 #intro {
margin-bottom: 0;
}

#schoolBody #labo-main #lesson2 p {
margin-bottom: 1em;
}

#schoolBody #labo-main #lesson2 ul {
margin-bottom: 1em;
}

#schoolBody #labo-main #lesson2 ul li {
font-weight: bold;
margin-bottom: 0.4em;
}

#schoolBody #labo-main #lesson2 p.lecture-ttl {
position: absolute;
left: -49px;
top: 0px;
}

#schoolBody #labo-main #lesson2 h5 {
margin-bottom: 0.8em;
}

#schoolBody #labo-main #lesson2 h6 {
margin-bottom: 0.4em;
}

* html #schoolBody #labo-main #lesson2 p.summary {
height: 1%;
}









/*----------------------------------------------------
	#trivaiBody@grA
----------------------------------------------------*/

#laboratory-body #triviaBody #labo-main #labo-main-block {
	position: relative;
}

#triviaBody #labo-main h3 {
	position: absolute;
	left: -14px;
	top: 0px;
}

* html #triviaBody #labo-main h3 {
	left: -51px;
}

#laboratory-body #triviaBody #labo-main-inner {
	position: relative;
	margin: 0 auto;
	padding-top: 10px;
	text-align:center;
}


#laboratory-body #triviaBody #lead {
text-align:left;
}


#laboratory-body #triviaBody #labo-main-inner h4 {
padding-top:20px;
}


#triviaBody #labo-main ul#local {
	text-align: center;
	width: 100%;
	margin-top: 25px;
}

#triviaBody #labo-main ul#local li {
	display: inline;
	overflow: hidden;
}

#triviaBody #labo-main ul#local li img {
	margin: 0;
	padding: 0;
	line-height: 1;
	font-size:
}

#triviaBody #labo-main #q-stage {
	background: url(../../research/laboratory/trivia/img/q_stage_bg.gif) no-repeat center top;
	text-align: center;
	margin-top: 27px;
	padding-top: 25px;
}

#triviaBody #labo-main #q-stage-in {
	background: #F9F6E0;
	text-align: center;
	width: 300px;
	margin: 0 auto;
	border: solid 1px #000;
	padding: 10px 0 130px 0;
	margin-bottom:50px;
}

#triviaBody #labo-main #q-stage h5 {
	margin-bottom: 80px;
}

#triviaBody #labo-main ul#true-lying {
	width: 653px;
	margin-bottom: 200px;
	position: absolute;
	left: 25px;
	top: 265px;
}


#triviaBody #labo-main ul#true-lying li.left {
	float: left;
}

#triviaBody #labo-main ul#true-lying li.right {
	float: right;
}

#triviaBody #labo-main #a-1 {
background: url(../../research/laboratory/trivia/img/no1/a-1_bg.gif) no-repeat 320px 180px;
}

#triviaBody #labo-main #a-stage {
width:100%;

}

#triviaBody #labo-main #a-stage #true {
	background: url(../../research/laboratory/trivia/img/a-stage_true.gif) no-repeat center top;
	text-align: center;
	margin-top: 25px;
	padding: 10px 0 50px 0;
}

#triviaBody #labo-main #a-stage #lying {
	background: url(../../research/laboratory/trivia/img/a-stage_lying.gif) no-repeat center top;
	text-align: center;
	margin-top: 25px;
	padding: 10px 0 50px 0;
}

#triviaBody #labo-main #a-stage h5 {
	padding-top:36px;
	margin-bottom: 50px;
}

#triviaBody #labo-main #a-stage #stage-btm {
	background: url(../../research/laboratory/trivia/img/a-stage_btm.gif) no-repeat;
	height: 2px;
	width: 480px;
	margin: 0 auto 30px;
}

#triviaBody #labo-main #detail {
	width: 585px;
	margin: 0 auto;
	text-align:left;
}
* html #triviaBody #labo-main #detail {
	height: 1%;
}

#triviaBody #labo-main #detail p {
	color: #6B592A;
}

#triviaBody #labo-main p#pagetop {
	margin-top: 15px;
}

#triviaBody #labo-main .btn {
text-align:center;
}
#triviaBody #labo-main #detail p {
line-height:1.5;
color:#6b592a;
}
