@charset "utf-8";
/* ******************************************************************
 *	File name		: page.css
 *	Summary			: css style
 * ******************************************************************
 */

/* ----------------------------------------------------------------------
   about
---------------------------------------------------------------------- */


/* ----------------------------------------------------------------------
   message
---------------------------------------------------------------------- */

#bdid_message #massage_box{
	position:relative;
	padding-right:220px;
}
#bdid_message #massage_box #leader{
	position:absolute;
	top:0px;
	right:0px;
	width:200px;
}
#bdid_message #massage_box p{
	margin:0 0 12px;
}
#bdid_message #massage_box #leader_name{
	text-align:right;
	}
	#bdid_message #massage_box #leader_name b{
		font-family: 'Noto Serif JP', serif;
		font-weight:bold;
		font-size:1.40rem;
}
/* --- responsive --- */
@media(max-width:767px){
	#bdid_message #massage_box{
		padding-right:0px;
	}
	#bdid_message #massage_box #leader{
		position:relative;
		width:100%;
		margin:0 0 20px;
		text-align:center;
	}
}

/* ----------------------------------------------------------------------
   membership
---------------------------------------------------------------------- */


/* ----------------------------------------------------------------------
   news
---------------------------------------------------------------------- */

#news_list{
	position:relative;
	width:100%;
	list-style:none;
}
#news_list li{
	position:relative;
	width:100%;
	margin:0px !important;
	padding:7px 0 7px 100px;
	font-size:0.84rem;
	border-bottom:1px dotted rgba(24,37,72,0.5);
	}
	#news_list li span.date{
		position:absolute;
		top:5px;
		left:5px;
		width:90px;
		font-size:0.87rem;
		z-index:0;
	}
	#news_list li a{
		display:block;
		margin:-7px 0 -7px -100px;
		padding:7px 0 7px 100px;
		font-size:inherit;
		z-index:1;
		color:#000;
		transition-duration:0.5s;
	}
	#news_list li a:hover{
		background:rgba(24,37,72,0.1);
}

/* --- responsive --- */
@media(max-width:767px){
	#news_list li{
		padding:5px 0 7px;
		}
		#news_list li span.date{
			display:block;
			position:relative;
			top:0px;
			left:0px;
			width:100%;
			margin:0;
			padding:1px 10px;
			background:rgba(0,0,0,0.1);
		}
		#news_list li a{
			padding:5px 0 0px 0px;
	}
}

/* ----------------------------------------------------------------------
   privacypolicy
---------------------------------------------------------------------- */

#bdid_privacypolicy #privacypolicy_list ul{
	list-style:none;
}
#bdid_privacypolicy #privacypolicy_list ul li{
	position:relative;
	padding-bottom:15px;
	font-size:0.87rem;
	border-bottom:1px dotted rgba(24,37,72,0.5);
}
#bdid_privacypolicy #privacypolicy_list ul li b{
	font-size:1.0rem;
	color:rgba(24,37,72,1);
}
#bdid_privacypolicy #privacypolicy_list ul li address{
	display:inline-block;
	margin:10px 0 0 0;
	padding:7px 20px;
	background:rgba(24,37,72,0.1);
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}