@charset "utf-8";

/* ------------------------------------------------------------
	navi common
------------------------------------------------------------ */
#research_contents .brtltxt {
	text-indent: -9999px;
}

#research_contents #brtop_lk_sum, #research_contents #brtop_lk_stry, #research_contents #brtop_lk_scrt, #research_contents #brtop_lk_apls,
#research_contents #brnv_lk_stry, #research_contents #brnv_lk_scrt, #research_contents #brnv_lk_apls {
	position: absolute;
}


/* ------------------------------------------------------------
	top main navi
------------------------------------------------------------ */
#research_contents #br_top {
	background: url(/sic/img/research/s_bluerose/tpmain_bg.jpg) no-repeat;
	height: 490px;
	position:relative;
}

#research_contents #brtop_lk_sum {
	left: 30px;
	top: 202px;
}
#research_contents #brtop_lk_stry {
	left: 15px;
	top: 265px;
}
#research_contents #brtop_lk_scrt {
	left: 495px;
	top: 265px;
}
#research_contents #brtop_lk_apls {
	left: 495px;
	top: 380px;
}


/* ------------------------------------------------------------
	second navi
------------------------------------------------------------ */
#research_contents #br_navi {
	background: url(/sic/img/research/s_bluerose/brnavi_bg.jpg) no-repeat;
	height: 155px;
	position:relative;
}
#research_contents #brnv_lk_stry {
	left: 15px;
	top: 80px;
}
#research_contents #brnv_lk_scrt {
	left: 325px;
	top: 80px;
}
#research_contents #brnv_lk_apls {
	left: 635px;
	top: 80px;
}


/* ------------------------------------------------------------
	bluerose top
------------------------------------------------------------ */
#research_contents #brprizetl {
	margin: 0px;
}

#research_contents #brprize {
	border-right: 1px solid #cfcfb6;
	border-bottom: 1px solid #cfcfb6;
	border-left: 1px solid #cfcfb6;
	padding: 15px 60px 30px;
}
#research_contents #brprize h5 {
	text-indent: 110%;
	overflow: hidden;
	white-space: nowrap;
	clear: both;
	float: left;
	height: 60px;
	width: 150px;
}

#research_contents #brprize #cate_applause {
	background: url(/sic/img/research/s_bluerose/tl03.gif) no-repeat;
}
#cate_moondust {
	background: url(/sic/img/research/s_bluerose/tl04.gif) no-repeat;
}
#cate_others {
	background: url(/sic/img/research/s_bluerose/tl05.gif) no-repeat;
}

#research_contents .prizelist {
	float: left;
	width: 618px;
	padding: 0 0 25px 30px;
}

#research_contents #brprize dl {
	margin-top: -1px;
	overflow: hidden;
	padding: 0px;
	font-size: 14px;
	border-bottom: 1px solid #cccccc;
}
#research_contents #brprize dt {
  clear: left;
  float: left;
  width: 5em;
  padding: 10px 0;
}
#research_contents #brprize dd{
	margin-left: 0;
	padding: 10px 0 10px 5em;
	border-top: 1px solid #cccccc;
}


/* ------------------------------------------------------------
	history
------------------------------------------------------------ */

#research_contents #brptl_story {
	background: url(/sic/img/research/s_bluerose/ptl_story.gif) no-repeat;
	height: 76px;
	width: 920px;
	margin: 25px 0px 15px;
}
#research_contents .ptl_txt {
	margin: 0px 25px 25px;
}

#research_contents .ptl_txtimg {
	float: right;
	padding: 0 0 0 20px;
}


/* ----yearbox common---- */

#research_contents .yearbox {
	background: #f4f4ed;
	padding: 0px 0px 25px;
	margin-bottom: 25px;
}
#research_contents .yearbox h5 {
	height: 68px;
	width: 920px;
}
#research_contents .yearbox .brstory {
	float: left;
	width: 620px;
	margin-right: 40px;
	margin-left: 25px;
}
#research_contents .yearbox .brepisode {
	width: 212px;
	float: left;
}

#research_contents .yearbox .brstorywide {
	width: 870px;
	margin: 0px 0px 0px 25px;
	clear: both;
}

#research_contents .yearbox .brstory p,
#research_contents .yearbox .brepisode p {
	margin-bottom: 0px;
}
#research_contents .yearbox .phright {
	float: right;
	padding: 0 0 0 20px;
}
#research_contents .yearbox .phleft {
	float: left;
	padding: 0 20px 0 0;
}
#research_contents .yearbox .phcenter {
	text-align: center;
	padding-top: 25px;
}
#research_contents .yearbox .brepisode p.brepi_lk {
		background: url(/sic/img/research/s_bluerose/brepi_btn_bg.gif) no-repeat;
}
#research_contents .yearbox .brepi01,
#research_contents .yearbox .brepi02 {
}

#research_contents .yearbox .brepi02 {
	margin-top: 15px;
}

/* ----yearbox each---- */
#y1990 h5 {
	background: url(/sic/img/research/s_bluerose/br1990_h5.gif) no-repeat;
	height: 237px;
}
#y1991 h5 {
	background: url(/sic/img/research/s_bluerose/br1991_h5.gif) no-repeat;
	height: 237px;
}
#y1994 h5 {
	background: url(/sic/img/research/s_bluerose/br1994_h5.gif) no-repeat;
	height: 237px;
}
#y1995 h5 {
	background: url(/sic/img/research/s_bluerose/br1995_h5.gif) no-repeat;
	height: 237px;
}
#y1996 h5 {
	background: url(/sic/img/research/s_bluerose/br1996_h5.gif) no-repeat;
	height: 237px;
}
#y1998 h5 {
	background: url(/sic/img/research/s_bluerose/br1998_h5.gif) no-repeat;
	height: 237px;
}
#y2004 h5 {
	background: url(/sic/img/research/s_bluerose/br2004_h5.gif) no-repeat;
	height: 237px;
}
#y2009 h5 {
	background: url(/sic/img/research/s_bluerose/br2009_h5.gif) no-repeat;
}
#y1990 .brepi01 {
	background: url(/sic/img/research/s_bluerose/br1990_ep1.jpg) no-repeat;
	height: 247px;
}
#y1991 .brepi01 {
	background: url(/sic/img/research/s_bluerose/br1991_ep1.jpg) no-repeat;
	height: 237px;
}
#y1994 .brepi01 {
	background: url(/sic/img/research/s_bluerose/br1994_ep1.jpg) no-repeat;
	height: 237px;
}
#y1994 .brepi02 {
	background: url(/sic/img/research/s_bluerose/br1994_ep2.jpg) no-repeat;
	height: 237px;
}
#y1995 .brepi01 {
	background: url(/sic/img/research/s_bluerose/br1995_ep1.jpg) no-repeat;
	height: 237px;
}
#y1996 .brepi01 {
	background: url(/sic/img/research/s_bluerose/br1996_ep1.jpg) no-repeat;
	height: 237px;
}
#y1996 .brepi02 {
	background: url(/sic/img/research/s_bluerose/br1996_ep2.jpg) no-repeat;
	height: 237px;
}
#y1998 .brepi01 {
	background: url(/sic/img/research/s_bluerose/br1998_ep1.jpg) no-repeat;
	height: 252px;
}
#y2004 .brepi01 {
	background: url(/sic/img/research/s_bluerose/br2004_ep1.jpg) no-repeat;
	height: 237px;
}
#y2004 .brepi02 {
	background: url(/sic/img/research/s_bluerose/br2004_ep2.jpg) no-repeat;
	height: 237px;
}

#research_contents .yearbox #y2009epi {
	background: url(/sic/img/research/s_bluerose/br2009_ep.jpg) no-repeat;
	height: 315px;
	width: 623px;
	margin:  25px auto 0px;
	position: relative;
}
#research_contents .yearbox #y2009banner {
	background: url(/sic/img/research/s_bluerose/br2009_banner.jpg) no-repeat;
	height: 176px;
	width: 552px;
	margin:  25px auto 0px;
	position: relative;
}

#research_contents #brepi2009_01,
#research_contents #brepi2009_02,
#research_contents #brepi2009_03,
#research_contents #br2009_bn_btn {
	position: absolute;
}
#research_contents #brepi2009_01 {
	left: 427px;
	top: 64px;
}
#research_contents #brepi2009_02 {
	left: 427px;
	top: 166px;
}
#research_contents #brepi2009_03 {
	left: 427px;
	top: 269px;
}
#research_contents #br2009_bn_btn {
	left: 289px;
	top: 124px;
}

/* ------------------------------------------------------------
	secret
------------------------------------------------------------ */

#research_contents #brptl_secret {
	background: url(/sic/img/research/s_bluerose/ptl_secret.gif) no-repeat;
	height: 76px;
	width: 920px;
	margin: 25px 0px 15px;
}#research_contents #br_navi #brtl2nd {
	height: 80px;
	width: 300px;
}
#brscrt_column h5 {
	background: url(/sic/img/research/s_bluerose/br_scrt_h5.gif) no-repeat;
}


/* ------------------------------------------------------------
	references
------------------------------------------------------------ */
#research_contents .referencesWrap {
	clear: both;
	margin-top: 15px;
	padding:15px 0;
	border-top:1px dotted #cccccc;
	border-bottom:1px dotted #cccccc;
	width: 870px;
	margin: 0px 0px 0px 25px;
}
#research_contents .referencesWrap dt {
	float:left;
	border:1px solid #2b2b2b;
	padding:5px 0px;
	font-size:153.9%;
	font-weight:normal;
	line-height:1;
	width: 140px;
	text-align: center;
	margin-right: 10px;
}	
#research_contents .referencesWrap dd {
	float:left;
	padding:5px 0px;
	line-height:150%;
}


/* ------------------------------------------------------------
	overlay
------------------------------------------------------------ */
#overlay {
	width: 100%;
	height: 100%;
	/*background: rgba(0,0,0,.5);*/
	background: url('/sic/img/research/s_bluerose/story/bg_overlay.png') repeat 0 0;
	z-index: 1000;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
}
*html #overlay {
	position: absolute;
	background: #000;
	top: expression(eval(document.documentElement.scrollTop+0));
}

/*------------------------------------------------------------
  modalTop
------------------------------------------------------------ */
#modalTop {
	width: 880px;
	height: 480px;
	margin:0 0 0 -440px;
	padding:0;
	background: #fff;
	position: fixed;
	top: 100px;
	left: 50%;
	z-index: 2000;
	display: none;
}
#modalTop section {
	margin: 0;
	width: 880px;
	height: 480px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.modalContentsTop {
	width: 820px;
	height: 420px;
	position: absolute;
	top: 30px;
	left: 30px;
	overflow-y: auto;
}
.modalContentsTop { /zoom :1; }
.modalContentsTop:after { content :''; display :block; clear :both; }

#modalTop section figure {
	margin: 0;
	width: 250px;
	float: left;
	text-align: center;
}

#modalTop section .text {
	margin: 53px 30px 0 0;
	width: 510px;
	float: left;
}
#modalTop section h1 {
	margin: 0;
	width: 510px;
	height: 33px;
	position: absolute;
	top: 0;
	left: 0;
}
#modalTop section .text p {
	margin:0 0 1em;
	font-size: .875em;
	line-height: 1.5;
}

#modalTop section .btnClose a {
	width: 34px;
	height: 34px;
	background: url('/sic/img/research/s_bluerose/story/btn_close.png') no-repeat 0 0;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top:-17px;
	left: 863px;
}



/*------------------------------------------------------------
  modal
------------------------------------------------------------ */
.modal {
	width: 830px;
	height: 430px;
	margin:0 0 0 -415px;
	padding:0;
	background: #fff;
	position: fixed;
	top: 100px;
	left: 50%;
	z-index: 2000;
	display: none;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}




.modal section {
	margin: 0;
	width: 830px;
	height: 430px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.modal section h1 {
	margin: 0;
	width: 770px;
	height: 29px;
	position: absolute;
	top: 30px;
	left: 30px;
}
.modalContents {
	width: 760px;
	height: 306px;
	position: absolute;
	top: 84px;
	left: 40px;
	overflow-y: auto;
}
.modalContents { /zoom :1; }
.modalContents:after { content :''; display :block; clear :both; }

.modal section figure {
	margin: 0;
	width: 270px;
	float: left;
	text-align: center;
}
.modal section .text {
	margin: 0 20px 0 0;
	width: 450px;
	float: right;
}
.modal section  figure.fgwide {
	margin: 0;
	width: 300px;
	float: left;
	text-align: center;
}
.modal section .text_fgwide {
	margin: 0 20px 0 0;
	width: 420px;
	float: right;
}
.modal section .text p,
.modal section .text_fgwide p {
	margin:0 0 1em;
	font-size: .875em;
	line-height: 1.5;
}

.modal section .pageNav {
	position: absolute;
	top: 426px;
	left: 382px;
}

.modal section .pageNav0103,
.modal section .pageNav0203,
.modal section .pageNav0303,
.modal section .pageNav0102,
.modal section .pageNav0202 {
	width: 66px;
	height: 14px;
	position: absolute;
	top: 426px;
	left: 382px;
	list-style: none;
}

.modal section .pageNav0103 li,
.modal section .pageNav0203 li,
.modal section .pageNav0303 li,
.modal section .pageNav0102 li,
.modal section .pageNav0202 li {
	list-style: none;
}

.modal section .pageNav0103 a,
.modal section .pageNav0203 a,
.modal section .pageNav0303 a,
.modal section .pageNav0102 a,
.modal section .pageNav0202 a {
	width: 14px;
	height: 14px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 0px;
}

.modal section .pageNav0103 .btn01 {	
	width: 14px;
	height: 14px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url('/sic/img/research/s_bluerose/story/page_on.png') no-repeat 0 0;
}
.modal section .pageNav0203 .btn02 {	
	width: 14px;
	height: 14px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 0px;
	left: 26px;
	background: url('/sic/img/research/s_bluerose/story/page_on.png') no-repeat 0 0;
}
.modal section .pageNav0303 .btn03 {	
	width: 14px;
	height: 14px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 0px;
	left: 52px;
	background: url('/sic/img/research/s_bluerose/story/page_on.png') no-repeat 0 0;
}

.modal section .pageNav0103 .btn02 a {	
	background: url('/sic/img/research/s_bluerose/story/page_off.png') no-repeat 0 0;
	left: 26px;
}
.modal section .pageNav0103 .btn03 a {	
	background: url('/sic/img/research/s_bluerose/story/page_off.png') no-repeat 0 0;
	left: 52px;
}

.modal section .pageNav0203 .btn01 a {	
	background: url('/sic/img/research/s_bluerose/story/page_off.png') no-repeat 0 0;
	left: 0px;
}
.modal section .pageNav0203 .btn03 a {	
	background: url('/sic/img/research/s_bluerose/story/page_off.png') no-repeat 0 0;
	left: 52px;
}

.modal section .pageNav0303 .btn01 a {	
	background: url('/sic/img/research/s_bluerose/story/page_off.png') no-repeat 0 0;
	left: 0px;
}
.modal section .pageNav0303 .btn02 a {	
	background: url('/sic/img/research/s_bluerose/story/page_off.png') no-repeat 0 0;
	left: 26px;
}


.modal section .pageNav0102 .btn01 {	
	width: 14px;
	height: 14px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 0px;
	left: 13px;
	background: url('/sic/img/research/s_bluerose/story/page_on.png') no-repeat 0 0;
}
.modal section .pageNav0202 .btn02 {	
	width: 14px;
	height: 14px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 0px;
	left: 39px;
	background: url('/sic/img/research/s_bluerose/story/page_on.png') no-repeat 0 0;
}

.modal section .pageNav0102 .btn02 a {	
	background: url('/sic/img/research/s_bluerose/story/page_off.png') no-repeat 0 0;
	left: 39px;
}
.modal section .pageNav0202 .btn01 a {	
	background: url('/sic/img/research/s_bluerose/story/page_off.png') no-repeat 0 0;
	left: 13px;
}

.modal section .btnClose a {
	width: 34px;
	height: 34px;
	background: url('/sic/img/research/s_bluerose/story/btn_close.png') no-repeat 0 0;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top:-17px;
	left: 813px;
}

.modal section .btnPrev a {
	width: 64px;
	height: 281px;
	background: url('/sic/img/research/s_bluerose/story/btn_prev.png') no-repeat center center;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top:74px;
	left: -59px;
}
.modal section .btnNext a {
	width: 64px;
	height: 281px;
	background: url('/sic/img/research/s_bluerose/story/btn_next.png') no-repeat center center;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top:74px;
	left: 825px;
}



/*------------------------------------------------------------
  modal　モーダル内追加スタイル
------------------------------------------------------------ */
.modal section .text .naname {
	font-style: italic;
}

/* ------------------------------------------------------------
	references
------------------------------------------------------------ */
#research_contents .referencesWrap {
	clear: both;
	margin-top: 15px;
	padding:15px 0;
	border-top:1px dotted #cccccc;
	border-bottom:1px dotted #cccccc;
	width: 870px;
	margin: 0px 0px 0px 25px;
}
#research_contents .referencesWrap dt {
	float:left;
	border:1px solid #2b2b2b;
	padding:5px 0px;
	font-size:153.9%;
	font-weight:normal;
	line-height:1;
	width: 140px;
	text-align: center;
	margin-right: 10px;
}	
#research_contents .referencesWrap dd {
	float:left;
	padding:5px 0px;
	line-height:150%;
}


.modal section .references {
	clear: both;
	font-size: .875em;
	line-height: 1.5;
	margin-top: 15px;
	padding:15px 0 0;
	border-top:1px dotted #cccccc;
	border-bottom:1px dotted #cccccc;
	width: 790px;
}
.modal section .references p {
	margin-top: 0;
}
.modal section .references .reftl {
	float:left;
	width: 120px;
	margin: 0 10px 0 0;
}
.modal section .references .reftl p {
	border:1px solid #2b2b2b;
	padding:5px 0px;
	text-align: center;
}	
.modal section .references .reftxt {
	padding: 0px;
}