@charset "UTF-8";

body {
	background: #fffbe6 url(../img/bg.gif) repeat-y center top;
	color: #333;
	text-align: center;
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	
	font-size: small;
    line-height: 1.4;
    font-family: Geneva, Arial, Helvetica, sans-serif;
}

*:first-child+html body { padding-left: 1px; } /* for IE7 */
* html body { padding-left: 1px; } /* for IE6 */


/* font size
----------------------------------------------- */
* html body .fontsize1 { font-size: xx-small; }
* html body .fontsize2 { font-size: x-small; }
* html body .fontsize3 { font-size: small; }
* html body .fontsize4 { font-size: medium; }
* html body .fontsize5 { font-size: large; }
* html body .fontsize6 { font-size: x-large; }
.fontsize1 {
       font-size: x-small;
}
.fontsize2 { font-size: small; }
.fontsize3 { font-size: medium; }
.fontsize4 { font-size: large; }
.fontsize5 { font-size: x-large; }
.fontsize6 { font-size: xx-large; }
.fontsize1, .fontsize2, .fontsize3, .fontsize4, .fontsize5, .fontsize6 {
       line-height: 1.2;
       text-align: justify;
       text-justify: inter-ideograph;
}


/* text
----------------------------------------------- */
.bold { font-weight: bold; }
.caution { color: #f30; font-weight: bold; }
.midashi { color: #F60; font-weight: bold; }
.midashi2 { color: #660000;font-weight: bold; }
.midashi3 { color: #006600; font-weight: bold; background-color: #FFFFCC; }


#u_wrapper {

}

#u_banner_top {
/*text-align: center;*/
	margin: 20px 0 35px 45px;
	float:left;
	
}


#u_lyric_wrapper {
	float: left;
}

.u_lyric {
	font-size: 8pt;
	float: left;
	width: 300px;
	background: #fffbe6;
}

.u_lyric h3 {
	font-size: 11pt;
}

#u_lyric_l {
	margin: 0 40px 10px 30px;
	height: 335px;
}

#u_lyric_rb {
	margin-top: 42px;
	height: 70px;
}

#u_lyric_rt {
	height: 335px;
}

.u_vid_wrapper {
	float: left;
	width: 640px;
	margin: 20px 0 10px 30px;

}

.ul_vid_l {
	float: left;
	width: 300px;
	margin: 5px 0 0 0;
}

.ul_vid_r {
	float: right;
	width: 300px;
	margin: 5px 0 0 0;
}

.background_wrapper {
	float: left;
	width: 640px;
	font-size: 9pt;
	margin: 10px 0 0 30px;
	text-align: left;
}

.background_wrapper ul {
	list-style: none;
	padding: 0;
	margin-left: 15px;
}

/* Footer 
-------------------------------------*/
#footer {
	font-size: 8pt;
	margin: 15px 0 10px 0;
	float: left;
	font: arial, helvetica;
	text-align: center;
	width: 700px;
	color: #333;
}

.counter {
	margin-left: auto;
	margin-right: auto;
	margin-top:5px;
}