@charset "UTF-8";
/*
Theme Name: 神戸大学海洋・気象研究室
Theme URL: http://www.mec-com.co.jp
Description: meccommunications
Author: Mec
Author URI: http://www.mec-com.co.jp
*/



/*全体の設定*/
* {
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	font-weight: normal;
}
/*リンク画像の枠を消す、テキストのセンターに配置*/
img {
	border-width: 0px;
	vertical-align: middle;
}
html{
	height:100%;
}
body {
	font-family:"Verdana","ＭＳ Ｐゴシック", Osaka;
	color: #555555;
	font-size:62.5%;
	height:100%;
	text-align:center;
	background:#6496C8 url(css/bg.gif) top repeat-x;
}
table {
	empty-cells:show; 
	border-collapse:collapse; 
	border-spacing:0;
}
em{
	font-style:italic;
}
strong,strong span{
	font-weight: bold;
}

/*標準のリンク*/
a:link {
	color: #0033FF;
	text-decoration: none;
	outline:none;
}
a:visited {
	color: #0033FF;
	text-decoration: none;
	outline:none;
}
a:hover {
	color: #000099;
	text-decoration: underline;
	outline:none;
}
a:active {
	color: #000099;
	text-decoration: underline;
	outline:none;
}


/* 左右分けレイアウト*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*レイアウト枠：全体の枠と横幅・背景色*/
#page {
	background: #FFFFFF ;
	width: 900px;
	text-align: center;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -89px;
}
/*--------------------------------------------ヘッダー*/
#header {
	background:url(css/head-line.gif) top repeat-x ;
	margin: 0 auto;
	text-align: left;
	width: 860px;
	height: 130px;
}
/*ヘッダーロゴ*/
#header-logo{
	float:left;
	padding:18px 0 10px 0;
	width:640px;
}
/* 補足ナビ*/
#assist-nav{
	float:right;
	padding:20px 0 13px 0;
	width:220px;
	text-align:right;
}
#assist-nav p#language{
	font-size: 10px;
	line-height:12px;
	padding:1px 0;
	margin-bottom:10px;
}
#assist-nav p#language a{
	padding-left: 20px;
	background:url(css/eng.gif) left no-repeat;
	margin-right:10px;
}
/*グローバルナビ*/
#global-nav{
	background:url(css/head-kage.gif) left top no-repeat;
	padding-bottom:5px;
}
#global-nav li {
	float: left;
}


/*--------------------------------------------コンテンツ*/
#contents {
	margin: 0px auto;
	text-align: left;
	width: 860px;
	padding-bottom:100px;
}
/* --------------------------------------------パンくず*/
#path {
	margin:5px 0px 10px 0px;
	font-size: 10px;
	line-height:12px;
	color:#666666;
}
/* --------------------------------------------本文*/
#main {
	width: 600px;
	float:left;
}
#mainimg{
	margin-bottom:20px;
}
/*詳しくはこちら*/
.more{
	margin-top:5px;
}
.more a{
	background:url(css/more.gif) left top no-repeat;
	font-size:12px;
	line-height:12px;
	padding:5px 0 5px 0;
	display:block;
	width:120px;
	text-indent:27px;
	color:#003399;
	letter-spacing:2px;
}
* html .more a{
	line-height:22px;
	padding:0;
}
*:first-child+html .more a{
	line-height:22px;
	padding:0;
}
.more a:hover{
	background:url(css/more.gif) left bottom no-repeat;
	color:#CC0000;
	text-decoration:none
}
/*関連サイトはこちら*/
.kanren{
	margin-top:5px;
}
.kanren a{
	background:url(css/kanren.gif) left top no-repeat;
	font-size:12px;
	line-height:12px;
	padding:5px 0 5px 0;
	display:block;
	width:140px;
	text-indent:27px;
	color:#003399;
	letter-spacing:1px;
}
* html .kanren a{
	line-height:22px;
	padding:0;
}
*:first-child+html .kanren a{
	line-height:22px;
	padding:0;
}
.kanren a:hover{
	background:url(css/kanren.gif) left bottom no-repeat;
	color:#CC0000;
	text-decoration:none
}

/* --------------------------------------------サイドバー*/
#sidebar {
	width: 230px;
	float: right;
}


/* --------------------------------------------ページトップへ戻るためのリンク*/
#up-link {
	margin: 0px auto;
	background:#FFFFFF;
	width: 900px;
	text-align:right;
	font-size:12px;
	line-height:15px;
}
#up-link a {
	display: block;
	text-align:right;
	padding:10px;
	margin:0px 20px;
	height:15px;
	color:#666666;
}
#up-link a:hover {
	background: #CCCCCC;
	text-decoration:none;
	color:#444444;
}

/* --------------------------------------------フッター*/
#footer {
	background:#FFFFFF;
	margin: 0px auto;
	width: 900px;
	height:55px;
	text-align:center;
	letter-spacing:1px;
}
/*ナビ*/
#foot-nav{
	margin: 0px auto;
	width: 860px;
	background:#003399;
	font-size:12px;
	line-height:13px;
	padding:5px 0 6px 0;
	color:#99CCFF;
}
#foot-nav a{
	padding:0 8px;
	color:#FFFFFF;
}
/*コピーライト*/
#copyright{
	font-family:"arial","ＭＳ Ｐゴシック", Osaka;
	font-size:10px;
	line-height:18px;
	color:#FFFFFF;
	letter-spacing:0;
}
#copyright a{
	color:#FFFFFF;
}


/* 編集する*/
p.hensyu{font-size:12px;margin:8px; text-align:center}
.hensyu a,#main .hensyu a {background:#FFFF99; border:1px solid #FFCC66; color:#993300; padding:0px 5px; ;text-decoration: none}
.hensyu a:hover,#main .hensyu a:hover{background:#FFCCCC; border:1px solid #FF9999; color:#660000; text-decoration:none}