@charset "utf-8";

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

co-colo.jp
last mod 080706


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

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


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

mainimg

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

#mainimg{
	margin:0;
	padding:0;
	width:840px;
	height:280px;
}


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

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 a {
	margin : 0;
	padding : 0;
	width : 198px;
	height :50px;
	background : url(../img/btn_npo_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv06 a:hover {
	margin : 0;
	padding : 0;
	width : 198px;
	height :50px;
	background : url(../img/btn_npo_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

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

main

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

#main{
	margin:0;
	padding:0 0 0 15px;;
	width:515px;
	float:left;
}

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

extra

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


#extra{
	margin:0;
	padding:0;
	width:250px;
	height:100%;
	float:right;
	background:url(../img/RightC_bg.jpg) no-repeat;
}

#ExtraIn{
	width:230px;
	margin:10px 0 0 10px;
	}


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

main

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


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


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

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

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




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

extra

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


#extra img{
	margin:0 0 10px 0;
	padding:0;
}