p, h1, h2, h3, h4, h5, h6, ul, li, ol, a, img, body,td,quote,small,form,input,label {
	margin: 0;
	padding: 0;
}

html { 
	overflow-y:scroll;
}

a img {
	border: none;
}

a {
    outline: none;
}

body {
	margin: 0;
	padding: 0;
	position: relative;
	top: 0;
	width: 1026px;
	margin-left: auto;
	margin-right: auto;
}

#container {
	width: 1024px;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	height :100%;
	overflow: hidden;
	border-right : 1px solid #ccc;
	border-left : 1px solid #ccc;
}

/*-- ここからヘッダーの設定 --*/

#header {
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	height: 106px;
	background: url(../images/headerbg.png);
	background-repeat: repeat-x;
}

/*--------------------------------------
	ここからヘッダーの設定
--------------------------------------*/
/*------  headerbg  ------*/
#header #logosection {
	float: left;
	width: 1024px;
}

#symbol_mark {
	float :left;
	width: 80px;
	margin-top: 11px;
	margin-left: 94px;
}

#symbol_mark img {
	margin-top: 2px;
	width :75px;
}

#header #logoarea {
	float :left;
	width: 845px;
	margin-top: 11px;
	margin-left: 5px;
}

#header #logoarea img {
	width :750px;
}

/*-----  contactarea  -----*/
#header #contactarea {
	float: left;
	padding-right: 30px;
}

/*--------  ここから検索の設定  --------*/
/*------  searchsection  ------*/
#header #searchsection {
	clear: both;
	width: 524px;
	margin-top: 5px;
}

#header #searchsection #searcharea {
	width: 330px;
}

#header #searchsection #search {
	width: 330px;
	margin: 0 auto;
}

#header #searchsection #search input.s_form {
	width: 260px;
}

/*--------  ここまで検索の設定  --------*/

/*--------------------------------------
	ここまでヘッダーの設定
--------------------------------------*/

/*--------------------------------------
	ここからナビバーの設定
--------------------------------------*/

/*---  ここからグローバルナビゲーションの設定  --*/

/*----  グローバルナビゲーション  ----*/
#globalnavigation {
	clear :both;
	width: 1024px;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/gnavi_1.jpg);
	background-repeat: repeat-x;
}

#globalnavigation #navi ul {
	width: 1024px;
	height: 40px;
}

#globalnavigation #navi ul li {
	list-style :none;
}

#globalnavigation #navi ul li a {
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
	display: block;
	line-height: 40px;
}

#globalnavigation #navi ul li#navigation_1 {
	float: left;
	width: 120px;
	height: 40px;
	margin-left :18px;
	list-style-type: none;
	text-align: center;
}

#globalnavigation #navi ul li#navigation_2 {
	float: left;
	width: 120px;
	height: 40px;
	margin-left :4px;
	list-style-type: none;
	text-align: center;
}

#globalnavigation #navi ul li#navigation_3 {
	float: left;
	width: 120px;
	height: 40px;
	margin-left :4px;
	list-style-type: none;
	text-align: center;
}

#globalnavigation #navi ul li#navigation_4 {
	float: left;
	width: 120px;
	height: 40px;
	margin-left :4px;
	list-style-type: none;
	text-align: center;
}

#globalnavigation #navi ul li#navigation_5 {
	float: left;
	width: 120px;
	height: 40px;
	margin-left :4px;
	list-style-type: none;
	text-align: center;
}

#globalnavigation #navi ul li#navigation_6 {
	float: left;
	width: 120px;
	height: 40px;
	margin-left :4px;
	list-style-type: none;
	text-align: center;
}

#globalnavigation #navi ul li#navigation_7 {
	float: left;
	width: 120px;
	height: 40px;
	margin-left :4px;
	list-style-type: none;
	text-align: center;
}

#globalnavigation #navi ul li#navigation_8 {
	float: left;
	width: 120px;
	height: 40px;
	margin-left :4px;
	list-style-type: none;
	text-align: center;
}


#navi ul li a:link {
	color: #fff;
	background-image: url(../images/gnavi_1.jpg);
	background-repeat: repeat-x;
}

#navi ul li a:visited {
	color: #fff;
	background-image: url(../images/gnavi_1.jpg);
	background-repeat: repeat-x;
}

#navi ul li a:focus {
	color: #f29d07;
	background-image: url(../images/gnavi_3.jpg);
	background-repeat: repeat-x;
}

#navi ul li a:hover {
	color: #196811;
	background-image: url(../images/gnavi_3.jpg);
	background-repeat: repeat-x;
}

#navi ul li a:active {
	color: #196811;
	background-image: url(../images/gnavi_3.jpg);
	background-repeat: repeat-x;
}

#navi ul li.select a {
	color: #196811;
	background-image: url(../images/gnavi_3.jpg);
	background-repeat: repeat-x;
}
/*--------------------------------------
	ここまでナビバーの設定
--------------------------------------*/

/*--------------------------------------
	ここから左カラムの設定
--------------------------------------*/
#side_section {
	float: left;
	width: 250px;
	min-height: 1200px;
	margin-top: 0;
}

#index #side_section {
	border-top: solid 1px #ccc;
}

/*----------ここからカウントダウンの埋込------------------*/

#countdownContainer {
	text-align: center;
	font-family: Arial, sans-serif;
	color: #333;
	margin-top: 10px;
	margin-bottom: 15px;
	padding: 10px;
	width: 190px;
	border: 4px double #d9534f; /* Double border for a decorative effect */
	border-radius: 15px; /* Larger rounded corners */
	background-color: #ffe6e6; /* Light pink background */
	box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.3); /* Stronger shadow for emphasis */
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
}

/* Add a pseudo-element for an additional decorative effect */
#countdownContainer::before {
	content: "";
	position: absolute;
	top: -10px;
	left: -10px;
	right: -10px;
	bottom: -10px;
	border: 2px dashed #ff6666; /* Dashed border inside the container */
	border-radius: 12px;
	pointer-events: none;
}

#countdownContainer p:first-child {
	font-size: 1em;
	color: #990000; /* Darker red for the header text */
	margin-bottom: 10px;
}

#countdownContainer p {
	line-height: 1.4em;
}

#countdownContainer p strong {
	font-size: 1.6em;
	color: #b22222; /* Darker shade for the countdown number */
	font-weight: bold;
}



/*----------ここまでカウントダウンの埋込------------------*/

/*----------ここからSNSの埋込------------------*/

#index #side_section #snssection {
	width: 250px;
	margin: 10px 0 20px 0;
	text-align: center;
}

#index #side_section #snssection1 {
	padding-bottom: 20px;
}

#index #side_section #snssection1 a {
	height: 36px;
}

#index #side_section #snssection2 {
	padding-bottom: 20px;
}

#index #side_section #snssection2 a {
	height: 36px;
}

#index #side_section #snssection3 {
	text-align: center;
}

#index #side_section #snssection3 img {
	width: 120px;
	height: 50px;
}

#index #side_section #snssection3 a {
	height: 36px;
}


/*----------ここまでSNSの埋込------------------*/
#index #side_section #merchandise_info {
	width: 250px;
	margin: 0 auto 15px auto;
}

#index #side_section #merchandise_info img {
	width: 248px;
}


/*----------------------------------------
	ここからサブナビゲーションの設定  
----------------------------------------*/
#side_section #side_navi {
	width: 249px;
	margin-top: 10px;
}

#side_section #side_navi .section1 {
	width: 249px;
	min-height: 600px;
	padding: 1px 0 5px 0;
	background-image: url(../images/subnavigationbg350.png);
	background-repeat: no-repeat;
}

#sagafes_program_navisection {
	width: 249px;
	margin: 20px auto 0 auto;
}

#side_section #sagafes_program_navisection {
	text-align: center;
}

#side_section #sagafes_program_navisection img {
	width: 244px;
}

#side_section #sidenavisection {
	width: 230px;
	margin: 10px auto;
}

#side_section #sidenavisection ul li {
	width: 230px;
	height: 35px;
	background: url(../images/subnavigationlistbg.jpg);
	background-repeat: no-repeat;
	vertical-align: middle;
	margin: 7px auto;
	padding-top: 2px;
}

#side_section #sidenavisection ul li a {
	display: block;
}

#side_section #sidenavisection ul li a {
	line-height: 35px;
	padding-left: 10px;
	text-decoration: none;
}

#concert_schedule #side_section #side_navi .section1 {
	width: 249px;
	min-height: 600px;
	padding: 1px 0 5px 0;
	background-image: url(../images/subnavigationbg.png);
	background-repeat: no-repeat;
}


/*--------------  会員専用ログイン  ------------------*/
#index #memberlogin {
	width: 249px;
	text-align: center;
	margin: 0 auto 10px;
}

/*----------  今週のうた新  -----------*/
#side_section #side_navi #utashin_thisweek {
	width: 249px;
	height: 340px;
	padding: 1px 0 5px 0;
}

#side_section #side_navi #utashin_thisweek #linkmenu .submenu {
	width: 249px;
	text-align: center;
	font-size: 1.4em;
	font-weight: bold;
}

#side_section #side_navi #utashin_thisweek #linkmenu .submenu a {
	text-decoration: none;
}

#side_section #side_navi #utashin_thisweek #linkmenu .submenu a img {
	width: 235px;
	box-shadow: 2px 2px 15px 2px rgba(0, 0, 0, .2);
}


/*--------------------------------------
	ここまで左カラムの設定
--------------------------------------*/

#sagafes_program_section {
	width: 240px;
}

#index #side_section #sagafes_program_section p a {
	text-align: center;
}


/*--------------------------------------
    ここからメインカラムの設定  
--------------------------------------*/
#main {
	width: 772px;
	min-height: 1200px;
	float: left;
	border-left: 1px solid #ccc;
	background-image: linear-gradient(to bottom,#f0fff0,#ffffff);
	background-repeat: no-repeat;
}

#index #main {
	border-top: 1px solid #ccc;
}

#main #in_main {
	margin: 0 5px 20px 5px;
}


.table2 {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	line-height: 20px;
	width: 50%;
	min-height: 10px;
}

/*--------------------------------------
  ここまでメインカラムの設定
--------------------------------------/*


/*----------------------------------------
	ここからトップページの設定
----------------------------------------*/

/*----  ここからフラッシュの設定  ------*/
/*-----  ここからcommon.css  ------*/
/* =======================================
	CommonElements
======================================= */
#index #slideshow a:link { text-decoration:none; color: #000;}
#index #slideshow a:visited { text-decoration:none; color: #000;}
#index #slideshow a:active { text-decoration:none; color: #000;}
#index #slideshow a:hover { text-decoration:none; color: #000;}
#index #slideshow {
	margin: 0 0 10px 0;
	width: 1024px;
	text-align: center;
}
#index #slideshow div {
	width: 1024px;
	height: 330px;
	overflow: hidden;
	position: relative;
	z-index: 0;
}
#index #slideshow div div {
	top: 0;
	left: 0;
	position: absolute;
}
#index #slideshow ul {
	width: 800px;
	height: 30px;
	margin: 3px auto 0 auto;
}
#index #slideshow ul li {
	width: 70px;
	float: left;
	display: inline;
	margin: 0 5px;
}
#index #slideshow ul li img {
	width: 70px;
	height: 30px;
}
#index #slideshow .active {
	opacity: 1!important;
}
/* =======================================
	ClearFixElements
======================================= */
#index #slideshow ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
#index #slideshow ul {
	display: inline-block;
	overflow: hidden;
}
/*-----  ここまでcommon.css  ------*/
/*-----  ここからscreen.css  ------*/
/*----------  import CSS  ---------*/
/*------------  import  -----------*/
/*-----  ここまでscreen.css  ------*/
/*----  ここまでフラッシュの設定  ----*/

/*--------------------------------------------------------
	ここからサブナビゲーションの設定
----------------------------------------------------------*/

#index #main #sub_navigation {
	background-color: #f0f8ff;
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 8px;
	margin-top: 5px;
	margin-bottom: 20px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* コンテナに軽い影を追加 */
}

#index #main #sub_navigation ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 15px; /* リンク間の隙間 */
}

#index #main #sub_navigation ul li {
	width: calc(33.33% - 10px); /* 3列に分ける */
}


#index #main #sub_navigation ul li a {
	display: block;
	padding: 12px 15px;
	text-decoration: none;
	color: #333;
	background-color: #ffffff;
	border: 2px solid #4dd0e1;
	border-radius: 5px;
	font-weight: bold;
	text-align: center;
	transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* リンクに軽い影を追加 */
}

#index #main #sub_navigation ul li a:hover {
	background-color: #4dd0e1;
	color: #ffffff;
	transform: translateY(-3px); /* ホバー時に少し浮き上がる */
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* ホバー時の影を強調 */
}

#index #main #sub_navigation ul li a:active {
	background-color: #333; /* クリック時の背景色 */
	color: #f0f8ff;
	transform: translateY(0); /* クリック時に元の位置に戻る */
}


/*--------------------------------------------------------
	ここまでサブナビゲーションの設定
----------------------------------------------------------*/


/*--------------------------------------------------------
	ここからmain共通の設定
----------------------------------------------------------*/


.sagafes_concertarea {
	margin: 20px 0 20px 30px;
}

.sagafes_concertarea .pgtitlearea {
	width: 300px;
	margin: 0 auto;
}

.sagafes_concertarea .pgtitlearea p {
	font-size: 2em;
	font-weight: bold;
	letter-spacing: 0.1px;
}

.sagafes_concertarea .title {
	width: 300px;
	margin: 0 0 5px 0;
}

.sagafes_concertarea .title p {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 50px;
	text-align: center;
	padding: 0 10px;
}


.sagafes_concertarea .programtitle {
	width: 300px;
	margin: 0 0 5px 0;
	background-image: url(../images/programtitlebg.jpg);
	background-repeat: repeat-x;
}

.sagafes_concertarea .programtitle p {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 50px;
	text-align: center;
	padding: 0 10px;
}

.sagafes_concertarea .programtitlelong {
	width: 450px;
	margin: 0 0 5px 0;
	background-image: url(../images/programtitlebglong.jpg);
	background-repeat: repeat-x;
}

.sagafes_concertarea .programtitlelong p {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 50px;
	text-align: center;
	padding: 0 10px;
}

.sagafes_concertarea .explansection {
	margin: 5px 0 20px 30px;
}

.sagafes_concertarea .programtitlelongany {
/*	width: 500px; */
	margin: 0 0 5px 0;
	background-image: url(../images/programtitlebg10.jpg);
	background-repeat: repeat;
}

.sagafes_concertarea .programtitlelongany p {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 50px;
	text-align: center;
	padding: 0 5px;
}
.sagafes_concertarea .programtitlelong500 {
	width: 500px; 
	margin: 0 0 5px 0;
	background-image: url(../images/programtitlebg10.jpg);
	background-repeat: repeat;
}

.sagafes_concertarea .programtitlelong500 p {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 50px;
	text-align: center;
	padding: 0 10px;
}

.sagafes_concertarea .explansection p {
	font-size: 1.2em;
}



#example_01 p a img {
	width: 300px;
}


/*--------------------------------------------------------
	ここまでmain共通の設定
----------------------------------------------------------*/


/*----------- ここからトップページmainの最上段の設定-------------*/
#index #main .notice {
	width: 700px;
	background-color: #fffbcc; /* 明るい背景色 */
	border: 2px solid #ffcc00; /* 目立つ枠線 */
	padding: 5px 20px;;
	margin: 20px auto;
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

#index #main .notice h2 {
	color: #d9534f; /* 鮮やかなタイトル色 */
	font-size: 1.6em;
	margin-bottom: 5px;
	text-align: center;
	line-height: 1.8em;
}

#index #main .notice .description {
	width: 700px;
	margin: 0 auto;
}

#index #main .notice .description p {
	color: #5a5a5a; /* 読みやすい文字色 */
	font-size: 1.1em;
	line-height: 1.3;
}

#index #main .notice a {
	color: #007bff; /* 目立つリンク色 */
	font-weight: bold;
	text-decoration: underline;
}

#index #main .notice a:hover {
	color: #0056b3; /* ホバー時に色変更 */
	text-decoration: none;
}

#index #main .notice .detailitem {
	text-align: center;
	font-size: 1.4em;
	margin: 5px auto;
}


/*---------------------------------------------------*/
#index #main .notice1 {
	width: 700px;
	border: 2px solid #d9534f;
	background-color: #f9ecec;
	padding: 15px;
	margin: 20px auto;
	border-radius: 5px;
}

#index #main .notice1 h2 {
	color: #d9534f;
	font-size: 1.5em;
	margin-bottom: 10px;
}

#index #main .notice1 p {
	color: #333;
	font-size: 1em;
}

/*----------- ここから特別音楽会チケット申し込み〆切の設定-------------*/
#index #main .notice2 {
	width: 700px;
	border: 2px solid #d9534f;
	background-color: #f9ecec;
	padding: 15px;
	margin: 20px auto;
	border-radius: 5px;
}

#index #main .notice2 h2 {
	color: #d9534f;
	font-size: 1.5em;
	margin-bottom: 10px;
}

#index #main .notice2 p {
	color: #333;
	font-size: 1em;
}

/*-------------------------------------------------------*/
#index .topitem_information {
	font-family: Arial, sans-serif;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 15px 0;
	background-color: #f0f8ff;
}

#index .tour_container {
  display: flex;
  width: 705px;
  margin: 0 auto;
}

#index .tour_thumbnail1 {
  padding: 10px;
  box-sizing: border-box;
}

#index .left_column {
  float: left;
	margin-right: 20px;
}

#index .left_column p {
	padding-bottom: 10px;
}

#index .right_column {
	float: left;
}

#index .tour_thumbnail1 {
	text-align: center;
	background-color: #ffffff;
	border: 1px solid #ddd;
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	max-width: 360px;
	padding: 16px;
}

#index .tour_thumbnail1 img {
	width: 300px;
	height: auto;
	border-radius: 8px;
}

#index .tour_thumbnail1 h2 {
	font-size: 1.5em;
	color: #333;
	margin: 12px 0;
}

#index .tour_thumbnail1 a {
	display: inline-block;
	text-decoration: none;
	background-color: #4caf50;
	color: #ffffff;
	padding: 10px 20px;
	border-radius: 4px;
	font-size: 1em;
	transition: background-color 0.3s;
}

#index .tour_thumbnail1 a:hover {
	background-color: #45a049;
}



/*-------------------------------------------------------------*/
#index .tour_thumbnail2 {
  padding: 10px;
  box-sizing: border-box;
}

#index .left_column {
  float: left;
	margin-right: 30px;
}

#index .left_column p {
	padding-bottom: 10px;
}

#index .right_column {
	float: left;
}

#index .tour_thumbnail2 {
	text-align: center;
	background-color: #ffffff;
	border: 1px solid #ddd;
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	max-width: 360px;
	padding: 16px;
}

#index .tour_thumbnail2 img {
	width: 300px;
	height: auto;
	border-radius: 8px;
}

#index .tour_thumbnail2 h2 {
	font-size: 1.5em;
	color: #333;
	margin: 12px 0;
}

#index .tour_thumbnail2 a {
	display: inline-block;
	text-decoration: none;
	background-color: #4caf50;
	color: #ffffff;
	padding: 10px 20px;
	border-radius: 4px;
	font-size: 1em;
	transition: background-color 0.3s;
}

#index .tour_thumbnail2 a:hover {
	background-color: #45a049;
}






/*----------- ここまでトップページmainの最上段の設定-------------*/


#index .title p {
	height: 50px; /* 高さ */
	margin: 25px auto 15px auto; /* 上右下左のマージン 左右にautoを指定すると真ん中に位置できます */
	line-height: 50px; /* 文字の行間 */
	border: solid 5px #ff80e6; /* 塗り色 */
	background: #ffd; /* 枠線の色 */
	padding: 3px 20px 0 20px; /* 枠内のマージン */
	border-top-left-radius: 25px; /* 上左側の角を丸くするサイズ */
	border-top-right-radius: 25px; /* 上右側の角を丸くするサイズ */
	border-bottom-right-radius: 25px; /* 下右側の角を丸くするサイズ */
	border-bottom-left-radius: 25px; /* 下左側の角を丸くするサイズ */
	font-size: 1.6em; /* フォントサイズ */
	font-weight: bold; /* フォントを太くする */
	letter-spacing: 0.2em; /* 文字間隔 */
	text-align: center;
	width: fit-content; /* 枠を文字の幅に合わせる */
}

#index .explansection {
	width: 742px;
	height: 100%;
	overflow: hidden;
}

/*------------ここからWhat's NEWの設定---------------*/
#index #newinformation {
	width: 772px;
}

#index #newinformation table tr td {
	padding: 5px 0;
	line-height: 1.2em;
	border: none;
}

#index #newinformation table tr td.datearea {
	width: 155px;
	text-indent: 25px;
	text-align: justify;
	vertical-align: top;
}

#index #newinformation table tr td.explanarea {
	width: 580px;
	vertical-align: top;
}

/*------------ここまでWhat's NEWの設定---------------*/

/*------------ここからあいさつの設定---------------*/

#index #greeting_area {
	width: 766px;
	background: #fff0f5;
	margin: 15px auto;
	overflow: hidden;
}

#index .greeting_section {
	width: 758px;
	margin: 0 auto 20px auto;
	overflow: hidden;
}

#index .person_title {
	width: 600px;
	line-height: 2em;
	margin: 0 auto 10px auto;
	padding: 3px 0;
}

#index .person_title p {
	font-size: 1.5em;
	text-align: center;
}

#index .hidensection #cboxcover1 img {
	float: left;
	margin: 0 15px 5px 0;
	width: 150px;
}


#index .hidensection .infobox_a {
	padding: 0 10px 0 15px;
}

#index .hidensection .infobox_b {
	padding: 0 10px 0 15px;
}

#index .hidensection .boxreturn p {
	margin-bottom: 10px;
}


#index .hidensection #cboxcover2 img {
	float: left;
	margin: 0 15px 5px 0;
	width: 150px;
}


#index .hidensection #cboxcover2 iframe {
	clear: both;
	margin: 3px 5px;
	width: 300px;
}



#index .hidensection #cboxcover3 img {
	float: left;
	margin: 0 15px 5px 0;
	width: 150px;
}

/*------------ここまであいさつの設定---------------*/


/*-------------------ここから賛同金の設定--------------*/
#index #donation_area {
	clear: both;
	width: 766px;
	background: #ffffeb;
	margin: 15px auto 0 auto;
	overflow: hidden;
}

#index .donation_section {
	width: 758px;
	margin: 0 auto 20px auto;
	overflow: hidden;
}

/*-------------------ここまで賛同金の設定--------------*/

/*-------------------ここから呼びかけ人の設定--------------*/

#index #cboxcover5 p {
	text-align: justify;
	line-height: 1.8em;
}

#index #proposer_area {
	margin: 0 0 30px 0;
}

/*-------------------ここまで呼びかけ人の設定--------------*/

/*--------------------------------------------------------
	ここから大音楽会の設定
----------------------------------------------------------*/
#grand_chorus_concert #side_navi ul li {
	list-style:none;
}

#grand_chorus_concert #side_navi ul {
	padding-left: 0;
}

/*-----------大音楽会ページタイトルの設定---------*/

#grand_chorus_concert #grandconcerttitlearea .grandconcerttitle {
	width: 600px;
	margin: 10px auto;
	text-align: center;
}

#grand_chorus_concert #grandconcerttitlearea .grandconcerttitle h1 {
	font-size: 2em;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding:7px 0 4px 0;
	color:white;
	background:#009b4d;
	box-shadow:5px 5px 0 #006d36;
}

/*-----------大音楽会開催日程の設定---------*/

#grand_chorus_concert .event_schedule {
	width: 760px;
	margin: 20px auto;
}

#grand_chorus_concert .event_schedule .in_event_schedule {
	width: 670px;
	margin: 5px auto;
	padding: 15px 0;
	background: #ffe6fe;
	border-top: solid 6px #1dc1d6;
	box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.32);
}

#grand_chorus_concert .event_schedule .in_event_schedule p {
	padding-left: 2em;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.8em;
	color: #0015d3;
}

/*-----------大音楽会ステージ紹介の設定---------*/

#grand_chorus_concert .sagafes_concertarea {
	width: 670px;
}

#grand_chorus_concert .sagafes_concertarea .stage_introduction {
	width: 300px;
	margin: 40px auto;
	border-bottom: dotted 2px blue;
	text-align: center;
}

#grand_chorus_concert .sagafes_concertarea .stage_introduction h2 {
	font-size: 1.6em;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding-bottom: 5px;
}


/*---------ここから大うたう会の案内設定---------------*/
#grand_chorus_concert .other_info {
	width: 772px;
	margin: 40px 0 5px 0;
}

#grand_chorus_concert .other_info .other_infotitle {
	width: 740px;
	margin: 10px auto;
}

#grand_chorus_concert .other_info .other_infotitle h3 {
	position: relative;
	font-size: 1.6em;
	padding-left: 1em;
	color: red;
}

#grand_chorus_concert .other_info .other_infotitle h3:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 7px;
	background: -webkit-repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
	background: repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
}

#grand_chorus_concert .explansection1 {
	width: 700px;
	margin: 0 auto 10px auto;
	overflow: hidden;
}

/* 強調テキスト */
#grand_chorus_concert #main .highlight {
	color: #d9534f; /* 赤色 */
	font-weight: bold;
}

/*---------ここまで大うたう会の案内設定---------------*/

/*-----------大音楽会演目タイトルの設定---------*/
#grand_chorus_concert .programtitle {
	width: 772px;
}

#grand_chorus_concert .programtitle .in_programtitle {
	width: 740px;
	margin: 15px auto;
}

#grand_chorus_concert .programtitle .in_programtitle h3 {
	font-size: 1.3em;
	letter-spacing: 0.1em;
	background:linear-gradient(to top, #40f46f, #bbffcd);
	border-radius: 10px;
	padding: 0.3em 2em;
}

/*-----------大音楽会演目の説明設定---------*/
#grand_chorus_concert .explansection {
	width: 700px;
	margin: 10px auto;
	overflow: hidden;
}

#grand_chorus_concert .explansection .line {
	text-decoration: line-through;
}

#grand_chorus_concert .explansection .elephant_area2 {
	margin: 15px 0;
}

#grand_chorus_concert .explansection .elephant_area3 {
	width: 700px;
}

#grand_chorus_concert .explansection .elephant_area3 img {
	width: 200px;
	float: right;
	padding-left: 25px;
}


#grand_chorus_concert .explansection ol li.point1 {
	padding-top: 1em;
}

#grand_chorus_concert .explansection p.point1 {
	padding-top: 1em;
}
#grand_chorus_concert .explansection  p.outstanding {
	font-size: 1.2em;
	font-weight: bold;
}

#grand_chorus_concert .explansection ol li {
	line-height: 1em;
	padding: 0.3em;
}

#grand_chorus_concert .explansection ol li span.outstanding {
	font-size: 1.2em;
	font-weight: bold;
}

#grand_chorus_concert .explansection ol li span {
	padding-left: 2em;
	line-height: 1.4em;
}


#grand_chorus_concert .area3 {
  display: inline-block;
  text-align: left;
  vertical-align: top;
  line-height: 20px;
  width: 30%;
  min-height: 10px;
}

#grand_chorus_concert .area2 {
  display: inline-block;
  text-align: left;
  vertical-align: top;
  line-height: 20px;
  width: 50%;
  min-height: 10px;
}

/*-----------大音楽会演奏曲の解説設定---------*/
#grand_chorus_concert .explansection p {
	line-height: 1.4em;
	padding: 5px 0;
}

#grand_chorus_concert .explansection p span {
	padding-left: 1em;
}




/*-----------大音楽会ページトップに戻る設定---------*/
#grand_chorus_concert .topback {
	width: 750px;
	height: 10px;
	padding: 5px 0 15px 0;
	text-align: right;
}



/*--------------------------------------------------------
	ここまで大音楽会の設定
----------------------------------------------------------*/


/*--------------------------------------------------------
	ここから特別音楽会の設定
----------------------------------------------------------*/
/*-----------特別音楽会ページタイトルの設定---------*/

#special_concert #specialconcerttitlearea .specialconcerttitle {
	width: 600px;
	margin: 10px auto;
	text-align: center;
}

#special_concert #specialconcerttitlearea .specialconcerttitle h1 {
	font-size: 2em;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding:7px 0 4px 0;
	color:white;
	background:#009b4d;
	box-shadow:5px 5px 0 #006d36;
}

/*-----------特別音楽会開催日程の設定---------*/

#special_concert .event_schedule {
	width: 760px;
	margin: 20px auto;
}

#special_concert .event_schedule .in_event_schedule {
	width: 670px;
	margin: 5px auto;
	padding: 15px 0;
	background: #e9fffe;
	border-top: solid 6px #ff3399;
	box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.32);
}

#special_concert .event_schedule .in_event_schedule p {
	padding-left: 1.6em;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.8em;
	color: #0015d3;
}

/*-----------特別音楽会ステージ紹介の設定---------*/
#special_concert .sagafes_concertarea_section {
	width: 700px;
	margin: 20px auto;
	padding: 15px;
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
}


#special_concert .sagafes_concertarea_section h2 {
	font-size: 1.4em;
}

#special_concert .concert_heading {
	font-size: 1.8em;
	font-weight: bold;
	text-align: center;
	color: #003366;
	background-color: #e0f7fa;
	padding: 10px;
	margin-bottom: 15px;
	border-left: 6px solid #00796b;
}

#special_concert .explansection {
	width: 700px;
}

#special_concert .explansection p {
	font-size: 1em;
	line-height: 1.6;
	color: #333;
}

#special_concert .explansection p a {
	color: #00796b;
	text-decoration: none;
}


#special_concert .explansection img {
	width: 200px;
	margin-right: 10px;
	margin-bottom: 10px;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}


#special_concert .explansection .point {
	width: 650px;
	clear: both;
}




#special_concert .explansection .table1 {
	margin: 5px 0;
	clear: both;
	width: 700px;
	overflow: hidden;
}

#special_concert .explansection .table2 {
	margin: 5px 0;
	clear: both;
	width: 700px;
	overflow: hidden;
}

#special_concert .explansection .table3 {
	margin: 5px 0;
	clear: both;
	width: 700px;
	overflow: hidden;
}



/*-------------ここからページのサブタイトル-------*/

#special_concert .sagafes_concertarea {
	width: 670px;
}

#special_concert .sagafes_concertarea .stage_introduction {
	width: 300px;
	margin: 40px auto;
	border-bottom: dotted 2px blue;
	text-align: center;
}

#special_concert .sagafes_concertarea .stage_introduction h2 {
	font-size: 1.6em;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding-bottom: 5px;
}

/*-------------ここまでページのサブタイトル-------*/


/* コンテナの幅と背景色 */
#special_concert .sagafes_concertarea_section {
	width: 700px;
	background-color: #f9f9f9;
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	font-family: Arial, sans-serif;
	color: #333;
}

/* 見出しのデザイン */
#special_concert  .concert_heading {
	font-size: 1.8em;
	color: #4a4a8d;
	margin-bottom: 15px;
	border-bottom: 2px solid #4a4a8d;
	padding-bottom: 5px;
}

/* 説明セクションの画像スタイル */
#special_concert .explansection img {
	float: left;
	margin: 0 15px 10px 0;
	border-radius: 4px;
	width: 200px;
	height: auto;
}

/* テキストのスタイル */
#special_concert .explansection p {
	line-height: 1.6;
	font-size: 1em;
	margin-bottom: 15px;
}

/* トップリンクのデザイン */
#special_concert .explansection p a {
	text-decoration: none;
	color: #4a4a8d;
	font-weight: bold;
}


#special_concert .pictitle {
	padding-left: 3em;
}

#special_concert #main .pointright {
	text-align: right;
	padding-right: 20px;
}





/*--------------------------------------------------------
	ここまで特別音楽会の設定
----------------------------------------------------------*/


/*--------------------------------------------------------
	ここから祭典ニュースの設定
----------------------------------------------------------*/
#festanews #main .itemtitle_a {
	width: 600px;
	height: 60px;
	margin: 20px auto 0 auto;
	background-image: url(../images/construction.jpg);
	background-repeat: no-repeat;
}

#festanews #main .itemtitle_a p {
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	line-height: 60px;
	color: red;
	padding-top: 2px;
}

#festanews #main #in_main img {
	width: 235px;
}


#festanews #main #in_main .table3 {
	padding: 0 10px;
}

/*--------------------------------------------------------
	ここまで祭典ニュースの設定
----------------------------------------------------------*/


/*--------------------------------------------------------
	ここから祭典グッズの設定
----------------------------------------------------------*/

#merchandise .sagafes_concertarea {
	width: 754px;
	margin: 15px 0 15px 0;
}

#merchandise .sagafes_concertarea img {
	margin: 5px 10px;;
}

#merchandise .sagafes_concertarea .itemtitle_a {
	max-width: 600px;
	margin: 15px auto 20px auto;
}

#merchandise .title p {
	height: 50px; /* 高さ */
	margin: 25px auto 15px auto; /* 上右下左のマージン 左右にautoを指定すると真ん中に位置できます */
	line-height: 50px; /* 文字の行間 */
	border: solid 5px #ff80e6; /* 塗り色 */
	background: #ffd; /* 枠線の色 */
	padding: 3px 20px 0 20px; /* 枠内のマージン */
	border-top-left-radius: 25px; /* 上左側の角を丸くするサイズ */
	border-top-right-radius: 25px; /* 上右側の角を丸くするサイズ */
	border-bottom-right-radius: 25px; /* 下右側の角を丸くするサイズ */
	border-bottom-left-radius: 25px; /* 下左側の角を丸くするサイズ */
	font-size: 1.4em; /* フォントサイズ */
	font-weight: bold; /* フォントを太くする */
	letter-spacing: 1px; /* 文字間隔 */
	text-align: center;
	width: fit-content; /* 枠を文字の幅に合わせる */
}

#merchandise #main #in_main .sagafes_concertarea .title p.point{
	width: 380px;
	margin-left: 25px;
}

#merchandise #main #in_main .sagafes_concertarea .ajustright {
	width: 754px;
	text-align: right;
}


#merchandise #main #in_main .sagafes_concertarea #order_description {
	Width: 700px;
	margin: 0 auto;
	background: #eeffe0;
	border: solid 2px #7eff14;
}

#merchandise #main #in_main .sagafes_concertarea #in_order_description {
	Width: 650px;
	padding-left: 10px;
}

#merchandise #main #in_main .sagafes_concertarea #order_description ol {
	padding: 30px 10px 10px 50px;
}
#merchandise #main #in_main .sagafes_concertarea #order_description ol li {
	line-height: 1.3em;
	padding: 5px 0;
}

/*--------------------------------------------------------
	ここまで祭典グッズの設定
----------------------------------------------------------*/


/*--------------------------------------------------------
	ここからチケットの設定
----------------------------------------------------------*/
#ticketinfo #main .itemtitle_a {
	width: 600px;
	height: 60px;
	margin: 20px auto 0 auto;
	background-image: url(../images/construction.jpg);
	background-repeat: no-repeat;
}

#ticketinfo #main .itemtitle_a h1 {
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	line-height: 60px;
	color: red;
	padding-top: 2px;
}

#ticketinfo #main .ticketinfosection {
	width: 772px;
}

#ticketinfo #main .in_ticketinfosection {
	width: 700px;
	height: 300px;
	margin: 0 auto;
	background: url(../images/ticketinfo.jpg);
	background-repeat: no-repeat;
}


#ticketinfo #main .ticketexolanarea {
	width: 500px;
	height: 500px;
	margin: 10px auto 0 auto;
}

#ticketinfo #main .ticketexolanarea .ticketitemarea {
	margin: 12px 0;
}

#ticketinfo #main .ticketexolanarea .ticketitemarea p {
	width: 400px;
	font-size: 1.4em;
	padding: 2px 0 1px 0;
	text-align: center;
	margin-bottom: 10px;
	background-color: #7cfc00;
}

#ticketinfo #main .ticketexolanarea .in_ticketexolanarea p {
	font-size: 1em;
	padding-left: 20px;
	line-height: 1.4em;
}

/* ------------ここから特別音楽会チケットの〆切設定------------*/

/* チケット情報ボックス */
#ticketinfo #main .ticket_info {
	width: 600px;
	margin: 30px auto;
	background-color: #ffffff;
	padding: 30px;
	border-radius: 10px;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
	border-left: 6px solid #0073e6; /* サイドの青い線 */
}

/* 見出しのスタイル */
#ticketinfo #main h2 {
	font-size: 26px;
	color: #0073e6;
	margin-bottom: 20px;
	border-bottom: 2px solid #e0e0e0; /* 下線 */
	padding-bottom: 8px;
}

/* テキストのスタイル */
#ticketinfo #main p {
	font-size: 16px;
	line-height: 1.8;
	color: #555;
	margin: 0;
}

/* 強調テキスト */
#ticketinfo #main .highlight {
	color: #d9534f; /* 赤色 */
	font-weight: bold;
}

#ticketinfo #main .ticket_info .seat-info {
	font-weight: bold;
	color: #d9534f; /* 目立つ赤系の色 */
	padding-top: 10px;
}

/* ------------ここまで特別音楽会チケットの〆切設定------------*/

/* ------------ここから大うたう会チケット販売の切設定------------*/


#ticketinfo .info_text a {
	color: #0073e6;
	text-decoration: underline;
}

/* ------------ここまで大うたう会チケット販売の切設定------------*/


/*--------------------------------------------------------
	ここまでチケットの設定
----------------------------------------------------------*/




/*----------------------------------------
	ここからスケジュールの設定
----------------------------------------*/

/*-----------ここから佐賀市内の合同練習日程--------*/

#lesson_schedule #main #informationsection {
	width: 764px;
}

#lesson_schedule #main .in_informationsection {
	width: 754px;
	margin: 5px auto 0 auto;
	padding-top: 20px;
	border: 5px solid #ccc;
	background: url(../images/himawari-3.gif);
	background-size: 110px;
	background-repeat: no-repeat;
	background-position: right top;
}


#lesson_schedule #main .scheduleitemtitle {
	width: 724px;
	height: 70px;
	margin: 0 auto;
}

#lesson_schedule #main .scheduleitemtitle .titlearea {
	width: 500px;
	margin: 10px auto 0 auto;
}

#lesson_schedule #main .scheduleitemtitle .titlearea h1 {
	position: relative;
	background: #dfefff;
	box-shadow: 0px 0px 0px 5px #dfefff;
	border: dashed 2px white;
	padding: 0.2em 0.5em;
	color: #454545;
	text-align: center;
	letter-spacing: 0.1em;
}

#lesson_schedule #main .scheduleitemtitle .titlearea h1:after {
	position: absolute;
	content: '';
	left: -7px;
	top: -7px;
	border-width: 0 0 15px 15px;
	border-style: solid;
	border-color: #fff #fff #a8d4ff;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

#lesson_schedule #main .selectarea {
	width: 600px;
	margin: 15px auto;
}

#lesson_schedule #main .selectarea .selecttitle {
	float: left;
	margin: 0 10px;
	width: 280px;
	background: #fff3f6;
}

#lesson_schedule #main .selectarea .selecttitle h2 {
	font-size: 1.3em;
	color: #0f49ff;
	text-align: center;
	padding: 7px 3px 3px 3px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.23);
}

#lesson_schedule #main .selectarea .selecttitle h2 a {
	text-decoration: none;
}


#lesson_schedule #main .selectarea .selecttitle h2 a:hover {
	color: #33ff0f;
}

#lesson_schedule #main #informationsection .informationarea {
	position: relative;
	clear: both;
	width: 600px;
	margin: 0 auto 15px auto;
	padding-top: 15px;
	padding-left: 20px;
	overflow: hidden;
}

#lesson_schedule #main #informationsection .informationarea p {
	font-size: 1.2em;
	line-height: 1.2em;
	padding: 3px 5px;
	text-indent: -1em;
	color: blue;
}


/*-----------ここから日程表--------*/


#lesson_schedule #main .scheduletablesection {
	clear: both;
	padding-bottom: 20px;
	overflow: hidden;
}

#lesson_schedule #main .scheduletablesection table {
	width: 726px;
	margin: 10px auto;
	background-color: white;
	border: 1px solid #888;
	border-collapse: collapse;
}


/*-----------------ここから終了した日程-----------------------*/

#lesson_schedule #main .scheduletablesection table .ended {
	background-color: #d8d8d8;
}

/*-----------------ここまで終了した日程-----------------------*/


#lesson_schedule #main .scheduletablesection table caption {
	width: 250px;
	margin: 5px auto 10px auto;
	font-size: 1.6em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border-bottom: 2px dotted green;
}

#lesson_schedule #main .scheduletablesection table tr th {
	font-size: 0.9em;
	border: 1px solid #888;
	padding: 7px 5px;
	text-align: center;
	vertical-align: top;
}

#lesson_schedule #main .scheduletablesection table tr td {
	font-size: 0.9em;
	border: 1px solid #888;
	padding: 7px 5px;
	text-align: left;
}


#lesson_schedule #main .scheduletablesection table tr td.day {
	width: 40px;
	text-align: right;
}

#lesson_schedule #main .scheduletablesection table tr td.dayweek {
	width: 30px;
	text-align: center;
}

#lesson_schedule #main .scheduletablesection table tr td.venue {
	text-indent: 0.5em;
}
#lesson_schedule #main .scheduletablesection table tr td.time {
	width: 70px;
	text-align: center;
	text-indent: 0.5em;
	letter-spacing: 0.05em;
}
#lesson_schedule #main .scheduletablesection table tr td.tunes {
	text-indent: 0.5em;
}


#lesson_schedule #main .scheduletablesection table tr .montharea {
	width: 2.5em;
	text-align:center;
}

#lesson_schedule #main .scheduletablesection table tr .dayarea {
	width: 2.5em;
	text-align:center;
}

#lesson_schedule #main .scheduletablesection table tr .weekarea {
	width: 4em;
	text-align: center;
}

#lesson_schedule #main .scheduletablesection table tr .song_number {
	width: 17.5em;
}

#lesson_schedule #main .scheduletablesection table tr placearea{
	width: 9em;
}

#lesson_schedule #main .scheduletablesection table tr timearea {
	width: 6em;
}


/*-----------ここまで佐賀市内の合同練習日程--------*/


/*-----------ここから地域実行委員会の練習日程--------*/

#lesson_schedule_local #main #informationsection {
	width: 764px;
}

#lesson_schedule_local #main .in_informationsection {
	width: 754px;
	margin: 5px auto 0 auto;
	padding-top: 20px;
	border: 5px solid #ccc;
	background: url(../images/himawari-3.gif);
	background-size: 110px;
	background-repeat: no-repeat;
	background-position: right top;
}


#lesson_schedule_local #main .scheduleitemtitle {
	width: 724px;
	height: 70px;
	margin: 0 auto;
}

#lesson_schedule_local #main .scheduleitemtitle .titlearea {
	width: 500px;
	margin: 10px auto 0 auto;
}

#lesson_schedule_local #main .scheduleitemtitle .titlearea h1 {
	position: relative;
	background: #dfefff;
	box-shadow: 0px 0px 0px 5px #dfefff;
	border: dashed 2px white;
	padding: 0.2em 0.5em;
	color: #454545;
	text-align: center;
	letter-spacing: 0.1em;
}

#lesson_schedule_local #main .scheduleitemtitle .titlearea h1:after {
	position: absolute;
	content: '';
	left: -7px;
	top: -7px;
	border-width: 0 0 15px 15px;
	border-style: solid;
	border-color: #fff #fff #a8d4ff;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

#lesson_schedule_local #main .selectarea {
	width: 600px;
	margin: 15px auto;
}

#lesson_schedule_local #main .selectarea .selecttitle {
	float: left;
	margin: 0 10px;
	width: 280px;
	background: #fff3f6;
}

#lesson_schedule_local #main .selectarea .selecttitle h2 {
	font-size: 1.3em;
	color: #0f49ff;
	text-align: center;
	padding: 7px 3px 3px 3px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.23);
}


#lesson_schedule_local #main .selectarea .selecttitle h2 a {
	text-decoration: none;
}

#lesson_schedule_local #main .selectarea .selecttitle h2 a:hover {
	color: #33ff0f;
}


#lesson_schedule_local #main #informationsection .lessonplaceselect {
	clear: both;
	width: 720px;
	height: 50px;
	margin: 0 auto;
}

#lesson_schedule_local #main #informationsection .lessonplaceselect .lessonplace {
	float: left;
	margin: 15px 5px 10px 5px;
}

#lesson_schedule_local #main #informationsection .lessonplaceselect .lessonplace p {
	font-size: 0.95em;
	font-weight: bold;
	letter-spacing: 0.5px;
	color: green;
	padding: 3px 5px 0 5px;
	border: dotted 2px #bbb;
}

#lesson_schedule_local #main #informationsection .lessonplaceselect .lessonplace a {
	text-decoration: none;
}

#lesson_schedule_local #main #informationsection .informationarea {
	position: relative;
	clear: both;
	width: 600px;
	margin: 0 auto 15px auto;
	padding-top: 15px;
	padding-left: 20px;
	overflow: hidden;
}

#lesson_schedule_local #main #informationsection .informationarea p {
	font-size: 1.2em;
	line-height: 1.2em;
	padding: 3px 5px;
	text-indent: -1em;
	color: blue;
}


/*------------------ここから日程表------------------*/

#lesson_schedule_local #main .scheduletablesection {
	clear: both;
	padding-bottom: 20px;
	overflow: hidden;
}

#lesson_schedule_local #main .scheduletablesection table {
	width: 726px;
	margin: 10px auto;
	background-color: white;
	border: 1px solid #888;
	border-collapse: collapse;
}

/*-----------------ここから終了した日程-----------------------*/

#lesson_schedule_local #main .scheduletablesection table .ended {
	background-color: #d8d8d8;
}

/*-----------------ここまで終了した日程-----------------------*/

#lesson_schedule_local #main .scheduletablesection table caption {
	width: 500px;
	margin: 5px auto 10px auto;
	font-size: 1.6em;
	font-weight: bold;
	letter-spacing: 2px;
	border-bottom: 2px dotted green;
}

#lesson_schedule_local #main .scheduletablesection table tr th {
	font-size: 0.9em;
	border: 1px solid #888;
	padding: 7px 5px;
	text-align: center;
	vertical-align: top;
}

#lesson_schedule_local #main .scheduletablesection table tr td {
	font-size: 0.9em;
	border: 1px solid #888;
	padding: 7px 5px;
	text-align: left;
}


#lesson_schedule_local #main .scheduletablesection table tr td.day {
	width: 40px;
	text-align: right;
}

#lesson_schedule_local #main .scheduletablesection table tr td.dayweek {
	width: 30px;
	text-align: center;
}

#lesson_schedule_local #main .scheduletablesection table tr td.venue {
	text-indent: 0.5em;
}
#lesson_schedule_local #main .scheduletablesection table tr td.time {
	width: 70px;
	text-align: center;
	text-indent: 0.5em;
	letter-spacing: 0.05em;
}
#lesson_schedule_local #main .scheduletablesection table tr td.tunes {
	text-indent: 0.5em;
}


#lesson_schedule_local #main .scheduletablesection table tr .montharea {
	width: 2.5em;
	text-align:center;
}

#lesson_schedule_local #main .scheduletablesection table tr .dayarea {
	width: 2.5em;
	text-align:center;
}

#lesson_schedule_local #main .scheduletablesection table tr .weekarea {
	width: 4em;
	text-align: center;
}

#lesson_schedule_local #main .scheduletablesection table tr .song_number {
	width: 17.5em;
}

#lesson_schedule_local #main .scheduletablesection table tr placearea{
	width: 9em;
}

#lesson_schedule_local #main .scheduletablesection table tr timearea {
	width: 6em;
}



#lesson_schedule_local #main .scheduletablesection table.dance tr .song_number {
	width: 8em;
}



/*-----------ここまで地域実行委員会の練習日程--------*/



/*-------------------------------------------------------
	ここから演奏曲に関する情報の設定
-------------------------------------------------------*/
#performance_guide #main #informationsection {
	width: 764px;
}

#performance_guide #main #informationsection .in_informationsection {
	width: 754px;
	margin: 5px auto 0 auto;
	padding-top: 20px;
	border: 5px solid #ccc;
	background: url(../images/cosmos.png);
	background-size: 125px;
	background-repeat: no-repeat;
	background-position: right top;
}

#performance_guide #main .performance_infotitle {
	width: 724px;
	height: 70px;
	margin: 0 auto 30px auto;
}

#performance_guide #main .performance_infotitle .titlearea {
	width: 500px;
	margin: 10px auto 0 auto;
}

#performance_guide #main .performance_infotitle .titlearea h1 {
	position: relative;
	background: #dfefff;
	box-shadow: 0px 0px 0px 5px #dfefff;
	border: dashed 2px white;
	padding: 0.2em 0.5em;
	color: #454545;
	text-align: center;
	letter-spacing: 0.1em;
}

#performance_guide #main .performance_infotitle .titlearea h1:after {
	position: absolute;
	content: '';
	left: -7px;
	top: -7px;
	border-width: 0 0 15px 15px;
	border-style: solid;
	border-color: #fff #fff #a8d4ff;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}


/*----------------------------------------------------------*/
/* Performers Section as Navigation Style */
#performance_guide .performers_section {
	width: 568px;
	margin: 10px auto 20px auto;
	display: flex;
	align-items: center;
	padding: 15px;
	border: 2px solid #4dd0e1; /* Light blue border */
	border-radius: 8px;
	background-color: #e0f7fa; /* Light background for nav look */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	transition: background-color 0.3s ease;
}

#performance_guide .performers_section .section1 h2 {
	margin: 0;
	font-size: 1.5em;
	color: #333;
	padding-left: 40px;
}

#performance_guide .performers_section .section1 p {
	padding-left: 40px;
}

#performance_guide .performers_section .section1 p a {
	display: inline-block;
	margin-top: 5px;
	font-weight: bold;
	color: #000; /* Link color */
	text-decoration: none;
	padding: 8px 12px;
	background-color: #6f6;
	border-radius: 5px;
	transition: background-color 0.3s;
}

#performance_guide .performers_section .section1 p a:hover {
	background-color: #388e3c; /* Darker shade on hover */
	color: #fff;
}

#performance_guide .performers_section:hover {
	background-color: #b2ebf2; /* Slightly darker background on hover */
}


#performance_guide .stage_sheets_section {
	width: 568px;
	margin: 20px auto 20px auto;
	display: flex;
	align-items: center;
	padding: 15px;
	border: 2px solid #4dd0e1; /* Light blue border */
	border-radius: 8px;
	background-color: #e0f7fa; /* Light background for nav look */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	transition: background-color 0.3s ease;
	overflow: hidden;
}

#performance_guide .stage_sheets_section .section1 h2 {
	margin: 0;
	font-size: 1.5em;
	color: #333;
	padding-left: 40px;
}


#performance_guide .traffic_info_section {
	width: 568px;
	margin: 10px auto 20px auto;
	display: flex;
	align-items: center;
	padding: 15px;
	border: 2px solid #4dd0e1; /* Light blue border */
	border-radius: 8px;
	background-color: #e0f7fa; /* Light background for nav look */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	transition: background-color 0.3s ease;
	overflow: hidden;
}

#performance_guide .traffic_info_section .section1 h2 {
	margin: 0;
	font-size: 1.5em;
	color: #333;
	padding-left: 40px;
}

/*-------------------------------------------------------
	ここからスケジュールの設定
-------------------------------------------------------*/
/* Style for the schedule title section */
#performance_guide .schedule_title {
  max-width: 500px;
  text-align: center;
  padding: 5px;
  background-color: #4caf50; /* A calm green background */
  color: #ffffff;
  border-radius: 8px; /* Slightly rounded corners */
  margin: 10px auto 20px auto; /* Space below the title */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Soft shadow for depth */
}

#performance_guide  .schedule_title h1 {
  font-size: 2em; /* Larger font size for the title */
  font-weight: bold;
  letter-spacing: 1px; /* Space between letters */
  margin: 0; /* Remove default margin */
}


#performance_guide .schedule_section {
  width: 80%;
  max-width: 650px;
  margin: 20px auto;
  padding: 10px 0 5px 0;
  background: #ffffff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}


#performance_guide .section2 {
  margin-bottom: 5px;
}

#performance_guide .section2 h2 {
  font-size: 1.5em;
  color: #333;
  border-bottom: 2px solid #4caf50;
  padding-bottom: 5px;
  margin-bottom: 5px;
	text-align: center;
}

#performance_guide .section2 h3 {
  font-size: 1.2em;
  color: #666;
	padding: 0 0 0 40px;
}

#performance_guide .section2 p {
	padding: 10px 0 5px 60px;
}

#performance_guide .section2 a {
  color: #4caf50;
  text-decoration: none;
  font-weight: bold;
}

#performance_guide .section2 a:hover {
  text-decoration: underline;
}

/*-------------------------------------------------------
	ここまでスケジュールの設定
-------------------------------------------------------*/

/*-------------------------------------------------------
	ここから見取り図の設定
-------------------------------------------------------*/
#performance_guide .floor_guide_section {
  width: 80%;
  max-width: 650px;
  margin: 20px auto;
  padding: 10px 0 5px 0;
  background: #ffffff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/*-------------------------------------------------------
	ここまで見取り図の設定
-------------------------------------------------------*/


/*-------------------------------------------------------
	ここから舞台衣装の設定
-------------------------------------------------------*/
#stage_costume_list #main {
	clear: both;
	width: 1024px;
	overflow: hidden;
}

#stage_costume_list #in_main {
	width: 1024px;
	overflow: hidden;
}


#stage_costume_list #main #informationsection {
	width: 1016px;
}

#stage_costume_list #main #informationsection .in_informationsection {
	width: 990px;
	margin: 5px auto 0 auto;
	padding-top: 20px;
	border: 5px solid #ccc;
	background: url(../images/cosmos.png);
	background-size: 125px;
	background-repeat: no-repeat;
	background-position: right top;
}




#stage_costume_list #main .performance_infotitle {
	width: 724px;
	height: 70px;
	margin: 0 auto 30px auto;
}

#stage_costume_list #main .performance_infotitle .titlearea {
	width: 500px;
	margin: 10px auto 0 auto;
}

#stage_costume_list #main .performance_infotitle .titlearea h1 {
	position: relative;
	background: #dfefff;
	box-shadow: 0px 0px 0px 5px #dfefff;
	border: dashed 2px white;
	padding: 0.2em 0.5em;
	color: #454545;
	text-align: center;
	letter-spacing: 0.1em;
}

#stage_costume_list #main .performance_infotitle .titlearea h1:after {
	position: absolute;
	content: '';
	left: -7px;
	top: -7px;
	border-width: 0 0 15px 15px;
	border-style: solid;
	border-color: #fff #fff #a8d4ff;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}




#stage_costume_list .stage_explan_item {
  width: 80%;
  max-width: 650px;
  margin: 20px auto;
  padding: 10px 0 5px 0;
  background: #ffffff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

#stage_costume_list .section2 {
  margin-bottom: 5px;
}

#stage_costume_list .section2 h2 {
  font-size: 1.5em;
  color: #333;
  border-bottom: 2px solid #4caf50;
  padding-bottom: 5px;
  margin-bottom: 5px;
	text-align: center;
}

#stage_costume_list .section2 p {
	padding: 10px 0 5px 60px;
}

#stage_costume_list .section2 a {
  color: #4caf50;
  text-decoration: none;
  font-weight: bold;
}

#stage_costume_list .section2 a:hover {
  text-decoration: underline;
}

/*------------ここからスカート注意の掲載設定------------*/
#stage_costume_list #main #informationsection .cautionitem {
	width: 800px;
	margin: 10px auto;
}

#stage_costume_list #main #informationsection .cautionitem p {
	font-size: 1.2em;
}

#stage_costume_list #main #informationsection .cautionitem p span {
	font-size: 1.2em;
	font-weight: bold;
	color: red;
}
/*------------ここまでスカート注意の掲載設定------------*/

#stage_costume_list #informationsection table {
	width: 974px;
	margin: 10px auto 30px auto;
	border-collapse: collapse;
	border: 3px solid black;
}

#stage_costume_list #informationsection table caption {
	font-size: 1.6em;
	font-weight: bold;
	letter-spacing: 2px;
	color: blue;
	margin: 10px 0;
	text-align: center;
}

#stage_costume_list #informationsection table tr .otherspace {
	border-bottom: 2px solid black;
	border-right: 2px solid black;
}


#stage_costume_list #informationsection table tr th .itemfemale {
	text-align: center;
}

#stage_costume_list #informationsection table tr th .itemmele {
	text-align: center;
}

#stage_costume_list #informationsection table tr th .itemtop {
	text-align: center;
}

#stage_costume_list #informationsection table tr th .itembottom {
	text-align: center;
}

#stage_costume_list #informationsection table tr th .itemothers {
	text-align: center;
}


#stage_costume_list #informationsection table tr .itemtop, .itembottom, .itemothers {
	border-bottom: 2px solid black; /* 各列の下線を太く */
}

#stage_costume_list #informationsection table tr .itemothers {
	border-right: 2px solid black; /* 各列の右側線を太く */
}


#stage_costume_list #informationsection table tr .ajustright {
	border-right: 2px solid black; /* 各列の右側線を太く */
}

#stage_costume_list #informationsection table tr td span.point {
	font-size: 0.9em;
}

/*-------------------------------------------------------
	ここまで舞台衣装の設定
-------------------------------------------------------*/



/*-------------------------------------------------------
	ここからステージシートの設定
--------------------------------------------------------*/
#performance_stage_sheets #main .stage_sheet_title {
	width: 724px;
	height: 70px;
	margin: 30px auto 30px auto;
}

#performance_stage_sheets #main .stage_sheet_title .titlearea {
	width: 500px;
	margin: 10px auto 0 auto;
}

#performance_stage_sheets #main .stage_sheet_title .titlearea h1 {
	position: relative;
	background: #dfefff;
	box-shadow: 0px 0px 0px 5px #dfefff;
	border: dashed 2px white;
	padding: 0.2em 0.5em;
	color: #454545;
	text-align: center;
	letter-spacing: 0.1em;
}

#performance_stage_sheets #main .stage_sheet_title .titlearea h1:after {
	position: absolute;
	content: '';
	left: -7px;
	top: -7px;
	border-width: 0 0 15px 15px;
	border-style: solid;
	border-color: #fff #fff #a8d4ff;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}



#performance_stage_sheets #main .announcement {
	width: 680px;
	margin: 20px auto 30px auto;
	padding: 15px;
	background-color: #fffaf0;
	border: 2px solid #ffcc00;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

#performance_stage_sheets #main .announcement .announcement-title {
	text-align: center;
	background-color: #ffe6b3;
	padding: 10px 0 6px 0;
	font-weight: bold;
	font-size: 1.3em;
	color: #d9534f;
	border-radius: 5px;
}

#performance_stage_sheets #main .announcement .announcement-body {
	margin-top: 10px;
	padding: 5px 3px 5px 6px;
	font-size: 1.1em;
	color: #333;
	line-height: 1.6em;
}

#performance_stage_sheets #main .announcement .announcement-body .note {
	width: 660px;
}

#performance_stage_sheets #main .announcement .announcement-body .note ul {
	padding-left: 5em;
}

#performance_stage_sheets #main .announcement .announcement-body .note ul li {
    text-indent: -3.8em; /* 字下げの幅を指定 */
    list-style-type: none; /* マーカーを非表示 */
}
#performance_stage_sheets #main .announcement .announcement-body .note ul li:first-line {
    text-indent: 5em; /* 最初の行は字下げしない */
}

#performance_stage_sheets .stage_sheet_links {
	width: 85%;
	max-width: 650px;
	margin: 20px auto;
	padding: 10px 0 5px 0;
	background: #fff;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}


#performance_stage_sheets .section3 {
	margin-bottom: 5px;
}

#performance_stage_sheets .section3 h2 {
	font-size: 1.3em;
	color: #333;
	border-bottom: 2px solid #4caf50;
	padding-bottom: 5px;
	margin-bottom: 5px;
	text-align: center;
}


#performance_stage_sheets .section3 p {
	padding: 10px 0 0 30px;
}

#performance_stage_sheets .section3 p.point {
	padding-left:2.2em;
}

#performance_stage_sheets .section3 p.point a {
	color: red;
}

#performance_stage_sheets .section3 a {
	color: #4c8050;
	text-decoration: none;
	font-weight: bold;
}

#performance_stage_sheets .section3 a:hover {
	text-decoration: underline;
}



/*-------------------------------------------------------
	ここまでステージシートの設定
--------------------------------------------------------*/


/*-------------------------------------------------------
	ここから交通情報の設定
-------------------------------------------------------*/
#concert_bus_guide #main {
	clear: both;
	width: 1024px;
	overflow: hidden;
}

#concert_bus_guide #in_main {
	width: 1024px;
	overflow: hidden;
}

#performance_guide .performers_section {
	width: 568px;
	margin: 10px auto 20px auto;
	display: flex;
	align-items: center;
	padding: 15px;
	border: 2px solid #4dd0e1; /* Light blue border */
	border-radius: 8px;
	background-color: #e0f7fa; /* Light background for nav look */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	transition: background-color 0.3s ease;
}

#performance_guide .performers_section .section1 h2 {
	margin: 0;
	font-size: 1.5em;
	color: #333;
	padding-left: 40px;
}

#performance_guide .performers_section .section1 p {
	padding-left: 40px;
}

#performance_guide .performers_section .section1 p a {
	display: inline-block;
	margin-top: 5px;
	font-weight: bold;
	color: #000; /* Link color */
	text-decoration: none;
	padding: 8px 12px;
	background-color: #6f6;
	border-radius: 5px;
	transition: background-color 0.3s;
}

#performance_guide .performers_section .section1 p a:hover {
	background-color: #388e3c; /* Darker shade on hover */
	color: #fff;
}

#performance_guide .performers_section:hover {
	background-color: #b2ebf2; /* Slightly darker background on hover */
}


#performance_guide .traffic_info_section .section1 h2 {
	margin: 0;
	font-size: 1.5em;
	color: #333;
	padding-left: 40px;
}


#concert_bus_guide #main #informationsection {
	width: 1016px;
}

#concert_bus_guide #main #informationsection .in_informationsection {
	width: 990px;
	margin: 5px auto 0 auto;
	padding-top: 20px;
	border: 5px solid #ccc;
	background: url(../images/cosmos.png);
	background-size: 125px;
	background-repeat: no-repeat;
	background-position: right top;
}



#concert_bus_guide #main .traffic_infotitle {
	width: 724px;
	height: 70px;
	margin: 0 auto 30px auto;
}

#concert_bus_guide #main .traffic_infotitle .titlearea {
	width: 500px;
	margin: 10px auto 0 auto;
}

#concert_bus_guide #main .traffic_infotitle .titlearea h1 {
	position: relative;
	background: #dfefff;
	box-shadow: 0px 0px 0px 5px #dfefff;
	border: dashed 2px white;
	padding: 0.2em 0.5em;
	color: #454545;
	text-align: center;
	letter-spacing: 0.1em;
}

#concert_bus_guide #main .traffic_infotitle .titlearea h1:after {
	position: absolute;
	content: '';
	left: -7px;
	top: -7px;
	border-width: 0 0 15px 15px;
	border-style: solid;
	border-color: #fff #fff #a8d4ff;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}




#concert_bus_guide .traffic_explan_item {
	width: 80%;
	max-width: 650px;
	margin: 20px auto;
	padding: 10px 0 5px 0;
	background: #ffffff;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

#concert_bus_guide .section2 {
	margin-bottom: 5px;
}

#concert_bus_guide .section2 h2 {
	font-size: 1.5em;
	color: #333;
	border-bottom: 2px solid #4caf50;
	padding-bottom: 5px;
	margin-bottom: 5px;
	text-align: center;
}

#concert_bus_guide .section2 p {
	padding: 10px 0 5px 60px;
}

#concert_bus_guide .section2 a {
	color: #4caf50;
	text-decoration: none;
	font-weight: bold;
}

#concert_bus_guide .section2 a:hover {
	text-decoration: underline;
}



#concert_bus_guide .traffic_explan_item2 {
	width: 600px;
	margin: 30px auto 10px auto;
}


#concert_bus_guide .traffic_explan_item2 .section3 h2 {
	font-size: 1.8em;
	font-weight: bold;
	color: #2a6496;
	text-align: center;
	margin: 20px 0;
	padding: 10px;
	border: 2px solid #2a6496;
	border-radius: 8px;
	background-color: #f7f9fc;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	transition: transform 0.2s, box-shadow 0.2s;
}

/* ホバー時のエフェクト */
#concert_bus_guide .traffic_explan_item2 .section3 h2:hover {
	transform: scale(1.05);
	box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}


#concert_bus_guide .traffic_explan_area {
	width: 772px;
	margin: 20px auto;
}


#concert_bus_guide .pdf_links_container {
    border: 3px solid #4dd0e1; /* 水色の枠線 */
    border-radius: 10px; /* 角を丸める */
    background-color: #f0f8ff; /* 薄い水色の背景 */
    padding: 10px; /* 内側の余白 */
    margin: 20px 0; /* 上下の余白 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 軽い影を追加 */
}




#concert_bus_guide .pdf_links_title {
    font-size: 1.5em; /* タイトルのフォントサイズ */
    font-weight: bold; /* 太字 */
    color: #4a4a8d; /* 落ち着いたブルー系の色 */
    text-align: center; /* 中央寄せ */
    margin: 20px 0 15px; /* 上下の余白 */
    padding: 10px; /* 内側の余白 */
    background-color: #f0f8ff; /* 薄い水色の背景 */
    border: 2px solid #4dd0e1; /* 水色の枠線 */
    border-radius: 8px; /* 角丸 */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 軽い影 */
    letter-spacing: 0.05em; /* 文字の間隔 */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); /* 文字の影 */
    width: fit-content; /* タイトル幅を文字列に合わせる */
    margin-left: auto;
    margin-right: auto; /* 自動的に中央寄せ */
}

#concert_bus_guide .pdf_links {
	width: 500px;
    list-style-type: none;
    padding: 0;
    margin: 0 auto;
}

#concert_bus_guide .pdf_links li {
    margin: 5px 0;
}

#concert_bus_guide .pdf_links a {
    text-decoration: none;
	font-size: 1.3em;
    color: #007bff;
    font-weight: bold;
    transition: color 0.3s ease;
}

#concert_bus_guide .pdf_links a:hover {
    color: #0056b3;
    text-decoration: underline;
}







#concert_bus_guide .traffic_explan {
	width: 600px;
	text-align: center;
	font-size: 1.4em;
	margin: 30px auto 10px auto;
}

#concert_bus_guide .traffic_explan_area ol li {
	line-height: 1.5em;
	padding: 10px;
}


#concert_bus_guide .traffic_explan p {
	font-size: 1.2em;
}


/*-----------------------------------------------------------------
		ここから乗降場所
------------------------------------------------------------------*/
#sagafesta_busplatform #main {
	clear: both;
	width: 1024px;
	overflow: hidden;
}

#sagafesta_busplatform #in_main {
	width: 1024px;
	overflow: hidden;
}


#sagafesta_busplatform #main .performance_infotitle {
	width: 1024px;
	height: 70px;
	margin: 30px auto 20px auto;
}

#sagafesta_busplatform #main .performance_infotitle .titlearea {
	width: 500px;
	margin: 10px auto 0 auto;
}

#sagafesta_busplatform #main .performance_infotitle .titlearea h1 {
	position: relative;
	background: #dfefff;
	box-shadow: 0px 0px 0px 5px #dfefff;
	border: dashed 2px white;
	padding: 0.2em 0.5em;
	color: #454545;
	text-align: center;
	letter-spacing: 0.1em;
}

#sagafesta_busplatform #main .performance_infotitle .titlearea h1:after {
	position: absolute;
	content: '';
	left: -7px;
	top: -7px;
	border-width: 0 0 15px 15px;
	border-style: solid;
	border-color: #fff #fff #a8d4ff;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}





#sagafesta_busplatform #main .bus_map {
	width: 1024px;
}

#sagafesta_busplatform #main .bus_map img {
	width: 1000px;
	margin: 10px auto;
}







/*-----------------------------------------------------------------
		ここまで乗降場所
------------------------------------------------------------------*/



/*---------------------ここから貸切バスの時刻表----------------------*/
#concert_bus_guide #main #access_sction {
	width: 900px;
	margin: 20px auto;
}

#concert_bus_guide #main .access_area {
	margin: 30px 0;
}


#concert_bus_guide #main #access_sction table {
	width: 900px;
	border-collapse: collapse;
	border: solid 1px black;
}

#concert_bus_guide #main #access_sction table caption {
	font-size: 1.4em;
	font-weight: bold;
}


#concert_bus_guide #main #access_sction table .ajustright {
	border-right: none;
}

#concert_bus_guide #main #access_sction table .ajustleft {
	border-left: none;
}





/*---------------------タクシー会社案内----------------------*/


#performance_guide .traffic_info_section2 {
	width: 568px;
	margin: 20px auto 20px auto;
	display: flex;
	align-items: center;
	padding: 15px;
	border: 2px solid #4dd0e1; /* Light blue border */
	border-radius: 8px;
	background-color: #e0f7fa; /* Light background for nav look */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	transition: background-color 0.3s ease;
	overflow: hidden;
}

#performance_guide .traffic_info_section2 .section1 h2 {
	margin: 0;
	font-size: 1.5em;
	color: #333;
	padding-left: 40px;
	line-height: 2em;
}



/*-------------------------------------------------------
	ここまで交通情報の設定
-------------------------------------------------------*/


/*-------------------------------------------------------
	ここから駐車場の設定
-------------------------------------------------------*/
#concert_parking #main {
	width: 1024px;
}

#concert_parking #main #informationsection {
	width: 1024px;
}

#concert_parking #main #informationsection .in_informationsection {
	width: 1000px;
	margin: 5px 5px 0 0;
	padding-top: 20px;
	border: 5px solid #ccc;
	background: url(../images/cosmos.png);
	background-size: 125px;
	background-repeat: no-repeat;
	background-position: right top;
}

#concert_parking #main .parking_infotitle {
	width: 724px;
	height: 70px;
	margin: 0 auto 30px auto;
}

#concert_parking #main .parking_infotitle .titlearea {
	width: 500px;
	margin: 10px auto 0 auto;
}

#concert_parking #main .parking_infotitle .titlearea h1 {
	position: relative;
	background: #dfefff;
	box-shadow: 0px 0px 0px 5px #dfefff;
	border: dashed 2px white;
	padding: 0.2em 0.5em;
	color: #454545;
	text-align: center;
	letter-spacing: 0.1em;
}

#concert_parking #main .parking_infotitle .titlearea h1:after {
	position: absolute;
	content: '';
	left: -7px;
	top: -7px;
	border-width: 0 0 15px 15px;
	border-style: solid;
	border-color: #fff #fff #a8d4ff;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}



#concert_parking .parking_explan_item {
	width: 80%;
	max-width: 650px;
	margin: 20px auto;
	padding: 10px 0 5px 0;
	background: #ffffff;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

#concert_parking .section2 {
	margin-bottom: 5px;
}

#concert_parking .section2 h2 {
	font-size: 1.5em;
	color: #333;
	border-bottom: 2px solid #4caf50;
	padding-bottom: 5px;
	margin-bottom: 5px;
	text-align: center;
}

#concert_parking .section2 p {
	padding: 10px 0 5px 60px;
}

#concert_parking .section2 a {
	color: #4caf50;
	text-decoration: none;
	font-weight: bold;
}

#concert_parking .section2 a:hover {
	text-decoration: underline;
}

#concert_parking #main .notice {
	width: 700px;
	background-color: #fffbcc; /* 明るい背景色 */
	border: 2px solid #ffcc00; /* 目立つ枠線 */
	padding: 5px 20px;;
	margin: 20px auto;
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

#concert_parking #main .notice h2 {
	color: #d9534f; /* 鮮やかなタイトル色 */
	font-size: 1.6em;
	margin-bottom: 5px;
	text-align: center;
	line-height: 1.8em;
}

#concert_parking #main .notice .description {
	width: 700px;
	margin: 0 auto;
}

#concert_parking #main .notice .description p {
	color: #5a5a5a; /* 読みやすい文字色 */
	font-size: 1.1em;
	line-height: 1.3;
}

#concert_parking #main .notice a {
	color: #007bff; /* 目立つリンク色 */
	font-weight: bold;
	text-decoration: underline;
}

#concert_parking #main .notice a:hover {
	color: #0056b3; /* ホバー時に色変更 */
	text-decoration: none;
}

#concert_parking #main .notice .detailitem {
	text-align: center;
	font-size: 1.4em;
	margin: 5px auto;
}

#concert_parking #main .concert_parkingsection {
	width: 1000px;
}

#concert_parking #main .concert_parkingsection p img {
	width: 1000px;
}





/*-------------------------------------------------------
	ここまで駐車場の設定
-------------------------------------------------------*/


/*--------------------演奏者する際の留意点--------------------*/

#performance_tips #main #informationsection {
	width: 764px;
}

#performance_tips #main #informationsection .in_informationsection {
	width: 754px;
	margin: 5px auto 0 auto;
	padding-top: 20px;
	border: 5px solid #ccc;
	background: url(../images/cosmos.png);
	background-size: 125px;
	background-repeat: no-repeat;
	background-position: right top;
}

#performance_tips #main .performance_infotitle {
	width: 724px;
	height: 70px;
	margin: 0 auto 30px auto;
}

#performance_tips #main .performance_infotitle .titlearea {
	width: 500px;
	margin: 10px auto 0 auto;
}

#performance_tips #main .performance_infotitle .titlearea h1 {
	position: relative;
	background: #dfefff;
	box-shadow: 0px 0px 0px 5px #dfefff;
	border: dashed 2px white;
	padding: 0.2em 0.5em;
	color: #454545;
	text-align: center;
	letter-spacing: 0.1em;
}

#performance_tips #main .performance_infotitle .titlearea h1:after {
	position: absolute;
	content: '';
	left: -7px;
	top: -7px;
	border-width: 0 0 15px 15px;
	border-style: solid;
	border-color: #fff #fff #a8d4ff;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

.jump_navigation {
	width: 724px;
	height: 50px;
	text-align: center;
	margin: 20px auto;
	padding: 10px 0;
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.jump_navigation a {
	text-decoration: none;
	color: #0073e6;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 50px;
	margin: 0 15px;
	padding: 10px 5px;
	background-color: #ffffff;
	border: 2px solid #0073e6;
	border-radius: 5px;
	transition: background-color 0.3s, transform 0.2s, box-shadow 0.3s;
}

.jump_navigation a:hover {
	background-color: #0073e6;
	color: #ffffff;
	transform: translateY(-3px);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

.jump_navigation a:active {
	background-color: #005bb5;
	box-shadow: none;
}




#performance_tips #main #informationsection .each_songsection {
	width: 720px;
	min-height: 130px;
	margin: 20px auto 30px auto;
	overflow: hidden;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

#performance_tips #main .each_songsection .performance_introduction {
	width: 720px;
	margin: 10px auto;
}

#performance_tips #main .each_songsection .performance_introduction .introductionttitle {
	padding-top: 10px;
	text-align: center;
	line-height: 1.6em;
}

#performance_tips #main .each_songsection .performance_introduction .introductionexplan {
	width: 680px;
	margin: 5px auto;
}


#performance_tips #main .performance_number {
	margin: 20px 0 0 20px;
}

#performance_tips #main .performance_number .playedttitle {
	margin: 0 10px;
}

#performance_tips #main .performance_number .playedttitle h2 {
	position: relative;
	padding: 0.25em 0;
}

#performance_tips #main .performance_number .playedttitle h2:after {
	content: "";
	display: block;
	height: 4px;
	background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
	background: linear-gradient(to right, rgb(230, 90, 90), transparent);
}

#performance_tips #main #informationsection .explanarea {
	width: 640px;
	margin: 0 auto 15px auto;
	padding-left: 1em;
	padding-right: 1em;
}

#performance_tips #main #informationsection .explanarea ul {
	padding: 1em;
}

#performance_tips #main #informationsection .explanarea p.point {
	padding-top:1em;
}

#performance_tips #main #informationsection .explanarea .in_explanarea {
	margin: 10px 0 20px 0;
}

#performance_tips #main #informationsection .explanarea ol {
	margin: 10px 0 20px 0;
	padding-left: 1em;
}

#performance_tips #main #informationsection ol li span {
	color: red;
}


        /* 親要素を横並びに配置 */
#performance_tips #main #informationsection .container2 {
	display: flex;
	align-items: flex-start; /* 上揃え */
	gap: 20px; /* 間隔 */
}

        /* iframeのスタイル */
#performance_tips #main #informationsection .video-frame {
	width: 240px;
	float: right; /* テキストが回り込むように設定 */
	margin: 0 0 10px 10px; /* iframe周囲にマージンを設定 */
}




#performance_tips #main #informationsection .explanarea1 {
	width: 640px;
	margin: 0 auto 15px auto;
	padding-left: 1em;
	padding-right: 1em;
	text-indent: -1em;
	padding-left: 1em;
}

#performance_tips #main #informationsection .explanarea1 p.point {
	padding-top:1em;
}

#performance_tips #main #informationsection .explanarea1 .in_explanarea {
	margin: 10px 0 20px 0;
}

#performance_tips #main #informationsection .explanarea1 ol {
	margin: 10px 0 20px 0;
}


/*----------------TOPに戻る-----------------------*/
#performance_tips .ajustright {
	width: 135px;
	float: right;
	margin-right: 20px;
}

.back-to-top {
	display: inline-block;
	margin: 20px 0;
	padding: 10px 15px;
	text-decoration: none;
	color: #ffffff;
	font-size: 1em;
	font-weight: bold;
	background-color: #4caf50;
	border-radius: 5px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	transition: background-color 0.3s, transform 0.2s, box-shadow 0.3s;
	text-align: center;
}

.back-to-top:hover {
	background-color: #45a049;
	transform: translateY(-3px);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

.back-to-top:active {
	background-color: #388e3c;
	box-shadow: none;
}




/*-------------------------------------------------------
	ここまで演奏曲に関する情報の設定
-------------------------------------------------------*/

/*-------------------------------------------------------
	ここから出演登録の設定
-------------------------------------------------------*/
#performer #main {
	width: 1024px;
}

#performer #main #in_main .titlearea {
	width: 1024px;
	margin: 20px auto;
}

#performer #main #in_main .performer {
	width: 1024px;
	margin: 0 auto;
}

#performer #main #in_main .performer_explan {
	width: 600px;
	margin: 20px auto;
	text-align: center;
}

#performer #main #in_main .performer_explan p {
	font-size: 1.2em;
}

#performer #main h1 {
	padding: 20px 0;
	text-align: center;
}



/* 画像のコンテナ */
#performer #main.img-container {
	position: relative;
	width: 1000px; /* 表示する画像の幅を調整 */
}

#performer #main #image {
	width: 100%;
	height: auto;
}

/* 虫眼鏡のスタイル */
#performer #main #magnifier {
	position: absolute;
	border: 3px solid #000;
	border-radius: 50%;
	cursor: none;
	/* 虫眼鏡のサイズを調整 */
	width: 100px;
	height: 100px;
	overflow: hidden;
	display: none; /* 初期状態では非表示 */
}


/*-------------------------------------------------------
	ここまで出演登録の設定
-------------------------------------------------------*/


/*-------------------------------------------------------
	ここから合同演奏曲音源の設定
-------------------------------------------------------*/
#listen_sound_source #main .itemtitle_a {
	width: 600px;
	height: 60px;
	margin: 10px auto 0 auto;
	background-image: url(../images/construction.jpg);
	background-repeat: no-repeat;
}

#listen_sound_source #main .itemtitle_a h1 {
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	line-height: 60px;
	color: red;
	padding-top: 2px;
}

#listen_sound_source #main {
	width: 733px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	padding: 20px;
}

#listen_sound_source #main .sagafes_concertarea {
	flex: 1 1 calc(33.333% - 20px); /* 横3列に配置 */
	box-sizing: border-box;
	border: 1px solid #ccc;
	padding: 15px;
	border-radius: 8px;
	background-color: #f9f9f9;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

#listen_sound_source #main .sagafes_concertarea h2 {
	line-height: 2.4em;
	padding-left: 1em;
	font-size: 1.5em;
	color: #333;
	margin-bottom: 10px;
}

#listen_sound_source #main .sagafes_concertarea p, .sagafes_concertarea h3 {
	margin: 8px 0;
	font-size: 1em;
}

#listen_sound_source #main .sagafes_concertarea a {
	color: #0066cc;
	text-decoration: none;
}

#listen_sound_source #main .sagafes_concertarea a:hover {
	text-decoration: underline;
}

#listen_sound_source #main .pointright {
	text-align: right;
	padding-right: 20px;
}


/*-------------------------------------------------------
	ここまで合同演奏曲音源の設定
-------------------------------------------------------*/




/*-------------------------------------------------------
	ここからオプショナルツアーの設定
-------------------------------------------------------*/
#optional_bus_tour #main {
	width: 1024px;
}


#optional_bus_tour #main .titlearea {
	margin: 15px auto 10px auto;
}

#optional_bus_tour #main .titlearea h1 {
	text-align: center;
	color: red;
}

#optional_bus_tour #main .titlearea p {
	font-size: 1.6em;
	padding-left: 650px;
}


#optional_bus_tour #main .kashimaimages {
	width: 900px;
	display: flex;
	justify-content: space-between;
	margin: 5px auto;
}

#optional_bus_tour #main .kashimaimages img {
	width: 32%;
	height: auto;
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

#optional_bus_tour #main .kashimaimages p {
	width: 32%;
	height: auto;
	border-radius: 8px;
	text-align: center;
}


#optional_bus_tour #main .tour_schedule {
	max-width: 900px;
	margin: 20px auto;
	padding: 20px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

#optional_bus_tour #main .tour_schedule img {
	width: 894px;
	text-align: center;
	border: double 5px #2a9d8f;
}

#optional_bus_tour #main h2 {
	text-align: center;
	color: #942b89;
	margin-bottom: 15px;
}

#optional_bus_tour #main .schedule_item {
	margin-bottom: 20px;
}


#optional_bus_tour #main .kashimaimages_small {
	width: 900px;
	display: flex;
	justify-content: space-between;
	margin: 30px auto 0 auto;
}

#optional_bus_tour #main .kashimaimages_small2 {
	width: 900px;
	display: flex;
	justify-content: space-between;
	margin: 5px auto 0 auto;
}

#optional_bus_tour #main .kashimaimages_small img {
	width: 175px;
	height: auto;
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

#optional_bus_tour #main .kashimaimages_small2 p {
	width: 175px;
	height: auto;
	border-radius: 8px;
	text-align: center;
}

#optional_bus_tour #main .tour_info {
	width: 620px;
	margin: 20px auto;
}

#optional_bus_tour #main .contact_info {
	margin-top: 20px;
	font-size: 1.4em;
	text-align: center;
}


#optional_bus_tour #main .provision {
	width: 620px;
	margin: 30px auto 20px auto;
}

/*-------------------------------------------------------
	ここまでオプショナルツアーの設定
-------------------------------------------------------*/

/*-------------------------------------------------------
	ここからタクシー情報の設定
-------------------------------------------------------*/

/*------------ここから佐賀市内のタクシー会社案内設定----------*/

#saga_taxi #main #taxi_information {
	font-family: Arial, sans-serif;
	margin: 20px;
}

#saga_taxi #main #taxi_information h1 {
	text-align: center;
	color: #333;
}

#saga_taxi #main #taxi_information table {
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0;
}

#saga_taxi #main #taxi_information table, th, td {
	border: 1px solid #ccc;
}

#saga_taxi #main #taxi_information th, td {
	padding: 10px;
	text-align: left;
}

#saga_taxi #main #taxi_information th {
	background-color: #f4f4f4;
	text-align: center;
}

#saga_taxi #main #taxi_information tr.point {
	background-color: #f9f9f9;
}

/*------------ここまで佐賀市内のタクシー会社案内設定----------*/

/*------------ここから鳥栖市内のタクシー会社案内設定----------*/
#tosu_taxi #main #taxi_information {
	font-family: Arial, sans-serif;
	margin: 20px;
}

#tosu_taxi #main #taxi_information h1 {
	text-align: center;
	color: #333;
}

#tosu_taxi #main #taxi_information table {
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0;
}

#tosu_taxi #main #taxi_information table, th, td {
	border: 1px solid #ccc;
}

#tosu_taxi #main #taxi_information th, td {
	padding: 10px;
	text-align: left;
}

#tosu_taxi #main #taxi_information th {
	background-color: #f4f4f4;
	text-align: center;
}

#tosu_taxi #main #taxi_information tr.point {
	background-color: #f9f9f9;
}

/*------------ここまで鳥栖市内のタクシー会社案内設定----------*/

/*-------------------------------------------------------
	ここまでタクシー情報の設定
-------------------------------------------------------*/


/*--------------------------------------------------------
	ここから工事中の案内
----------------------------------------------------------*/

#in_main .itemtitle_a {
	width: 600px;
	height: 60px;
	margin: 10px 0 0 50px;
	background-image: url(../images/construction.jpg);
	background-repeat: no-repeat;
}

.itemtitle_a p {
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	line-height: 60px;
	color: red;
	padding-top: 2px;
}

.section_a {
	width: 760px;
	height: 300px;
}

.section_a .explanation_a {
	float:left;
	width: 430px;
	padding-top: 100px;
	padding-left: 50px;
	padding-right: 20px;
}

.section_a .explanation_a p {
	font-size: 1.1em;
	letter-spacing: 0.1em;
	font-weight: bold;
	line-height: 2em;
}

.section_a .explanation_b {
	float:left;
}

.section_a .explanation_b img {
	padding-top: 37px;
}


/*--------------------------------------------------------
	ここまで工事中の案内
----------------------------------------------------------*/







/*h2タグ
---------------------------------------------------------------------------*/
/*h2タグ全体*/
#contents h2 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 1em;		/*h2の外側にとるスペース。上、左右、下への順番。*/
	font-size: 1.3em;		/*文字サイズ*/
	position: relative;		/*ulineを配置する為に必要な指定*/
	font-weight: normal;	/*デフォルトの太字を標準に*/
	border-bottom: 2px solid #ddd;	/*薄い色の線の幅、線種、色*/
}

/*アクセントラインの設定*/
#contents h2 .uline {
	display: inline-block;position: relative;
	padding: 10px 1em;	/*h2内の余白。上下、左右への順番。*/
	bottom: -2px;		/*濃い線を薄い線に重ねる為の指定。枠線の幅と合わせます。*/
	border-bottom: 2px solid #ee6813;	/*濃い色の線の幅、線種、色*/
}

/*右側の装飾文字の設定*/
#contents h2 .small {
	font-size: 0.6em;
	opacity: 0.7;
	margin-right: 1em;
}


/*h3タグ
---------------------------------------------------------------------------*/
#contents h3 {
	margin: 0 0 1em;	/*h3の外側にとるスペース。上、左右、下への順番。*/
	font-size: 1.2em;	/*文字サイズ*/
	padding: 10px 1em;	/*h3内の余白。上下、左右への順番。*/
	border-bottom: 2px solid #ddd;	/*薄い色の線の幅、線種、色*/
	font-weight: normal;	/*デフォルトの太字を標準に*/
}

















/*--	ここからフッターナビゲーションの設定  --*/

#footer_bg {
	clear: both;
	width: 1024px;
	height: 110px;
	background: #c5edc5;
}

#footer_navi {
	clear: both;
	width: 640px;
	height: 83px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
}

#footer_navi ul li.navigation {
	list-style-type: none;
	line-height: 1.6em;
}

#footer_navi ul li a {
	font-size: 0.9em;
	letter-spacing: 0.1em;
	text-decoration: none;
	color: #111;
}

#footer_navi .section_1 {
	float: left;
	width: 160px;
}

#footer_navi .section_2 {
	float: left;
	width: 160px;
}

#footer_navi .section_3 {
	float: left;
	width: 160px;
}

#footer_navi .section_4 {
	float: left;
	width: 160px;
}


/*--  ここからアドレズバーの設定  --*/
address#footer {
	clear: both;
	width: 1024px;
	height: 5px;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.8em;
	font-style: normal;
	text-align: center;
	line-height: 15px;
	padding-top: 3px;
	border-top: 1px solid #aaa;
}


/*----------------------------------------
	ここからエラーの設定
----------------------------------------*/
#errorpage_section {
	width: 1026px;
}

#errorpage_section #in_errorpage_section {
	width: 600px;
	margin: 50px auto;
}

#errorpage_section #in_errorpage_section dl dt.error_item {
	height: 30px;
	background: #efefef;
	padding-left: 20px;
	font-size: 1em;
	letter-spacing: 0.2em;
	line-height: 30px;
}

#errorpage_section #in_errorpage_section dl dd.error_explan {
	margin: 5px 0;
	padding-left: 40px;
	font-size: 1em;
	letter-spacing: 0.1em;
	line-height: 1.3em;
}
/*----------------------------------------
	ここまでエラーの設定
----------------------------------------*/


/*----------------------------------------
	ここから長い文章を短くする設定
----------------------------------------*/
.hidensection .infobox_a p.boxdisplaylink a {
	font-size: 0.98em;
	letter-spacing: 0.05em;
	padding-left: 10px;
	text-decoration: none;
}

.hidensection .infobox_b {
	margin: 0px;
	padding: 0px;
	display: none;   /*--  抜粋枠以外の文字を隠す  --*/
}

.hidensection .infobox_b .infotext p {
	font-size: 0.98em;
	letter-spacing: 0.05em;
	line-height: 1.5em;
}

.hidensection .infobox_b .boxreturn {
	margin: 0 15px 0 10px;
}

.hidensection .infobox_b .boxreturn p a {
	font-size: 0.98em;
	letter-spacing: 0.05em;
	padding-left: 10px;
	text-decoration: none;
}


/*----------------------------------------
	ここまで長い文章を短くする設定
----------------------------------------*/

/*----------------------------------------
	前のページに戻る設定
----------------------------------------*/

#back_link {
	position: fixed;
	bottom: 10px; /* ウィンドウ下からの距離を指定 */
	right: 5%; /* 横方向の中央寄せ */
	transform: translateX(-50%); /* 中央揃えの調整 */
	z-index: 1000; /* 他の要素の上に表示 */
}


#back_link a {
	display: inline-block;
	padding: 10px 15px;
	background-color: #3498db;  /* 好きな背景色 */
	color: white;               /* 文字色 */
	text-decoration: none;
	border-radius: 8px;         /* 角丸 */
	font-size: 14px;
}

#back_link a:hover {
	background-color: #2980b9;  /* ホバー時の背景色 */
}













#picture #main {
	width: 1024px;
	margin:0;
	padding:0;
	background-image: linear-gradient(to bottom,#f0fff0,#ffffff);
}

#picture #in_main {
	width: 980px;
	margin:0;
	padding:0;
}

/* Main container styling */
#picture #in_main {
     display: grid;
     grid-template-columns: repeat(5, 1fr); /* 5 columns */
     gap: 10px; /* Space between images */
     padding: 20px;
}
#picture #in_main a {
     display: block;
}
#picture #in_main img {
     width: 100%; /* Make images responsive */
     height: auto; /* Maintain aspect ratio */
     border: 2px solid #ddd;
     border-radius: 4px;
     transition: transform 0.3s ease;
}
#picture #in_main img:hover {
     transform: scale(1.1); /* Zoom effect on hover */
     border-color: #333;
}