@charset "utf-8";

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

co-colo.jp
last mod 081002


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

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


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

main

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


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

#cap_untitle{
	font-size:16px;
	font-weight:bold;
	background:url(../img/cap_bg.jpg) repeat-x 0 100%;
	padding:0 0 5px 0;
	}


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

.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 {
	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;
	}

.font_s70percent{
	font-size:70%;
	}

.sample{
	border:1px dotted #CCCCCC;
	background-color:#FEF7EF;
	margin:0 0 0 20px;
	padding:7px;
	width:85%;
	font-size:90%;
	}
.sample_event{
	border:1px dotted #CCCCCC;
	background-color:#FEF7EF;
	margin:0 0 0 20px;
	padding:7px;
	width:85%;
	}
.photo{
	width:200px;
	float:right;
	text-align:right;
	}
.event_tit01{
	height:60px;
	margin:35px 0 0 0;
	font-weight:bold;
	}
h3{
	margin:0 0 10px 0;
	padding:0 0 0 5px;
	font-size:14px;
	border-left:10px solid #ed5106;
	color:#ed5106;
	}
.cap_untitle{
	font-size:16px;
	font-weight:bold;
	background:url(../img/cap_bg.jpg) repeat-x 0 100%;
	padding:0 0 5px 0;
	}

#ExtraIn ul li ul li{
	border:none;
	}