/*
以下の順番で表記。
セレクタ{
	１．テキストの設定
	２．フォント
	３．文字色と背景
	４．ボックス(border/margin/padding/width/height)
	５．位置(position,float等)
}
*/
/* ▼画面表示 ---------------------------------------------*/
html{
	-webkit-text-size-adjust: 100%;/*スマートフォン対応: noneはダメらしいよ*/
	overflow-y : scroll;
}
/* ▼文字色、リンクの設定 ---------------------------------*/
/* ▼通常フォントの設定 */
body{
	font-family : "Verdana","MS UI Gothic",sans-serif;
	font-size : 14px/1.231;
	line-height : 1.4em;
	color : #332323;
}
/* ▼通常リンクの色設定 */
a       {color : #262673;text-decoration : none;border-bottom : dotted 1px #6666cc;}/*■配色■*/
a:link  {color : #262673;}/*■配色■*/
a:hover {color : #990000;background-color : #99ccff;border-bottom : solid 1px #990000;}/*■配色■*/
a:active{color : #262673;background-color : #99ccff;border-bottom : solid 1px #6666cc;}/*■配色■*/
/* ▼コンテナ ---------------------------------------------*/
body{
	background : #222222 url(./Macedonia-landscape-morning-light.jpg) no-repeat fixed top center;
}
#container{
	margin : 0 auto;
}
/* ▼ヘッダー・フッター -----------------------------------*/
/* ▼ヘッダー*/
h1{
	font-size : 2.0em;letter-spacing : 0.2em;
	font-weight : bold;
	text-align : center;
	padding : 0.5em;
	border-bottom : 2px dotted #332323;/*■配色■*/
}
h1 span{
	font-size : 0.6em;font-weight : normal;
}
#tweet{
	text-align : right;
	margin-top : 0.5em;
}
header p{
	font-style : italic;
	text-align : center;
	margin : 0.5em auto;
	padding : 0.84em 0;
	background-color : rgba(245,245,245,0.2);
}
/* ▼フッター*/
#copyright{
	text-align : right;
	font-family : "Century Gothic",sans-serif;
	font-weight : bold;
	font-size : 0.94em;
	color : #ffffff;
	background-color : rgba(245,245,245,0.2);
	background-image : url(../img/bg_navi.gif);
	padding : 4px 0.5em;
	margin-top : 1em;
}
/* ▼メニュー ---------------------------------------------*/
header nav li{
	letter-spacing : 0.2em;
	font-weight : bold;
}
/* ▼見出し -----------------------------------------------*/
h2{
	font-size : 1.2em;line-height : 1.2em;letter-spacing : 0.2em;
	font-weight : bold;
	border-bottom : 2px dotted #685645;/*■配色■*/
	margin-bottom : 0.5em;
	padding-bottom : 0.2em;
}
/* ▼共通 -------------------------------------------------*/
#container section{
	padding : 0.8em 20px;
	margin : 1em 0;
	border : 1px solid #332323;/*■配色■*/
	background-color : #E6CAB3;/*■配色■*/
}
#container section a:hover {color : #990000;background-color : #F1E4DA;border-bottom : solid 1px #990000;}/*■配色■*/
#container section a:active{color : #262673;background-color : #F1E4DA;border-bottom : solid 1px #6666cc;}/*■配色■*/
/* ▼収録楽曲 -----------------------------------------------*/
ol{
	list-style-type : decimal-leading-zero;
	margin-left : 2em;
}
/* ▼タイトル付きリスト -----------------------------------------------*/
dt{
	font-size : 0.8em;
	font-weight : bold;
	background : transparent url(../img/l_flower.gif) no-repeat scroll 4px center;
	padding-left : 20px;
	margin : 0.5em 0;
}
dd{
	padding-left : 1.5em
}
/* ▼ページ上部に戻るリンク -------------------------------*/
.midmenu a{
	background-color : #f5f5f5;
	background-color : rgba(245,245,245,0.4);
	display : block;
	text-decoration: none;
	text-align : right;
	font-size : 0.8em;
	letter-spacing : 0.1em;
	color : #404054;/*■配色■*/
	/* ▼枠線 */
	border : #9699b0 solid 1px;/*■配色■*/
	/* ▼角丸 */
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	/* ▼余白 */
	padding: 0 0.5em;
	margin: 0;margin-top: 0.5em;
}
.midmenu a span{
	font-size : 0.8em;
	font-weight : normal;
	color : #262673;/*■配色■*/
	margin-right : 0.5em;
}
.midmenu a:hover{
	color : #262673;/*■配色■*/
	background-color : #99ccff;/*■配色■*/
	background-color : rgba(153,204,255,0.4);
	border-color : #333399;/*■配色■*/
}
.midmenu a:hover span{
	color : #990000;/*■配色■*/
}
.midmenu a:active,.midmenu a:active span{
	color : #f5f5f5;/*■配色■*/
	background-color : #f5f5f5;/*■配色■*/
	border-color : #c2c3d1;/*■配色■*/
}