.bodySong{font-size: 0.85em; line-height: 1.8em; margin-left: 10%; color: #444;}
h2{ font-size: 1.0em; color: #963;}
table{font-size: 0.82em;}
._coverImage{width: 30%;}


.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;
}



.cButton{width: 90%; height: 30px; text-align: center; border: 1px solid #999; border-radius: 8px;
	background-color: #EEE; margin: 1%; }
#goUp{display:none;}

#topBar { width: 70%;}
#coverImage { width: 100%; }
#pYear{font-size: 0.8em; width: 100%;}
#pYear .nobr{ margin-left: 2px;white-space: nowrap;}

/*
.cImage {
    display: inline-block;
    margin-top: 40px;
    width: 30%;
}
*/

.tContents {
    position: relative;
    margin-left: 5%;
    width: 90%;
    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);
*/
}

.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.title2 a {
    text-decoration: none;
    color: #C30;
}

p.title2 a:visited {
    color: #C30;
}

p.title2 a:hover {
    color: #551a8b;
}

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;}

a.btn_02 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 126px;
	margin: -30px 0 0 80.6%;
	padding: 5px 10px;
	font-weight: bold;
	border: 2px solid #C30;
	background: #c30;
	color: #fff;
	transition: 0.5s;
}
a.btn_02:hover {
	color: #c30;
	background: #fff;
}

/* 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 {float: 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%;}
    
    #colorWest{float: none; width: 90%;}
    #colorEast{float: none; width: 90%; }
	#cColor01 {width: 60%;}
}

/* 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%;}
    #colorWest{float: none; width: 90%; }
    #colorEast{float: none; width: 90%; }
	#cColor01 {width: 40%;}
}
@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%;}*/
    #colorWest{float: left; width: 30%; }
    #colorEast{float: left; width: 65%; }
	#cColor01 {width: 100%;}
}