@charset "shift_jis";

/*--- reset */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
body {
	background-color : #fffff7;
	scrollbar-face-color:#fffff7 ;
	scrollbar-highlight-color:#fffff7 ;
	scrollbar-track-color:#fffff7 ;
	scrollbar-shadow-color:#000000;
	scrollbar-3dlight-color:#000000;
	scrollbar-arrow-color:#000000;
	scrollbar-darkshadow-color:#fffff7 ;
	font-size : 9pt;
	background-attachment : fixed;
	margin-top : 0px;
	margin-left : auto;
	margin-right : auto;
}
.wrap {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}
img.center { margin: 0 auto; }
.center { text-align: center; }
.left   { text-align: left; }
.right  { text-align: right; }

/* ※印 */
.marker {/* ※印 + 半角スペース */
	margin-left: 1.65em;
	text-indent: -1.65em;
}
.marker2 {/* 半角括弧付きの数字 */
	margin-left: 2.0em;
	text-indent: -2.0em;
}


/* 単語の区切りを指定 */
.nowrap { white-space: nowrap; }

/* 余白調整 */
.pl1 { padding-left: 1.0em; }

a { font-size : 9pt;color:#333333; }
a:hover { color:#00cc00; }
br { letter-spacing:normal;white-space:normal; }
/* === ヘッダー部分のスタイル === */
.head {
	width: 100%;
	max-width: 800px;
	border-top: 10px solid #2894ff;
	background-color : #fffff7;
}
table.head td {
	padding: 20px 0;
	vertical-align: middle;
}

#headmenu {
	width: 100%;
	max-width: 800px;
	border-bottom: solid 3px #2894ff;
	overflow: hidden;
}
#headmenu > ul {
	width: auto;
	max-width: 800px;
	overflow: hidden;
	float: right;
	margin-right: 10px;
}
#headmenu > ul > li {
	list-style: none;
	float: left;
	margin-left: 0;
	margin-right: 5px;
}
#headmenu > ul > li a {
	display: inline-block;
	width: 130px;
	height: 36px;
	color: transparent;
}
#headmenu > ul > li:nth-child(1) a { background-image: url(images/menue1.gif); }
#headmenu > ul > li:nth-child(2) a { background-image: url(images/menue2.gif); }
#headmenu > ul > li:nth-child(3) a { background-image: url(images/menue3.gif); }
#headmenu > ul > li:nth-child(4) a { background-image: url(images/menue4.gif); }
#headmenu > ul > li:nth-child(5) a { background-image: url(images/menue5.gif); }
#headmenu > ul > li:nth-child(1) a:hover { background-image: url(images/menue_1.gif); }
#headmenu > ul > li:nth-child(2) a:hover { background-image: url(images/menue_2.gif); }
#headmenu > ul > li:nth-child(3) a:hover { background-image: url(images/menue_3.gif); }
#headmenu > ul > li:nth-child(4) a:hover { background-image: url(images/menue_4.gif); }
#headmenu > ul > li:nth-child(5) a:hover { background-image: url(images/menue_5.gif); }

.headmenu a:hover {
	text-decoration: underline;
}

/* === サイドバーとコンテンツ部分のスタイル === */
#contents {
	overflow: hidden;
}
#main {
	width: calc(100% - 260px);
	float: right;
	vertical-align:top;
	font-size : 10pt;
	line-height : 130%;
	background-color : #fffff7;
	letter-spacing : 2px;
}
#side {
	width : 240px;
	font-size : 9pt;
	background-color : #fffff7;
	padding: 1em 0px;
	vertical-align : top;
}


/* === サイドバー部分のスタイル === */
#side div {
	padding : 8px 0px;
}
#side p {
	font-size : 9pt;
	font-weight : bold;
}
#side a {
	text-decoration:none;
	color:#444444;
}
#side a:hover {
	color:white;
        background-color : #2894ff;
}
#side a	img { border-width:0px; }

/* 共通（サイド）：バナーエリア */
.side-banner {
	width: 240px;
}
.side-banner p {
	border: none;
	text-align: center;
	margin-bottom: 1.0em;
}

/* 共通（サイド）：当会からのお知らせ */
.group_news {
  margin-bottom: 2em;
  letter-spacing : 2px;
}
.group_news > div.waku {
  border:1px solid #2894ff;
  padding: 1em;
}
.group_news p {
  border:0;
  background:url(img/botan_6.gif) left center no-repeat;
  padding-left: 25px;
  margin-top: 1em;
  margin-bottom:2em;
}


/* === コンテンツ部分のスタイル === */
#main > div { margin-bottom: 3.0em; }
#main > div > ul,
#main > div > ol {
	margin-left: 2.0em;
}
#main p {
	font-size : 10pt;
	line-height : 140%;
	color:#333333;
}
#main a {
	text-decoration: none ;
	color: #00a854;
	font-size: 11pt;
}
#main a:hover {
	text-decoration: underline ;
	color : #ff4444;
}

/* === ページトップ部分のスタイル === */
.page-top {
	border-top: 1px dotted silver;
	margin-top: 4em;
	padding: 1em 3em 2em;
}
.page-top p {
	text-align: right;
}
.page-top p a {
	display: inline-block;
	padding-left: 27px;
	height: 22px;
	line-height: 22px;
	background: url(img/botan_1.gif) 0 center no-repeat;
}

/* === フッター部分のスタイル === */
.foot {
	line-height : 22px;
	width: 100%;
	max-width : 800px;
	border-top: solid 10px #0080ff;
	border-bottom : 1px dotted #9999ff;
	margin: 5px 0 15px;
	padding: 1.0em 0;
	text-align: left;
	overflow: hidden;
}
.foot p.copyrights {
	margin-left: 6px;
	float: left;
	margin-top: 0;
}
.foot p.address {
	margin-right: 12px;
	float: right;
	margin-top: 0;
}
.foot p.address b {
	font-size: 140%;
}


/* === 共通のスタイル === */

h1.pagetitle {
	text-align: right;
	font-size : 16pt;
	background: url(img/bg_leaf_w04.gif);
	border: 1px solid #00ff00;
	color : #333333;
	height : 35px;
	padding-top: 9px;
	padding-right: 50px;
	margin: 30px 0;
	font-weight : bold;
	text-shadow: 0 0 5px #FFF, 0 0 5px #FFF, 0 0 5px #FFF, 0 0 5px #FFF, 0 0 5px #FFF;
}
h2 {
	background : url(img/leaf.gif) left center no-repeat;
	border-bottom : 1px dotted #ff8000;
	font-size : 11pt;
	color : #007d00;
	padding-left: 30px;
	line-height : 25px;
	font-weight : bold;
	margin-bottom: 20px;
}
h3 {}

/* コンテンツ枠囲み */
[class^="waku_"] { padding: 15px; }
.waku_aqua   { border: 1px solid aqua; }
.waku_silver { border: 1px solid silver; }

.kadomaru { border-radius: 10px; }

/* 〇印インデックス */
[class^="wa-"] { padding: 10px 0; text-indent: -1.5em; margin-left: 2.0em; }
[class^="wa-"]::before  { padding-right: 0.5em; }
.wa-kuro::before { content: url(img/wa-kuro.png); }
.wa-mizu::before { content: url(img/wa-mizu.png); }
.wa-aka::before  { content: url(img/wa-aka.png); }
.wa-midori::before  { content: url(img/wa-midori.png); }
.wa-ore::before  { content: url(img/wa-ore.png); }

/* ★印インデックス */
.star04,
.star05 { text-indent: -1.5em; margin-left: 2.0em; }
.star04::before,
.star05::before { padding-right: 1.0em; }
.star04::before { content: url(img/star04.gif); }
.star05::before { content: url(img/star05.gif); }

/* 画像インデックス */
.aicon_113 { text-indent: -1.5em; margin-left: 2.0em; }
.aicon_113::before {
  padding-right: 1.0em;
  content: url(img/aicon_113.gif);
}

/* 下線 */
.line_silver { border-bottom: 1px solid silver; }

/**/
.copy {
	border-top:solid 3px #336666;
	padding-top:6px;
	font-size:10px;
	text-align:center;
}
/* 矢印マーカー付きリンク */
.arrow a {
	background: url(img/arrow.gif) left center no-repeat;
	padding-left: 22px;
}

p.yajirushi-002-03-g {
  background:url(img/yajirushi-002-03-g.gif) left top no-repeat;
  padding-left: 40px;
}

.botan_6 {
  background:url(img/botan_6.gif) left center no-repeat;
  padding-left: 25px;
}

p.sq {
  text-indent:-2em;
  padding: 1.5em;
  padding-left: 3.5em;
  border-bottom:1px dotted silver;
}
p.sq::before {
  content: "■";
  color: #009900;
  margin-right: 1em;
}


/* ------------------------
------------------------ */

/* トップ：ページトップ写真 */
#topphoto {
	padding: 3em 0 1em;
	text-align: center;
}

/* トップ：（サイド）更新履歴 */
.topics {}
.topics iframe {
  width: 230px;
  height: 260px;
  margin: 0 auto;
  border: 1px solid #2894ff;
}


/* 正会員名簿：会員一覧 */
.kaiin-box table {
	empty-cells: show;
	clear: both;
}
.kaiin-box caption {
	display: none;
}
.kaiin-box table th,
.kaiin-box table td {
	font-size: 120%;
}
.kaiin-box table th {
	font-weight:normal;
	padding: 5px;
	background-color: #84ffa3;
	border: 1px solid green;
	text-align: center;
}
.kaiin-box table .nowraps {
	white-space: nowrap;
}
.kaiin-box table tbody td {
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: top;
	border: 1px solid green;
}
.kaiin-box table tbody tr td:nth-child(1) {
	padding-left: 2.0em;
}
.kaiin-box table tbody tr td:nth-child(2) {
	padding-left: 1.0em;
}
@media only screen and (max-width: 799px) {
 .kaiin-box table tbody tr td:nth-child(1),
 .kaiin-box table tbody tr td:nth-child(2) {
	padding-left: 5px;
 }
}



/* 当協会のご案内：沿革・役員 */
.info-tbl { margin-left: 1.0em; font-size: 100%; }
.info-tbl tr td:nth-child(1),
.info-tbl tr td:nth-child(2) { padding: 0 0.5em; }
@media only screen and (max-width: 799px) {
 .info-tbl, .info-tbl tbody, .info-tbl tr, .info-tbl th, .info-tbl td {
 	display: block;
 }
 .info-tbl tr { margin-bottom: 1.0em; }
 .info-tbl tr td:nth-child(1) { font-weight: bold; }
}



/* お問い合わせ：メール入力フォーム */
.form-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 10px;
}
.form-table tr {}
.form-table tr td {
  vertical-align: middle;
  padding: 3px 5px 2px;
}
.form-table tr td:first-child {
  background: #FFF;
  border:1px solid #000;
  font-size:9pt;
  text-align: center;
}
.form-table [type="text"],
.form-table textarea { border: 1px solid #0080ff; }
@media only screen and (max-width: 799px) {
 .form-table,
 .form-table > tbody,
 .form-table > tbody > tr,
 .form-table > tbody > tr > td {
	width: 100%;
	display: block;
 }
 .form-table > tbody > tr > td {
	width: 96%;
	margin: 0 auto;
 }
 .form-table tr {
	margin-bottom: 2.0em;
 }
 .form-table tr td:first-child {
	text-align: left;
	padding: 5px;
	background: transparent;
	border: none;
	border-bottom: 1px solid #000;
	font-weight: bold;
	font-size: 120%;
 }
 .form-table tr td:nth-child(2) {
	padding: 10px;
 }
 .form-table [type="text"],
 .form-table textarea {
	width: 100%;
 }
}



/* サイトマップ */
.sitemap {
  overflow: hidden;
  border: 1px solid aqua;
  padding: 30px 15px;
}
.sitemap ul {}
.sitemap ul li { margin-bottom: 3.0em; }




/* -------------------------------------------------------------
	800px未満（１カラム表示）
------------------------------------------------------------- */
@media only screen and (max-width: 799px) {
 /* ヘッダー */
 table.head img {
	width: auto;
	height: auto;
	max-width: 90%;
 }
 /* グローバルメニュー */
 #headmenu > ul {
	width: 100%;
	border-top: 2px solid #09F;
	background-color: #09F;
	margin-right: 0;
 }
 #headmenu > ul > li {
	width: calc(100% / 3);
	margin-right: 0;
	border-bottom: 1px solid #FFF;
 }
 #headmenu > ul > li a {
	background-image: none!important;
	display: block;
	width: 100%;
	line-height: 36px;
	color: #FFF;
	text-align: center;
	font-size: 130%;
	font-weight: bold;
	text-decoration: none;
 }
 #headmenu > ul > li a:hover,
 #headmenu > ul > li a:active {
	background-color: #FFF;
	color: #000;
 }

 /* サイドコンテンツ */
 .side-banner,
 .group_news {
	width: 48%;
	margin: 0 1%;
	float: left;
 }
 /* メインコンテンツ */
 #main,
 #side {
	width: 96%;
	margin: 0 auto;
	float: none;
 }
 #main {
	margin-bottom: 100px;
 }
 h1.pagetitle {
	padding-right: 10px;
 }
}
/* -------------------------------------------------------------
	480px未満（１カラム表示）
------------------------------------------------------------- */
@media only screen and (max-width: 479px) {
 /* ヘッダー */
 table.head,
 table.head tbody,
 table.head tr,
 table.head td {
	display: block;
	text-align: center;
 }
 /* グローバルメニュー */
 #headmenu > ul > li {
	width: 50%;
 }
 .side-banner,
 .group_news {
	width: 98%;
	float: none;
 }
}
/* -------------------------------------------------------------
	320px未満（１カラム表示）
------------------------------------------------------------- */
@media only screen and (max-width: 319px) {
 /* グローバルメニュー */
 #headmenu > ul > li {
	width: 100%;
 }
}