@charset "utf-8";

html,body {
	height: 100%;
}

body {
	min-width: 1200px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	margin: 0px;
	padding: 0px;
}

#container {
	width: 100%;
	min-width: 1200px;
	min-height: 100%;
	margin-bottom: -30px;
	height: auto !important;
	height: 100%;
}

article, section, .contents-block {
	opacity: 0;
}


/* ------------------------------------ */
/*       50th anniversary movie用       */
/* ------------------------------------ */

#movie-screen {
	position: fixed;
	background-color: #000000;
}

/* ------------------------------------ */
/*               ヘッダー               */
/* ------------------------------------ */

header {
	position: relative;
	width: 100%;
	height: 240px;
	text-align: center;
	background: url("../images/header_background.png") no-repeat center top;
	z-index: 20;
}

header img {
	width: 1130px;
	height: 135px;
}

header img.test {
	width: 1070px;
	height: 135px;
}

/* ------------------------------------ */
/*   ページトップへのスクロールボタン   */
/* ------------------------------------ */

#scroll-top {
	position: fixed;
	bottom: 10px;
	left: 50%;
	width: 90px;
	height: 36px;
	z-index: 9999;
}

#scroll-top p{
	position: absolute;
	bottom: -50px;
	left: -90px;
	cursor: pointer;
}

/* ------------------------------------ */
/*               フッター               */
/* ------------------------------------ */

#footer-space {
	width: 100%;
	height: 30px;
}

footer {
	width: 100%;
	height: 30px;
}

footer p {
	width: 475px;
	height: 30px;
	margin: 0px auto;
	padding-left: 125px;
	font-size: 13px;
	background: url("../images/footer_background.png") no-repeat 10px 0px;
}

/* ------------------------------------ */
/*           コンテンツエリア           */
/* ------------------------------------ */

main {
	display: block;
	position: relative;
	width: 100%;
	min-width: 1100px;
	margin-top: -90px;
	z-index: 30;
}

.clearfix:after {
	display: block;
	height: 0px;
	content: " ";
	clear: both;
	visibility: hidden;
}

/* ==================================== */
/*             トップページ             */
/* ==================================== */
/* ------------------------------------ */
/*       トップ画像クロスフェード       */
/* ------------------------------------ */

#top-photoimage-area {
	width: 100%;
	height: 500px;
	background: url("../images/background_top_photo_image_area.png") repeat-x;
	opacity: 0;
}

#top-photoimage {
	position: relative;
	width: 1200px;
	height: 500px;
	margin: 0px auto;
	overflow: hidden;
}

#top-photoimage img {
	position: absolute;
	width: 1200px;
	height: 500px;
	top: 0px;
	left: 0px;
}

#top-photoimage img.image-text {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	opacity: 1;
}

#top-photoimage li {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1200px;
	height: 500px;
	list-style-type: none;
	animation-name: enlargement;
	animation-duration: 10s;
	animation-timing-function: linear;
}

@keyframes enlargement {
	0% {transform: scale(1.0);}
	100% {transform: scale(1.2);}
}

/* ------------------------------------ */
/*       エントランスボタンエリア       */
/* ------------------------------------ */

#top-entrance-area {
	display: flex;
	justify-content: center;
	width: 1200px;
	height: 400px;
	margin: -100px auto 0px;
	opacity: 0;
}

/* ------------------------------------ */
/*           ｢志｣ ｢遊｣ ボタン           */
/* ------------------------------------ */

#top-entrance-shi {
	position: relative;
	width: 250px;
	height: 390px;
	overflow: hidden;
}

#top-entrance-yu {
	position: relative;
	width: 250px;
	height: 390px;
	overflow: hidden;
}

.sphere-button img.hole {
	position: absolute;
	bottom: 20px;
	left: 125px;
	z-index: 100;
}

.sphere-button img.hole-front {
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 400;
}

.sphere-button img.sphere-shade {
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 200;
}

.sphere-button a {
	display: block;
	position: absolute;
	top: 400px;
	left: 30px;
	cursor: pointer;
	z-index: 300;
}

/* ------------------------------------ */
/*         センターエントランス         */
/* ------------------------------------ */

#top-entrance-banner {
	position: relative;
	width: 300px;
	height: 450px;
	margin-top: 82px;
}

/* ------------------------------------ */
/*            新着情報ボタン            */
/* ------------------------------------ */

#new-information {
	position: absolute;
	top: 0px;
	left: calc(50% - 118px);
	width: 236px;
	height: 36px;
	z-index: 1000;
}

#new-information img.enter {
	width: 236px;
	height: 36px;
	margin: 0px auto;
	cursor: pointer;
}

#new-information p.renew-date {
	width: 236px;
	margin-top: 5px;
	text-align: center;
	color: #dc143c;
	cursor: pointer;
}

/* ------------------------------------ */
/*           新着情報フレーム           */
/* ------------------------------------ */

#information-frame {
	display: none;
	position: fixed;
	top: 100px;
	left: calc(50% - 430px);
	width: 860px;
	height: 540px;
	padding-top: 20px;
	text-align: center;
	background: url("../images/background_pattern.png") repeat;
	border: 2px solid #000000;
	border-radius: 10px;
	box-shadow: 0px 0px 10px #222222;
	z-index: 4000;
}

#frame-inner {
	width: 800px;
	height: 420px;
	margin: 10px 20px 15px 40px;
	z-index: 5000;
}

#frame-inner iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: none;
}

#information-frame img.close {
	width: 326px;
	height: 36px;
	margin: 0px auto;
	cursor: pointer;
}

/* ------------------------------------ */
/*            入会案内ボタン            */
/* ------------------------------------ */

#nyukai-annai-enter {
	position: absolute;
	top: 75px;
	left: calc(50% - 93px);
	width: 186px;
	height: 36px;
	z-index: 2000;
}

#nyukai-annai-enter img {
	width: 186px;
	height: 36px;
	margin: 0px auto;
}

/* ------------------------------------ */
/*            センターバナー            */
/* ------------------------------------ */

#center-banners {
	position: absolute;
	top: 130px;
	left: calc(50% - 96px);
	width: 192px;
	height: 102px;
	z-index: 3000;
	opacity: 1;
}

#center-banners p {
	width: 192px;
	margin-bottom: 10px;
	text-align: center;
	line-height: 1.2;
}

/* ------------------------------------ */
/*     50th anniversary movieボタン     */
/* ------------------------------------ */

#movie-anniv-button img {
	width: 192px;
	height: 78px;
	margin: 0px auto 10px;
}

/* ------------------------------------ */
/*      第2770地区チャンネルボタン      */
/* ------------------------------------ */


#ri2770-channel-link img {
	width: 192px;
	height: 78px;
	margin: 0px auto 10px;
}

/* ------------------------------------ */
/*         マイロータリーボタン         */
/* ------------------------------------ */

#my-rotary-link img {
	width: 192px;
	height: 54px;
	margin: 0px auto;
}

/* ------------------------------------ */
/*               新着情報               */
/* ------------------------------------ */

#new-topics {
	padding-top: 20px;
	padding-bottom: 20px;
}

.new-items {
	width: 700px;
	margin: 0px auto 20px;
	padding: 10px 15px;
	background-color: #ffffff;
	border-radius: 10px;
	box-shadow: 0px 0px 10px #222222;
}

.new-items p.up-date {
	color: #008a3b;
}

.new-items p.new-update:after {
	margin-left: 8px;
	content: "NEW!";
	color: #dc143c;
	-webkit-animation: blink 1.5s ease-in-out infinite alternate;
	animation: blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} }
@keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} }


.new-items p.item-text {
	position: relative;
	margin-left: 15px;
}

.new-items p.item-text:before {
	position: absolute;
	left: -15px;
	content: "\0025b6";
}

/* ------------------------------------ */
/*           外部リンクバナー           */
/* ------------------------------------ */

#link-banner {
	width: 900px;
	height: 96px;
	margin: 140px auto 20px;
	padding-top: 15px;
}

/* ==================================== */
/*       ｢志｣ ｢遊｣ エントリページ       */
/* ==================================== */

#background-photo-image {
	position: absolute;
	top: 120px;
	left: 0px;
	width: 100%;
	min-width: 1100px;
	height: 956px;
	background: url("../images/entrance_background_image.jpg") no-repeat center top;
	z-index: 10;
}

#entrance-contents {
	position: relative;
	width: 900px;
	height: 956px;
	margin: -120px auto 0px;
	z-index: 30;
}

#popup-sphere {
	position: relative;
	width: 250px;
	height: 700px;
	margin: 0px auto;
	overflow: hidden;
}

#popup-sphere img.hole {
	position: absolute;
	bottom: 20px;
	left: 125px;
	width: 0px;
	height: 0px;
	z-index: 200;
}

#popup-sphere img.hole-front {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 250px;
	height: 40px;
	z-index: 400;
}

#popup-sphere img.sphere {
	position: absolute;
	top: 700px;
	left: 30px;
	z-index: 300;
}

#popup-sphere img.center-sphere-name {
	position: absolute;
	top: 0px;
	left: 30px;
	z-index: 400;
}

#entrance-menu-button {
	position: absolute;
	top: 40px;
	left: 90px;
	width: 720px;
	height: 720px;
	z-index: 100;
}

#entrance-menu-button li {
	display: block;
	position: absolute;
	top: 235px;
	left: 265px;
	width: 190px;
	height: 190px;
	list-style-type: none;
}

#entrance-menu-button li img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

#return-to-top-page {
	position: absolute;
	top: 710px;
	left: 280px;
}

#return-to-top-page p img {
	cursor: pointer;
}

#go-back {
	position: absolute;
	top: 710px;
	left: 150px;
	width: 425px;
}

#go-back p.button {
	text-align: center;
}

#go-back p.button img {
	cursor: pointer;
}

#go-back p.notice {
	margin-top: 20px;
	font-size: 12px;
	line-height: 1.7;
}

/* ==================================== */
/*             ｢志｣メニュー             */
/* ==================================== */

#shi-menu {
	width: 1000px;
	height: 140px;
	margin: -120px auto 20px;
}

#shi-menu ul {
	position: relative;
}

#shi-menu li {
	position: absolute;
	top: 0px;
	left: 430px;
	width: 140px;
	height: 140px;
	list-style-type: none;
}

#shi-menu img.sphere {
	position: absolute;
	top: 30px;
	left: 0px;
	width: 140px;
	height: 80px;
}

#shi-menu img.sphere-name {
	position: absolute;
	top: 30px;
	left: 0px;
}

/* ==================================== */
/*            会長挨拶ページ            */
/* ==================================== */

#kaicho-aisatsu {
	width: 920px;
	margin: 10px auto 30px;
	padding: 40px;
	font-size: 16px;
	background-color: #ffffff;
	box-shadow: 0px 0px 10px #222222;
}

#kaicho-aisatsu h1 {
	margin-top: 10px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
}

#kaicho-aisatsu #submessage {
	margin-top: 10px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

#kaicho-photo {
	width: 270px;
	height: 360px;
	margin-top: 40px;
	margin-left: 60px;
	float: left;
}

#kaicho-aisatsu p#rotary-club-name {
	margin-top: 110px;
	padding-right: 40px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
}

#kaicho-aisatsu p#kaicho-nendo {
	margin-top: 50px;
	padding-right: 40px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

#kaicho-aisatsu p#kaicho-name {
	margin-top: 20px;
	padding-right: 40px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
}

#kaicho-aisatsu-main {
	padding: 40px 40px 0px;
}

#kaicho-aisatsu-main p {
	line-height: 1.7;
	text-indent: 1em;
	
}

#kaicho-aisatsu-main ul {
	margin-left: 40px;
	list-style-type: decimal;
}

#kaicho-aisatsu-main li {
	margin-bottom: 20px;
}

/* ------------------------------------ */
/*           役員・理事ページ           */
/* ------------------------------------ */

#yakuin-riji {
	width: 920px;
	height: 740px;
	margin: 10px auto 30px;
	padding: 50px 40px 70px;
	font-size: 20px;
	background-color: #ffffff;
	box-shadow: 0px 0px 10px #222222;
}

#yakuin-riji h1 {
	font-size: 30px;
	text-align: center;
	text-shadow: 2px 2px 3px #aaaaaa;
}

#yakuin {
	margin-left: 40px;
	float: left;
}

#yakuin h2 {
	margin-top: 35px;
	margin-bottom: 35px;
	padding-top: 5px;
	padding-bottom: 2px;
	text-align: center;
	border: 1px solid #000000;
}

#yakuin dt {
	float: left;
	width: 120px;
	margin-left: 20px;
	clear: both;
}

#yakuin dd {
	margin-left: 140px;
	margin-right: 20px;
}

#yakuin dl {
	margin-bottom: 20px;
}

#riji {
	margin-right: 40px;
	float: right;
}

#riji h2 {
	margin-top: 35px;
	margin-bottom: 35px;
	padding-top: 5px;
	padding-bottom: 2px;
	text-align: center;
	border: 1px solid #000000;
}
#riji dt {
	float: left;
	width: 345px;
	margin-left: 20px;
	clear: both;
}

#riji dd {
	margin-left: 365px;
	margin-right: 20px;
}

#riji dd.double-line {
	position:relative;
}

#riji dl {
	margin-bottom: 20px;
}

/* ==================================== */
/*     浦和東ロータリークラブページ     */
/* ==================================== */

.about-rc {
	width: 880px;
	margin: 10px auto 30px;
	padding: 20px 60px 40px;
	font-size: 16px;
	background: url("../images/background_pattern.png") repeat;
	box-shadow: 0px 0px 10px #222222;
}

.about-rc section {
	width: 878px;
	margin-top: 20px;
	background-color: #ffffff;
	border: 1px solid #004422;
}

.about-rc h1 {
	width: 818px;
	height: 33px;
	padding: 5px 30px 2px;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	text-shadow: 2px 2px 3px #000000;
	background: url("../images/subtitle_bar.png") repeat;
}

/* ------------------------------------ */
/*         ロータリークラブとは         */
/* ------------------------------------ */

#rotary-annai .rotary-annai-text {
	width: 778px;
	padding: 30px 50px;
	text-indent: 1em;
	line-height: 1.7;
}

#rotary-annai h2 {
	font-size: 20px;
	font-weight: bold;
	text-shadow: 2px 2px 3px #aaaaaa;
}

#rotary-annai ul {
	margin: 5px 0px 15px 70px;
	list-style-type: none;
}

/* ------------------------------------ */
/*      浦和東ロータリークラブ概要      */
/* ------------------------------------ */

#club-gaiyou .urawa-east-banner {
	float: right;
	width: 150px;
	margin: 0px 10px -10px 10px;
	font-size: 13px;
	text-align: center;
}

#club-gaiyou .club-gaiyou-text {
	width: 778px;
	padding: 30px 50px;
	text-indent: 1em;
	line-height: 1.7;
}

/* ------------------------------------ */
/*            姉妹友好クラブ            */
/* ------------------------------------ */

#shimai-yukou .club-introduce {
	width: 778px;
	padding: 40px 50px 30px;
}

#shimai-yukou p.club-information {
	margin-bottom: 25px;
	font-size:16px;
}

#shimai-yukou p.club-information span.club-name{
	margin-right: 40px;
	padding: 5px 15px 3px;
	font-size: 20px;
	border: 3px double #000000;
}

#shimai-yukou .shimai-yukou-text {
	text-indent: 1em;
	line-height: 1.6;
}

#shimai-yukou .del-amo-banner {
	float: right;
	width: 165px;
	margin: 0px 10px 15px 15px;
	font-size: 13px;
	text-align: center;
}

#shimai-yukou .kanazawa-west-banner {
	float: right;
	width: 150px;
	margin: 0px 10px 15px 15px;
	font-size: 13px;
	text-align: center;
}

#shimai-yukou table {
	width: 780px;
	margin-top: 15px;
}

#shimai-yukou table caption {
	padding-bottom: 8px;
	text-align: left;
}

#shimai-yukou table td {
	padding: 8px 20px 6px;
	border: 1px solid #888888;
}

#shimai-yukou table td.prof-item {
	width: 80px;
	text-align: center;
}

#shimai-yukou .del-amo-photo {
	width: 780px;
	margin-top: 35px;
}

#shimai-yukou .del-amo-photo hr {
	margin-bottom: 25px;
	border-top: 3px double #a0a0a0;
}

#shimai-yukou .del-amo-photo p.notice {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 14px;
	text-align: center;
}

#shimai-yukou .del-amo-photo ul {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

#shimai-yukou .del-amo-photo li {
	width: 370px;
	margin-right: 30px;
	margin-bottom: 20px;
	text-align: center;
	vertical-align: top;
	font-size: 14px;
	line-height: 1.3;
	list-style-type: none;
}

#shimai-yukou .del-amo-photo li:nth-child(2n) {
	margin-right: 0px;
}

#shimai-yukou .del-amo-photo li img {
	margin-bottom: 7px;
}

#shimai-yukou .del-amo-photo li p {
	padding: 0px 8px;
	font-size: 13px;
	text-align: left;
	line-height: 1.5;
}

/* ==================================== */
/*              例会ページ              */
/* ==================================== */

.reikai-block {
	width: 960px;
	margin: 0px auto 30px;
	padding: 25px 20px;
	background-color: #ffffff;
	box-shadow: 0px 0px 10px #222222;
}

.reikai-block h1 {
	font-size: 20px;
	margin-left: 20px;
	margin-bottom: 5px;
}

.reikai-block ul.outline {
	margin-left: 20px;
	margin-bottom: 15px;
	list-style-type: none;
}

.reikai-contents {
	display: table-cell;
	width: 280px;
	padding: 0px 20px;
	vertical-align: top;
}

.reikai-contents p.caption {
	height: 30px;
	font-size: 16px;
	text-align: center;
}

.reikai-contents .image {
	width: 280px;
	height: 210px;
	margin-bottom: 5px;
	overflow: hidden;
}

.reikai-contents .image ul {
	position: relative;
	list-style: none;
}

.reikai-contents .image li {
	position: absolute;
	top: 0px;
	left: -280px;
	width: 280px;
}

.reikai-contents .voice {
	width: 280px;
	height: 40px;
	margin-bottom: 15px;
}

.reikai-contents .voice p.audio-unavailable {
	width: 280px;
	height: 31px;
	padding-top: 11px;
	padding-left: 30px;
	font-size: 13px;
	color: #dc143c;
	background: url("../images/dummy_player.png") no-repeat;
}

.reikai-contents .voice p.audio-preparation {
	width: 268px;
	height: 31px;
	padding-top: 11px;
	padding-left: 42px;
	font-size: 13px;
	color: #dc143c;
	background: url("../images/dummy_player.png") no-repeat;
}

.reikai-contents p.download {
	width: 170px;
	height: 20px;
	margin: 10px auto;
	padding-left: 35px;
	font-size: 13px;
	background: url("../images/icon_click_this.png") no-repeat 0px 3px;
}

.reikai-contents .voice p.old-voice {
	position: relative;
	width: 250px;
	margin-top: 15px;
	padding-left: 20px;
	font-size: 13px;
	color: #dc143c;
}

.reikai-contents .voice p.no-voice {
	position: relative;
	width: 250px;
	margin-top: 20px;
	margin-left: 10px;
	padding-left: 20px;
	font-size: 13px;
	color: #dc143c;
}

.reikai-contents p.image-notice {
	position: relative;
	width: 250px;
	margin-top: 15px;
	padding-left: 20px;
	font-size: 13px;
}

.reikai-contents p span.kome {
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 13px;
}

.audio-notice {
	display: inline-block;
	width: 600px;
	padding: 10px 20px;
	vertical-align: top;
}

.audio-notice p {
	position: relative;
	font-size: 13px;
	padding-left: 20px;
}

.audio-notice p span.kome {
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 13px;
}

.shuhou-link {
	display: inline-block;
	width: 280px;
	height: 60px;
	margin-top: 15px;
	margin-left: 17px;
	background: url("../images/shuhou_link.png") 0px 0px no-repeat;
}

.shuhou-link a {
	display: block;
	width: 280px;
	height: 60px;
	text-decoration: none;
}

.shuhou-link p {
	display: block;
	width: 155px;
	margin-top: 9px;
	margin-left: 55px;
}

.shuhou-link.not-yet {
	background: url("../images/shuhou_link_not_yet.png") 0px 0px no-repeat;
	cursor: pointer;
}

.shuhou-link.not-yet p {
	width: 210px;
	margin-top: 13px;
	margin-left: 16px;
	color: #555555;
	font-size: 12px;
}

/* 第2374会 金沢西RC交流会用 */

.reikai-contents.koryu {
	display: inline-block;
	margin-top: 10px;
}

.audio-notice.koryu {
	margin-top: 40px;
}

.audio-notice.koryu p {
	margin-bottom: 20px;
}

.shuhou-link.koryu {
	position: relative;
	background: none;
}

.shuhou-link.koryu a {
	position: absolute;
	top: 90px;
	left: 280px;
	background: url("../images/shuhou_link.png") 0px 0px no-repeat;
}

.shuhou-link.koryu p {
	display: block;
	width: 155px;
	margin-top: 8px;
	margin-left: 35px;
	font-size: 15px;
}

/* sp 第2208回 カラオケ大会用 */
.reikai-contents-sp {
	display: table-cell;
	width: 640px;
	padding-top: 30px;
	text-align: center;
	vertical-align: top;
}

.reikai-contents-sp p.sp-link {
	margin-top: 20px;
	text-align: center;
}

.reikai-contents-sp p.sp-link img {
	vertical-align: top;
	padding: 4px 4px 0px 0px;
}

.audio-notice-sp p {
	position: relative;
	width: 900px;
	padding-left: 40px;
	font-size: 13px;
}

.audio-notice-sp p span.kome {
	position: absolute;
	top: 0px;
	left: 20px;
	font-size: 13px;
}

/* sp2 他ページへのリンク用 */
.reikai-contents-sp2-1 {
	display: table-cell;
	width: 630px;
	padding: 0px 20px;
	text-align: center;
	vertical-align: top;
}

.reikai-contents-sp2-2 {
	display: table-cell;
	width: 300px;
	padding-top: 80px;
	padding-left: 10px;
	vertical-align: top;
}

.reikai-contents-sp2-2 img {
	vertical-align: top;
	padding: 4px 4px 0px 0px;
}

/* 例会過去データページリンク部等 */
#reikai-old-data, #reikai-back-new-data {
	width: 960px;
	margin: 0px auto 30px;
	padding: 20px;
	background-color: #ffffff;
	box-shadow: 0px 0px 10px #222222;
}

#reikai-old-data p, #reikai-back-new-data p {
	text-align: center;
	font-size: 16px;
}

.reikai-block a:link { color: #000000; }
.reikai-block a:visited { color: #000000; }
.reikai-block a:hover { color: #aa0088; }
.reikai-block a:active { color: #000000; }

/* 例会ムービー */
.reikai-movie {
	width: 920px;
	margin: 20px 20px 0px;
}

.reikai-movie p.info-text {
	padding-top: 5px;
	padding-bottom: 5px;
	color: #ffffff;
	text-align: center;
	background: -moz-linear-gradient(top, rgba(127,127,127,1) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(top, rgba(127,127,127,1) 0%, rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(127,127,127,1) 0%, rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#797979', endColorstr='#ffffff',GradientType=0 );
}

.reikai-movie p.movie-button {
	text-align: center;
}

.reikai-movie .reikai-movie-window {
	margin-bottom: 15px;
	overflow: hidden;
}

/* ==================================== */
/*            行事予定ページ            */
/* ==================================== */

.gyouji-yotei-hyo {
	width: 1000px;
	margin: 10px auto 30px;
	padding: 30px 40px 10px;
	background: url("../images/background_pattern.png") repeat;
	box-shadow: 0px 0px 10px #222222;
}

.gyouji-yotei-hyo h1 {
	font-size: 28px;
	font-weight: bold;
	color: #2a491c;
	text-shadow: 2px 2px 4px #666666;
}

.gyouji-yotei-hyo table {
	width: 1000px;
	margin-top: 5px;
	margin-bottom: 30px;
	font-size: 14px;
	border: 1px solid #006633;
}

.gyouji-yotei-hyo th, .gyouji-yotei-hyo td {
	padding: 5px 10px;
	vertical-align: top;
	border: 1px solid #005522;
}

.gyouji-yotei-hyo th {
	background-color: #8bd883;
}

.gyouji-yotei-hyo td {
	background-color: #ffffff;
}

.gyouji-yotei-hyo th.t-width-1 { width: 38px; }
.gyouji-yotei-hyo th.t-width-2 { width: 96px; }
.gyouji-yotei-hyo th.t-width-3 { width: 112px; }
.gyouji-yotei-hyo th.t-width-5 { width: 200px; }
.gyouji-yotei-hyo .notice-red { color: #dc143c; }
.gyouji-yotei-hyo .small-letter { font-size: 12px; }

/* ==================================== */
/*      リンク・お問い合わせページ      */
/* ==================================== */

#official-blog, #kaiin-link, .toiawase {
	width: 880px;
	margin: 10px auto 30px;
	padding: 30px 60px 50px;
	font-size: 16px;
	background-color: #ffffff;
	box-shadow: 0px 0px 10px #222222;
}

#official-blog h1, #kaiin-link h1, .toiawase h1 {
	font-size: 30px;
	text-align: center;
	text-shadow: 2px 2px 3px #aaaaaa;
}

#official-blog a:link, #kaiin-link a:link, .toiawase a:link { color: #0000ee; }
#official-blog a:visited, #kaiin-link a:visited, .toiawase a:visited { color: #551a8b; }
#official-blog a:hover, #kaiin-link a:hover, .toiawase a:hover { color: #0000ee; }
#official-blog a:active, #kaiin-link a:active, .toiawase a:active { color: #0000ee; }

#official-blog p.blog-banner {
	width: 480px;
	height: 80px;
	margin-top: 20px;
	float: left;
}

#official-blog p.blog-url {
	margin-top: 40px;
	font-size: 20px;
}

#kaiin-link ul.ichiran-cell {
	display: table-cell;
	padding-top: 20px;
	padding-left: 10px;
	width: 290px;
}

#kaiin-link ul.ichiran-cell li {
	margin-top: 10px;
	list-style-type: none;
}

.toiawase p.text {
	margin-top: 20px;
	font-size: 16px;
	text-align: center;
}

.toiawase p.mail-address {
	margin-top: 20px;
	font-size: 24px;
	text-align: center;
}

/* ==================================== */
/*            入会案内ページ            */
/* ==================================== */

#nyukai-annai {
	position: relative;
	width: 1016px;
	margin: 0px auto 60px;;
	padding: 60px 15px 20px;
	background-color: #ffffff;
	box-shadow: 0px 0px 10px #222222;
}

#nyukai-annai h1 {
	font-size: 30px;
	text-align: center;
	color: #0066ff;
	text-shadow: 2px 2px 3px #88aacc;
}

#nyukai-annai h2 {
	margin-top: 5px;
	font-size: 24px;
	text-align: center;
	color: #0066ff;
	text-shadow: 2px 2px 3px #88aacc;
}

#nyukai-annai p {
	margin-left: 30px;
	margin-right: 30px;
	font-size: 16px;
	line-height: 1.65;
	text-indent: 1em;
}

#nyukai-annai-top {
	margin-top: 30px;
}

/*
#nyukai-annai-link {
	margin-top: 20px;
}

#nyukai-annai-link p {
	margin-bottom: 5px;
	text-align: center;
}

#nyukai-annai-link p a {
	font-size: 20px;
}
*/

#nyukai-annai-movie-text p {
/*
	外部リンクあり
	margin: 50px 30px 10px;
*/
	margin: 30px 30px 10px;
	font-size: 16px;
	line-height: 1.65;
	text-indent: 1em;
}

#nyukai-annai-movie {
	width: 992px;
	height: 558px;
	margin: 10px auto;
	background-color: #000000;
}

#nyukai-annai-main {
	margin-top: 50px;
}

#nyukai-annai-main h3 {
	margin-bottom: 20px;
	font-size: 30px;
	text-align: center;
	color: #0066ff;
	text-shadow: 2px 2px 3px #88aacc;
}

#nyukai-annai-sub {
	margin: 30px 60px;
	padding: 40px 60px;
	border: 1px solid #000000;
}

#nyukai-annai-sub h4 {
	font-size: 30px;
	text-align: center;
	color: #0066ff;
	text-shadow: 2px 2px 3px #88aacc;
}

#nyukai-annai-sub h5 {
	margin-top: 10px;
	margin-bottom: 3px;
	font-size: 22px;
}

#nyukai-annai-sub p {
	text-indent: 0;
}

#nyukai-annai-sub a {
	font-size: 20px;
}

#nyukai-annai-menu {
	width: 480px;
	height: 80px;
	margin: -100px auto 20px;
	opacity: 0;
}

#nyukai-annai-menu ul {
	display: flex;
	align-items: flex-start;
}

#nyukai-annai-menu li {
	position: relative;
	width: 140px;
	height: 80px;
	margin-left: 30px;
	list-style-type: none;
}

#nyukai-annai-menu li:first-child {
	margin-left: 0px;
}

#nyukai-annai-menu img.sphere {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 140px;
	height: 80px;
}

#nyukai-annai-menu img.sphere-name {
	position: absolute;
	top: 0px;
	left: 0px;
}

/* ==================================== */
/*            ｢遊｣ページ共通            */
/* ==================================== */

#yu-menu {
	width: 916px;
	height: 80px;
	margin: -100px auto 20px;
}

#yu-menu ul {
	display: flex;
	align-items: flex-start;
}

#yu-menu li {
	position: relative;
	width: 140px;
	height: 80px;
	margin-left: 15px;
	list-style-type: none;
}

#yu-menu li:first-child {
	margin-left: 0px;
}

#yu-menu img.sphere {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 140px;
	height: 80px;
}

#yu-menu img.sphere-name {
	position: absolute;
	top: 0px;
	left: 0px;
}

#contents-yu {
	width: 1030px;
	margin: 0px auto 60px;
}


#yu-photo-image {
	position: relative;
	width: 1030px;
	height: 630px;
	margin: 0px auto;
	background-color: #ffffff;
	box-shadow: 0px 0px 15px #222222;
	z-index: 20;
}

#yu-photo-image li {
	position: absolute;
	top: 15px;
	left: 15px;
	list-style-type: none;
}

#video-clip-youtube {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 1026px;
	height: 626px;
	background-color: #000000;
}

#video-clip-youtube iframe {
	display: block;
	width: 800px;
	height: 600px;
	margin: 13px auto;
}

#yu-category {
	position: relative;
	width: 805px;
	height: 86px;
	margin-top: 30px;
	margin-bottom: 10px;
	padding: 14px 30px 0px 195px;
	font-size: 16px;
	background-color: #ffffff;
	box-shadow: 0px 0px 10px #222222;
	z-index: 10;
}

#yu-category #yu-mark {
	position: absolute;
	top: -30px;
	left: 20px;
	width: 150px;
	height: 120px;
	padding-top: 40px;
	padding-left: 10px;
	background: url("../images/navi_button/yu_small_navi_shadow.png") no-repeat;
}

/* ==================================== */
/*        ｢遊｣コンテンツリンク部        */
/* ==================================== */

#yu-category-item {
	width: 1030px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

#yu-category-item .yu-item {
	width: 328px;
	height: 380px;
	margin-top: 25px;
	margin-right: 22px;
	background-color: #ffffff;
	border-radius: 10px;
	box-shadow: 0px 0px 10px #222222;
}

#yu-category-item .yu-item:nth-child(3n) {
	margin-right: 0px;
}

#yu-category-item .yu-item.new-item {
	background: #ffffff url("../images/item_panel_new.gif") no-repeat 0 0;
}

#yu-category-item .yu-item.special-item {
	background: #ffffff url("../images/item_panel_special.png") no-repeat 0 0;
}

#yu-category-item .yu-item a {
	display: block;
	width: 288px;
	padding: 0px 20px;
	text-decoration: none;
}

#yu-category-item img.pin-head {
	margin-top: 8px;
	margin-left: 121px;
}

#yu-category-item .yu-item p.date {
	margin-top: 3px;
	margin-bottom: 7px;
	text-align: center;
	color: #000000;
	font-size: 16px;
}

#yu-category-item .yu-item p.describe {
	margin-top: 10px;
	color: #000000;
}

#yu-category-item .yu-item:hover {
	-webkit-transform-origin:50% 7%;
	-webkit-animation: pendulum 1s linear 0s infinite normal;
	transform-origin:50% 7%;
	animation: pendulum 1s linear 0s infinite normal;
}

@-webkit-keyframes  pendulum {
	0% { transform: rotate(0deg); }
	25% { transform: rotate(1deg); }
	50% { transform: rotate(0deg); }
	75% { transform: rotate(-1deg); }
	100% { transform: rotate(0deg); }
}

@keyframes  pendulum {
	0% { transform: rotate(0deg); }
	25% { transform: rotate(1deg); }
	50% { transform: rotate(0deg); }
	75% { transform: rotate(-1deg); }
	100% { transform: rotate(0deg); }
}

/* ==================================== */
/*     ｢志：事業｣コンテンツリンク部     */
/* ==================================== */

#shi-jigyo-menu {
	width: 761px;
	height: 80px;
	margin: -100px auto 20px;
}

#shi-jigyo-menu ul {
	display: flex;
	align-items: flex-start;
}

#shi-jigyo-menu li {
	position: relative;
	width: 140px;
	height: 80px;
	margin-left: 15px;
	list-style-type: none;
}

#shi-jigyo-menu li:first-child {
	margin-left: 0px;
}

#shi-jigyo-menu img.sphere {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 140px;
	height: 80px;
}

#shi-jigyo-menu img.sphere-name {
	position: absolute;
	top: 0px;
	left: 0px;
}

#contents-shi-jigyo {
	width: 1030px;
	margin: 0px auto 60px;
}

#shi-jigyo {
	position: relative;
	width: 1000px;
	padding: 15px 15px 30px;
	background-color: #ffffff;
	box-shadow: 0px 0px 15px #222222;
	z-index: 100;
}

#shi-jigyo ul {
	position: relative;
	width: 1000px;
	height: 600px;
}

#shi-jigyo li {
	position: absolute;
	top: 0px;
	left: 0px;
	list-style-type: none;
}

#shi-jigyo-category {
	position: relative;
	margin-top: 15px;
}

#shi-jigyo-category.no-images {
	margin-top: 0px;
}

#shi-jigyo-category #shi-jigyo-mark {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 140px;
	height: 110px;
	padding-top: 30px;
	background: url("../images/navi_button/shi_small_navi.png") no-repeat;
}

#shi-jigyo-category p {
	width: 805px;
	padding-top: 10px;
	padding-left: 175px;
	font-size: 16px;
}

#shi-jigyo-category p.indent-space {
	width: 784px;
	padding-left: 196px;
}

#shi-jigyo-category-item {
	width: 1030px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

#shi-jigyo-category-item .shi-jigyo-item {
	width: 328px;
	height: 380px;
	margin-top: 25px;
	margin-right: 22px;
	background-color: #ffffff;
	border-radius: 10px;
	box-shadow: 0px 0px 10px #222222;
}

#shi-jigyo-category-item .shi-jigyo-item:nth-child(3n) {
	margin-right: 0px;
}

#shi-jigyo-category-item .shi-jigyo-item.new-item {
	background: #ffffff url("../images/item_panel_new.gif") no-repeat 0 0;
}

#shi-jigyo-category-item .shi-jigyo-item a {
	display: block;
	width: 288px;
	padding: 0px 20px;
	text-decoration: none;
}

#shi-jigyo-category-item img.pin-head {
	margin-top: 8px;
	margin-left: 121px;
}

#shi-jigyo-category-item .shi-jigyo-item p.date {
	margin-top: 3px;
	margin-bottom: 7px;
	text-align: center;
	color: #000000;
	font-size: 16px;
}

#shi-jigyo-category-item .shi-jigyo-item p.item-photo {
	margin-top: 7px;
	text-align: center;
}

#shi-jigyo-category-item .shi-jigyo-item p.describe {
	margin-top: 10px;
	color: #000000;
}

#shi-jigyo-category-item .shi-jigyo-item:hover {
	-webkit-transform-origin:50% 7%;
	-webkit-animation: pendulum 1s linear 0s infinite normal;
	transform-origin:50% 7%;
	animation: pendulum 1s linear 0s infinite normal;
}

@-webkit-keyframes pendulum {
	0% { transform: rotate(0deg); }
	25% { transform: rotate(1deg); }
	50% { transform: rotate(0deg); }
	75% { transform: rotate(-1deg); }
	100% { transform: rotate(0deg); }
}

@keyframes pendulum {
	0% { transform: rotate(0deg); }
	25% { transform: rotate(1deg); }
	50% { transform: rotate(0deg); }
	75% { transform: rotate(-1deg); }
	100% { transform: rotate(0deg); }
}

/* ==================================== */
/*        ｢遊｣｢志｣各種コンテンツ        */
/* ==================================== */

#yu-shi-category-contents {
	position: relative;
	margin: 0px auto;
	padding: 20px 15px;
	background-color: #ffffff;
	box-shadow: 0px 0px 10px #222222;
}

#yu-shi-category-contents.thumb-280 { width: 911px; margin-bottom: 60px; }
#yu-shi-category-contents.thumb-315 { width: 1016px; margin-bottom: 60px; }
#yu-shi-category-contents.slide { width: 1030px; margin-bottom: 30px; }

/*         マーク         */

#yu-shi-category-contents h1 {
	position: absolute;
	top: 30px;
	left: 30px;
	width: 140px;
	height: 140px;
	cursor: pointer;
}

#yu-shi-category-contents h1.yu {
	background: url("../images/navi_button/yu_small_navi.png") no-repeat;
}

#yu-shi-category-contents h1.shi {
	background: url("../images/navi_button/shi_small_navi.png") no-repeat;
}

#yu-shi-category-contents h1 img {
	margin-top: 30px;
}

/*        テキスト        */

#yu-shi-category-contents p#text {
	min-height: 140px;
	margin: 10px 25px 0px 180px;
	font-size: 16px;
}

/*   画像サムネイル表示   */

#yu-shi-category-thumb-image {
	padding-left: 10px;
}

#yu-shi-category-thumb-image p.notice {
	width: 800px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 14px;
}

#yu-shi-category-thumb-image p.thumbgroup-text {
	position: relative;
	margin:15px 5px;
	text-indent: 1em;
}

#yu-shi-category-thumb-image p.thumbgroup-text:before {
	content: "\0025c6";
	position: absolute;
	left: -1.4em;
}

#yu-shi-category-thumb-image ul {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
}

#yu-shi-category-thumb-image li {
	margin-right: 25px;
	margin-bottom: 20px;
	text-align: center;
	vertical-align: top;
	font-size: 14px;
	line-height: 1.3;
	list-style-type: none;
}

#yu-shi-category-thumb-image li:nth-child(3n) {
	margin-right: 0px;
}

.thumb-280 #yu-shi-category-thumb-image li { width: 280px; }
.thumb-315 #yu-shi-category-thumb-image li { width: 315px; }

#yu-shi-category-thumb-image li img {
	margin-bottom: 7px;
}

#yu-shi-category-thumb-image li p {
	padding: 0px 8px;
	font-size: 13px;
	text-align: left;
	line-height: 1.5;
}

/*   画像クロスフェード表示   */

#yu-shi-category-slide-image-number ul {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}

#yu-shi-category-slide-image-number li {
	position: relative;
	width: 25px;
	height: 25px;
	float: left;
	list-style-type: none;
	cursor: pointer;
	z-index: 999;
}

#yu-shi-category-slide-image {
	position: relative;
	width: 1030px;
	height: 712px;
	z-index: 20;
}

#yu-shi-category-slide-image li {
	position: absolute;
	top: 15px;
	left: 15px;
	display: block;
	width: 1000px;
	height: 667px;
	box-sizing: border-box;
	text-align: center;
	list-style-type: none;
}

#yu-shi-category-slide-image-caption p {
	width: 980px;
	margin: -8px auto -6px;
	text-align: center;
}

#yu-shi-category-slide-image-caption p.text-left {
	text-align: left;
}

/*   動画リストサムネイル表示   */

#yu-shi-category-movie-image {
	padding-left: 10px;
}

#yu-shi-category-movie-image p.notice {
	width: 990px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 14px;
}

#yu-shi-category-movie-image ul {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

#yu-shi-category-movie-image li {
	margin-right: 25px;
	margin-bottom: 20px;
	text-align: center;
	vertical-align: top;
	font-size: 14px;
	line-height: 1.3;
	list-style-type: none;
}

#yu-shi-category-movie-image li:nth-child(3n) {
	margin-right: 0px;
}


.thumb-280 #yu-shi-category-movie-image li { width: 280px; }
.thumb-315 #yu-shi-category-movie-image li { width: 315px; }

#yu-shi-category-movie-image li img {
	margin-bottom: 7px;
	cursor: pointer;
}

/*          動画表示          */

#yu-shi-movie-text h3 {
	width: 990px;
	height: 34px;
	margin: 5px auto;
	padding-top: 7px;
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	text-shadow: 1px 1px 2px #000000;
	border: 1px solid #1a2737;
	background: rgb(239,197,202);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmYzVjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2QyNGI1YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2JhMjczNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMThlOTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(239,197,202,1) 0%, rgba(210,75,90,1) 50%, rgba(186,39,55,1) 51%, rgba(241,142,153,1) 100%);
	background: -webkit-linear-gradient(top, rgba(239,197,202,1) 0%, rgba(210,75,90,1) 50%, rgba(186,39,55,1) 51%, rgba(241,142,153,1) 100%);
	background: linear-gradient(to bottom, rgba(239,197,202,1) 0%, rgba(210,75,90,1) 50%, rgba(186,39,55,1) 51%, rgba(241,142,153,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc5ca', endColorstr='#f18e99', GradientType=0 );
}

#yu-shi-movie-text p {
	margin-top: 10px;
	padding-left: 20px;
}

#yu-shi-movie {
	width: 992px;
	height: 558px;
	margin: 10px auto;
	background-color: #000000;
}