/*----- side ----------------------------------------------------------*/
.index #side	{ width:130px; float:right; margin-top:25px;}

/*----- content -------------------------------------------------------*/
.index #content 	{width:655px; margin-top:10px;}
.index #contentmain 	{width:450px;}

/* トップページ ニュース */
.index #contentmain .news	{ width:450px; margin:0; padding:0; }
.index #contentmain .news p.ttl	{ margin:0; padding:0; background:none; }
.index #contentmain .news p.ttl img	{ margin:0 3px 2px 0; padding:0; }
.index #contentmain .news div	{background:#EEE; margin:0 0 2px; padding:4px 5px 3px 7px; line-height:120%; }
.index #contentmain .news .em	{ background:#fe4101; }
.index #contentmain .news .em a:link,
.index #contentmain .news .em a:visited,
.index #contentmain .news .em a:active	{ color:#fff; text-decoration:none; font-weight:bold;}
.index #contentmain .news .em a:hover	{ color:#fff; text-decoration:none; }
.index #contentmain .news p.topnews1	{background:url(../images/icon_news1.gif) 0 0 no-repeat; padding-left:48px;}
.index #contentmain .news p.topnews2	{background:url(../images/icon_news2.gif) 0 0 no-repeat; padding-left:48px;}
.index #contentmain .news p.topnews3	{background:url(../images/icon_news3.gif) 0 0 no-repeat; padding-left:48px;}
.index #contentmain .news p.topnews4	{background:url(../images/icon_news4.gif) 0 0 no-repeat; padding-left:48px;}
.index #contentmain .news p.topnews5	{background:url(../images/icon_news5.gif) 0 0 no-repeat; padding-left:48px;}
.index #contentmain .news p.topnews6	{background:url(../images/icon_news6.gif) 0 0 no-repeat; padding-left:48px;}
.index #contentmain .news p.topnews7	{background:url(../images/icon_news7.gif) 0 0 no-repeat; padding-left:48px;}
.index #contentmain .news p.topnews8	{background:url(../images/icon_news8.gif) 0 0 no-repeat; padding-left:48px;}
.index #contentmain .news p.topnews9	{background:url(../images/icon_news9.gif) 0 0 no-repeat; padding-left:48px;}
.index #contentmain .news p a:link	{ color:#4B5577; text-decoration:none; }
.index #contentmain .news p a:visited	{ color:#4B5577; text-decoration:none; }
.index #contentmain .news p a:hover	{ color:#39f; text-decoration:none; }
.index #contentmain .news p a:active	{ color:#4B5577; text-decoration:underline; }

/*　トップページ 動画でえのすい　今月の壁紙 */
.index #contentmain .frm_rc1 	{margin-top:10px; border:#ddd 1px solid; padding:8px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.index #contentmain .frm_rc1 .floatLft 	{width:50px;}
.index #contentmain .frm_rc1 .floatRgt 	{width:375px; float:right;}
.index #contentmain .frm_rc1 .floatRgt .ccsinfo 	{padding-top:0; padding-bottom:0;}

/*　トップページ 航海採集日誌　研究発表　*/
.index #contentmain .frm_rc2 	{margin-top:10px; border:#ddd 1px solid; padding:8px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.index #contentmain .frm_rc2 .floatLft 	{width:110px;}
.index #contentmain .frm_rc2 .floatRgt 	{width:310px; padding-top:3px;}

/*　トップページ facebook youtube twitter　*/
.sns_banner 	{ margin:20px 5px 0;  text-align:center; }
.sns_banner a 	{ display:inline-block; width:12.5%;}
.sns_banner a img 	{ width:75%; display:block; margin:0 auto;}

/* 新着生物　トリーター日誌 */
.index .ccs_tabletp	{ margin:0; padding:3px 10px 0; background:url("../images/ccs_tp_bg.gif") no-repeat; }
.index .ccs_tablebtm	{ margin:0 0 10px; padding:0 10px 3px 10px; background:url("../images/ccs_btm_bg.gif") no-repeat bottom; font-size:100%; }
.index .ccs_tablebtm h4	{ margin:4px 0 0; padding:0;}
.index .ccs_tablebtm p	{ margin:0; padding:0 0 5px; background:#Fff; line-height:120%; }

/* .banner1 */
.banner1 { margin:15px 0 0; }
.banner1 a { display:block;}
.banner1 img { max-width:100%; display:block;}

.rcorner div {position:relative;}
.rcorner div img {behavior:url(/js/iepngfix.htc); }

.index #side { margin-top:10px;}

#billboard 	{  width:530px; margin:10px auto 0px auto; padding:0; text-align:left; float:left;}
	#billboard :after 	{ content:""; display:table; clear:both; }
	#billboard  	{ /zoom:1; }
#billboard .bg 	{ position:relative;}
/**:first-child+html #billboard .bg  	{ position:absolute; }*/
#billboard li 	{ display:block; position:absolute; top:0; left:0; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; }
#billboard .bg img 	{ display:block;}
#billboard a:hover 	{ cursor:pointer;}

#todayinfo { padding:2px 2px 11px; border:1px solid #ddd; margin-top:10px;
	-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; behavior:url(/PIE.htc); position:relative;}
	#todayinfo:after { content:""; display:table; clear:both; }
	#todayinfo { /zoom:1; }
#todayinfo .todayinfo_head { display:block; background:url(../images/h_gradient.gif) left bottom repeat-x; padding:3px; margin-bottom:11px;
	-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; behavior:url(/PIE.htc); position:relative; }
	#todayinfo .todayinfo_head .h_date { font-weight:bold; color:#fff; font-size:15px; text-align:center; min-width:90px;
		display:inline-block; *display:inline; *zoom:1; padding:4px 12px; background:url(../images/h_blueflip.gif) left center; }
	#todayinfo .todayinfo_head .h_title { color:#24b; font-weight:bold; font-size:16px;
		display:inline-block; *display:inline; *zoom:1; margin:0 0 0 10px; }
	/*#todayinfo .todayinfo_head img {  display:inline-block; *display:inline; *zoom:1; margin:0 0 0 15px; vertical-align:middle; }*/
#todayinfo .time { float:left; width:150px;}
	#todayinfo .time h3 { padding:1px 0; margin:0 0 3px 7px; background:#eee; font-weight:bold; text-align:center; color:#444; font-size:12px;
		-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; behavior:url(/PIE.htc);}
	#todayinfo .time .show { font-size:15px; text-align:center; font-weight:bold; color:#39c; margin-left:7px; display:block; }
	/* 今日の営業時間 */
	.event_entry { display:none;}
	.show { display:block;}
	.entrydate { display:none;}
	.eventoutline table.bdrlnone {display:none;}
#todayinfo .btn1 { float:left; margin-left:4px;}
#todayinfo .btn2 { float:left; margin-left:4px;}
#todayinfo a img { display:block;}
#banners_enjoy { margin:10px -10px 25px 0;}
	#banners_enjoy:after { content:""; display:table; clear:both; }
	#banners_enjoy { /zoom:1; }
#banners_enjoy li { float:left; width:33%;}
#banners_enjoy li.half { float:left; width:50%;}
#banners_enjoy li a { display:block; margin-right:5px; }
#banners_enjoy li a img { display:block;}



/*------------------------------------------------------------------------------------------
　スマートフォン用
------------------------------------------------------------------------------------------*/
/************************************************************************************
MOBILE none
*************************************************************************************/
#s_sns_banner {display:none;}

@media screen and (max-width: 640px) {

#s_sns_banner 	{ display:block; }

#sns_banner,
.index #contentmain .frm_rc1,
.index #contentmain .frm_rc2 
{display:none;}

#billboard 	{ margin-top:-10px; width:100%; display:block; float:none; }
	#billboard :after 	{ content:""; display:table; clear:both; }
	#billboard  	{ /zoom:1; }
#billboard .bg, 
#billboard img, 
#billboard .bg img 	{ width:100%; display: block; }
#billboard a 	   	{ width:100%; }

.index #content { margin-top:0;}
#contentmain { margin-top:0;}
#todayinfo { margin-bottom:15px;}
#todayinfo .time { width:100%; padding-bottom:10px;}
#todayinfo .time h3,
#todayinfo .time h3 img,
#todayinfo .time .show { display:inline-block;}
#todayinfo .time h3 { padding:4px 15px;}
#todayinfo .time .show { vertical-align:top; margin-left:2px;}
/*#banners_enjoy {display:none;}*/
#banners_enjoy { margin:-7px -10px 15px 5px;}
#banners_enjoy li { width:32.5%;}
#banners_enjoy li.half { width:49%;}
#banners_enjoy li img { width:100%; height:auto;}

.index #contentmain .news 	{ margin: 0; padding: 0 ; width:100%; }
.index #contentmain .news p.s_ttl img.list 	{ margin:2px 0px 2px 10px; min-width:50px; min-height:16px; vertical-align:bottom; float:right; display:block; }
.index #contentmain .news p.s_ttl .rss	{ display:none; }

.index .s_onbord .frm_rc2 	{ margin-top:10px; border:#ddd 1px solid; padding:8px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.index .s_onbord .frm_rc2 .floatLft 	{width:110px;}
.index .s_onbord .frm_rc2 .floatRgt 	{ padding: 3px 0 0 10px; width: 100%;}

#s_trip	{ display:block; padding:5px; margin:10px; border:1px solid #ddd; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; }
	#s_trip :after 	{ content:""; display:table; clear:both; }

.index .ccs_tabletp 	{ background:none; padding-top:10px; margin:10px 0 0px 0; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;}
	
.index .border_img 	{ display: block; margin: 0 5px 10px 0; padding: 0; width:40%; /*width:25%;*/ float:left; }

.index .ccs_tablebtm a     	{ padding:0 !important; }
.index .ccs_tablebtm a img     	{ margin-left:10px;}
.index .ccs_tablebtm 	{ background:none;  margin:0px; padding:0; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;}
.index .ccs_tablebtm p 	{ display:none; /*padding:0; font-size:85%;*/ }
	.index .ccs_tablebtm p:after 	{ content:""; display:table; clear:both; }
.index .ccs_tablebtm h4 	{ margin-top:0; font-size:85%;}

.index #contentmain .news p.s_ttl 	{ color:#36c; padding:0; margin-bottom:5px; display:block; font-weight:bold; }

.kuchikomi 	{ font-size:10px; padding:0 5px; float:left; text-align:left; width:35%; line-height:1.4; }

/*
.spShwlst           	{ margin: 0 0 20px 0; padding: 0; width: 100%;}
.spShwlst ul 	{ }
.spShwlst ul li 	{ float: left; width: 49%; height:49%; margin:0 2% 0 0; }
.spShwlst ul li.end 	{ float: left; width: 49%; height:49%; margin:0 0 0 0;}
.spShwlst ul li img 	{ height: auto; width: 100%; margin: 0;}
*/
img.onepoint 	{ margin:0 auto; text-align:center;display:block;}

}