@charset "UTF-8";
/*
Theme Name: 公益社団法人 瀬戸内海環境保全協会
Author: meccommunications
Author URI: http://www.mec-com.co.jp
*/

/*全体の設定
-----------------------------------------------------------------------------------------*/
*{
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	font-weight: normal;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
img {
	border-width: 0px;
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
* html img {
	border-width: 0px;
	vertical-align: top;
	padding:-1px;
}
*:first-child+html img {
	border-width: 0px;
	vertical-align: middle;
	padding:-1px;
}
img.tb{
	display:none;
}
img.sp{
	display:none;
}
@media screen and (max-width: 999px) {
	img.pc{display:none;}
	img.tb{display:inline;}
}
@media screen and (max-width: 560px) {
	img.tb{display:none;}
	img.sp{display:inline;}
}
html{
	height:100%;
}
body {
	font-family:'Verdana','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
	color: #333333;
	text-align:center;
	font-size:14px;
	line-height:20px;
	height:100%;
	-webkit-text-size-adjust:none;
	background:#FFFFFF url(images/bg.png) top repeat-x;
	min-width:1000px;
}
body{font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック'\9;}

h1,h2,h3,h4,h5,h6,p,li,dt,dd,input,table,figure{
	font-size:14px;
	line-height:20px;
}
strong{
	font-weight:bold;
}
em{
	font-style:normal;
	color:#ED1C24;
}
table {
	empty-cells:show; 
	border-collapse:collapse; 
	border-spacing:0;
}
/* 左右分けレイアウト*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*標準のリンク*/
a{
	color: #008CE0;
	text-decoration: none;
	outline:none;
}
a:hover {
	text-decoration: none;
	outline:none;
}
a:link,a:visited,a:hover,a:active {
	outline:none;
}
/*画像のhoverは透過*/
a:hover img{
	opacity: 0.75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
}
/*-------------------------フッター固定（フッター高200px）*/
#wrapper {
	width: 980px;
	text-align:left;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -200px;
}
#contents{
	padding-bottom:201px;
}
footer {
	height:200px;
}

/*header
-----------------------------------------------------------------------------------------*/
header{
	background:url(images/header_bg.png) top center no-repeat;
}
/*-------------------------ロゴ*/
header h1{
	text-align:center;
	font-size:11px;
	line-height:15px;
	color:#66A5C6;
	padding-top:33px;
}
/*-------------------------siteinfo*/
header ul.siteinfo{
	float:left;
	margin-top:-85px;
}
header ul.siteinfo li{
	float:left;
	margin-right:10px;
}
header ul.siteinfo li a{
	display:block;
	padding:3px 5px 3px 28px;
	letter-spacing:1px;
}
header ul.siteinfo li:first-child a{
	background:url(images/header_btn_home.png) left no-repeat;
	color:#1CAAD6;
	font-weight:bold;
}
header ul.siteinfo li:last-child a{
	background:url(images/header_btn_contact.png) left no-repeat;
	color:#FB9700;
	font-weight:bold;
}
header ul.siteinfo li a:hover{
	background-color:#CAE4F4;
}
/*-------------------------検索枠*/
#searchform{
	width:250px;
	height:30px;
	background:#FFFFFF;
	border:1px solid #CCE1EC;
	float:right;
	margin-top:-85px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
#searchform input[type="text"]{
	width:215px;
	height:28px;
	border:none;
	background:none;
	float:left;
	font-size:12px;
	line-height:30px;
	text-indent:5px;
}
#searchform input[type="submit"]{
	width:35px;
	height:30px;
	border:none;
	background:#7FB4D0 url(images/header_search_btn.png) left top no-repeat;
	float:left;
	margin:-1px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
}
#searchform input[type="submit"]:hover{
	background-position:bottom;
}
/*-------------------------グローバルメニュー*/
header nav{
}
header nav h2 {
	display: none;
}
header nav > ul{
	padding-top:5px;
}
header nav > ul > li{
	float: left;
	width:14.5%;
	text-align:center;
	background:url(images/header_nav.png) left no-repeat;
	padding-left:9px;
}
header nav > ul > li:first-child{
	width:13%;
	background:none;
	padding-left:0;
}
header nav > ul > li > a{
	display:block;
	font-weight:bold;
	padding-top:60px;
	padding-bottom:10px;
	background:center 12px no-repeat;
	color:#0069A0;
}
header nav > ul > li:nth-child(1) > a{
	background-image:url(images/icon_topics.png);
}
header nav > ul > li:nth-child(2) > a{
	background-image:url(images/icon_about.png);
}
header nav > ul > li:nth-child(3) > a{
	background-image:url(images/icon_publish.png);
}
header nav > ul > li:nth-child(4) > a{
	background-image:url(images/icon_promotion.png);
}
header nav > ul > li:nth-child(5) > a{
	background-image:url(images/icon_research.png);
}
header nav > ul > li:nth-child(6) > a{
	background-image:url(images/icon_kaiin.png);
}
header nav > ul > li:nth-child(7) > a{
	background-image:url(images/icon_setonaikai.png);
}
header nav > ul > li > a:hover{
	background-color:#E6E6E6;
}
header nav > ul > li > a.current{
	background-color:#F2F2F2;
}

/*サブメニュー*/
header nav > ul > li > ul{
	z-index:1000;
	display:none;
	position: absolute;
	top: 200px;
	left:50%;
	width:1000px;
	margin-left:-500px;
	padding:0px 10px 25px 10px;
	background:url(images/header_nav_sub.png) bottom no-repeat;
}
header nav > ul > li > ul:before{
	content: ""; 
	display: block; 
	padding-top:12px;
	background:url(images/header_nav_sub_t.png) top repeat-x;
}
header nav > ul > li > ul > li{
	text-align:left;
	float:left;
	margin:5px 0;
	padding:0 10px 0 20px;
}
header nav > ul > li:nth-child(2) > ul > li{
	white-space:nowrap;
	width:20%;
}
header nav > ul > li > ul > li > a{
	padding-left:18px;
	background:url(images/ya.png) left no-repeat;
	font-weight:bold;
	color:#000000;
}
header nav > ul > li > ul > li > a:hover{
	text-decoration:underline;
}


/*contents
-----------------------------------------------------------------------------------------*/
#contents{
}

/*footer
-----------------------------------------------------------------------------------------*/
footer {
	min-width:980px;
	background:url(images/footer_bg.png) bottom no-repeat;
	text-align:center;
}
footer a:hover{
	text-decoration:underline;
}
/*-------------------------上へ*/
#toPageTop {
	position:fixed;
	bottom: 5px;
	right: 5px;
}
* html #toPageTop {position:absolute;}
#toPageTop img{
	opacity: 0.3;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#toPageTop img:hover{
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	cursor:pointer;
}
/*-------------------------フッターナビ*/
footer nav{
	position:relative;
	overflow:hidden;
	padding-top:72px;
}
footer nav h2{
	display:none;
}
footer nav ul{
	position:relative;
	left:50%;
	float:left;	
}
footer nav ul li{
	position:relative;
	left:-50%;
	float:left;
	margin:0 10px;
	padding-left:10px;
	background:url(images/ya_blue.png) left no-repeat;
	font-size:12px;
}
footer nav ul li a{
	font-weight:bold;
	color:#0069A0;
}
/*-------------------------Copyright*/
footer small{
	display:block;
	font-size:11px;
	padding-top:6px;
	line-height:20px;
	letter-spacing:1px;
	color:#B2D5F2;
}
footer small a{
	color:#009CD0;
}