/*
以下の順番で表記。
セレクタ{
	１．テキストの設定
	２．フォント
	３．文字色と背景
	４．ボックス(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 : #101d27;
}
/* ▼通常リンクの色設定 */
a       {color : #e23828;text-decoration : none;border-bottom : dotted 1px #ff5a60;}/*■配色■*/
a:link  {color : #e23828;}/*■配色■*/
a:hover {color : #325a96;background-color : #8cb4e6;background-color : rgba(140,180,230,0.4);border-bottom : solid 1px #325a96;
}/*■配色■*/
a:active{color : #325a96;background-color : #ffffff;border-bottom : solid 1px #325a96;}/*■配色■*/
/* ▼コンテナ ---------------------------------------------*/
body{
	background : #000d2b url(./haruyoi_bg.png) repeat-y fixed top center;
}
#container{
	margin : 0 auto;
}
/* ▼ヘッダー・フッター -----------------------------------*/
/* ▼ヘッダー*/
h1{
	text-align : center;
	padding-top : 1em;
}
h1 img{
	border : 1px solid #ff5a60;/*■配色■*/
}
#tweet{
	text-align : right;
	padding-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.6);
}
/* ▼フッター*/
#copyright{
	text-align : center;
	font-family : "Century Gothic",sans-serif;
	font-weight : bold;
	font-size : 0.94em;
	color : #ffffff;
	background-color : rgba(0,13,43,0.2);
	background-image : url(../img/bg_navi.gif);
	padding : 4px 0.5em;
	margin-top : 1em;
}
/* ▼メニュー ---------------------------------------------*/
header nav ul{
	background-color : rgba(245,245,245,0.6);
}
header nav li{
	letter-spacing : 0.2em;
	font-weight : bold;
}
/* ▼見出し -----------------------------------------------*/
h2{
	color : #003580;/*■配色■*/
	background : transparent url(icon.png) no-repeat scroll top left;
	padding-left : 48px;
	font-size : 1.2em;line-height : 40px;letter-spacing : 0.2em;
	font-weight : bold;
	border-bottom : 2px dashed #39321f;/*■配色■*/
	margin-bottom : 0.5em;
	padding-bottom : 0.2em;
}
/* ▼共通 -------------------------------------------------*/
#container section{
	padding : 0.8em 20px;
	margin : 1em 0;
	border : 1px solid #39321f;/*■配色■*/
	background-color : #f5f5f5;
	background-color : rgba(245,245,245,0.64);/*■配色■*/
}
/* ▼収録楽曲 -----------------------------------------------*/
ol{
	list-style-type : decimal-leading-zero;
	margin-left : 4em;
}
.tk_cmnt{
	font-size : 0.72em;
	padding-left : 1em;
}
/* ▼タイトル付きリスト -----------------------------------------------*/
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;
}
dd{
	padding-left : 1.5em
}
/* ▼ジャケット -----------------------------------------------*/
#c_jacket p{
	text-align : center;
}
/* ▼ページ上部に戻るリンク -------------------------------*/
.midmenu a{
	background-color : #f5f5f5;
	background-color : rgba(245,245,245,0.5);
	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 : #ff5a60;/*■配色■*/
	margin-right : 0.5em;
}
.midmenu a:hover{
	color : #e23828;/*■配色■*/
	background-color : #8cb4e6;/*■配色■*/
	background-color : rgba(140,180,230,0.5);
	border-color : #325a96;/*■配色■*/
}
.midmenu a:hover span{
	color : #ffffff;/*■配色■*/
}
.midmenu a:active,.midmenu a:active span{
	color : #f5f5f5;/*■配色■*/
	background-color : #f5f5f5;/*■配色■*/
	border-color : #c2c3d1;/*■配色■*/
}