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

.box_column,.box_column_single  {
	/* box-shadow */
	box-shadow: rgba(153, 153, 153, 1.188235) 0px 0px 1px 2px;
	-webkit-box-shadow: rgba(153, 153, 153, 1.188235) 0px 0px 1px 2px;
	-moz-box-shadow: rgba(153, 153, 153, 1.188235) 0px 0px 1px 2px;
	box-sizing: border-box;
	padding: 15px;
	display: block;
	margin-bottom: 25px;
}

.box_column h2{
	color: #FFFFFF;
	margin-bottom: 0;
	margin: 0;
	display: block;
	border-bottom: 1px solid #45a1cc;
  background: none
}

.box_column img{
	width: 300px;
	margin:10px 10px 10px 0;
	 float:left
}


.left_area ul,.left_area ol{ margin:  20px 20px}
.left_area ul li  {
    font-weight: 600;
    list-style: circle;
}
.left_area ol li{
	font-weight: 600
}


.box_column p{ margin-top:10px;

}

.date{
	text-align: right;
	padding: 2px 5px;
	display: block;
	margin: 0 !important;
	font-size: 12px;
	background-color: #666;
}
.more{
	clear: both;
	text-align: right;
}



.box_column_single h1{
	margin: 0 0 10px 0;
	display: block;
	text-align: left;
	padding: 10px;
	background: #0065ba;
	color: #FFF;
}





.box_column_single img#full{
	width: 100%;
	margin:10px  0;
	 float:none
}





	#social_box {
	background-color: #F1F0ED;
	padding: 5px;
}

#social_box  li { float:right; margin:0 0 0 5px; }
#social_box  li a { display:block; width:22px; height:22px; text-decoration:none; text-indent:-9999px; }
#social_box  li.rss a { background: url(../images/rss.jpg) no-repeat left top; }
#social_box  li.twitter a { background:url(../images/twitter.jpg) no-repeat left top; }
#social_box li.facebook a { background:url(../images/facebook.jpg) no-repeat left top; }
#social_box li a:hover { background-position:left bottom; }



.pic_100{float: left; display: block; width: 100px; height: 100px; overflow: hidden; text-align: center; margin-right: 10px;}

.pic_100 img{ width:200px; position:relative;left:-50px}

.youtube{ text-align:center}

.youtube iframe{ width:500px;
margin:10px auto;
text-align:center;
height:350px;}

.right_area h3{ margin-bottom:10px;}

.right_area ul{ margin-bottom:10px;}


/*share-botton*/


.share-buttons{
  text-align: center;
  padding:20px 0;}
  
.share-buttons li{
  display: inline; 

  list-style: none;
}



.share-buttons li a{ 
text-align:center;
padding:10px;
color:#FFF;

}

.share-buttons li.tw a{ background:#3399cc;} 

.share-buttons li.fb a{ background:#336699;} 


 @media only screen and (max-width:1000px){
 


 }
 @media only screen and (max-width:480px){

.youtube iframe{ width:100%;
margin:10px auto;
text-align:center;
height:350px;}	
   .full{ width: 100%;
   margin-bottom: 20px;}
}