/* CSS Document */

#camp {
	width:890px;  
	margin:0 auto;
	padding:0;
	font-size:11px;
	color:#000;
	line-height:18px;
	overflow:hidden;
	background:#FFFFFF;
	}

#camp h1 {
	text-align:center;
	margin:15px 0 0;
	padding:0;
	}
	
#camp #eventCol {
	background:#F0F0F0;
	padding:25px 25px 10px;
	margin:0 0 30px;
	text-align:left;
	}

#camp h2 {
	text-align:left;
	margin:0;
	padding:0;
	}
	
#camp span.text_mid {
	font-size:14px;
	line-height:20px;
	margin:0;
	padding:0;
	}

#camp #detailCol {
	width:840px;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	overflow:hidden;
	border-top:1px solid #999;
	padding:15px 0 0;
	margin:15px 0 0;
	}

#camp #detailCol #dateCol {
	width:420px;
	float:left;
	}

#camp #detailCol #voteCol {
	width:420px;
	font-size:17px;
	line-height:20px;
	text-align:center;
	float:right;
	}
	#camp #detailCol #voteCol img.vote {
	margin:7px 0;
	}

	
#camp #share {
	margin:10px 90px 0;
	padding:0;
	text-align:center;
	overflow: hidden;
	clear: both;
	}

#camp #share ul {
	margin:0;
	padding:0;
	list-style-type: none;
	}

#camp #share li {
	float: left;
	padding: 0;
	margin-right: 15px;
	}

#camp #share li:last-child {
	margin-right: 0;
	} 

#camp #share li#pinterest {
	overflow: hidden;
	position: relative;
	height: 20px;
	width: 40px;
	}

#camp #share li#googleplus {
	overflow: hidden;
	position: relative;
	height: 30px;
	width: 35px;
	}

#camp #share li#googleplus #gplus {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	}



#camp span.text_small {
	font-size:11px;
	margin:0;
	padding:0;
	}
	
#camp #topicCol01 {
	text-align:left;
	width:890px;
	height:447px;
	margin:0;
	padding:0;
	background:url(../img/topic01.jpg) no-repeat 0 0;
	}

#camp #topic01 {width:191px;padding:60px 230px 0 0;float:left;}
#camp #topic02 {width:191px;padding:60px 230px 0 0;float:right;}
#camp #topic03 {width:370px;padding:310px 0 0 0;}

#camp #topicCol02 {
	text-align:left;
	width:890px;
	height:231px;
	margin:0 0 30px;
	background:url(../img/topic02.jpg) no-repeat 0 0;
	}

#camp #topic04 {width:191px;float:left;padding:60px 230px 0 0;}
#camp #topic05 {width:191px;float:right;padding:60px 230px 0 0;
	}

#camp #autumnCol {
	width:890px;
	height:171px;
	margin:0 0 30px;
	padding:0;
	background:url(../images/autumncoffeestyle.jpg) no-repeat 0 0;
	}

#camp #autumnCol #autumntxt {width:210px;padding:50px 0 0 470px;}

#camp #bnrCol {
	width:890px;
	overflow:hidden;
	position:relative;
	zoom:1;
	}

#camp #bnrCol #leftCol, #camp #bnrCol #rightCol {
	width:395px;
	padding:20px;
	font-size:10px;
	float:left;
	background:#F0F0F0;
	}
	#camp #bnrCol #leftCol {
	margin:0 17px 0 0;
	}
#camp #bnrCol #leftCol img {
	text-align:center;
	margin:0 128px;
	}
#camp #bnrCol #rightCol img {
	text-align:center;
	margin:0 102px;
	}
	
#camp #supporterCol {
	border-bottom:1px solid #ABABAB;
	text-align:left;
	margin:20px 0;
	padding:0 0 20px;
	}
	#camp #supporterCol img {
	margin:0 20px 5px 0;
	vertical-align:baseline;
	}

#camp #footCol {
	margin:20px 0;
	}



/*---------------- link color --------------------*/
#camp a {text-decoration: underline; color: #CC0000;}
#camp a:hover {text-decoration: none; color:#CC0000;}
#camp a:visited {text-decoration: underline; color:#CC0000;}

#camp #bnrCol a, #camp .text_small a {text-decoration: underline; color: #000;}
#camp #bnrCol a:hover, #camp .text_small a:hover {text-decoration: none; color:#000;}
#camp #bnrCol a:visited, #camp .text_small a:visited {text-decoration: underline; color:#000;}