/*----------------------------------------------------------------------------------*/
/*                                                                                  */
/*  RBSS STYLE                                                                      */
/*                                                                                  */
/*----------------------------------------------------------------------------------*/

/* ================================================================================ */
/*  1.INDEX                                                                         */  
/* ================================================================================ */
/* -------------------------------------------------------------------------------- */
/*  1-1.TOPICS                                                                      */  
/* -------------------------------------------------------------------------------- */

.rbss--topics dl{
	padding:15px 0;
	border-top:solid 1px #d8dbdf;
	}

.rbss--topics dl:first-child{
	border-top:none;
	}

.rbss--topics dl.rbss--topics--col{
	background-color:#fefde3;
	}

.rbss--topics dt{
	float:left;
	width:110px;
	clear:both;
	text-align:center;
	}

.rbss--topics dd{
	float:right;
	width:620px;
	}

.rbss--topics dd p:first-child{
	/*font-size:1.8rem;
	font-weight:bold;*/
	}


@media screen and (max-width: 640px) {
	
	.area.rbss--topics{
		padding:0;
		}
	
	.rbss--topics dl{
		padding-left:20px;
		padding-right:20px;
		}
	
	.rbss--topics dt{
		float:none;
		width:100%;
		text-align:left;
		}
	
	.rbss--topics dd{
		float:none;
		width:100%;
		}
	}


/* -------------------------------------------------------------------------------- */
/*  1-2.SEIDO                                                                       */  
/* -------------------------------------------------------------------------------- */

.rbss--seido{
	/*background-color:#999;
	border-radius:8px;
	padding:15px;*/
	}

.rbss--seido p.rbss--ryaku{
	width:562px;
	height:93px;
	background-image:url(/rbss/img/rbss_ryaku.gif);
	backgrund-repeat:no-repeat;
	background-position:center;
	margin:0 auto 30px auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	}

@media screen and (max-width: 640px) {
	.rbss--seido p.rbss--ryaku{
		width:100%;
		height:auto;
		text-indent: 0;
		white-space: normal;
		overflow:visible;
		background-image:none;
		font-size:1.6rem;
		font-weight:bold;
		color:#1d2088;
		padding:10px 0;
		border-top:solid 1px #1d2088;
		border-bottom:solid 1px #1d2088;
	}
}


.rbss--seido ul{
	text-align:center;
	margin-bottom:20px;
	}

.rbss--seido ul li{
	border-radius:8px;
	border:solid 1px #d8dbdf;
	display:inline-block;
	}

.rbss--seido ul li:first-child{
	margin-right:10px;
	}

.rbss--seido ul li p{
	padding:20px 30px 30px 30px;
	}

.rbss--seido ul li p:first-child{
	margin-bottom:10px;
	font-weight:bold;
	font-size:1.6rem;
	background-color:#e2eafc;
	color:#1b2551;
	padding:8px 0;
	}

@media screen and (max-width: 640px) {
	.rbss--seido ul li{
		display:block;
		}
	
	.rbss--seido ul li:first-child{
		margin-bottom:10px;
		margin-right:0;
		}
	
	.rbss--seido ul li img{
		width:100%;
		height:auto;
		}
	}


/* -------------------------------------------------------------------------------- */
/*  1-3.KINOU                                                                       */  
/* -------------------------------------------------------------------------------- */

.rbss--kinou--att{
	color:#f00;
	border:solid 1px #f00;
	padding:10px;
	margin-bottom:20px;
	}

.rbss--kinou--group > dt{
	font-size:1.6rem;
	font-weight:bold;
	}

.rbss--kinou--group > dt span{
	font-size:1.4rem;
	}

.rbss--kinou--group > dd{
	box-sizing: border-box;
	padding-left:30px;
	margin-bottom:25px;
	}

@media screen and (max-width: 640px) {
	.rbss--kinou--group > dt{
		font-size:1.4rem;
		}
	
	.rbss--kinou--group > dd{
		padding-left:0;
		}
}


/* ================================================================================ */
/*  2.BACKNUMBER                                                                    */  
/* ================================================================================ */

.rbss--bk--group dl{
	padding:25px 0;
	border-top:solid 1px #d8dbdf;
	}

.rbss--bk--group > p:first-child + div dl:first-child{
	border-top:none;
	}

.rbss--bk--group dt{
	width:90px;
	float:left;
	}

.rbss--bk--group dd{
	width:600px;
	float:right;
	}

.rbss--bk--group dd p:first-child{
	font-weight:bold;
	marign-bottom:5px;
	font-size:1.5rem;
	}


@media screen and (max-width: 640px) {
	.rbss--bk--group dt , .rbss--bk--group dd{
		width:100%;
		float:none;
		}
}



/* ================================================================================ */
/*  3.MARK                                                                          */  
/* ================================================================================ */

@media screen and (max-width: 640px) {
	
	.tbl--mark--sp{
		border-right:solid 1px #d1d4d9;
		border-bottom:solid 1px #d1d4d9;		
		}
	
	.tbl--mark--sp th:nth-child(1){
		width:auto;
		vertical-align:middle;
		text-align:left;
		width:50%;
		}
	
	.tbl--mark--sp tr:first-child th:nth-child(2),
	.tbl--mark--sp tr:first-child th:nth-child(3),
	.tbl--mark--sp tr:first-child th:nth-child(4),
	.tbl--mark--sp td:nth-child(2),
	.tbl--mark--sp td:nth-child(3),
	.tbl--mark--sp td:nth-child(4){
		display:block;
		width:100%;
		box-sizing:border-box;
		text-align:left;
		vertical-align:middle;
		border-bottom:none;
		border-left:none;
		border-right:none;
		}
	
	.tbl--mark--sp tr:last-child th{
		border-bottom:none;
		}
	
}



/* ================================================================================ */
/*  4.ANNUALPLAN                                                                    */  
/* ================================================================================ */

.ttl--rbss--annual{
	border-bottom:solid 1px #b6bac1;
	position:relative;
	}

.ttl--rbss--annual span{
	font-size:1.6rem;
	background-color:#fff;
	color:#333;
	padding:12px 0 13px 0;
	font-weight:bold;
	box-sizing: border-box;
	border-left:solid 1px #b6bac1;
	border-top:solid 1px #b6bac1;
	border-right:solid 1px #b6bac1;
	border-radius:5px 5px 0 0 / 5px 5px 0 0 ;
	display:inline-block;
	width:50%;
	text-align:center;
	position:relative;
	bottom:-1px;
	}

#container .annual--pad{
	padding-top:7px;
	padding-bottom:7px;
	}

.annual--date{
    display:inline-block;
    width:100px;
}

/* ================================================================================ */
/*  5.SHINSEI    CAMERA&RECORDER   /  LED                                           */  
/* ================================================================================ */

/*
.shinsei--series div{
	float:left;
	width:49%;
	margin-left:2%;
	}
*/
.shinsei--series div:first-child{
	margin-bottom: 20px;
	}


@media screen and (max-width: 640px) {
	.shinsei--series{
		margin-left:auto;
		margin-right:auto;
		width:94%;
		}
	
	.shinsei--series div{
		float:none;
		margin-left:0%;
		width:100%;
		}
	
	.shinsei--series div:first-child{
		margin-bottom:20px;
		}
}


/* ================================================================================ */
/*  6.KIJYUN                                                                        */  
/* ================================================================================ */

.kijyun--att li{
	text-indent:-2.5em;
	padding-left:2.5em;
	}



/* ================================================================================ */
/*  7.PANPHLET                                                                      */  
/* ================================================================================ */

.pamphlet--group{
	margin-bottom:40px;
	}

.pamphlet--group li{
	float:left;	
	box-sizing:border-box;
	display:block;
	width:48%;
	text-align:center;
	padding:50px 30px;
	margin-left:4%;
	margin-bottom:4%;
	border-radius:8px;
	background:url(/common/img/bg_04.gif)
	}

.pamphlet--group li:nth-child(odd){
	margin-left:0;
	}

.pamphlet--group li p:first-child{
	margin-bottom:20px;	
	}

.pamphlet--group li p:first-child img{
	border:solid 1px #d2d5da;
	}

@media screen and (max-width: 640px) {
	.pamphlet--group{
		width:94%;
		margin-left:auto;
		margin-right:auto;
		}
	
	.pamphlet--group li{
		float:none;
		width:100%;
		margin-left:0;
		}
	
	.pamphlet--group li:first-child{
		margin-bottom:20px;
		}
}


/* ================================================================================ */
/*  8.IMG                                                                           */  
/* ================================================================================ */

/*.rbss--seido p.rbss--ryaku {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	}*/

@media screen and (max-width: 640px) {
	.rbss--seido p.rbss--ryaku{
		text-indent: 0;
		white-space: normal;
		overflow:visible;
	}
}


/* ================================================================================ */
/*  7.CLEAR                                                                         */  
/* ================================================================================ */

.rbss--topics dl::after , .rbss--bk--group dl::after , .shinsei--series::after , .pamphlet--group::after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}