@charset "utf-8";

/* ---------------move from pi contents--------------- */
/* ---------------content box--------------- */
div#contentBox{
	width:467px;
	margin:0 0 0 17px;
}
div.BoxWide{
	width:711px !important;
}
/* ---------------content midashi--------------- */
div#contentBox .bannerArea,
div#contentBox h2,
div#contentBox h3,
div#contentBox h4{
	margin:0 0 15px 0;
}
/* ---------------content body--------------- */
div#contentBox p{
	line-height:1.5em;
	padding-bottom:1em;
}
div#contentBox .conBoxDashe{
	margin:0 0 15px 0;
	border-top:1px dashed #656565;
	border-bottom:1px dashed #656565;
	clear:both;
	overflow: auto;
}
div#contentBox .subNaviBox{
	margin-bottom:20px;
	padding:10px;
	border:1px solid #EAE9D9;
}
div#contentBox .grbox{
	margin-bottom:20px;
	padding:10px;
	border:2px solid #FF9900;
}
div#contentBox ul.list{
list-style-type:disc;
}
div#contentBox .list li{
	margin-left:1.5em;
	margin-bottom:1em;
}
div#contentBox .linkMidashi{
	padding:2px 0 2px 5px;
	background-color:#5F5F00;
	color:#FFFFFF;
}
div#contentBox .boxBorderRed{
	margin:5px 0 15px 0;
	padding:10px;
	border:1px solid #FF0000;
}
div#contentBox .midashiSuccessive{
	padding:5px 0 3px 3px;
	background-color:#F08991;
	color:#FFFFFF;
}
div#contentBox .successiveBox{
	margin-bottom:15px;
	padding:5px;
	border:2px solid #F08991;
}
/* ---------------column--------------- */
div#contentBox .columnAyumi .alpha{
	width:240px;
}
div#contentBox .columnAyumi .beta{
	width:227px;
}
div#contentBox .columnHalf{
	width:467px;
}
div#contentBox .columnHalf .alpha,
div#contentBox .columnHalf .beta{
	width:225px;
}
div#contentBox .columnWood .alpha{
	width:150px;
}
div#contentBox .columnWood .beta{
	width:560px;
}
div#contentBox .subNaviBox .alpha,
div#contentBox .subNaviBox .beta{
	width:340px;
}
div#contentBox .columnMan .alpha{
	width:160px;
}
div#contentBox .columnMan .beta{
	width:307px;
}
div#contentBox .alpha{
	float:left;
}
div#contentBox .beta{
	float:right;
}
/* ---------------回り込み--------------- */
div#contentBox .imgLeft{
	float:left;
	margin:0 10px 10px 0;
}
div#contentBox .imgRight{
	float:right;
	margin:0 0 10px 10px;
}
div#contentBox .imgMargin{
margin:10px;
}
/* ---------------table--------------- */
.tablePianoVariation{
margin-bottom:15px;
border:1px solid #EEEEEE;
}
.tablePianoVariation th{
width:20%;
padding:5px;
border-bottom:1px dashed #EEEEEE;
background-color:#EEEEEE;
text-align:left;
vertical-align:top;
}
.tablePianoVariation td{
width:80%;
padding:5px;
border-bottom:1px dashed #EEEEEE;
}
.tablePiano{
width:467px;
margin-bottom:15px;
border-top:1px solid #000000;
border-right:1px solid #000000;
}
.tablePiano th{
border-bottom:1px solid #000000;
border-left:1px solid #000000;
background-color:#8B74AB;
}
.tablePiano td{
padding:5px;
border-bottom:1px solid #000000;
border-left:1px solid #000000;
}
.tableChronological{
width:100%;
margin-bottom:15px;
border-top:1px solid #EEEEEE;
border-right:1px solid #EEEEEE;
}
.tableChronological th{
width:33%;
padding:3px;
border-bottom:1px solid #EEEEEE;
border-left:1px solid #EEEEEE;
background-color:#FFFFCC;
}
.tableChronological td{
padding:3px;
border-bottom:1px solid #EEEEEE;
border-left:1px solid #EEEEEE;
text-align:center;
}
.tableChronological tr.backColor td{
background-color:#DDDDDD;
}
/* ---------------hack--------------- */
div#contentBox .conBody .beta:after{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
/* ---------------汎用クラス--------------- */
div#contentBox .clear{
	clear:both;
	height:0 !important;
	visibility:visible !important;
}
div#contentBox .borderBottomDashe{
	margin-bottom:15px;
	border-bottom:1px dashed #656565;
}
div#contentBox .txt_small{
	font-size:95%;
}
div#contentBox .txt_right{
	display:block;
	width:100%;
	text-align:right;
}
div#contentBox .txt_center{
	display:block;
	width:100%;
	text-align:center;
}
/* ---------------汎用タグ--------------- */
div#contentBox strong{
	font-weight:bold !important;
}
div#contentBox hr{
	display:none;
}