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



.PT10 {
	padding-top: 10px;
}
img {
	vertical-align: top;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.floatL{
	float:left;
}

.ovh{
	height:0px;
	overflow:hidden;
}
#wrapper #contents {
	background: #D3D3D3;
}


#contents a:hover{
	text-decoration:none;
}

.orderArea{
	background:#FFF url(http://deagostini.jp/site/rbi/pretop/images/order_bg.jpg) no-repeat;
	height:87px;
	position:relative;
}
.orderArea a.teiki{
	position:absolute;
	left: 605px;
	top: 8px;
}
#mainImage {
	height: 546px;
	position: relative;
	background-color:#FFF;
}
.newsArea  {
	background: url(http://deagostini.jp/site/rbi/pretop/images/main_bg_news.jpg) repeat-x;
	height: 134px;
	left: 23px;
	text-align: center;
}
.newsArea ul  {
	padding-left:135px;
	padding-top:8px;
}
.newsArea ul li  {
	padding:5px 0 5px 0;
	background:url(http://deagostini.jp/site/rbi/pretop/images/line.gif) no-repeat left bottom;
	color:#333;
	font-size:12px;
	
}


#block1 {
	background: url(http://deagostini.jp/site/rbi/pretop/images/block1_bg.jpg);
	height: 677px;
	position: relative;

}
#block1 .movBox {
	position: absolute;
	left: 456px;
	top: 32px;
	width: 448px;
	height: 292px;
}
#block1 .movBox #movBoxInner {
	text-align: center;
	padding-bottom: 4px;
	margin-top: 41px;
}

.cmBtn li{
	float:left;
	width:224px;
	height:41px;
}


#block1 .txt {
	color:#465f69;
	position:absolute;
	font-weight:bold;
	left: 32px;
	top: 514px;
	width: 382px;
}
#block1 .aboutBox {
	position: absolute;
	left: 448px;
	top: 392px;
	width: 456px;
	height: 270px;
	text-align:center;
}
#block1 .aboutBox li{
	float:left;
	margin-right:10px;
}
#block1 .aboutBox li a{
	display:block;
	background:url(http://deagostini.jp/site/rbi/pretop/images/block1_btn_01.png);
	width:100px;
	height:117px;
}
#block1 .aboutBox li.btn1 a{background:url(http://deagostini.jp/site/rbi/pretop/images/block1_btn_01.png);}
#block1 .aboutBox li.btn2 a{background:url(http://deagostini.jp/site/rbi/pretop/images/block1_btn_02.png);}
#block1 .aboutBox li.btn3 a{background:url(http://deagostini.jp/site/rbi/pretop/images/block1_btn_03.png);}
#block1 .aboutBox li.btn4 a{background:url(http://deagostini.jp/site/rbi/pretop/images/block1_btn_04.png);}

#block1 .aboutBox li.btn1 a:hover,#block1 .aboutBox li.btn1 a.selected{
	background:url(http://deagostini.jp/site/rbi/pretop/images/block1_btn_01_on.png);}
#block1 .aboutBox li.btn2 a:hover,#block1 .aboutBox li.btn2 a.selected{
	background:url(http://deagostini.jp/site/rbi/pretop/images/block1_btn_02_on.png);}
#block1 .aboutBox li.btn3 a:hover,#block1 .aboutBox li.btn3 a.selected{
	background:url(http://deagostini.jp/site/rbi/pretop/images/block1_btn_03_on.png);}
#block1 .aboutBox li.btn4 a:hover,#block1 .aboutBox li.btn4 a.selected{
	background:url(http://deagostini.jp/site/rbi/pretop/images/block1_btn_04_on.png);}

#block1 .aboutDetail{
	display:none;
}
#block1 .aboutDetail p{
	color:#FFF;
	padding:10px;
	text-align:left;
}
#block1 #about1{
	background:url(http://deagostini.jp/site/rbi/pretop/images/block1_bg_01.jpg);
	width:455px;
	height:127px;
}
#block1 #about2{
	background:url(http://deagostini.jp/site/rbi/pretop/images/block1_bg_02.jpg);
	width:455px;
	height:127px;
}
#block1 #about3{
	background:url(http://deagostini.jp/site/rbi/pretop/images/block1_bg_03.jpg);
	width:455px;
	height:127px;
}
#block1 #about4{
	background:url(http://deagostini.jp/site/rbi/pretop/images/block1_bg_04.jpg);
	width:455px;
	height:127px;
}
#block1 #about1 p{
	color:#FFF;
	padding:15px 130px 0 15px;
}
#block1 #about2 p{
	color:#FFF;
	padding:25px 20px 0 150px;
}
#block1 #about3 p{
	color:#FFF;
	padding:25px 20px 0 180px;
}
#block1 #about4 p{
	color:#FFF;
	padding:40px 25px 0 120px;
}
#block2{
}
#block2 #block2Inner {
	background: url(http://deagostini.jp/site/rbi/pretop/images/block2_bg.jpg) no-repeat;
	height: 530px;
	position: relative;
}
#block2 #block2Inner #movieArea {
	position: absolute;
	left: 32px;
	top: 3px;
}
#block2 #movieNavi {
	background: url(http://deagostini.jp/site/rbi/pretop/images/block2_bg_02.jpg);
	height: 124px;
	position: relative;
}
#block2 #movieNavi .btnL{
	position:absolute;
	left:0px;
	top:7px;
	width: 53px;
	height: 109px;
}
#block2 #movieNavi .btnR{
	position:absolute;
	right:0px;
	top:7px;
}
#block2 #movieNavi #movieNaviInner {
	width: 810px;
	position: absolute;
	overflow: hidden;
	top: 0px;
	left: 56px;
}
#block2 #movieNavi #movieNaviInner ul {
	width: 1656px;
}
#block2 #movieNavi li {
	float: left;
}

#block2 #movieNavi li a{
	display:block;
	background:url(http://deagostini.jp/site/rbi/pretop/images/block2_thumb_bg_.png);
	width:128px;
	padding:13px 0 5px 0;
	text-align:center;
	margin:0 7px 5px 0;
}
#block2 #movieNavi li a.selected{
	background:url(http://deagostini.jp/site/rbi/pretop/images/block2_thumb_bg_on.png);
}
#block3{
	background: #363A3D url(http://deagostini.jp/site/rbi/pretop/images/block3_bg_01.jpg);
	height: 901px;
	position: relative;
}
#block3 .pointBox {
	width:405px;
	position:relative;
}
#block3 .pointBox .pointBoxBg{
	background:url(http://deagostini.jp/site/rbi/pretop/images/block3_fukidashi_bg.jpg) repeat-y;
	padding:10px 25px 10px 25px;
	line-height:1.6em;
	color:#333;
	font-weight:bold;
}
#block3 .pointBox p span{
	display:block;
	background:url(http://deagostini.jp/site/rbi/pretop/images/block3_icon.png) no-repeat;
	padding:2px 0 5px 85px;
	margin-top:15px;
}
#block3 .pointBox h3{
	background:url(http://deagostini.jp/site/rbi/pretop/images/block3_fukidashi_ttl.png) no-repeat;
	padding:17px 15px 12px 25px;
	color:#FFF;
}
#block3 .pointBox h3.ttlT{
	background:url(http://deagostini.jp/site/rbi/pretop/images/block3_fukidashi_ttl_02.png) no-repeat;
	padding:33px 15px 12px 25px;
	color:#FFF;
	position:relative;
}
#block3 .pointBox h3.ttlT2{
	background:url(http://deagostini.jp/site/rbi/pretop/images/block3_fukidashi_ttl_03.png) no-repeat;
	padding:33px 15px 12px 25px;
	color:#FFF;
	position:relative;
}
#block3 .pointBox h3 .btnClose{
	position:absolute;
	left: 320px;
	top: -4px;
}
#block3 .pointBox .btnClose{
	text-align:right;
	padding-right:10px;
}
#block3 #point1{
	position:absolute;
	left: 379px;
	top: 244px;
	height: 216px;
}
#block3 #point2{
	position:absolute;
	left: 18px;
	top: 272px;
	height: 200px;
}
#block3 #point3{
	position:absolute;
	left: 328px;
	top: 337px;
	height: 197px;
}
#block3 #point4{
	position:absolute;
	left: 429px;
	top: 312px;
	height: 198px;
}
#block3 #point5{
	position:absolute;
	left: 385px;
	top: 444px;
}
#block3 #point6{
	position:absolute;
	left: 303px;
	top: 290px;
	height: 250px;
}
#block3 #point7{
	position:absolute;
	left: 329px;
	top: 430px;
	height: 224px;
}
#block3 #point8{
	position:absolute;
	left: 404px;
	top: 382px;
	height: 218px;
}
#block3 .txt{
	position:absolute;
	font-weight:bold;
	color:#465f69;
	left: 411px;
	width: 475px;
	top: 32px;
}
#block3 .point img{
}
#block3 .point1{
	position:absolute;
	left: 470px;
	top: 221px;
}
#block3 .point2{
	position:absolute;
	left: 109px;
	top: 246px;
}
#block3 .point3{
	position:absolute;
	left: 420px;
	top: 315px;
}
#block3 .point4{
	position:absolute;
	left: 519px;
	top: 286px;
}
#block3 .point5{
	position:absolute;
	left: 474px;
	top: 420px;
}
#block3 .point6{
	position:absolute;
	left: 483px;
	top: 511px;
}
#block3 .point7{
	position:absolute;
	left: 509px;
	top: 678px;
}
#block3 .point8{
	position:absolute;
	left: 634px;
	top: 357px;
}
#block3-2 {
	background:url(http://deagostini.jp/site/rbi/pretop/images/block3_bg_02.jpg);
	height:400px;
	position:relative;
}
#block3-2  .txt1{
	position:absolute;
	left: 41px;
	width: 333px;
	top: 73px;
}
#block3-2  .txt2{
	position:absolute;
	left: 41px;
	width: 282px;
	top: 230px;
}
#block3-2  .txt3{
	position:absolute;
	left: 485px;
	width: 257px;
	top: 239px;
}
#block3-3{
	background:url(http://deagostini.jp/site/rbi/pretop/images/block3_bg_03.jpg);
	height:310px;
	position:relative;
}

#block3-3 .txt1{
	position:absolute;
	color:#FFF;
	left: 244px;
	width: 627px;
	top: 105px;
}
#block3-3 .banner{
	position:absolute;
	left: 468px;
	top: 18px;
}

#magazine {
	position: relative;
}
#magazine p{
	color:#333;
}
#magazine p span{
	font-weight:bold;
}

#magazine .txt{
	position:absolute;
	left: 574px;
	top: 22px;
	width: 321px;
	color: #FFF;
}
#magazine .mag1{
	background:url(http://deagostini.jp/site/rbi/pretop/images/mag_bg_01.jpg);
	height:563px;
	position:relative;
}

#magazine .mag1 .txt1 span,#magazine .mag1 .list1 span{
	color:#697e00;
}

#magazine .mag1 .txt2 span,#magazine .mag1 .list2 span{
	color:#005491;
}
#magazine .mag1 .txt1{
	position:absolute;
	left: 49px;
	top: 60px;
	width: 377px;
}

#magazine .mag1 .txt2{
	position:absolute;
	left: 496px;
	top: 60px;
	width: 366px;
}

#magazine .mag1 .list1{
	position:absolute;
	left: 49px;
	top: 475px;
	width: 388px;
}

#magazine .mag1 .list2{
	position:absolute;
	left: 490px;
	top: 475px;
	width: 433px;
}
#magazine .mag2{
	background:url(http://deagostini.jp/site/rbi/pretop/images/mag_bg_02.jpg);
	height:571px;
	position:relative;
}

#magazine .mag2 .txt1 span,#magazine .mag2 .list1 span{
	color:#b0ae1a;
}
#magazine .mag2 .txt2 span,#magazine .mag2 .list2 span{
	color:#f08336;
}
#magazine .mag2 .txt1{
	position:absolute;
	left: 46px;
	top: 66px;
	width: 382px;
}
#magazine .mag2 .txt2{
	position:absolute;
	left: 487px;
	top: 64px;
	width: 385px;
}

#magazine .mag2 .list1{
	position:absolute;
	left: 50px;
	top: 475px;
	width: 376px;
}

#magazine .mag2 .list2{
	position:absolute;
	left:490px;
	top: 475px;
	width: 377px;
}
#magazine .mag3{
	background:url(http://deagostini.jp/site/rbi/pretop/images/mag_bg_03.jpg);
	height:616px;
	position:relative;
}
#magazine .mag3 span{
	color:#3a799a;
}
#magazine .mag3 .txt1{
	position:absolute;
	left: 49px;
	top: 65px;
	width: 478px;
	height: 132px;
}
#magazine .mag3 .txt2{
	position:absolute;
	left: 59px;
	top: 532px;
	width: 233px;
	height: 54px;
}
#magazine .mag3 .txt3{
	position:absolute;
	left: 682px;
	top: 179px;
	width: 193px;
	height: 80px;
}
#magazine .mag3 .txt4{
	position:absolute;
	left: 323px;
	top: 533px;
	width: 240px;
	height: 48px;
}
#magazine .mag3 .txt5{
	position:absolute;
	left: 555px;
	top: 110px;
	width: 210px;
	height: 40px;
	font-size:12px;
	color:#FFF;
}

#numBlock {
	background: url(http://deagostini.jp/site/rbi/pretop/images/num_bg.jpg) no-repeat;
	height: 562px;
}
#numBlock .numBlockInner {
	padding-top: 90px;
}

#numBlock .numBox {
	padding-bottom: 20px;
	margin-bottom: 10px;
	border-bottom: 2px solid #999;
}
#numBlock .numBox .line{
	background:url(http://deagostini.jp/site/rbi/pretop/images/num_line.gif) repeat-x left bottom;
	padding:10px 0 10px 0;
	margin-bottom:5px;
}

#numBlock span {
	font-weight: bold;
}

#numBlock .scroll-pane {
	margin: 0px auto;
	width: 830px;
	height: 420px;
}
#numBlock .scroll-pane .numBox {
	position: relative;
	padding-bottom: 30px;
}
#numBlock .scroll-pane .numBox .num1{	color:#748b04;}
#numBlock .scroll-pane .numBox .num2{	color:#004186;}
#numBlock .scroll-pane .numBox .num3{	color:#aca300;}
#numBlock .scroll-pane .numBox .num4{	color:#f08437;}
#numBlock .scroll-pane .numBox .num5{	color:#44809e;}

#numBlock .scroll-pane .coverBox {
	float: left;
	width: 260px;
	margin-right:0;
}
#numBlock .scroll-pane .txtBox {
	float: right;
	width: 545px;
}
#numBlock .scroll-pane .txtBox p {
	padding: 5px 5px 8px;
}
#numBlock .scroll-pane .txtBox p em{
	font-weight:bold;
	font-style:normal;
}
#numBlock .scroll-pane .txtBox .txtL {
	float: left;
	width: 270px;
}
#numBlock .scroll-pane .txtBox .txtR {
	float: right;
	width: 270px;
}
#present {
	position: relative;
}
#present .txt1 {
	font-size: 10px;
	position: absolute;
	left: 54px;
	top: 588px;
	color: #666;
}
#present .presentInner{
	background:url(http://deagostini.jp/site/rbi/pretop/images/pre_bg_02-3.jpg);
	height:225px;
	position:relative;
}
#present .presentInner .btnSelect{
	position:absolute;
	left: 36px;
	top: 408px;
}


#teiki {
	background: url(http://deagostini.jp/site/rbi/pretop/images/teiki_bg.jpg);
	height: 453px;
	position: relative;

}
#teiki .teikiInner1 {
	background: url(http://deagostini.jp/site/rbi/pretop/images/teiki_bg_01.jpg);
	position: absolute;
	left: 43px;
	top: 4px;
	width: 394px;
}

#teiki .btnFaq{
	position:absolute;
	left: 656px;
	top: 238px;
}

#teiki .btnTeiki{
	position:absolute;
	left: 437px;
	top: 283px;
}
#teiki .txt{
	position:absolute;
	left: 434px;
	top: 15px;
	width: 420px;
	font-size: 10px;
	height: 256px;
}

#teiki .teikiInner2 .btnSelect{
	position:absolute;
	left: 471px;
	top: 142px;
}
#contFoot {
	padding: 0 5px 0 0px;
	background: #F7F7F7;
	position: relative;
}

#contFoot p {
	font-size: 12px;
	padding-left: 15px;
	padding-bottom: 5px;
	padding-top: 10px;
}


#contFoot img{
	vertical-align:middle;
	margin-left: 0px;
}

#contFoot .otameshi{
	float:right;
}

#socialBlock {
	padding: 0 10px 25px 25px;
	position: relative;
	margin-top: 10px;
}
#socialBlock .googleBtn {
	position: absolute;
	left: 238px;
	height: 21px;
	width: 72px;
	top: 2px;
}
#socialBlock .twtBtn {
	position: absolute;
	left: 298px;
	height: 21px;
	width: 100px;
	top: 1px;
}
#socialBlock .twtFollowBtn {
	position: absolute;
	left: 420px;
	height: 29px;
	width: 100px;
	top: 1px;
}
#socialBlock .fbLikeBox {
	width: 302px;
	border-radius:10px 10px 0 0;
	right: 28px;
	top: -4px;
	position: absolute;
	background: #FFF;
	padding: 0 0 0 10;
}
#footInner {
	padding:10px 0 0 5px;
	position:relative;
}
#footInner .bnSelect{
	position:absolute;
	left: 658px;
	top: 14px;
}
#footInner .footBtn{
	position:absolute;
	left: 682px;
	top: 14px;
}




/*faq*/
#wrapper .faqBox h1 {
	text-align: center;
	padding-bottom: 20px;
}
#wrapper .faqBox h2 {
	background: #D5E0DE;
	padding: 5px;
	border-top: 2px solid #003333;
	margin-top: 20px;
	margin-bottom: 10px;
	color: #333;
}
#wrapper .faqBox .redtxt {
	font-size: 11px;
	color: #990000;
	padding-top: 5px;
}

#wrapper .faqBox .back {
	text-align: center;
	padding: 10px;
}#wrapper .faqBox h3 {
	margin-top: 1px;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
#wrapper .faqBox h4 {
	padding-top: 5px;
	padding-bottom: 5px;
	color: #900;
}








/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.scroll-pane {
    overflow: auto;
    width: 300px;
    height: 200px;
}
.scroll-pane .jspVerticalBar {
    width: 10px;
}
.scroll-pane .jspTrack {
    background: #ccc;
}
.scroll-pane .jspDrag {
    background: #b60000;
}


.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #dde;
	position: relative;
}

.jspDrag
{
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}
.iine{
	padding-top:10px;
}
.movWrap{
	height:495px;
}
.sBlock{
	padding-right:25px;
	text-align:right;
}
.iineB{
	display:none;
}