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

/* maincontent */

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

#maincontent h2{
	margin		: 5px 10px 5px 5px;
}

#maincontent h2 a{
	color		: #333;
}

#maincontent h3{
	margin		: 5px 10px;
	font-size	: 16px;
}

.bg_blue{
	background	: #00F;
	color		: #FFF;
}

/* sidemenu*/
#sidemenu{
	float		:left;
}


/* right */
#right h2{
	font-size	: 16px;
}

/* module-content */
.module-content{
 margin			: 10px;
}


/* archive-list */
ul.archive-list{
	margin		: 5px 15px;
	color		: #000;
	line-height	: 180%;
}

li.archive-list-item{
	text-decoration	: none;
	list-style-type	: none;
}

li.archive-list-item a{
	color		: #000;
	text-decoration	: none;
}

li.archive-list-item a:hover{
	color		: #000;
	text-decoration	: underline;
}

/* content-nav */
.content-nav{
	margin		: 5px 10px 20px 10px;
}

/* 各種メニュー紹介 */
.eachplan{
	width		: 480px;
	margin		: 5px auto;
	font-size	: 12px;
	background	: #FFC;
	letter-spacing	: 0.1em;
	line-height	: 150%;
}

/* card */
.card{
	width		: 510px;
	margin		: 10px auto;
	padding		: 10px;
	border		: double #39F;
}


.comments-header,
.comments-open-header,
#trackback{
	font-size	: 12px;
}


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