@charset 'utf-8';
@import url("common.css");

/* maincontent */

#maincontent{
	background	: url("http://www.southern-reef.com/img/bg_main02.gif") repeat-y;
}

/* menu_link */
#menu_link{
	margin		: 0 0 10px 0; 
}

#menu_link img{
	margin		: 0 2px;
}

/* right */
#right h2{
	 font-size	: 14px;
	 margin		: 5px 3px 0 0;
	 letter-spacing	: 0.1em;
}

#right ul{
	margin		: 10px 35px;
}

#right li{
	line-height	: 150%;
}

/* tel */
#tel{
	margin		: 3px 0 10px 0;
	padding		: 3px 5px;
	text-align	: center;
	border-top	: dashed 1px #333;
	border-bottom	: dashed 1px #333;
}

/* mail */
.mail{
	width		: 180px;
	height		: 17px;
	padding		: 0 0 0 23px;
	font-size	: 10px;
	background	: url("http://www.southern-reef.com/img/mail.gif") no-repeat left center;
}



/* category_name */
.category_name{
	margin		: 5px 10px;
	line-height	: 150%;
	font-size	: 14px;
	font-weight	: bold;
}

/* ============================== */

#right h2 {
	margin-bottom	: 20px;
}

.entry {
	min-height	: 1%;
	height		: 1%;
	margin-bottom	: 10px;
	padding-bottom	: 10px;
	border-bottom	: 1px dashed #666;
}

.entry:after {
	content		: ".";
	display		: block;
	height		: 0;
	clear		: both;
	visibility	: hidden;
}

.cat_summary {
	width		: 450px;
	float		: right;
}

.cat_thumb {
	width		: 50px;
	float		: left;
}

/***************leftcol*****************/


.leftcol{
	width: 200px;
	margin: 0 5px;
	_margin: 0 0 0 2px;
}

.bar_fl{
	margin: 15px 0 10px 5px;
}


.banner01_fl{
	padding: 0 0 10px 0px;

}

.banner02_fl{
	padding: 0px 0 10px 0px;

}

.banner03_fl{
	padding: 0 0 0 0px;
}


.bannerinfo{
	font-size: 10px;
	line-height: 1.5em;
	padding: 0 0 10px 5px;

}


.leftcol ul.sub1{
	width		: 195px;
	margin		: 3px 0 0 5px;
	list-style	: none;
}

.leftcol ul.sub1 li{
	border-bottom: #333 1px dashed;
	padding		: 0 5px;

}

.leftcol ul.sub1 li a,
.leftcol ul.sub1 li a:hover{
	width		: 195px;
	list-style	: none;
	padding		: 2px 5px;

}

.rightcol{
	width: 520px;
	padding: 0 0 0 5px;
}

/* == clearfix == */

.clr:after{
	content: " ";
	display:block;
	font-size: 0.1em;
	height:0;
	line-height: 0; 
	clear:both;
	visibility:hidden;
}

.clr{display:inline-block;}
* html .clearfix{height:1%;}

.clr{display:block;}

.fl{
	float: left;
}

.fr{
	float: right;
}


li{
	text-decoration: none;
	
}

li a{
	text-decoration: none;
	color: #333;
}

li a:hover{
	text-decoration: none;
	color:#3366cc;;
}