@charset "shift_jis";

/*共通設定
■文字サイズを変更したい場合、body項目内のfontにある「12px」を変更する。
■strong(強調文字)色を変更したい場合、strong項目内の「#993300」を変更する。現在は赤色になっている
lightgoldenrodyellow(#FAFAD2) -> #FFFDE6 ６か所変更 2014/11/4
----廃止
body {
	font-family: 11px "メイリオ", "Meiryo UI", "Arial", "ＭＳ Ｐゴシック", Osaka, "ＭＳ Ｐ明朝";
	color: black;
	background-color: #c4c4c4;
	margin: 2em 2em 2em 2em;
	line-height:  130%;
}
----
	background-color: #FFFDE6;
	background: #ffebcd url(images/bg.jpg) repeat top;
	
	body->	margin: 2em 2em 2em 2em;
----margin: 0px;------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	line-height:1.4;
	color:#222;
	font-family: 11px "Arial", "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ＭＳ Ｐ明朝";
	font-size:0.85em;
	background-color: #f5f5f5;
	padding: 0px;
	text-align: center;
}

body.menu {
	color           : #222222;
	background-color: #fffde6;
	line-height     : 180%;
	font-family: 11px "メイリオ", "Meiryo UI", "Arial", "ＭＳ Ｐゴシック", Osaka, "ＭＳ Ｐ明朝";
}

body.search {
	color           : #222222;
	background-color: #fffde6;
	line-height     : 180%;
}

.search-item {
    display: flex;
    flex-direction: column;
}
	
input {
	font-family: 11px "メイリオ", "Meiryo UI", "Arial", "ＭＳ Ｐゴシック", Osaka, "ＭＳ Ｐ明朝";
}

select {
	font-family: 11px "メイリオ", "Meiryo UI", "Arial", "ＭＳ Ｐゴシック", Osaka, "ＭＳ Ｐ明朝";
}

textarea {
	line-height:1.4;
	font-size: 13px;
}

h1,h2,h3,p,ul,li{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
img {
	border: none;
	vertical-align: bottom;
}
img.middle {
	border: none;
	vertical-align: middle;
}
strong {
	color: #993300;
	font-weight: normal;
}
p {
	padding-bottom: 5px;
	padding-top: 5px;
}

td, th {
	padding: 5px;
}

address {
	background-color: #F5F5F5;
}

/*コンテナー
---------500px----font-family:Tahoma;
fffde6->fffde6-------------------------------------------------*/

#container {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	background: url(images/container_bg.jpg) repeat-y left top;
	background-color: #F9F1D1;
	clear: left;
}
#containerM {
	width: 511px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	background: url(images/container_bg.jpg) repeat-y left top;
	background-color: #F9F1D1;
	clear: left;
}
#containerS {
	width: 730px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	background: url(images/container_bg.jpg) repeat-y left top;
	background-color: #F9F1D1;
	clear: left;
}

#container1 {
	width: 320px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	background-color: #fffde6;
	clear: left;
}
#container2 {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
	margin-bottom: 50px;
	background-color: #fffde6;
	clear: left;
}
#container3 {
	font-size       : 100%;
	margin-right: 0;
	margin-left: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #fffde6;
	clear: left;
}

.genre_tbl_th {
	background-color: #f5deb3;
}

.t1 {
	border: 3px double #CCCCCC;
	padding: 10px;
	margin-top: 9px;
	margin-right: 5px;
	width: 326px;
	background: url(images/item_bg.gif) repeat-x bottom;
}

.t1 td {
	vertical-align: top;
}

.t1 strong {
	background: url(images/arrow1.gif) no-repeat left top;
	padding-left: 20px;
	border-bottom: 1px dotted #CCCCCC;
	display: block;
	margin-bottom: 10px;
}

.t1 img {
	border: 1px solid #CCCCCC;
	padding: 5px;
	background: #FFFFFF;
}

.t2 {
	vertical-align: 'top';
}

/*ヘッダー
----------------------#f0f0ff->#FFFDE6-----------*/
#header {
	clear: both;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFDE6;
}
#header h1 {
	font-size: 14px;
	color: #222222;
	background: #F9F1D1 url(image/title_classical_data_lib.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	width: 501px;
	height: 85px;
	padding: 10px 0px 0px;
	font-weight: normal;
	vertical-align: -20px;
}

#header2 {
	clear: both;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	background-color: #F9F1D1;
}
#header2 h1 {
	font-size: 17px;
	font-weight:bolder;
	vertical-align: middle;
	color: #222222;
	background: #F9F1D1 url(images/panel.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	width: 480px;
	padding: 20px 10px 15px;
}
#header2 h2 {
	font-size: 20px;
	vertical-align: middle;
	color: #222222;
	background: #F9F1D1;
	background-repeat: no-repeat;
	background-position: center center;
	width: 480px;
	padding: 10px 10px 15px;
	font-weight: normal;
}

#header3 {
	clear: both;
	width: 760px;
	padding: 10px 0px;
	background-color: #F9F1D1;
}
#header3 h1 {
	font-size: 17px;
	font-weight:bolder;
	vertical-align: middle;
	color: #222222;
	background: #F9F1D1 url(images/panel.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	width: 760px;
}
/*トップ画面コンテンツ
----------------------------------------------------------------------------------*/
#top {		/*FAQ*/
	float: both;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	line-height: 2;
	background-color: #F9F1D1;
}
#top1 {
	float: both;
	width: 440px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 10px 30px 10px;
	line-height: 2;
	background-color: #F1F9D1;
}
#top2 {
	float: both;
	width: 480px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 10px 10px 10px;
	line-height: 2;
	background-color: #E9F9D1;
}
#top3 {
	float: both;
	width: 480px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	line-height: 2;
}

/*What's new欄の矢印とアンダーライン #E1F9D1
■下線の色を変えたい場合、#CCCCCCを希望色にする。ちなみに、dottedは点線なので直線にしたいならsolidにする。
----------------------------------------------------------------------------------*/
.u-line li {
	border-bottom: 1px dotted #CCCCCC;
	background: url(images/arrow2.gif) no-repeat left top;
	padding-left: 15px;
}

/*メインコンテンツ
----------------------------------------------------------------------------------*/
#main {
	float: both;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	line-height: 2;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #FFFDE6;
}
#main_index {
	background-color: lightyellow;
}
#main1 {
	float: both;
	width: 280px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 10px 30px 10px;
	line-height: 2;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #ffebcd;
}
#main2 {
	float: both;
	width: 660px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 10px 30px 10px;
	line-height: 2;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #ffebcd;
}

/*フッター
----------------------------------------------------------------------------------*/
#footer {
	clear: both;
	width: 480px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px 10px 10px;
	background-color: #D9F9D1 ;
}
#footer2 {
	clear: both;
	width: 480px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px 10px 10px;
	background-color: #F9F1D1;
}
#footer3 {		/*FAQ*/
	clear: both;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	background-color: #F9F1D1 ;
}

#container:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#container { display: inline-block; }

/* Hides from IE-mac \*/
*html #container { height: 1%; }
#container { display: block; }
/* End hide from IE-mac */

/* hr線を背景グラデーションを使って作ってみたバージョン */
.bar3 {
  display:block;
  width: 60%;
  height: 5px;
  border: 0;
  border: 1px solid #cacaca;
  -webkit-border-radius: 10px;
  background: #005500; /* Old browsers */
  background: -moz-linear-gradient(left,  #005500 0%, #52b152 20%, #83c783 51%, #008a00 76%, #005500 96%, #005700 100%, #005500 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#005500), color-stop(20%,#52b152), color-stop(51%,#83c783), color-stop(76%,#008a00), color-stop(96%,#005500), color-stop(100%,#005700), color-stop(100%,#005500)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  #005500 0%,#52b152 20%,#83c783 51%,#008a00 76%,#005500 96%,#005700 100%,#005500 100%); /* Chrome10+,Safari5.1+ */
  background: linear-gradient(to right,  #005500 0%,#52b152 20%,#83c783 51%,#008a00 76%,#005500 96%,#005700 100%,#005500 100%); /* W3C */
}

/*----- main.cssより----------------------------------*/
h1.logo {
	font-family: Impact, sans-serif;
	font-size: 200%;
	font-weight: bold;
	text-align: center;
}
h1.title {
	font-family: Impact, sans-serif;
	font-size: 150%;
	font-weight: bold;
	text-align: center;
}
h1.menu {
	margin-top: 9px;
	margin-bottom: 9px;
}
h2.title {
	background-color: #E9E1C1;
	font-family: Impact, sans-serif;
	font-size: 130%;
	font-weight: bold;
	text-align: center;
}
h2.faq {
	font-family: Impact, sans-serif;
	font-size: 130%;
	font-weight: bold;
	text-align: left;
}
h3.faq {
	background-color: #F0E68C;
	font-size: 130%;
	font-weight: bold;
	text-align: left;
}

TABLE {
  border-collapse   : collapse;
}

TABLE.menu {
  border-collapse  : separate;
  border           : 0px;
  background       : #444444;
  font-size        : 140%;
  font-family      : sans-serif;
  line-height      : 180%;
}
TABLE.menu2 {
  border-collapse  : separate;
  border           : 0px;
  background       : #444444;
  font-size        : 100%;
  font-family      : sans-serif;
  line-height      : 180%;
}

table.noline, td.noline, th.noline {
	border: 0px;
}

table.line, td.line, th.line {
	border: 1px;
}

table.borderline {
	border      : 0px;
	background  : #444444;
	font-size   :140%;
	font-family :sans-serif;
	line-height :180%;
}

table.result {
	font-size:1.0em;
	font-family: 'Arial';
}

table.input {
	margin: 0em auto 0em auto;
	border-style: hidden;
	white-space: nowrap;
}
table.list {
	margin: 0em auto 0em auto;
	white-space: nowrap;
}
table.cntlist {
	border      : 1px;
	background  : #444444;
	font-size   :140%;
	font-family :sans-serif;
	line-height :180%;
	margin: 0em auto 0em auto;
	white-space: nowrap;
}
table.view {
	margin: 0em auto 0em auto;
	white-space: nowrap;
}
div.index {
	margin: 1em 0em 0em 0em;
	text-align: center;
}
p.center {
	text-align: center;
}
p.msg {
	color: navy;
	font-weight: bold;
	text-align: center;
}
p.comment {
	color: red;
	font-size: small;
	text-align: center;
}
p.error {
	color: red;
	font-weight: bold;
	text-align: center;
}
span.must {
	color: red;
}
span.ak {
	text-decoration: underline;
}
tr.button {
	text-align: center;
}
td.title {
	white-space: nowrap;
	vertical-align: bottom;
	text-align: center;
	background-color: #dd954f;
	font-weight:bold;
	margin: 20em 0em 0em 0em;
}
td.cntlist {
	white-space: nowrap;
	vertical-align: bottom;
	text-align: center;
	background-color: #dd954f;
	font-weight:bold;
	margin: 20em 0em 0em 0em;
}
td.label {
	white-space: nowrap;
	vertical-align: middle;
	text-align: right;
	background-color: #FFF7E0;
}
td.label2 {
	white-space: nowrap;
	vertical-align: top;
	text-align: right;
	background-color: #e6f0f0;
	margin: 3px 3px 3px 3px;
}
td.label3 {
	white-space: nowrap;
	vertical-align: top;
	text-align: right;
	background-color: #e6f0f0;
	margin: 3px 3px 3px 3px;
	line-height     : 170%;
}
td.footer {
	white-space: nowrap;
	vertical-align: middle;
	text-align: left;
	background-color: #F9F1D1;
}
td.select {
	white-space: nowrap;
	vertical-align: middle;
	text-align: left;
	background-color: #FFFDE6;
}
td.select2 {
	white-space: nowrap;
	vertical-align: middle;
	text-align: left;
	background-color: #FFFDE6;
	line-height     : 170%;
}
td.name {
	white-space: nowrap;
	vertical-align: middle;
	font-weight: bold;
	text-align: right;
}

/*----------------------------------------
muciclib_new.cssより移植-----------------*/
/*----form全体に対するCSS*/
form{
  background-color:#FFFDE6;
}

.maintitle1 {
  font-size         : 15pt;
  font-weight       : bold;
  color             : #ffffff;
  background        : #009900;
  padding           : 5px 5px 5px 5px;
  border-bottom     : 1px solid #ffffff;
}

.maintitle2 {
  background        : #009900;
  border-bottom     : 1px solid #ffffff;
  text-align        : right;
}

.pagetitle {
  font-size         : 13pt;
  background        : #dd954f;
  border-color      : #cd853f;
  padding           : 3px 5px 3px 5px;
  text-align        : center;
}

.tohomelink {
  text-align        : right;
  background        : #cd853f;
  padding-right     : 5px;
}

.maincontents {
  background-color  : #FFFDE6;
  font-size         : 11pt;
  padding           : 0 18px 0 18px;
}

.maincontents IMG {
  margin            : 6px;
}

.musiclist TH {
  font-size         : 11pt;
  background        : #aaeeaa;
  border            : 1px solid #666666;
  padding           : 4px;
}

.musiclist TD {
  font-size         : 11pt;
  border            : 1px solid #666666;
  padding           : 4px;
  vertical-align    : top;
  text-align		: center;
}

.musiclist2 TH {
  font-size         : 11pt;
  background        : #aaeeaa;
  border            : 1px solid #777777;
  padding           : 4px;
}

.musiclist2 TD {
  font-size         : 11pt;
  border            : 1px solid #777777;
  padding           : 4px;
  vertical-align    : top;
}

.pagenavi {
  margin-top        : 10px;
  margin-bottom     : 10px;
  margin-left       : 300px;
}

.formtable {
  margin-left       : 50px;
}

.formtable TH {
  font-size         : 10pt;
  background        : #ffffdd;
  border            : 1px solid #666666;
  padding           : 3px;
}

.formtable TD {
  font-size         : 10pt;
  border            : 1px solid #666666;
  padding           : 3px;
}

.bigfont {
  font-size         : 10pt;
  font-weight       : normal;
}

.midfont {
  font-size         : 8pt;
  font-weight       : normal;
}

.smallfont {
  font-size         : 7pt;
  font-weight       : normal;
}

button[type="submit"] {
  font-size: large;
  border-radius: 10px;
  color: white;
  bavkground: green;
}

a:hover {
	color: green;
}

.btn {
  background-color: #00a5de;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 30px;
  border: none;
  border-radius: 5px;
}

.btn_green {
  background-color: #008000;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 30px;
  border: none;
  border-radius: 5px;
}

.btn_enji {
  background-color: #AC2739;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 10px;
  border: none;
  border-radius: 5px;
}