/* ========= original definitions of class  =========== */
/*
※paddingに書き換えられるものはなるべくmarginを無くしていく方向に修正中

body.column	譜例のないページ用(現在あまり機能していない)
body.main	トップページ(NNはtable、Operaはwidth[or margin?]との相性が悪いので、
		それぞれの設定を色々実施)
body.no-margin	Score Gallery 左右のマージン(or padding)が0のページ

#container	枠(現在トップページでのみ使用)
#over		トップページ最上段の枠
#top		#over内左(「楽譜の風景」タイトル画像)
#search		#over内右(検索ボックス)
#navbar		ナビゲーションバー
#footer		フッター

table.decoration  装飾的Table(Linksページで使用)
.item		装飾的Tableの1列目の幅を定義(Links)

ul.noMark	マークのない箇条書き
.em		箇条書き強調[bold]用
.right, .left	表・画像の右寄せ・左寄せ
.quote		引用文献、著作者等表示(右寄せ・small)
.score		左右マージンを無視した譜例センタリング
.scoreGallery	左右マージンが無いページの譜例センタリング(楽譜ギャラリー用)
.small		箇条書き等でのsmall-font定義
.subtitle	ページタイトル直下で表示するサブタイトル
.title		章立てと関係ないタイトル
.wide		幅が広い楽譜(印刷時自動縮小)
※初期値とは…	代表的なブラウザが持っている初期値
*/
/* ========= margin, padding =========== */

#ads_side	{
	width	:130px;
	background-color	:white;
	text-align	:right;
	float	:right;
	padding-left :1em;
	padding-top :2em
}
#ads_square	{
	padding-top :2em;
	text-align	:center;
}
#ads_wide	{
	padding-top :0.5em;
	padding-bottom :0.5em;
	text-align	:center;
}
#ads_bigbn	{
	padding-top :3em;
	padding-bottom :0.5em;
	text-align	:center;
	margin-left	:-10%;
	margin-right	:-10%;
}

body	{
	color		:#000;
	background-color:#fff;
	margin		:1em 10%;
	padding		:0;
}

body.main	{
	text-align	:center;
/*	background-image	:url(./bussotti_sette_fogli1_contrust_soft.gif);
	background-repeat	:no-repeat;
	background-attachment	:fixed;

	background-position	:90% 85%;
	background-position	:15% 100%;
*/					 /* 左右、上下*/

}

#over		{
	float		:left;
	width		:100%;
	padding		:0 0 4px 0;
}

#top		{
	float		:left;
	margin-left	:0;
	padding		:0;
	text-align	:left;
}

/*
#top h1		{
	font-size	:90%;
	border-style	:none;
	background-color:transparent;
	padding		:0;
	margin		:0;
	text-align	:left;
	font-weight	:normal;
}
*/

#search		{
	width		:300px !important; /* 20170117追加 */
	height		:50px !important; /* 20170117追加 */
	margin		:0 0 1 0;
	float		:right;
	padding		:2.0em 0em 0.3em 0;
}

#navbar		{
	display		:inline;
	list-style	:none;
	font-weight	:bold;
	clear		:both;
}

#navbar a	{
	text-decoration	:none;
	width		:100%; /* 文字上以外でもhover色変 */
}

a rt	{
	text-decoration	:none;
}

.menu, .menuLast	{
	float		:left;
	border-color	:#ccc;
	border-style	:solid;
	text-align	:center;
}

.menu	{
	width		:12%;
	border-width	:1px 0px 1px 1px;
}

.menuLast	{
	width		:13%;
	border-width	:1px;
}

a:link, .title1	{
	color	:#006666; /*#5a6d45*/ /*#3300cc*/
}
a:visited, .title2	{
	color	:#339966; /*#939452*/ /*#a4a563*/
}
a:hover		{
	background-color	:#f2eac0;	 /*#ccffff*/
}

html>body .menu		{ /* widthの解釈が違うOpera対策[css2のみ解釈] */
	width		:11.3%; /* 12%ではずれてしまった 2013/4/13 */
}
html>body .menuLast	{
	width		:13%;
}

#whatsnew	{
	float		:left;
	padding		:0px 5px 0px 0px;
	margin		:0 0 0 0;
	width		:60%;
	text-align	:left;
	border		:0px dashed #ccc;
}

#whatsnew p	{
	text-indent	:-5em;
	padding		:0 0 0 6em;
	margin		:0;
}

#box1		{
	float		:right;
	padding		:0;
	margin		:0;
	width		:38%;
}

#bbs, #topics	{
	padding		:0;
	margin		:2px 0;
	text-align	:left;
	border		:2px dashed #ccc;
}

#bbs dd, #topics dd	{
	margin-left	:1em;
}

#footer		{
	clear		:both;
	margin		:0;
	padding		:0.5em 0;
	border-color	:#808080;
	border-style	:dashed;
	border-width	:0;
	color		:#808080;
	font-family	:Arial, sans-serif, times;
	font-size	:9pt;
	font-weight	:bold;
	text-align	:center;
}

#library dd	{
	text-indent	:-2em;
}

#columnList1/*, #scoreList1*/	{
	float		:left;
	padding		:0 0 0 0;
	margin		:0;
	width		:50%;
	}

#columnList2 /*, #scoreList2*/	{
	float		:right;
	padding		:0;
	margin		:0;
	width		:50%;
}

#scoreList	{
	padding		:0;
	margin		:0;
}


.score, .scoreTop	{
	clear		:both;
	text-align	:center;
	margin-left	:-10%;
	margin-right	:-10%;
}

.scoreGallery	{
	text-align	:center;
	padding		:2em 0;
}
.scoreTop	{
	padding		:2em 0 1em 0;
}


h1	{
	margin		:.83em 0 .83em 0;
	font-weight	:bold;
	font-size	:124%;
	text-align	:center;
	padding		:7px 7px 7px 7px;
	border-width	:1px 0px; /* 0px 100px 2px 100px*/ /* 4px 0px 4px 0px */
	border-style	:double;
	background-color:#e7faf9; /* #f2eac0 */
	border-color	:#31adb0; /* #f4c8a0 */
	color		:#558;
}

h2,h3,h4	{
	margin-left	:0;
	margin-right	:0;
	font-weight	:bold;
}

h2	{ 
	border-style	:solid;
	padding		:0.25em 0em 0.25em 0.7em;
	text-align	:left;

	font-size	:115%;
	margin-top	:1.4em;
	margin-bottom	:0.6em;
	border-width	:0px 0px 1px 9px;
	border-bottom-color	:#bbb;
	border-left-color	:#31adb0; /*#f4c8a0*/
	color		:black;
/*	counter-increment:chapter;
	counter-reset:section;
*/
}
/*
h2:before{
	content: counter(chapter) ". ";
}
*/
h3	{
	border-style	:solid;
	padding		:0.25em 0em 0.25em 0.7em;
	text-align	:left;

	font-size	:107%;
	border-width	:0px 0px 0px 15px;
	margin-top	:1.0em;
	margin-bottom	:0.4em;
	margin-left	:0.3em;

	border-bottom-color	:#bbb;
	border-left-color	:#ccc;
	background-color	:#e7faf9;
	color		:black;
/*	counter-increment:section;
*/
}
/*
h3:before{
	content: counter(chapter) "-" counter(section) ". ";
}
*/
h4	{
	font-size	:100%;
	border-width	:0px 0px 0px 4px;
	margin-top	:0em;
	margin-bottom	:0.4em;
	margin-left	:0.5em;

	padding		:0.25em 0em 0.25em 0.7em;
	text-align	:left;

	border-style	:solid;
	border-left-color	:#ccc;
	color		:#555;
}

h1.normal, h2.normal	{
	border-style	:none;
	background-color:transparent;
	padding		:0px 0px 0px 5px;
	text-align	:left;
	font-size	:107%;
	color		:#558;
}

/* ========== ↑ここまでが2004/5新規作成分↑ ========== */

blockquote, pre	{	margin-left	:2em;
			margin-right	:2em	}	/* 初期値:3em */
dl		{	margin-left	:1em	}	/* 初期値:3em */
dt,.date,.quote	{	margin-top	:0.3em	}
.date		{	margin-bottom	:0.3em	}

.title		{	margin-top	:0.3em;
			margin-bottom	:0.3em	}
.no-margin	{
	margin-right	:1em;
	margin-left	:1em;		/* 初期値 */
	padding		:0;
}

blockquote p	{	margin-top	:0.5em;
			margin-bottom	:0.5em		}
blockquote ul, blockquote ol,
ul ul, ul ol, ol ul, ol ol, form
		{	margin-top	:0em;
			margin-bottom	:0em		}
p		{	text-indent	:1em		}
/* span.new:before	{	content: " "		} */	/* css2のみ */
p,dl,ul,ol,blockquote,table,th,td
		{	line-height	:1.3em;		/* 全角文字を読みやすくするため少し幅高に */
}
			
small, .small	{	line-height	:1.2em	}

/* ========== color, decoration ============= */

.new	{	color	:#ff1493	}	/* deeppink */

blockquote, blockquote.file	{
	border-style	:dashed;
	border-width	:1px;
	padding		:0.5em;
}
blockquote	{
	border-color	:#008080;
	background-color:#E0FFFF;
}
blockquote.file	{
	border-color	:#4169E1;
	background-color:#dcdcdc;
}

/* LinksのTable色 */
table.decoration	{
	border-width	:3px;
	border-color	:#ddf;
	border-style	:double none;
}
table.decoration th, table.decoration td	{
	background-color:#f6f6ff;
	border-color	:#ccf;
	border-style	:solid;
	border-width	:1px;
}
.item	{
	width		:28%;
}

/* 手帳選びのTableデザイン */
table.table021 {
  margin-top: 0.2em;
  margin-bottom: 1em;
  width: 570px;
  border-collapse: separate;
  border-spacing: 2px;
  font-size: 100%;
}

table.table021 caption {
  margin-top: 1em;
  text-align: right;
}

table.table021 th,
table.table021 td {
  padding: 4px 6px;
}

table.table021 th {
  border-bottom: solid 1px #B2B2B2;
  border-right: solid 1px #B2B2B2;
  background: #FFD9F3;
  text-align: center;
  white-space: nowrap;
  font-size: 92%;
}

table.table021 td {
  border-bottom: solid 1px #B2B2B2;
  border-right: solid 1px #B2B2B2;
  background: #F3F3F3;
  text-align: left;
  white-space: nowrap;
}


/* 土日色表示用(邪道) */
.blue	{	color	:blue		}
.red	{ 	color	:red		}
/* 追記表示用(邪道) */
.green	{ 	color	:green		}


/* ========= font =========== */
body	{	font-family	:Osaka,"ＭＳ Ｐゴシック",Verdana,sans-serif}
			/* Chicago,"Times New Roman",Arial */
			/* Macはfont-size:9,10,12,14,18,24px(pt)がきれい */
	
dt, .em, .new, .subtitle, .title{
	font-weight	:bold;
}
dt small, .font-normal	{
	font-weight	:normal;	/* dt内でのsmallについて、boldを避けるため */
}

h4.normal, .subtitle, .title	{	font-size	:100%	}
.date, .quote, .small		{	font-size	:90%	}
.date, .quote			{	text-align	:right	}
.subtitle		{	text-align	:center	}

/* ============ others 各種設定 =========== */

ul.noMark	{list-style-type:none	}


/* 表・画像等の左寄せ・右寄せクラス */
.right	{	float	:right	}
.left	{	float	:left	}


/* =========== print ============== */

@media print {
	img.wide{	width	:100%	}
	@page	{	margin	:0%	}
	body,p,blockquote,li,dd,div,td,cite
		{	font-family	:平成明朝,"ＭＳ Ｐ明朝","Times New Roman",Times,serif	}
	caption,dt,em,strong,th,h1,h2,h3,h4,h5,h6,.em,.new,.subtite,.title
 		{	font-family	:Osaka,"ＭＳ Ｐゴシック",Arial,sans-serif		}
	h1,h2,h3,h4,h5,h6
		{	page-break-after:avoid;
			background-color:blue	}
	blockquote,h1,h2,h3,h4,h5,h6,pre,table
		{	page-break-inside:avoid	}
	ul, ol, dl{	page-break-before:avoid }
}
/* =========== end ============== */