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


/*必須ここから*/
a img {border: 0px none !important;}

/* 20110406クラスあり修正版 */

.clearfix {zoom:1;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}
.none {
	display: none;
}
.clear {
	clear: both;
}
.txtCenter {
	text-align: center;
}
.txtLeft {
	text-align: left;
}
.txtRight {
	text-align: right;
}
.smaller {
	font-size: 90;
}
.knb_imgRight {
	float: right;
	margin: 0 0 5px 5px;
}
.knb_imgLeft {
	float: left;
	margin: 0 5px 5px 0;
}
/*必須ここまで*/




/*外枠*/
#df_wrap{background:url(./back.gif);}

#df_content_in {
	text-align:center;
	width:100%;
	margin:0 auto;
	padding:0;
}

#df_content_in div {
	box-sizing:border-box;
}

#knb_content {
	text-align:center;
	margin: 0 auto;
	width:960px;
}


#knb_content .lead_img{position:relative;z-index:49;}

	
#knb_content .lead{
	width:800px;
	margin:-20px auto 20px;
	text-align:center;
	padding:30px;
	background:#FFF;
	border-radius:8px;
	font-size:18px;
	line-height:1.3em;}
	
	.lead img{margin:0;padding:0;}
	
	#knb_content .lead a{
	margin:0 auto;
	padding:0;
	line-height:0;
	box-shadow:rgb(179, 182, 186) 0px 4px 13px 0px;
	-webkit-box-shadow:rgb(179, 182, 186) 0px 4px 13px 0px;
	-moz-box-shadow:rgb(179, 182, 186) 0px 4px 13px 0px;
	transition: 0.4s;
	display:block;
	width:358px;}
	#knb_content .lead a:hover{
	top:1px;
	left:1px;
	position:relative;
	box-shadow:rgb(179, 182, 186) 0px 2px 2px 0px;
	-webkit-box-shadow:rgb(179, 182, 186) 0px 2px 2px 0px;
	-moz-box-shadow:rgb(179, 182, 186) 0px 2px 2px 0px;
	transition: 0.4s;}
	#knb_content .lead .smp{
	width:100%;
	margin-top:30px;
	text-align:left;
	padding:15px;
	background:#EEE;}
	#knb_content .lead .smp span{
	width:100%;
	text-align:left;
	padding:3px;
	background:#00a7e9;
	color:#FFF;
	font-weight:600;}
	#knb_content .lead .smp p{
	width:600px;
	margin:10px auto;}
	
	
#knb_content .radiko_hosoku{
	width:736px;
	margin:10px auto;
	padding:20px;
	background:#FFF;
	border-radius:5px;
	border:4px solid #006a9f;
	color:#006a9f;
	font-size:20px;
	line-height:1.5em;
	position:relative;
	display:block;
	z-index:49}


#knb_content .radiko_link{
	width:800px;
	margin:-80px auto 30px;
	text-align:center;
	padding:90px 10px 30px;
	background:#FFF;
	border-radius:5px;
	z-index:1}
	
#knb_content .radiko_link img{margin:0;padding:0;}
#knb_content .radiko_link a{
	display:inline-block;
	width:300px;
	line-height:0;
	margin:0 auto;
	padding:0;
	line-height:0!important;
	box-shadow:rgb(179, 182, 186) 0px 4px 13px 0px;
	-webkit-box-shadow:rgb(179, 182, 186) 0px 4px 13px 0px;
	-moz-box-shadow:rgb(179, 182, 186) 0px 4px 13px 0px;
	transition: 0.4s;}
	#knb_content .radiko_link  a:hover{top:1px;left:1px;
	position:relative;
	box-shadow:rgb(179, 182, 186) 0px 2px 2px 0px;
	-webkit-box-shadow:rgb(179, 182, 186) 0px 2px 2px 0px;
	-moz-box-shadow:rgb(179, 182, 186) 0px 2px 2px 0px;
	transition: 0.4s;}
	



@media screen and (max-width: 640px) {
	
#df_content_in {
	text-align:center;
	width:100%;
	margin:0 auto;
}

#knb_content {
	text-align:center;
	width: 90%;
	margin: 0 auto;
}

/*メインの画像*/
#knb_content-main-image img {
	margin-bottom: 20px;
	width:100%;
}
#knb_content .lead{
	width:100%;
	padding:5px;}
	.lead_img{width:100%;}
	
	#knb_content .lead a{
	margin:0 auto;
	padding:0;
	line-height:0;
	box-shadow:rgb(179, 182, 186) 0px 4px 13px 0px;
	-webkit-box-shadow:rgb(179, 182, 186) 0px 4px 13px 0px;
	-moz-box-shadow:rgb(179, 182, 186) 0px 4px 13px 0px;
	transition: 0.4s;
	display:block;
	width:300px;}
    #knb_content a img{width:300px;}
	#knb_content .lead .smp{
	font-size:14px;
	width:100%;
	margin-top:30px;
	text-align:left;
	padding:10px;
	background:#EEE;}
	#knb_content .lead .smp span{
	width:100%;
	text-align:left;
	padding:3px;
	background:#00a7e9;
	color:#FFF;
	font-weight:600;}
	#knb_content .lead .smp p{
	width:100%;
	margin:10px auto;}


#knb_content .radiko_hosoku{
	width:100%;
	margin:10px auto;
	padding:15px;
	text-align:left;
	font-size:15px;
	line-height:1.5em;}


#knb_content .radiko_link{
	width:100%;
	margin:0px auto;
	text-align:center;
	padding:20px;
	background:#FFF;
	border-radius:5px;
	z-index:1}
#knb_content .radiko_link a{
	display:inline-block;
	width:300px;
	line-height:0;
	margin:0 auto;
	padding:0;
	line-height:0!important;
	box-shadow:rgb(179, 182, 186) 0px 4px 13px 0px;
	-webkit-box-shadow:rgb(179, 182, 186) 0px 4px 13px 0px;
	-moz-box-shadow:rgb(179, 182, 186) 0px 4px 13px 0px;
	transition: 0.4s;}
	#knb_content .radiko_link  a:hover{top:1px;left:1px;
	position:relative;
	box-shadow:rgb(179, 182, 186) 0px 2px 2px 0px;
	-webkit-box-shadow:rgb(179, 182, 186) 0px 2px 2px 0px;
	-moz-box-shadow:rgb(179, 182, 186) 0px 2px 2px 0px;
	transition: 0.4s;}
}