/**** ALL ****/

*{margin:0;padding:0;}
img{border-style:none;padding:0;margin:0;}
body{margin-left:auto;margin-right:auto;line-height:1.4em;color:#444;}
#cco_body{width:700px;margin-left:auto;margin-right:auto;line-height:1.4em;}

/**** float ****/

#cco_list{
	float:left;
	width:150px;
}

#cco_cont{
	margin-left:150px;
}

/**** TEXT ****/


H1{
	font-size:17px;
	color:white;
	padding:5px;
}

H2{
	font-size:16px;
	margin:10px 10px 10px 15px;
}

H3{
	font-size:15px;
	margin:10px 10px 10px 20px;
}
P{
	font-size:14px;
	margin:10px 10px 10px 25px;
}
.box{
	margin:10px;
}

a{
	color:red;
	text-decoration:none;
}
a:hover{
	color:white;
	background-color:gray;
}
/**** HEAD ****/

#cco_head{
	color:red;
	height:72px;
	margin-top:10px;
	margin-bottom:10px;
}


/**** NAVI ****/

#cco_navi{
	height:18px;
	text-align:left;
	padding:10px 10px;
	background-color:#000;
	text-align:right;
	position:relative;
}

#cco_navi a{
	color:#CCC;
	font-size:12px;
	text-decoration:none;
	padding:5px 5px;
}
#cco_navi a:hover{
	color:#FFF;
	background-color:red;
}

#cco_logo{
	position:absolute;top:0px;left:0px
}

/**** LIST ****/

#cco_list{
	font-size:small;
	line-height:1.2em;
	color:#666;
}
#cco_list li{
	margin:5px 0;
}
#cco_list li a{
	margin:5px 0;
}

/**** CONT ****/
#cco_cont{
	background-image:url("../images/h1.jpg");
	background-repeat:no-repeat;
}

#cco_cont li{
	margin-left:50px;
	font-size:14px;
}

/**** FOOT ****/

#cco_foot{
	clear:both;
	width:100%;
	border:solid 1px #666;
}
#cco_foot p{
	font-size:12px;
}