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

body {
	margin: 0;
	padding: 0;
	color:#333333;
	font-size:14px;
	line-height:180%;
}

.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb40 {margin-bottom:40px;}

.red {color:#FF0000;}
.pink {color:#000048;}

/*--------------------------------------------------------------------------*/
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}
/*--------------------------------------------------------------------------*/

.pc {display: block;}
.sp {display:none;}

.news{
/*	margin-bottom:25px;*/
}

.news dl{
	margin: 0;
	padding: 0;

}

.news dt{
	margin: 0;
	padding: 0;
	float:left;
	width:15%;
	padding:10px 0;
	border-bottom:#CCC 1px solid;
}

.news dd{
	margin: 0;
	padding: 0;
	float:left;
	padding:10px 0;
	width:85%;
	border-bottom:#CCC 1px solid;
}



@media screen and (max-width:640px) {
/*スマホ用のcssを記述*/


.news{
	margin-bottom:10px;
}

.news dl{
	width: 100%;
	margin-top:10px;
	margin-bottom:10px;
}

.news dt{
	float:none;
	width:100%;
	padding:10px 0;
	border-bottom: none
}

.news dd{
	float:none;
	padding:0px 0 10px;
	width:100%;
	border-bottom:#CCC 1px solid;
}




}