@charset "UTF-8";
/*ここには、各頁でのみ使用するCSSを記述*/
/*適用が少ない場合、htmlに直接記述しても可*/

/*トップページ*/

img.main_img { margin:0px 0px 20px;}

table.top_con { width: 930px;}
table.top_con td { width: 620px;}
table.top_con th { width: 300px;}

table.top_con div.top_news{ width:610px; line-height:2em; border:0px solid #999;}
table.top_con div.top_news p { margin:10px; border-bottom:1px dotted #ccc; padding:3px 5px;}

table.top_con th  img {margin:0px 0px 10px ;}
table.top_con td p { margin:5px 0px 5px 5px; padding:5px; border-bottom:1px dotted #666;} 

table.top_con td p a { text-decoration:none;}
table.top_con td p a:link { color: ; text-decoration:none;}
table.top_con td p a:visited { color: ; text-decoration:none;}
table.top_con td p a:hover { color: ;text-decoration:underline; }
table.top_con td p a:active { color: ;text-decoration:none; }

table.gg {}
table.gg th {}
table.gg td {}
div.ga1 {background:#eee; border:1px solid #9f9f9f; border-radius:5px; font-weight:bold; color:#333; margin:20px 15px 5px 0px;padding:3px;}
div.ga2 {background:#eee; border:1px solid #9f9f9f; border-radius:5px; font-weight:bold; color:#333; margin:20px 0px;padding:3px;}
div.rssnews {background:#eee; border:1px solid #9f9f9f; border-radius:5px; font-weight:bold; color:#333; margin:20px 15px 5px 0px;padding:3px;}
div.rssnews ul {list-style:none; margin:0 0 0 1em; padding:0;}
div.rssnews ul li{padding:0px 20px;}
div.rssnews p.tit {font-size:1.2em; font-weight: bold; font-family:Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; border-bottom:2px solid #888; padding-left:10px;}


/*会員名簿*/

div.title { font-weight:bold; margin:5px 0px 10px; font-weight:bold; font-size:1.3em;}
div.title span{ font-weight:bold; font-weight:bold; font-size:1em;}

table.list { width:100%; border-collapse:collapse; border:1px solid #333; margin:0px 0px 5px;}
table.list th { border:1px solid #333; padding:5px; background:#eee; width:50px;}
table.list td { border:1px solid #333; padding:5px; width:415px;}

/*OMLについて*/
P.kaisoku_t {margin:10px 0px; font-weight:bold;}
div.kaisoku_m {margin:10px 0px 20px 15px;}
div.kaisoku_m ol { margin:0px 0px 0px 30px ; padding:0px 0px 0px 0px;}
div.kaisoku_m ol li{ margin:5px 0px 0px 0px ;}


table.fom { width:100%; border-collapse:collapse; margin:0px 0px 5px;}
table.fom th { padding:10px 5px; background:#fff; width:80px; border-bottom:1px dotted #333; font-weight:bold;}
table.fom td { padding:10px 5px;  border-bottom:1px dotted #333;}


/*活動内容*/
table.act { width:100%; border-collapse:collapse; border:1px solid #333; margin:0px 0px 5px;}
table.act th { border-bottom:2px solid #666; border-top:2px solid #666; border-right:1px solid #333; border-left:1px solid #333; padding:5px; background:#eee; font-weight:bold; text-align:center;}
table.act th.a1 { border-bottom:2px solid #666; border-top:2px solid #666; border-right:1px solid #333; border-left:1px solid #333;   padding:5px; background:#eee; width:90px;}
table.act th.a2 { border-bottom:2px solid #666; border-top:2px solid #666; border-right:1px solid #333; border-left:1px solid #333;   padding:5px; background:#eee; width:50px;}
table.act th.a3 { border-bottom:2px solid #666; border-top:2px solid #666; border-right:1px solid #333; border-left:1px solid #333;   padding:5px; background:#eee; width:110px;}
table.act td { border:1px solid #333; padding:5px;}

p.midashi {font-weight:bold; margin:20px 0px;}

td.theme {background:#fef4f4; text-align:left; border-bottom:5px solid #900;}

/*お知らせ*/

div.info {}
div.info  h2 { font-weight:bold; font-size:1.2em; margin:10px 0px 5px; background:#eee; padding:10px; color:#900;} 
div.info p {padding:5px 20px;}
div.info p.date {font-size:0.8em; padding:0px 0px 0px 0px; margin:0px 0px 15px 0px; background:#fff; border-bottom:1px solid #999; font-weight:bold;}


/*カラコル*/
table.caracol { border-collapse:collapse; border:0px solid #333; margin:20px 0px 5px;}
table.caracol th { border:0px solid #333; padding:5px; background:#fff; width:120px; text-align:center;}
table.caracol td { border:0px solid #333; padding:5px; background:#fff;width:290px;}
table.caracol td h5 { font-weight:bold; font-size:1em; margin:0px 0px 10px 0px; color:#900; border-bottom:1px dotted #333;}
table.caracol td.year { border-left:3px solid #900; padding:5px 15px; background:#eee; font-weight:bold;}


p.caracol_dl {font-size:0.7em; margin:5px 0px; text-align:center;}

/*会員専用*/
div.members_menu {background:#900 ; margin:0px 0px; padding:5px; }
div.members_menu div {margin:7px 0px; color:#fff; text-align:right; background:#BE0000;}
div.members_menu div a {text-decoration:none; font-weight:bold; background:url(img/menu_b.gif); padding:4px 20px; margin:5px 3px; }
div.members_menu div a:link { color:#900 ; text-decoration:none;}
div.members_menu div a:visited { color:#900 ; text-decoration:none;}
div.members_menu div a:hover { color:#f00 ;text-decoration:none; }
div.members_menu div a:active { color:#f00 ;text-decoration:none; }

table.m_top {width:100%; }
table.m_top th{ }
table.m_top td{width:300px; text-align:right;}
table.m_top td p { margin:5px 0px 5px 5px; padding:5px; border-bottom:1px dotted #666;} 
table.m_top td p a { text-decoration:none;}
table.m_top td p a:link { color: ; text-decoration:none;}
table.m_top td p a:visited { color: ; text-decoration:none;}
table.m_top td p a:hover { color: ;text-decoration:underline; }
table.m_top td p a:active { color: ;text-decoration:none; }


p.m_tit {font-weight:bold; background:#eee; padding:5px 15px;}
div.m_news {margin:; padding:10px;} 
div.m_news p {border-bottom:1px dotted #666; margin:10px 0px; padding:5px;}


/*ギャラリー*/
    #wrap{
    width: 610px;
    margin: 20px auto;
    }
    .smallimage {
    background-color: #fff;
    border: 1px solid #CCC;
    padding: 3px;
    margin: 10px 5px 0 0;
    }

/*お役立ち*/
p.tx_t {margin:0px 0px 20px 0px; padding:0px 0px 0px 40px;}

/*リンクボタン*/
.btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 300px;
	height: 60px;
	color: #333;
	font-size: 18px;
	font-weight: 700;
	text-decoration: none;
	transition: 0.3s;
}

.btn a:hover {
	color: #f2f2f2;
}

.btn04 a {
	background-color: #ceb849;
	border: 1px solid transparent;
	border-radius: 35px;
}

.btn04 a::before {
	content: '';
	position: absolute;
	top: -5px;
	left: -5px;
	width: 100%;
	height: 100%;
	background-color: transparent;
	border: 1px solid #333;
	border-radius: 35px;
}

.btn04 a:hover {
	background-color: #B99b00;
}