@charset "utf-8";

img{
	border-style: none;
	}
	
A:link {color:#4869dc;text-decoration:none;}
A:visited {color:#4869dc;text-decoration:none;}
A:hover {color:#4869dc;text-decoration:underline;}	

#head_navi A:link {color:#555555;text-decoration:none;}
#head_navi A:visited {color:#555555;text-decoration:none;}
#head_navi A:hover {color:#555555;text-decoration:underline;}	

.clear{
	clear:both;
}

/*--------------clearfix----------------*/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body{
	background:#ffffff;
	}
	
.info_area{
	width:655px;
}
	
.info_date{
	float:left;
	margin:0;
	padding:0 0 0 10px;
	width:80px;
	height:auto;
}

.info_detail{
	float:left;
	margin:0;
	padding:0;
	width:555px;
	height:auto;
}

.border_bottom{
	margin:5px 0;
	padding:0;
	width:655px;
	height:auto;
	border-bottom:1px #555 dotted;
}

/* スマホだけに適用するCSS */
@media screen and ( max-width:479px )
{

.info_area{
	width:100%;
}
	
.info_date{
	float:left;
	margin:0;
	padding:0 0 0 10px;
	width:95%;
	height:auto;
}

.info_detail{
	float:left;
	margin:0;
	padding:0;
	width:95%;
	height:auto;
}

.border_bottom{
	margin:5px 0;
	padding:0;
	width:95%;
	height:auto;
	border-bottom:1px #555 dotted;
}

}