.bodySong{font-size: 0.85em; line-height: 1.8em; margin-left: 10%; color: #333;}
h2{ font-size: 1.0em; color: #963;}
table{font-size: 0.82em;}
p.tab {font-size: 0.8em;
margin-left: 10%;}
#topBar { width: 70%;}
#coverImage { width: 80%;}

.menu_item2 {
	display: block;
	border: solid 1px #999;
	border-radius: 8px;
	height: 50px;
	margin:  4px;
	background-color: white;
	padding: 8px;
	padding-top: 18px;
	line-height: 1.4em;
}

#_song37{ width: 880px;}
@media only screen and (max-width : 1024px) {
#_song37{ width: 90%; margin: 0 0 3% 8%;}
}

#_song36,#_song35,#_song34,#_song33,#_song32,#_song31,#_song30,#_song29,#_song28,#_song27,#_song26,#_song25,#_song24,#_song23,#_song22,#_song21,#_song20,#_song19,#_song18 { display: none;}
@media only screen and (max-width : 1024px) {
#_song36,#_song35,#_song34,#_song33,#_song32,#_song31,#_song30,#_song29,#_song28,#_song27,#_song26,#_song25,#_song24,#_song23,#_song22,#_song21,#_song20,#_song19,#_song18 { width: 90%; margin: 0 0 4% 8%;}
}

#h37,#h36,#h35,#h34, #h33,#h32, #h31, #h30, #h29,#h28,#h27,#h26, #h23, #h22,#h21,#h20,#h19,#h18,#h24,#h25 {
	cursor: pointer;
}
#h37 {color: #933;}
/*
.cImage {
    display: inline-block;
    margin-top: 40px;
    width: 30%;
}
*/

.tContents {
    position: relative;
    margin-left: 27%;
    width: 70%;
    display: block;
    height: auto;
    padding: 12px;
/*
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0px 0px 6px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 0px 6px rgba(50, 50, 50, 0.5);
*/
}

.songTable { border: 1px; border-color: #999; width: 880px; margin-left: 10%; }

.songTable td{ padding: 4px; }

.insideC {
    display: block;
    position: relative;
    width: 90%;
    margin-left: 10%;
    margin-bottom: 10px;
}
p.thisMonthTitle {
            font-size: 20px;
            color: #999;
            line-height: 1.5em;
            margin: 0px;
        }
p.title2 {
    font-size: 18px ;
    color: #C30;
    line-height: 1.2em;
    border-bottom: solid 1px #C30;
    margin-bottom: 4px;
    margin-top: 8px;
    width: 100%;
}

p.title3 {
    font-size: 22px ;
    line-height: 1.2em;
    margin: 4px;
}

.belong {
	font-size: 12px;
}

.cGenre {
	background-color: #390;
	color: white;
	font-size: 14px;
	font-weight: bold;
	padding: 4px;
	text-align: center;
	width: 8em;
}
.cBody {
	line-height: 1.8em;
	margin-left: 3em;
	color: #666;
}
.cCaption {
	color: #666;
	font-size: 11px;
}

#colorEast{ float: left; width: 65%;}
#colorWest{ float: left; width: 30%; padding: 1px;}
#cColor01 {width: 100%; margin-top: 20px;}
#color02 {width: 95%;}

#menu_icon {float: right;}
#top_logo { margin-top: 10px;}

#date1, #date2, #date3 {font-size: 14px;}



/* menu */
.menu_pane {
	display: none;

	background-color: #CCC;
	width: 200px;
	margin: 0 auto;
	z-index: 999;
	position: absolute;
	top: 0px;
	right: 10px;
}
.upArrow {display: block; position: relative; top: -15px; left: 156px;}
.menu_item {
	display: block;
	border: solid 1px #999;
	border-radius: 8px;
	height: 50px;
	margin: 4px;
	background-color: white;
	padding: 8px;
	line-height: 1em;

}
.goArrow{color: orange;}

/* Responsive part */

/* Smartphones (portrait) 320 ----------- */
@media only screen
and (max-width : 520px) {
    .sideContainer{display: none;}
    .cImage {display: none; }
    .contentContainer{margin-right: 0px;}
    #header_north{display: none;}
    /*#coverImage{width:225px; height: 320px; margin-left: 30px; }*/
    .tContents{margin-left: 0px; width: 95%;}
    ._again { width: 95%;}
    .moreItem { width: 95%;}
    div.moreInfo { width: 48%;}
    .songTable { margin: 0;}
}

/* Middium  ----------- */
@media only screen
and (min-width : 520px) {
    .sideContainer{display: block;}
    .cImage {float: left; }
  /*  .contentContainer{margin-right: 130px;}*/
    #header_west{display: none;}
    #header_east{width: 50%;}
    ._again { width: 95%;}
    .moreItem { width: 45%;}
}
@media only screen
and (min-width : 900px) {
    .sideContainer{display: block;}
    .cImage {float: left; }
  /*  .contentContainer{margin-right: 130px;}*/
    /*#header_west{display: block;}
    #header_east{width: 25%;}*/
    ._again { width: 32%;}
    .moreItem { width: 22%;}
    /*.footerBox {width: 31%;}*/
}

      .songBtn { 
        display: block; 
        border: 1px solid #999; 
        border-radius: 4px; 
        padding: 8px; text-align: center;
	 font-size: 0.85em; 
     margin: 1em;
	 background: #f6f8f9;
background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 );

	 }

   .narrow{
    width: 100px;
    background-color: red;
   }