@charset "utf-8";
/*歌声喫茶「青春譜♪」スタイルシート(最終更新日2011年4月10日)*/

/*－－－－－－－－－－共通設定ここから－－－－－－－－－－－－－*/
.page_title {
	margin-left: 50px;
	margin-bottom: 5px;
	margin-top: 10px;
	text-align: left;
}

.page_subtitle {
	margin-left: 100px;
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: left;
}

/*－－－－－－－－－－共通設定ここまで－－－－－－－－－－－－－*/

/*－－－－－－－－－－トップページ用ここから－－－－－－－－－－－*/

/*－－－タイトル－－－*/
#top_title {
	WIDTH: 760px;
	margin-top: 15px;
	margin-bottom: 15px;
}

/*－－－カバー写真－－－*/
#index_cover {
	WIDTH: 760px;
	margin-top: 15px;
	background-image: url(../img/top/top_cover.jpg);
	height: 320px;
	margin-left: auto;
	margin-right: auto;
}


/*－－－メイン画面の内枠iPhone－－－－*/
#index-main_iphone {
	WIDTH: 470px;
	height: 150px;
	text-align: right;
	margin-top: 10px;
}

/*－－－メイン画面の内枠iPhone画像－－－－*/
#index-main_iphone-img {
	WIDTH: 120px;
	margin: 0px;
	float: left;
	text-align: center;
	margin-left: 20px;
	padding-top: 10px;
}

/*－－－メイン画面の内枠iPhone文章上段－－－－*/
#index-main_iphone-txt1 {
	WIDTH: 310px;
	height: 45px;
	text-align: left;
	float: right;
	line-height: 20px;
	margin-top: 15px;
}

/*－－－メイン画面の内枠iPhone文章中段－－－－*/
#index-main_iphone-txt2 {
	WIDTH: 310px;
	height: 45px;
	text-align: left;
	float: right;
	line-height: 20px;
	padding-left: 10px;
	margin-top: 10px;
}

/*－－－メイン画面の内枠iPhone文章下段－－－－*/
#index-main_iphone-txt3 {
	WIDTH: 310px;
	height: 45px;
	text-align: left;
	float: right;
	line-height: 20px;
	padding-left: 10px;
}

/*－－－サブコンテンツ用－－－*/
#extra {
	WIDTH: 800px;
	height: 40px;
	margin: 0px auto;
}

/*－－－リンク用用－－－*/
#autolink {
	height: 20px;
	text-align: center;
	margin-top: 15px;
}

/*－－－リンクモスト用－－－*/
#linkmost {
	WIDTH: 100px;
	height: 20px;
	float: left;
	margin-left: 270px;
}

/*－－－簡単相互リンク用－－－*/
#quicklink {
	WIDTH: 140px;
	height: 20px;
	float: right;
	margin-right: 260px;
}

/*－－－－－－－－－－トップページ用ここまで－－－－－－－－－－－*/

/*－－－－－－－－－－お問合せここから－－－－－－－－－－－－－*/
/*－－－問合せフォーム－－－*/
.form {
margin: 20px auto;
width: 620px;
text-align: left;
}

.form table {
margin: 20px auto;
border: 1px solid #333333;
width: 618px;
}

.form table .abs {
margin-left: 3px;
color: #f00;
}

.form table th {
width: 25%;
}

.form table td {
border-bottom: 1px dashed #333333;
width: 75%;
}

.form table th,
.form table td {
padding: 5px;
vertical-align: top;
text-align: left;
font-weight: normal;
}

.form table td.submit {
border: 0;
text-align: center;
}
/*－－－－－－－－－－お問合せここまで－－－－－－－－－－－－－*/


/*－－－－－－－－－－開催にあたり－－－－－－－－－－－*/
.about-main_sentence {
	WIDTH: 660px;
	margin: 0px;
	text-align: left;
	font-size: 16px;
	padding-top: 5px;
	margin-top: 5px;
	margin-left: 50px;
}

.about-main_image {
	WIDTH: 680px;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	margin-left: 15px;
}

.about-main_image01 {
	float: left;
	margin-bottom: 10px;
	margin-left: 20px;
}

.about-main_image02 {
	float: left;
	margin-left: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.about-main_image03 {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.about-main_image04 {
	WIDTH: 300px;
	margin: 0px;
	float: right;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.about-main_devide {
	height: 20px;
	width: 600px;
	margin: 0;
	text-align: left;
	font-size: 16px;
	padding-left: 5px;
	line-height: 16px;
	font-weight: bold;
}

/*－－－－－－－－－－開催にあたりここまで－－－－－－－－－－－*/


/*－－－－－－－－－－開催日・場所ここから－－－－－－－－－－－*/
.access-main_left {
	WIDTH: 180px;
	float: left;
	margin-left: 5px;
}

.access-main_left-title {
	WIDTH: 160px;
	margin-bottom: 10px;
	text-align: center;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
	background-image: url(../img/access_map/shop_info.jpg);
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #666666;
	border-bottom-color: #666666;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #666666;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #666666;
	border-right-style: solid;
	border-right-width: 1px;
}


.access-main_center {
	WIDTH: 400px;
	float: left;
	margin-left: 5px;
}

.access-main_info-sakaisuji {
	WIDTH: 400px;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 15px;
	text-align: left;
}

.access-main_info-kitahama {
	WIDTH: 400px;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 15px;
	text-align: left;
}

.access-main_goto {
	WIDTH: 400px;
	margin-top: 10px;
	margin-bottom: 5px;
}

.access-shop_info-outer {
	width: 380px;
	border-top-style: solid;
	border-top-width: 5px;
	border-top-color: #666666;
	border-bottom-color: #666666;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-left-color: #666666;
	border-left-style: solid;
	border-left-width: 2px;
	border-right-color: #666666;
	border-right-style: solid;
	border-right-width: 2px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-top: 30px;
	background-image: url(../img/access_map/shop_info.jpg);
}

.access-shop_info {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	width: 380px;
	text-align: left;
	font-size: 14px;
	padding-left: 5px;
	line-height: 30px;
}

.access-main_right {
	WIDTH: 180px;
	float: right;
	margin-right: 10px;
}

.access-main_right-title {
	WIDTH: 160px;
	margin-bottom: 10px;
	text-align: center;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #666666;
	border-bottom-color: #666666;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #666666;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #666666;
	border-right-style: solid;
	border-right-width: 1px;
	background-image: url(../img/access_map/shop_info.jpg);
}

.access-main_devide {
	WIDTH: 300px;
	clear: both;
	border-top-width: 1px;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	margin-bottom: 10px;
}

.access-main_devide-s {
	WIDTH: 180px;
	clear: both;
	border-top-width: 1px;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	margin-bottom: 10px;
}


.access-main_img {
	WIDTH: 400px;
}

.access-main_img01 {
	WIDTH: 180px;
	HEIGHT: 135px;
	margin-bottom: 5px;
}

.access-main_txt01 {
	WIDTH: 180px;
	HEIGHT: 40px;
	margin-bottom: 10px;
	text-align: left;
}


.access-main_img02 {
	WIDTH: 180px;
	HEIGHT: 135px;
	margin-bottom: 5px;
}

.access-main_txt02 {
	WIDTH: 180px;
	HEIGHT: 135px;
	margin-bottom: 10px;
	text-align: left;
}

.access-main_img03 {
	WIDTH: 180px;
	HEIGHT: 135px;
	margin-bottom: 5px;
}

.access-main_txt03 {
	WIDTH: 180px;
	HEIGHT: 63px;
	margin-bottom: 10px;
	text-align: left;
}

.access-main_img04 {
	WIDTH: 180px;
	HEIGHT: 135px;
	margin-bottom: 5px;
}

.access-main_txt04 {
	WIDTH: 180px;
	HEIGHT: 135px;
	margin-bottom: 10px;
	text-align: left;
}

.access-main_img05 {
	WIDTH: 180px;
	HEIGHT: 135px;
	margin-bottom: 5px;
}

.access-main_txt05 {
	WIDTH: 180px;
	HEIGHT: 135px;
	margin-bottom: 10px;
	text-align: left;
}

.access-main_img06 {
	WIDTH: 180px;
	HEIGHT: 135px;
	margin-bottom: 5px;
}

.access-main_txt06 {
	WIDTH: 180px;
	HEIGHT: 50px;
	margin-bottom: 10px;
	text-align: left;
}

.access-main_img07 {
	WIDTH: 180px;
	HEIGHT: 135px;
	margin-bottom: 5px;
}

.access-main_txt07 {
	WIDTH: 180px;
	HEIGHT: 135px;
	margin-bottom: 10px;
	text-align: left;
}

.access-main_img08 {
	WIDTH: 180px;
	HEIGHT: 135px;
	margin-bottom: 5px;
}

.access-main_txt08 {
	WIDTH: 180px;
	HEIGHT: 38px;
	margin-bottom: 10px;
	text-align: left;
}

.access-main_img09 {
	WIDTH: 180px;
	HEIGHT: 135px;
	margin-bottom: 5px;
}

.access-main_txt09 {
	WIDTH: 180px;
	HEIGHT: 135px;
	margin-bottom: 10px;
	text-align: left;
}

.access-main_img10 {
	WIDTH: 180px;
	HEIGHT: 135px;
	margin-bottom: 5px;
}

.access-main_txt10 {
	WIDTH: 180px;
	HEIGHT: 135px;
	margin-bottom: 10px;
	text-align: left;
}

.access-main_img11 {
	WIDTH: 180px;
	HEIGHT: 135px;
	margin-bottom: 5px;
}

.access-main_txt11 {
	WIDTH: 180px;
	HEIGHT: 135px;
	margin-bottom: 10px;
	text-align: left;
}

.access-main_img12 {
	WIDTH: 180px;
	HEIGHT: 135px;
	margin-bottom: 5px;
}

.access-main_txt12 {
	WIDTH: 180px;
	HEIGHT: 55px;
	margin-bottom: 10px;
	text-align: left;
}

.access-main_img13 {
	WIDTH: 180px;
	HEIGHT: 135px;
	margin-bottom: 5px;
}

.access-main_txt13 {
	WIDTH: 180px;
	HEIGHT: 135px;
	margin-bottom: 10px;
	text-align: left;
}

.access-main_img14 {
	WIDTH: 180px;
	HEIGHT: 135px;
	margin-bottom: 5px;
}

.access-main_txt14 {
	WIDTH: 180px;
	HEIGHT: 40px;
	margin-bottom: 10px;
	text-align: left;
}

.access-main_img15 {
	WIDTH: 180px;
	HEIGHT: 135px;
	margin-bottom: 5px;
}

.access-main_txt15 {
	WIDTH: 180px;
	HEIGHT: 63px;
	margin-bottom: 10px;
	text-align: left;
}

.access-main_img16 {
	WIDTH: 180px;
	HEIGHT: 135px;
	margin-bottom: 5px;
}

.access-main_txt16 {
	WIDTH: 180px;
	HEIGHT: 90px;
	margin-bottom: 10px;
	text-align: left;
}

/*－－－－－－－－－－開催日・場所ここまで－－－－－－－－－－－*/


/*－－－－－－－－－演奏の様子ここから－－－－－－－－－－－－－*/

/*－－－演奏の様子メニュー－－－－*/
.live-menu_top {
	height: 20px;
	font-size: 16px;
	margin-left: 1px;
}

.live-menu_bottom {
	height: 20px;
	font-size: 16px;
	margin-left: 1px;
}

.live-menu_divide {
	height: 1px;
	width: 650px;
	font-size: 16px;
	text-align: center;
	border-top-width: 1px;
	border-top-color: #4D0000;
	border-top-style: solid;
	clear: both;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}

/*－－－演奏の様子の案内文－－－－*/
.live-main_sentence {
	margin-top: 20px;
	font-size: 16px;
	text-align: right;
	margin-right: 20px;
	margin-bottom: 10px;
}


/*－－－演奏の様子のリスト(左)－－－－*/
.live-main_list {
	float: left;
	width: 300px;
	margin-top: 20px;
	font-size: 16px;
	text-align: left;
	margin-bottom: 100px;
	margin-left: 50px;
}

/*－－－演奏の様子のリストのピックアップ写真(右)－－－－*/
.live-main_list-photo {
	width: 300px;
	float: left;
	margin-top: 50px;
	margin-left: 20px;
	margin-bottom: 25px;
	}

/*－－－comin soon－－－－*/
.live-main_coming {
	margin-top: 40px;
	margin-right: 20px;
	margin-bottom: 400px;
}


/*－－－２ページ目－－－－*/
/*－－－演奏の様子外枠－－－－*/
.live-menu_outer {
	width: 780px;
}

/*－－－演奏の様子日付－－－－*/
.live-menu_date {
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
}

/*－－－演奏の様子内容－－－－*/
.live-menu_impression {
	font-size: 16px;
	text-align: left;
	vertical-align: middle;
	padding-top: 10px;
	padding-left: 50px;
	padding-bottom: 10px;
	line-height: 24px;
}

.live-menu_contents {
	height: 18px;
	font-size: 12px;
	text-align: center;
}

/*－－－演奏の様子エリア(奇数枚)－－－－*/
.live-menu_area01 {
	margin-top: 3px;
	margin-bottom: 15px;
	float: left;
	margin-left: 95px;
}

/*－－－演奏の様子(奇数枚)－－－－*/
.live-menu_pic01 {
	width: 300px;
	height: 225px;
}

/*－－－演奏の様子(奇数枚)－－－－*/
.live-menu_pic02 {
	width: 225px;
	height: 300px;
}


/*－－－演奏の様子コメント(奇数枚)－－－－*/
.live-menu_comment01 {
	font-size: 14px;
	text-align: center;
	margin-top: 5px;
}


/*－－－演奏の様子エリア(偶数枚)－－－－*/
.live-menu_area02 {
	margin-top: 3px;
	margin-bottom: 5px;
	float: left;
	margin-left: 20px;
}

/*－－－演奏の様子(偶数枚)－－－－*/
.live-menu_pic02 {
	width: 225px;
	height: 300px;
}

/*－－－演奏の様子コメント(偶数枚)－－－－*/
.live-menu_comment02 {
	font-size: 14px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 15px;
}

/*－－－演奏の様子コメント(中央に一つ、特殊)－－－－*/
.live-menu_comment03 {
	font-size: 14px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 15px;
	clear: both;
}

/*－－－演奏の様子内容－－－－*/
.live-menu_impression2 {
	clear: both;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 10px;
	line-height: 24px;
}

/*－－－演奏の様子内容－－－－*/
div.live-list {
	text-align: center;
	clear: both;
	font-size: 16px;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 10px;
	line-height: 24px;
}

/*－－－演奏の様子内容－－－－*/
table.song-list {
	margin-left:100px;
}


/*－－－－－－－－－演奏の様子ここまで－－－－－－－－－－－－－*/


/*－－－－－－－－－－ソングリストここから－－－－－－－－－－－－*/
/*－－全体説明－－*/
.songlist-info {
	WIDTH: 500px;
	margin-bottom: 20px;
	text-align: left;
	margin-top: 20px;
	line-height: 20px;
	margin: 0px auto;
	clear: both;
}

/*－－テーブル－－*/
table.songlist {
	WIDTH: 780px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}

/*－－番号タイトル－－*/
table.songlist th.no_title {
	WIDTH: 10px;
	font-weight: bold;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
}

/*－－曲名タイトル－－*/
table.songlist th.song_title {
	WIDTH: 150px;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
}

/*－－アーティストタイトル－－*/
table.songlist th.artist_title {
	WIDTH: 150px;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
}

/*－－発表年タイトル－－*/
table.songlist th.year_title {
	WIDTH: 80px;
	font-size: 90%;
	font-weight: bold;
}

/*－－番号個別－－*/
table.songlist td.no_title{
	WIDTH: 10px;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
}

/*－－曲名個別－－*/
table.songlist td.song_title {
	WIDTH: 150px;
	font-size: 90%;
}

/*－－アーティスト個別－－*/
table.songlist td.artist_title {
	WIDTH: 150px;
	font-size: 90%;
}

/*－－発表年個別－－*/
table.songlist td.year_title {
	WIDTH: 80px;
	font-size: 90%;
	text-align: center;
}

/*－－－－－－－－－－ソングリストここまで－－－－－－－－－－－－*/


/*－－－－－－－－－相互リンクお勧めリンク設定ここから－－－－－－－－－*/
/*－－－お勧めサイトボックス－－－*/
#mypage-box {
width:540;
font: 14px/100% 'ＭＳ Ｐゴシック','ＭＳ Ｐ明朝';
border-right-style: solid;
border-right-color: #333333;
border-right-width: 1px;
border-left-style: solid;
border-left-color: #333333;
border-left-width: 1px;
border-bottom-style: solid;
border-bottom-color: #333333;
border-bottom-width: 1px;
border-top-style: solid;
border-top-color: #333333;
border-top-width: 1px;
padding:5px
}

/*－－－ページタイトル－－－*/
#mypage-title {
width:500;
font: 14px/100% 'ＭＳ Ｐゴシック','ＭＳ Ｐ明朝';
}

/*－－－サイト名称－－－*/
.mypage-site_title {
width:500;
font: 14px/100% 'ＭＳ Ｐゴシック','ＭＳ Ｐ明朝';
text-align:left;
}

/*－－－サイト説明文－－－*/
.mypage-site_info {
width:500;
font: 14px/100% 'ＭＳ Ｐゴシック','ＭＳ Ｐ明朝';
text-align:left;
}

/*－－－区切り線－－－*/
.mypage-site_devide {
width:500;
line-height:1px;
border-bottom-style: solid;
border-bottom-color: #333333;
border-bottom-width: 1px;
}
/*－－－－－－－－－相互リンクお勧めリンク設定ここまで－－－－－－－－－*/

/*－－－－－－－－－－エラーページここから－－－－－－－－－－－－－*/
/*－－－－－－－－－－エラーページここまで－－－－－－－－－－－－－*/