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

/* entry */
.entry{
	float		: left;
	margin		: 5px;
	height	: 150px;
}

.entry-header{
	font-size	: 12px;
	margin		: 3px 0;
	text-align	: center;
	width	: 120px;
	height:30px;
}

.entry-header a{
	color		: #333;
}

.entry-body img{
	width	: 120px;
	height	: 100px;
}

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

/* == 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;;
}


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


.leftcol{
	width: 200px;
	padding: 0 5px;
	_padding: 0 0 0 3px;

}

.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;
	/*border-left: 1px dotted #999;*/
	padding: 0 0 0 5px;
}