@charset "UTF-8";
/*
Theme Name: JCRS 
Description: 日本サンゴ礁学会のテーマ
Author: Marth
*/

@import url(import.css);
/* 共通 
-------------------------------------------------------------- */
.meta {
	font-size: 93%;
	font-weight: normal;
}
.text_link {
	font-size: 10px;
	font-weight: normal;
	float: right;
	padding:10px;
}
.left {
	float: left;
}
.right {
	float: right;
}
.left_w150 {
	float: left;
	width: 150px;
	margin-left: 15px;
	border: 1px solid #CCC;
}
.left_w440 {
	float: left;
	width: 440px;
}
#contents p,#contents2 p {
	line-height: 1.7;
	margin-bottom: 0.875em;
	padding-right: 12px;
	padding-left: 15px;
}
.indent_50 {
	padding-top: 0px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 50px;
}
.ttl_01 {
	font-size: 16px;
	font-weight: bold;
	color: #333;
}
.b_01 {
	font-weight: bold;
	color: #0E4087;
}
.b_02 {
	font-weight: bold;
	color: #4A63B0;
}
.b_03 {
	color: #C30;
}
ul.list01{/* リスト四角 */
	margin-top:0px;
	font-size:93%;
	margin-left:35px;
	margin-right: 0px;
	margin-bottom: 20px;
}

ul.list01 li{
	list-style-type: square;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.dc { /* リスト番号 */
	list-style-type: decimal;
	padding-left: 50px;
	margin-bottom: 0.875em; 
}
table.table-01 {
    width: 90%;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
    margin-left: auto;
    margin-right: auto;
}

table.table-01 th {
    width: 20%;
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
white-space: nowrap;
}
table.table-01 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}

/* 拡張子による自動アイコン 
----------------------------------- */
a[href$='.xls'] {
	padding: 5px 20px 5px 0;
	background: transparent url(images/icon_xls.gif) no-repeat center right;
}
a[href$='.pdf'] {
	padding: 5px 20px 5px 0;
	margin: 0px 5px 0px 0;
	background: transparent url(images/icon_pdf.gif) no-repeat center right;
}
a[href$='.doc'], a[href$='.rtf'] {
	padding: 5px 20px 5px 0;
	background: transparent url(images/icon_doc.gif) no-repeat center right;
}
a[href ^="mailto:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(images/icon_mailto.gif) no-repeat center right;
}
/* ヘッター 
-------------------------------------------------------------- */
#header {
	padding: 0;
	background-image: url(images/header_bk.jpg);
	background-repeat: repeat-x;
	height: 125px;
}
.header-inner {
	overflow: hidden;
	width: 980px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
	text-align: left;
	height: 75px;
}
.header-inner .logo {
	height: 75px;
	position: absolute;
	left: 20px;
	top: 4px;
}

/* サイトの説明 */
.header-inner h1 {
	position: absolute;
	left: 160px;
	top: 16px;
}

/* english */
.header-inner .english {
	top: 4px;
	height: 23px;
	width: 88px;
	position: absolute;
	right: 88px;
}

/* RSS */
.header-inner .rss {
	top: 4px;
	height: 23px;
	width: 72px;
	position: absolute;
	right: 10px;
}

/* 検索フォーム*/ 
.header-inner #searchform {
	position: absolute;
	right: 0px;
	top: 40px;
}
#searchform label	{display: none}
#s	{
	border: solid 1px #aaaaaa;
	border-radius: 4px;
	padding: 4px 8px;
}
#s:hover, #s:focus {background-color: #eeeeee}
.header-inner #searchsubmit	{
	background-color: #666666;
	border-radius: 4px;
	color: #ffffff;
	border: solid 0px #aaaaaa;
	padding: 4px 8px 2px 8px;
	margin-right: 10px;
}

#searchsubmit:hover	{background-color: #aaaaaa}

/* 検索結果 */
.search p.title	{
	width: auto;
	color: #333333;
	padding: 10px;
	font-size: 1.25em
}
.search-no-results p.title {
	text-align: left;
	margin-bottom: 50px
}
.search-no-results #contents {
	text-align: center;
	line-height: 2;
	border: solid 1px #333333;
	padding-bottom: 40px
}

/* グローバルメニュー 
-------------------------------------------------------------- */
#access {
	display: block;
	height: 50px;
	padding: 0;
	width: 980px;
	z-index: 99999;
	height: 50px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(images/access_bk.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	position: relative;
}
#access .menu-head-navi-container, div.menu {
    font-size: 12px;
    width: 980px;
    z-index: 99999;
}
#access .menu-head-navi-container ul, div.menu ul {
    list-style: none outside none;
    margin: 0;
}
#access .menu-head-navi-container li, div.menu li {
    float: left;
    position: relative;
}
#access a {
	color: #FFF;
	display: block;
	line-height: 50px;
	padding: 0 15px;
	text-decoration: none;
}
#access ul ul {
    display: none;
    float: left;
    left: 0;
    position: absolute;
    top: 50px;
    width: 180px;
    z-index: 99999;
}
#access ul ul li {
    min-width: 180px;
}
#access ul ul ul {
    left: -100%;
    top: 0;
}
#access ul ul a {
	background: #433323;
	height: auto;
	line-height: 1.2em;
	margin: 0;
	padding: 10px;
	width: 160px;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: 1px;
	border-left-width: medium;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	color: #FFF;
}
#access li:hover > a, #access ul ul *:hover > a {
	color: #31a7d4;
	text-shadow: 0 0 3px #FFFFFF;
}
#access ul li:hover > ul {
    display: block;
}
#access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a {
    color: #31a7d4;
}
* html #access ul li.current_page_item a, * html #access ul li.current-menu-ancestor a, * html #access ul li.current-menu-item a, * html #access ul li.current-menu-parent a, * html #access ul li a:hover {
    color: #31a7d4;
}
.menu-item-457 {
    background: url("images/nav00.jpg");
    height: 50px;
    width: 112px;
}
.menu-item-458 {
    background: url("images/nav01.jpg"); 
    height: 50px;
    width: 137px;
}
.menu-item-503 {
    background: url("images/nav02.jpg"); 
    height: 50px;
    width: 187px;
}
.menu-item-504 {
    background: url("images/nav03.jpg");
    height: 50px;
    width: 112px;
}
.menu-item-505 {
    background: url("images/nav04.jpg");
    height: 50px;
    width: 112px;
}
.menu-item-506 {
    background: url("images/nav05.jpg");
    height: 50px;
    width: 137px;
}
.menu-item-507 {
    background: url("images/nav06.jpg");
    height: 50px;
    width: 183px;
}
.sub-menu {
	text-indent: 0px; 
}
.menu-item-457, .menu-item-458, .menu-item-503, .menu-item-504, .menu-item-505, .menu-item-506, .menu-item-507 {
	text-indent: -9999px;
}
.menu-item-457:hover, .menu-item-458:hover, .menu-item-503:hover, .menu-item-504:hover, .menu-item-505:hover, .menu-item-506:hover, .menu-item-507:hover {
    background-position: 0px 50px; 
}
.menu-item-457.current_page_custom,
.menu-item-457.current_page_item, 
.menu-item-457.current-menu-ancestor, 
.menu-item-457.current-menu-item, 
.menu-item-457.current-menu-parent,
.menu-item-458.current_page_custom,
.menu-item-458.current_page_item, 
.menu-item-458.current-menu-ancestor, 
.menu-item-458.current-menu-item, 
.menu-item-458.current-menu-parent,
.menu-item-503.current_page_custom,
.menu-item-503.current_page_item, 
.menu-item-503.current-menu-ancestor, 
.menu-item-503.current-menu-item, 
.menu-item-503.current-menu-parent
.menu-item-504.current_page_custom,
.menu-item-504.current_page_item, 
.menu-item-504.current-menu-ancestor, 
.menu-item-504.current-menu-item, 
.menu-item-504.current-menu-parent
.menu-item-505.current_page_custom,
.menu-item-505.current_page_item, 
.menu-item-505.current-menu-ancestor, 
.menu-item-505.current-menu-item, 
.menu-item-505.current-menu-parent
.menu-item-506.current_page_custom,
.menu-item-506.current_page_item, 
.menu-item-506.current-menu-ancestor, 
.menu-item-506.current-menu-item, 
.menu-item-506.current-menu-parent
.menu-item-507.current_page_custom,
.menu-item-507.current_page_item, 
.menu-item-507.current-menu-ancestor, 
.menu-item-507.current-menu-item, 
.menu-item-507.current-menu-parent {
    background-position: 0px 50px;
}

/* ヘッター以下 　メイン・サイド
-------------------------------------------------------------- */
#wrap {
	text-align: left;
	background-color: transparent;
	background-image: url(images/wrap_bk.jpg);
	background-repeat: no-repeat;
	background-position: 0 0px;
	width: 980px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px;
	overflow: hidden;
}

/* ぱんくず */
ul.topicpath {
	height: 30px;
	list-style-type: none;
	width: 100%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
}
ul.topicpath li {
    display: inline;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding-right: 10px;
	
}
ul.topicpath a {
	color: #008AB8;
	padding-right: 10px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(images/arrow-topicpath.jpg);
	background-repeat: no-repeat;
	background-position: 100% 40%;
}
ul.topicpath a:hover {
	color: #F90;
	text-decoration: underline;
}
#home ul.topicpath {
    color: #0066CC;
    margin-bottom: 0;
}

/* 画像アニメーション表示 */
#slideshow {
	height: 250px;
	width: 980px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}

/* ヘッター画像 */
#jfcg{
	height: 250px;
	width: 980px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}

/* 各ページヘッター画像 */
#page_img{
	height: 250px;
	width: 980px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}
/* コンテンツエリア
-------------------------------------------------------------- */
#mainContent {
	float: left;
	width: 635px;
	background-color: #F5F5F5;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
#contents {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 615px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #FFF;
}
#contents2 {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 615px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	background-color: #FFF;
}
#contents h2 {
	height:35px;	
	background-image:url(images/ttl_bk01.jpg);
	background-repeat:no-repeat;
	padding-left:100px;
	padding-top:20px;
	font-size: 20px;
	font-weight: normal;
	color: #0E4087;
	margin-top: 0px;
	margin-bottom: 20px;
	display: block;
	position: relative;
}
#contents h2 .ichiran {
	position: absolute;
	right: 2px;
	top: 16px;
}
#contents h2 span{
	color: #999;
	font-size: 10px;
	padding-left: 15px;
	font-weight: normal;
}
#contents h3, #contents2 h3 {
	background-image:url(images/ttl_bk02.jpg);
	background-repeat:no-repeat;
	padding-left:60px;
	padding-top:9px;
	font-size: 16px;
	font-weight: normal;
	color: #0E4087;
	margin-top: 20px;
	margin-bottom: 18px;
	padding-right: 0px;
	padding-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #1A4687;
	display: block;
	overflow: hidden;
	background-position: left center;
}
#contents2 h3 {
	margin-top: 5px;
}
#contents h3 span, #contents2 h3 span{
	font-size: 12px;
	color: #888888;
	display: block;
}
#contents h4 {
	height:25px;
	background-image:url(images/ttl_bk05.jpg);
	padding-left:60px;
	padding-top:9px;
	font-size: 16px;
	font-weight: normal;
	color: #9C0;
	margin-top: 0px;
	margin-bottom: 0px;
	display: block;
	padding-right: 0px;
	padding-bottom: 0px;
}

/* 次の記事・前の記事へのリンク */
.pagenation {
	padding-top:9px;	
	font-size: 0.85em;
	overflow: hidden
}
.oldpage {float: left}
.newpage {float: right}

/* ページ番号リンク */
p.pagenum {
	padding-top:9px;	
	text-align: center
}

p.pagenum a, p.pagenum span
	{padding: 3px 6px;
	color: #ffffff}

p.pagenum a	{background-color: #42a6d0}

p.pagenum span	{background-color: #a6dfe8}


/* 記事内の画像 */
.alignleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-top: 6px;
	margin-left: 10px;
}
.alignright {
	float: right;
	margin-left: 10px;
	margin-bottom: 0px;
	margin-top: 6px;
	margin-right: 10px;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
a img	{border: none;}

/* 記事内の画像 横265px指定 */
.alignleft_265 {
	float: left;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-top: 6px;
	margin-left: 20px;
	width: 265px;
}
.alignright_265 {
	float: right;
	margin-left: 10px;
	margin-bottom: 0px;
	margin-top: 6px;
	margin-right: 10px;
	width: 265px;
}
.wp-caption {
	border: solid 1px #aaaaaa;
	text-align: center;
	padding-top: 5px}

/* トップページお知らせ */
#top_info {
	background-color: #2C2727;
	color: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 14px;
	padding-right: 12px;
	padding-bottom: 14px;
	padding-left: 14px;
}
#top_info .top_info_ttl {
	color: #BF9F77;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 123.1%;
	background-image: none;
}
.p_right {
	text-align: right;
}

/* 新着情報（トップ用） */
#contents .new_topics {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(images/contents_bk.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

dl.new_topics {
	overflow: hidden;
	zoom: 1;
}  
dl.new_topics dt {
	margin-bottom: 5px;
	padding-bottom: 5px;
	width: 100px;
	float: left;
	clear: both;
	font-weight: bold;
	margin-left: 0px;
	font-size: 93%;
}  
dl.new_topics dd {
	margin-bottom: 8px;
	border-bottom: 1px dotted #999;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 120px;
}
#contents .new_topics p{
	margin: 0;
	padding: 0;
	line-height: 1.4;
}
/*  新着一覧  */
#contents .newspost h3 {
	font-size: 14px;
	border-bottom: solid 2px #D3D3D3;
	padding: 4px 4px 2px 15px;
	margin: 15px 0px 10px 0px;
	background-image:none;
}
#contents .newspost h3 span {
	font-size: 12px;
	color: #888888;
}
#contents .newspost .more {
	font-size: 85%;
	text-decoration: underline;	
}


/*  リンク集 
-------------------------------------------------------------- */
.link	{margin: 0;
	padding: 0;}
.link, .link ul	{list-style-type: none;}
.link li li	{font-size: 12px;
	border-bottom: dotted 1px #CCC;
	padding-bottom: 5px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;}

.link a	{font-size: 14px;
	font-weight: normal;
	padding: 5px;}

/* サイドバー 
-------------------------------------------------------------- */
#sidebar{
	float: right;
	padding: 0;
	width: 300px;
}
#side-widget{
	margin-top: 0px;
	margin-bottom: -10px;
}
#sidebar #Banner-right{
	width: 300px;     
}
#sidebar #Banner-right ul {
	margin-bottom: -5px;
	overflow: hidden;
	_zoom: 1;
}
#sidebar #Banner-right ul li {
	margin-bottom: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
/* ローカルナビゲーション
-------------------------*/
#localNavigation {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	overflow: hidden;
}
#localNavigation h3 {
	background-color: #F5F5F5;
	background-image: url(images/ttl_localnavi_bk.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	color: #000;
	height: 36px;
	width: 300px;
	text-align: center;
	padding-top: 16px;
}
#localNavigation ul {
	background: #F5F5F5;
	line-height: 1.2;
	width: 300px;
        margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
#localNavigation ul li {
	padding-bottom: 2px;
	background: url(images/ln_li_bg.gif) left bottom repeat-x;
}
#localNavigation ul li a {
	display: block;
	width: 272px; /* for WinIE6 */
	padding: 8px 10px 8px 18px;
	background: url(images/arrow_big.gif) 9px 13px no-repeat;
	text-decoration: none;
	color: #0E4282;
}
#localNavigation ul li a:hover,
#localNavigation ul li a:focus {
	background: #E6E6E6 url(images/arrow_big.gif) 11px 13px no-repeat;
}

/* お知らせ・関連情報リンク */
#sidebar #Banner-right .newslink {
	background-color: #F4FCFE;
	padding: 0px;
	margin-bottom: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-left: 0px;
	overflow: hidden;
}
#sidebar #Banner-right .newslink h3{
	padding: 0px;
	background-image: url(images/ttl_side_bk01.jpg);
	background-repeat: no-repeat;
	height: 39px;
	width: 300px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
}
#sidebar #Banner-right .newslinkBox{
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	clear: both;
	margin-top: 8px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 8px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#sidebar #Banner-right .newslinkBox img { border: 1px solid #036;
}
#sidebar #Banner-right .newslinkBox a:hover img  { border: 1px solid #f90; 
}
#sidebar #Banner-right .info {
	float: right;
	font-size: 12px;
	width: 214px;
	margin: 0px;
	padding: 0px;
}

/* 下のバナー群 
-------------------------------------------------------------- */
#Banner-bottom{
	width: 980px;
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
}
#Banner-bottom ul {
	margin-right: -15px;
	overflow: hidden;
	_zoom: 1;
}
#Banner-bottom ul li {
	float: left;
	margin-right: 15px;
}
#Banner-bottom ul li a{
	float: left;
	border: 1px solid #036;
}
#Banner-bottom ul li a:hover{ border: 1px solid #F90; }

/* フッター 
-------------------------------------------------------------- */
#footer {
	background-color: #2c2727;
	color: #EBEBEB;
	padding: 0;
	text-align: left;
}

.footer-inner {
	overflow: hidden;
	width: 980px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(images/footer_bk.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-top: 20px;
	padding-bottom: 20px;
	font-weight: normal;
}
.footer-Info {
	overflow: hidden;
	width: 980px;
	margin-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	font-size: 85%;
	padding-top: 15px;
	line-height: 1.6;
}
.footer-Info .footer-InfoL {
	display: inline;
	float: left;
	margin-left: 20px;
	width: 500px;
}
.footer-Info .footer-InfoR {
	display: inline;
	float: right;
	margin-right: 20px;
	width: 400px;
}
.footer-inner .menuBox {
	display: inline;
	float: left;
	margin-left: 15px;
	width: 168px;
	padding-right: 5px;
	padding-left: 5px;
}
.footer-inner .menuBox h3 {
	font-size: 90%;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	background-image: url("images/footer_menu_ttl_arrow.gif");
	background-position: left center;
	background-repeat: no-repeat;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 10px;
}
.footer-inner .menuBox ul {
	color: #FFFFFF;
	font-size: 85%;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
}
.footer-inner .menuBox ul li {
    background-image: url("images/footer_menu_arrow.gif");
    background-position: left center;
    background-repeat: no-repeat;
    padding: 2px 0 2px 8px;
}
.footer-inner .menuBox li a {
	display: block;
	color: #FFFFFF;
}
.footer-inner .menuBox a:hover {
	color: #31a7d4;
	text-decoration: none;
}
.footer-inner .menuBox h3 a {
	display: block;
	color: #FFFFFF;
}

#toTop{
	text-align: right;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
	margin-bottom: 0px;
	padding: 0px;
}
.pageTop{
	clear: both;
	text-align: right;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 0px;
	font-size: 11px;
	text-decoration: underline;
}
.copy {
	background: none repeat scroll 0 0 #000000;
	color: #FFFFFF;
	margin: 0;
	padding: 15px;
	text-align: center;
	font-size: 85%;
}