* { margin:0; padding:0; }
html{ height: 100%; }
/* imgにborderを表示しない */
img { border-style:none; }
/* リストのマークを付けない */
ul { list-style:none; }
/*リンクのアンダーラインを付けない */
a { text-decoration:none;}
/* 背景 チョットグレー */
body.gray_7 { background-color:#777; }
/* センター */
div#center_1k {position:absolute; width:1020px; left:50%; margin-left:-510px; margin-top:5px; margin-bottom:10px;
background-color: silver; text-align:center; }
.fbox_1k {display: table-cell; width:1000px; float:left; vertical-align: middle;
text-align: center; background-color:#777; }
.fbox_1k_shiro {display: table-cell; width:1000px; float:left; vertical-align: middle;
text-align: center; margin:0px 0px 0px 10px; background-color:#fff; }
.fbox_1k_akawakushiro {display: table-cell; width:996px; float:left; vertical-align: middle;
text-align: center; margin:0px 0px 0px 9px; background-color:#fff; border:2px solid red; }
.fbox_rightfree_shiro {display: table-cell; float:right; margin:0px 10px 0px 9px; vertical-align: middle;
text-align: right; padding:0px 10px 0px 10px; background-color:#fff; }
/* コンテンツ タイトル border: 1px solid green; width:450px; */
#title_box {position:absolute; left:330px; top:10px; width:300px; text-align:center;}
/* 右側_日付 border: 1px solid maroon; width:200px; */
.rdate {float:right; margin-right:5px; text-align:right; color:maroon;font-size:12px; font-weight:normal;font-family:serif; }
.rdate10 {float:right; margin-right:10px; text-align:right; color:maroon;font-size:12px; font-weight:normal;font-family:serif; }
.rdate20 {float:right; margin-right:20px; text-align:right; color:maroon;font-size:12px; font-weight:normal;font-family:serif; }
.rdate30 {float:right; margin-right:30px; text-align:right; color:maroon;font-size:12px; font-weight:normal;font-family:serif; }
/* 左右_box1 border: 1px solid blue; width:200px; */
.lbox {float:left; text-align:left; }
.lbox10 {float:left; margin:0px 0px 0px 10px; text-align:left; }
.mbox {margin:auto; text-align:center; vertical-align: middle; }
.rbox {float:right; text-align:right; }
.rbox10 {float:right; margin:0px 10px 0px 0px; text-align:right; }
/* 左用_button （Window Close） border:1px solid green; */
ul.left_button {float:left; }
ul.left_button li {float:left; height:20px; }
ul.left_button li a {width:100px; display:block; line-height:20px; text-align:center;
color: blue; font-size:12px; font-family:serif; background:url(img_css/btn_gra01_200-20.jpg); }
ul.left_button li a:hover {color:fuchsia; background:url(img_css/btn_gra02_200-20.jpg); }
/* 右用_button （Slide Show) border:1px solid blue; */
ul.right_button {float:right; }
ul.right_button li {float:right; height:20px; }
ul.right_button li a {width:100px; display:block; line-height:20px; text-align:center;
color: blue; font-size:12px; font-family:serif; background:url(img_css/btn_gra01_200-20.jpg); }
ul.right_button li a:hover {color:fuchsia; background:url(img_css/btn_gra02_200-20.jpg); }
/* shiro888(860) の枠線用 lightgray whitesmoke */
.w988 {width:988px; margin:4px auto 0px; border:2px solid silver;}
/* 曲名 日付 border: 1px solid blue;*/
.music_title {float:left; margin-left:7px; text-align:left;
color:#003000;font-size:16px;font-weight:bold;font-family:serif; }
.practice_day {float:left; margin-left:5px; text-align:left;
color:#003000;font-size:14px;font-weight:bold;font-family:serif; }
/* 左右_box border: 1px solid blue;*/
.flg_left {float:left; margin-left:10px; text-align:left; }
.flg_right {float:right; margin-right:10px; text-align:right; }
.flg_left7 {float:left; margin-left:7px; text-align:left; }
.flg_right7 {float:right; margin-right:7px; text-align:right; }
/* 下スペースの為 */
div#bottom888 {clear:both; width:888px; background-color:#777; }
/* display:inline-block; border: 1px solid blue; */
.lifrl12 {display:inline; float:left; text-align:left; margin-left:5px;}
.lifrl12 div {display:table-cell; padding:2px; font-size:12px; font-weight:bold;}
.lifrl12 div a {color:green;}
.lifrl12 div a:hover {color:fuchsia;}
.lifrl12 .p5 {padding-left:5px;}
.lifrl12 .p7 {padding-left:7px;}
.lifrl12 .p10 {padding-left:10px;}
.lifrl12 .p12 {padding-left:12px;}
.lifrl12 .p15 {padding-left:15px;}
.lifrl12 .p17 {padding-left:17px;}
.lifrl12 .p20 {padding-left:20px;}
.lifrm12 {display:inline; text-align:center;}
.lifrm12 div {display:table-cell; padding:2px; font-size:12px; font-weight:bold;}
.lifrm12 div a {color:green;}
.lifrm12 div a:hover {color:fuchsia;}
.lifrm12 .p5 {padding-left:5px;}
.lifrm12 .p7 {padding-left:7px;}
.lifrm12 .p10 {padding-left:10px;}
.lifrm12 .p12 {padding-left:12px;}
.lifrm12 .p15 {padding-left:15px;}
.lifrm12 .p17 {padding-left:17px;}
.lifrm12 .p20 {padding-left:20px;}
.lifrr12 {display:inline; float:right; text-align:right; margin-right:5px;}
.lifrr12 div {display:table-cell; padding:2px; font-size:12px; font-weight:bold;}
.lifrr12 div a {color:green;}
.lifrr12 div a:hover {color:fuchsia;}
.lifrr12 .p5 {padding-left:5px;}
.lifrr12 .p7 {padding-left:7px;}
.lifrr12 .p10 {padding-left:10px;}
.lifrr12 .p12 {padding-left:12px;}
.lifrr12 .p15 {padding-left:15px;}
.lifrr12 .p17 {padding-left:17px;}
.lifrr12 .p20 {padding-left:20px;}
/* display:inline-block; border: 1px solid blue; */
.lifrl14 {display:inline; float:left; text-align:left; margin-left:5px;}
.lifrl14 div {display:table-cell; padding:2px; font-size:14px; font-weight:bold;}
.lifrl14 div a {color:green;}
.lifrl14 div a:hover {color:fuchsia;}
.lifrl14 .p10 {padding-left:10px;}
.lifrl14 .p12 {padding-left:12px;}
.lifrl14 .p15 {padding-left:15px;}
.lifrl14 .p17 {padding-left:17px;}
.lifrl14 .p20 {padding-left:20px;}
.lifrm14 {display:inline; text-align:center;}
.lifrm14 div {display:table-cell; padding:2px; font-size:14px; font-weight:bold;}
.lifrm14 div a {color:green;}
.lifrm14 div a:hover {color:fuchsia;}
.lifrm14 .p10 {padding-left:10px;}
.lifrm14 .p12 {padding-left:12px;}
.lifrm14 .p15 {padding-left:15px;}
.lifrm14 .p17 {padding-left:17px;}
.lifrm14 .p20 {padding-left:20px;}
.lifrr14 {display:inline; float:right; text-align:right; margin-right:5px;}
.lifrr14 div {display:table-cell; padding:2px; font-size:14px; font-weight:bold;}
.lifrr14 div a {color:green;}
.lifrr14 div a:hover {color:fuchsia;}
.lifrr14 .p10 {padding-left:10px;}
.lifrr14 .p12 {padding-left:12px;}
.lifrr14 .p15 {padding-left:15px;}
.lifrr14 .p17 {padding-left:17px;}
.lifrr14 .p20 {padding-left:20px;}
/* display:inline-block; */
.lifrl14blue {float:left; text-align:left;}
.lifrl14blue div {float:left; padding-top:4px; padding-left:5px; font-size:14px; }
.lifrl14blue div a {color:blue;}
.lifrl14blue div a:hover {color:fuchsia;}
.lifrl14blue div.p10 {padding-left:10px;}
.lifrl14blue div.p12 {padding-left:12px;}
.lifrl14blue div.p15 {padding-left:15px;}
.lifrl14blue div.p20 {padding-left:20px;}
.lifrl14blue div.p30 {padding-left:30px;}
.lifrl14blue div.p40 {padding-left:40px;}
.lifrl14blue div.p50 {padding-left:50px;}
.lifrl14blue div.p60 {padding-left:60px;}
.lifrl14blue div.p70 {padding-left:70px;}
/* コピーライトを右に表示 olive; */
div#copyright {float:right; text-align:right; margin:5px 10px 5px 0px; color:saddlebrown; font-size:10px;
font-weight:normal; font-family:serif; }