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

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

/*　more 海日記データ　エントリー用 */
.more2 table{

}

.more2 th{
	width		: 100px;
	background	: #D0CCFF;
}

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

/* cont_header, cont_header_navi */

#cont_header {
	min-height	: 1%;
	height		: 1%;
	margin-bottom	: 20px;
}

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

#cont_header h2 {
	height		: 120px;
	overflow	: hidden;
	margin-bottom	: 0;
}

#cat_nav {
	padding-right	: 25px;
}

#cat_nav li {
	width		: 50px;
	height		: 50px;
	overflow	: hidden;
	float		: right;
	border		: 3px solid #EEE;
}

#cat_hiranuma .on_hiranuma,
#cat_yamada .on_yamada,
#cat_toyooka .on_toyooka,
#cat_kamegamori .on_kamegamori,
#cat_hasegawa .on_hasegawa,
#cat_urushihara .on_urushihara,
#cat_osaki .on_osaki {
	border		: 3px solid #F4CA13;
}

/* entry */

.entry {
	padding-bottom	: 15px;
	border-bottom	: 1px dashed #666;
}

.entry h3 {
	background-color	: #EEE;
	margin-bottom	: 10px;
	padding		: 5px;
}

.category_older {
	min-height	: 1%;
	height		: 1%;
}

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

.category_older ul {
	list-style-type	: none;
	margin		: 0;
	padding		: 0;
}

.category_older li {
	width		: 254px;
	float		: left;
}
/* == 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;
}