@charset "utf-8";

/* 高知東ロータリークラブ　トップページ
NEW DESIGN Kochi East Rortary Club, Scripted by Conceptbox Inc. Sept. 2011
------------------------------------------------------- 2011.9.7 WED Start */

/* 基本設定
------------------------------------------------------------------ */
* {
	margin:0px;
	padding:0px;
	font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka',sans-serif;
}
html {
	background:#316745 ;
}
body {
	margin:0px;
	padding:0px;
	background: #fff url(../../images2/shared/bg-body.gif) top repeat-x;
	font-size: 90%;
	color: #333;
	letter-spacing:0.05em;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}
p, ol, ul {
	line-height: 1.3;
}
blockquote {
	margin:0 20px 0 20px;
}
a {
	color: #cc3300;
	text-decoration:underline;
}
a:hover {
	color: #424242;
	text-decoration:none;
}
img {
	border: none;
}
address {
	line-height: 1.3;
	font-style:normal;
	font-size: 13px;
}
strong {
	font-weight:bold;
}

/* clearfix
------------------------------------------------------------------ */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
	display:inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* floatをクリア */
.clear {
	clear:both;
}

/* 基本レイアウト
------------------------------------------------------------------ */
#container {}
#header {
	width: 100%;
	height: 175px;
	margin: 0;
	background: url(../../images2/shared/bg-header.gif) bottom center no-repeat;
}
#header-container {
	position:relative;
	width: 900px;
	margin:0 auto 0 auto;
}
#contents {
	width: 900px;
	margin: 0px auto;
	background: #fff url(../../images2/shared/bg-contents.gif) center repeat-y;
/*	border-right: #999999 1px solid;
	border-left: #999999 1px solid;
*/
}
#footer-top {
	position:relative;
	width: 100%;
	height:80px;
	margin: 0px auto;
	background: #fff url(../../images2/shared/bg-contents.gif) center repeat-y;
}
	#footer-bg {
		position:absolute;
		bottom:0px;
		width: 100%;
		height:30px;
		margin: 0px auto;
		background:#316745 ;
	}
	#footer-top-con {
		position:relative;
		width: 900px;
		margin: 0px auto;
	}
	#bg-city {
		position:absolute;
		top:-69px;
		left:15px;
	}
	#pagetop {
		position:absolute;
		top:-24px;
		right:131px;
	}
#footer {
	width: 100%;
	margin: 0px auto;
	background:#316745 ;
}
#footer-container {
	width: 900px;
	margin:0 auto 0 auto;
	background:;
}

/* ヘッダー #header-container
------------------------------------------------------------------ */
#header-container #siteID {
	position:absolute;
	height: auto;
	padding: 0;
	left:36px;
	top:6px;
	z-index:150;
}
	#siteID h1{
		font-size:12px;
		font-weight:normal;
		line-height:1.0;
	}
	#siteID h1 a{
		color: #424242;
		text-decoration:none;
	}
#header-container #s-nav  {
	position:absolute;
	top:47px;
	right:35px;
	margin: 0px;
	padding: 0px;
	color: #424242;
	font-size:90%;
	letter-spacing:0.0;
	width: auto;
	height: 20px;
	z-index:120;
}
		#header-container #s-nav ul {
			list-style:none;
			margin: 0px;
			padding: 0px;
			font-weight:bold;
			font-size:12px;
		}
		#header-container #s-nav ul li {
			float:left;
			padding:0 0px 0 0px ;
			margin:0;
			border-left: #aaa solid 1px ;
		}
		#header-container #s-nav ul .n-right {
			border-right: #aaa solid 1px ;
		}
		#s-nav a {
			color: #424242;
			text-decoration:none;
		}
		#s-nav a:hover {
			color: #cc3300;
			text-decoration:underline;
		}

/* ヘッダーのメインナビゲーション
---------------------------------------------*/

#header-container #m-nav {
	position:absolute;
	top:105px;
	left:15px;
}
	#m-nav ul {
		padding:0;
		margin:0;
		list-style:none;
	}
	#m-nav ul li {
		display:block;
		text-align:center;
		font-size:12px;
		font-weight:bold;
		float:left;
		width:144px;
		height:55px;
		margin:0;
		background: #fff url(../img/share/bg-menu.gif) top repeat-x;
		border-left:#ccc solid 1px;
	}
	li.border-right {
		border-right:#ccc solid 1px;
		}
	#m-nav ul li a {
		display:block;
		width:100%;
		color:#FFFFFF;
		text-decoration:none;
		padding:0px 0 0 0 ;
		margin:0;
	}
	#m-nav ul li a:hover {
		color:#fff56c;
	}

#m-nav ul li ul {
	margin:0;
	padding:0;
	}
#m-nav ul li ul li{
	display:block;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	float: none;
	width:143px;
	height:22px;
	margin:0;
	padding:10px 0 10px 0;
	background: #3CF;
	border-bottom:#ccc solid 1px;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
#m-nav ul li ul li a{
	color:#039;
}
#m-nav ul li ul li a:hover{
	color:#fff;
}
	
#m-img {
	text-align:center;
	padding:0px 0 10px 0;
}


/* コンテンツエリア　#contents
------------------------------------------------------------------ */
.section {
	padding:10px 50px 10px 50px;
}
.section p{
	font-size:95%;
	line-height:1.7;
	margin:0 10px 0 10px
}

/* 活動報告（ブログ）
------------------------------------------------------------------ */
#postarea {
	border:#3CF dotted 2px;
	padding:10px;
	margin:0 auto 0 auto;
	background:#FFF;
	width:720px;
}

.article {
	border:none;
	padding:0px;
	margin:0 auto 0 auto;
	background:#FFF;
	width:720px;
}
.article h2.title{
	background:#0098ff ;
	padding:5px;
	margin:0;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	}
.article p.spec{
	background:#9FF ;
	padding:5px;
	margin:0;
	text-align:right;
	}
.article .post-body{
	margin:0 0 10px 0;
	}
.article .post-comment{
	margin:5px 0 5px 30px;
	border-left: #CCC 3px solid;
	font-size:90%;
}
.article .post-comment-area{
	margin:5px 0 5px 25px;
	border-left: #CCC 3px solid;
	font-size:90%;
}

/* フッター上、企業情報
------------------------------------------------------------------ */
#material h3{
	background:url(../../images2/shared/bg_h3_sky_squre.gif) left center no-repeat;
	margin:5px;
	padding:5px 5px 5px 30px;
	}


/* フッター上、企業情報
------------------------------------------------------------------ */
#footer-info {
	width: 795px;
	height:100px
	margin: 0px auto;
	padding-bottom:10px;
}
p.f-menu {
	font-size:11px;
	color: #360;
	padding:5px 0px 5px 0;
	text-align:center;
}
	p.f-menu a{
		color: #360;
		text-decoration:none;
	}
	p.f-menu a:hover{
		color: #3C0;
		text-decoration:underline;
	}

/* フッター
------------------------------------------------------------------ */
#footer {
	clear:both;
	height:50px;
}
	#credit {
		text-align:center;
		font-size:11px;
		margin:0px 0 0 0;
		padding:5px 0 0 0;
		color:#FFF;
	}

/* テーブル各種
------------------------------------------------------------------ */
/* 基本のテーブル
---------------------------------------------*/
.tbl-basic {
	border-collapse:collapse;
	text-align:left;
	font-size:90%;
	margin:5px auto 0 auto;
	border:#666666 1px solid;
}
.tbl-basic td, .tbl-basic th{
	border:#666666 1px solid;
	padding:3px;
}
.tbl-basic th{
	background:#ededed;
}

/* 透明テーブル
---------------------------------------------*/
.tbl-trans {
	border-collapse:collapse;
	text-align:left;
	font-size:90%;
	margin:5px auto 0 auto;
	border:#666666 0px solid;
}
.tbl-trans td, .tbl-trans th{
	border:#666666 0px solid;
	padding:3px;
}
.tbl-trans th{
	background:#ededed;
}

/* 活動報告　写真テーブル
---------------------------------------------*/
.tbl-report {
	border-collapse:collapse;
	text-align:center;
	font-size:90%;
	margin:5px auto 0 auto;
	border:#666666 0px solid;
}
.tbl-report td, .tbl-report th{
	border:#666666 0px solid;
	padding:3px;
}
.tbl-report th{
	background:#ededed;
}


/* フッターテーブル
---------------------------------------------*/
.tbl-footer {
	border-collapse:collapse;
	text-align:left;
	font-size:90%;
	margin:5px auto 0 auto;
	border-top:#666666 1px dashed;
}
.tbl-footer td, .tbl-footer th{
	border:#666666 0px solid;
	padding:3px;
}
.tbl-footer th{
	background:#ededed;
}

/* greeting 20150629追記
---------------------------------------------*/
.section2 {
	padding:10px 50px 10px 50px;
	height:250px;
}
.section-l{
	float:left;
	width:240px;
	padding:0 0 0 10px;
}
.section-r{
	float:right;
	width:550px;
	position:relative;

}
p.greeting-title{
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:200%;
	font-weight:bold;
	padding:15px 0;
	
}
p.greeting-name{
	text-align: right;
	margin:10px 20px 0 0 ;
}
#kotei{
	width: 200px;
	position: absolute;
	right: 0px;
	top: 165px;
}