﻿
/**　共通仕様　**/
body{
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	color: #705050;
	font-size: 10pt;
	-webkit-text-size-adjust: 100%;
	}

table{
	border-spacing: 0px;
	}

.font-red{
	font-size: 15pt;
	color: #e00000;
	}



/** タイトル部分 **/
img.title-top{
	margin-bottom: -22px;
	}


/** メニュー **/
#dropmenu{
	list-style-type: none;
	width: 900px;
	height: 60px;
	margin: 0px;
	padding: 0px;
	font-size: 10pt;
	}
#dropmenu li{
	position: relative;
	width: 225px;
	float: left;
	text-align: center;
	}
#dropmenu li a{
	display: block;
	padding: 15px 0px 15px 0px;
	margin-right: -1px;
	border-style: none solid none solid;
	border-width: 1px;
	border-color: #cccccc;
	color: #705050;
	text-decoration: none;
	}
#dropmenu li:hover > a{
	background-color: #dafaff;
	} 
#dropmenu li ul{
	list-style-type: none;
	position: absolute;
	padding: 0px;
	} 
#dropmenu li ul li{
	overflow: hidden;
	height: 0px;
	text-align: left;
	}
#dropmenu li ul li:hover a{
	background-color: #c0eaff;
	border-bottom: 1px solid #cccccc;
	} 
#dropmenu li:hover ul li{
	overflow: visible;
	height: 49px;
	background-color: #ffffff;
	border-bottom: 1px solid #cccccc;
	}


/** topエリア **/
.top-area{
	width: 860px;
	text-align: left;
	padding: 20px;
	background-color: #fffff0;
	}

img.title-logo{
	width: 250px;
	margin: 0px 10px 0px 60px;
	float: right;
	}

.go-top{
	width: 870px;
	text-indent: 800px;
	margin-top: 5px;
	background-color: #fafafa;
	}


/** コンサートシリーズ **/
.concert-title{
	width: 600px;
	font-size: 14pt;
	font-weight: bold;
	border-style: none none double none;
	border-weight: 1px;
	border-color: #705050;
	margin-bottom: 5px;
	}

img.concert-new{
	width: 80px;
	float: left;
	margin: 5px;
	}

img.new-point{
	margin: -5px;
	}

a.concert-link{
	font-weight: bold;
	margin-left: 10px;
	text-decoration: none;
	}

a.concert-link2{
	margin-left: 30px;
	text-decoration: none;
	}


/** リスト **/
hr.lists{
	border-width: 1.5px;
	border-color: #e0c0c0;
	margin: 0px;
	}

td.lists-title{
	width: 80px;
	padding: 10pt;
	color: #ffffff;
	background-color: #705050;
	}


/** リスト : Menbers **/
.menbers-title{
	font-size: 12pt;
	font-style: italic;
	}

td.menbers-area{
	width: 150px;
	padding: 5pt;
	border-style: none solid none none;
	border-width: 1px;
	border-color: #e0c0c0;
	font-size: 8pt;
	}

img.menbers-pic{
	width: 70px;
	float: left;
	}

table.backNumbers{
	table-layout: fixed;
	overflow: scroll;
	}


/** リスト : BackNumbers **/
td.backNumbers-area{
	width: 165px;
	padding: 8pt;
	border-style: none solid solid none;
	border-width: 1px;
	border-color: #e0c0c0;
	font-size: 8pt;
	}
img.backNumbers-pic{
	width: 70px;
	margin-right: 8px;
	float: left;
	}


/** 見出しバー（背景画像） **/
.title-bar{
	width: 860px;
	padding: 12px 20px 3px 20px;
	font-size: 14pt;
	text-align: left;
	background-image: url("img/title-bar.jpg");
	background-repeat: no-repeat;
	}



/** プロフィール **/
.profile-area{
	width: 880px;
	padding-left: 20px;
	font-size: 10pt;
	text-align: left;
	}

.profile-name1{
	display: block;
	width: 600px;
	text-align: left;
	margin-top: 5px;
	padding: 5px 15px 0px 10px;
	border-style: none none solid none;
	border-color: #c0c0c0;
	border-width: 1px;
	font-size: 12pt;
	}

.profile-name2{
	display: block;
	width: 600px;
	text-align: right;
	padding: 10px 15px 0px 0px;
	margin: -35px 0px 5px 0px;
	font-size: 12pt;
	}

.profile-txt{
	display: block;
	width: 600px;
	height: 200px;
	text-align: left;
	padding: 45px 15px 0px 10px;
	margin-top: -35px;
	border-style: none solid solid none;
	border-color: #c0c0c0;
	border-width: 1px;
	}

img.profile-pic{
	width: 150px;
	margin: -5px 10px 0px 10px;
	float: left;
	}



/** コンサート・セミナー **/
td.concert-pop{
	width: 840px;
	color: #0099c0;
	font-size: 11pt;
	padding: 5px 5px 5px 20px;
	background-color: #fff9f0;
	}

td.concert-txt{
	width: 420px;
	text-align: left;
	vertical-align: top;
	font-size: 10pt;
	padding: 5px 5px 5px 20px;
	background-color: #fff9f0;
	}

td.concert-img{
	padding: 10px 20px 3px 20px;
	background-color: #fff9f0;
	color: #e00000;
	font-size: 9pt;
	}

img.concert{
	width: 180px;
	}


/** 演奏曲リスト **/
.concert-list{
	width: 820px;
	}
	
td.song-list{
	font-size: 10pt;
	padding: 3pt;
	border-style: none none solid none;
	border-color: #c0c0c0;
	border-width: 1px;
	}

td.song-list-r{
	font-size: 8pt;
	padding: 3pt;
	text-align: right;
	border-style: none none solid none;
	border-color: #c0c0c0;
	border-width: 1px;
	}


/** 年表 **/
.year-area{
	width: 860px;
	font-size: 14pt;
	color: #705050;
	text-align: left;
	padding: 20px;
	}

td.year-title{
	font-size: 12pt;
	color: #ffffff;
	border-style: solid none none none;
	border-color: #c0c0c0;
	border-width: 1px;
	background-color: #705050;
	}

td.victorian-era{
	width: 240px;
	font-size: 10pt;
	color: #ffffff;
	border-style: solid none none none;
	border-color: #c0c0c0;
	border-width: 1px;
	background-color: #8080da;
	}

td.victorian-years{
	font-size: 9pt;
	color: #ffffff;
	border-style: solid solid none none;
	border-color: #c0c0c0;
	border-width: 1px;
	background-color: #8080da;
	}

img.years-v-img{
	width: 500px;
	text-align: right;
	}

td.conpose{
	width: 240px;
	font-size: 10pt;
	border-style: solid none none none;
	border-color: #c0c0c0;
	border-width: 1px;
	background-color: #c0f0ff;
	}

td.years{
	width: 90px;
	font-size: 9pt;
	border-style: solid solid none none;
	border-color: #c0c0c0;
	border-width: 1px;
	background-color: #c0f0ff;
	}

td.year-graph{
	border-style: solid solid none none;
	border-color: #c0c0c0;
	border-width: 1px;
	padding: 0px;
	}

img.years-img{
	width: 500px;
	text-align: right;
	}

td.songs{
	font-size: 10pt;
	line-height: 11pt;
	border-style: solid solid none none;
	border-color: #c0c0c0;
	border-width: 1px;
	padding-left: 50px;
	background-color: #fafafa;
	}

.poetist{
	font-size: 8pt;
	}

/** Copyright **/
.copyright{
	font-size: 11pt;
	padding: 5px 5px 20px 5px;
	border-style: solid none none none;
	border-width: 1px;
	border-color: #705050;
	}

