@charset "utf-8";

/******************************************************

co-colo.jp
last mod 080714


*****************************************************/

@import "default.css";
@import "footer.css";


/*****************************************************

main

*****************************************************/


#cap_greeting{
	display:block;
	margin:0 0 15px 0;
	padding:0;
	background:url(../npo/img/cap_greeting.jpg) no-repeat 0 0;
	width:515px;
	height:27px;
	text-indent:-9999px;
}

#cap_shushi{
	display:block;
	margin:0 0 15px 0;
	padding:0;
	background:url(../npo/img/cap_shushi.jpg) no-repeat 0 0;
	width:515px;
	height:27px;
	text-indent:-9999px;
}

#cap_contact{
	display:block;
	margin:0 0 15px 0;
	padding:0;
	background:url(../npo/img/cap_contact.jpg) no-repeat 0 0;
	width:515px;
	height:27px;
	text-indent:-9999px;
}

#cap_pp{
	display:block;
	margin:0 0 15px 0;
	padding:0;
	background:url(../npo/img/cap_pp.jpg) no-repeat 0 0;
	width:515px;
	height:27px;
	text-indent:-9999px;
}


.topic{
	width:515px;
	margin:25px 0 80px 0;
	padding:0 0 10px 0;
	background:url(../img/dotline.jpg) no-repeat 0 100%;
	}

.topic img{
	float:right;
	margin:0 0 20px 20px;
	}

.date{
	font-weight:bold;
	font-size:13px;
	}



#main ol, #main ul{
	width:500px;
	margin:0 0 20px 15px;
	list-style-position:inside;
	}



/*****************************************************

extra

*****************************************************/



/*****************************************************

navi

*****************************************************/


#nv01 a{
	margin : 0;
	padding : 0;
	width : 75px;
	height :50px;
	background :  url(../img/btn_home_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv01 a:hover{
	margin : 0;
	padding : 0;
	width : 75px;
	height :50px;
	background :  url(../img/btn_home_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
}


#nv02 a{
	margin : 0;
	padding : 0;
	width : 150px;
	height :50px;
	background : url(../img/btn_join_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}
#nv02 a:hover{
	margin : 0;
	padding : 0;
	width : 150px;
	height :50px;
	background : url(../img/btn_join_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv03 a {
	margin : 0;
	padding : 0;
	width : 129px;
	height :50px;
	background : url(../img/btn_txt_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv03 a:hover {
	margin : 0;
	padding : 0;
	width : 129px;
	height :50px;
	background : url(../img/btn_txt_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv04 a {
	margin : 0;
	padding : 0;
	width : 146px;
	height :50px;
	background : url(../img/btn_event_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv04 a:hover {
	margin : 0;
	padding : 0;
	width : 146px;
	height :50px;
	background : url(../img/btn_event_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv05 a {
	margin : 0;
	padding : 0;
	width : 102px;
	height :50px;
	background : url(../img/btn_editor_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv05 a:hover {
	margin : 0;
	padding : 0;
	width : 102px;
	height :50px;
	background : url(../img/btn_editor_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv06{
	margin : 0;
	padding : 0;
	width : 198px;
	height :50px;
	background : url(../img/btn_npo_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}