@charset "utf-8";

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

co-colo.jp
last mod 080808


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

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


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

main

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


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

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

link

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


.item{
	width:95%;
	border-top:1px dotted #FDA67B;
	border-left:4px solid #FDA67B;
	margin:0 0 15px 10px;
	padding:10px 5px 5px 10px;
	}
.item a{
	font-size:14px;
	}
.syousai{
	font-size:100%;
	width:90%;
	margin:0 auto;
	color:#666;
	line-height:1.5em;
	}

.sample{
	border:1px dotted #cccccc;
	background:#fef7ef;
	margin:0 0 0 20px;
	padding:7px;
	width:85%;
	font-size:90%;
	}
h3{
	margin:0 0 10px 0;
	padding:0 0 0 5px;
	border-left:10px solid #ed5106;
	color:#ed5106;
	width:80%;
	}
h4{
	margin:35px 0 10px 0;
	color:#ed5106;
	font-size:14px;
	}
.h3_tit{
	margin:0 0 0 20px;
	}
.h4_tit{
	margin:0 0 0 40px;
	}
.bnr_zone{
	margin:0 0 10px 30px;
	}