@charset "UTF-8";
/* CSS Document */

.ocp h2.products {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("/files/common/images/common/bg_line_bold.gif");
    background-origin: padding-box;
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: auto auto;
    color: #7F7F7F;
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 16px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 13px;
    width: 100%;
}

.ocp h4.productsh4 {
    color: #626262;
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 9px;
    width: 98%;
}

.ocp h4.mlistTtl {
    color: #626262;
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 9px;
    width: 98%;
}

.ocp .prContentTxt {
	width:620px;
	margin:0 auto 30px auto;
	overflow:hidden;
}

.ocp .sem_ContentTxt {
	width:620px;
	margin:0 auto 30px auto;
	overflow:hidden;
}

.ocp .prContentTxt_other {
	width:620px;
	margin:0 auto 30px auto;
	overflow:hidden;
}

.ocp .pr_hrLine{

}

.ocp .pr_hrLine02 {

}

.ocp ul.dlWrap {
	width:620px;
	overflow:hidden;
	margin:0 0 20px 0;
}

.ocp li.dlBoxL {
	width:288px;
	margin-right:20px;
	float:left;
	border: 1px solid #E5E5E5;
	padding:5px 5px 0 5px;
	overflow:hidden;
}

.ocp li.dlBoxR {
	width:288px;
	float:left;
	border: 1px solid #E5E5E5;
	padding:5px 5px 0 5px;
	overflow:hidden;
}

.ocp li.dlBox2Colum {
	width:608px;
	border: 1px solid #E5E5E5;
	padding:5px 5px 0 5px;
	overflow:hidden;
}

.ocp li.dlBoxL p.imgBox,
.ocp li.dlBoxR p.imgBox {
	width:80px;
	margin-right:10px;
	float:left;
}

.ocp li.dlBoxL .txtBox,
.ocp li.dlBoxR .txtBox {
	width:198px;
	line-height:1.3;
	float:right;
}

.ocp li.dlBox2Colum p.imgBox {
	width:228px;
	margin-right:10px;
	float:left;
}

.ocp li.dlBox2Colum p.txtBox {
	width:358px;
    font-size: 1em;
	line-height:1.3;
	float:right;
}

.ocp li.dlBoxLong {
	width:608px;
	border: 1px solid #E5E5E5;
	padding:5px 5px 0 5px;
	overflow:hidden;
}

.ocp li.dlBoxLong .imgBox {
	width:80px;
	margin-right:10px;
	float:left;
}

.ocp li.dlBoxLong .txtBox {
	width:506px;
	float:right;
}

.ocp li.dlBoxLong .pdfBox {
	clear:both;
	width:608px;
	overflow:hidden;
}

.ocp li.pdfList {
	background: url(/files/ocp/ja_jp/services/teachers/music_pal/pdficon.gif) no-repeat left top;
	padding-left: 30px;
	margin:10px 0 10px 0;
	width:258px;
	float:left;
    font-size: 1em;
}

.ocp li.pdfList_innerBox {
	background: url(/files/ocp/ja_jp/services/teachers/music_pal/pdficon.gif) no-repeat left top;
	padding-left: 30px;
	margin:0 0 10px 0;
    font-size: 1em;
}

.ocp ul.noteList {
	overflow:hidden;
}

.ocp li.noteList {
	background: url(/files/ocp/ja_jp/services/teachers/music_pal/h4_mini_bg.gif) no-repeat left top;
	padding-left: 20px;
	margin-bottom:10px;
}

.ocp .flimgL {
	float:left;
	margin:0 20px 20px 0;
}

.ocp .flimgR {
	float:right;
	margin:0 0 20px 20px;
}

.ocp .pr_lineBox {
	width:598px;
	border: 1px solid #666666;
	padding:10px;
}

.ocp .w210 {
	width:210px;
}

.ocp .w265 {
	width:265px;
}

.ocp .w370 {
	width:370px;
}

.ocp .w405 {
	width:405px;
}

.ocp .w420 {
	width:420px;
}

.ocp .w460 {
	width:460px;
}

.ocp .w464 {
	width:464px;
}

.ocp .clear {
	clear:both;
}

.ocp li.nomarList {
	padding-left:20px;
	background: url(/files/ocp/ja_jp/services/teachers/music_pal/normallist.gif) no-repeat left top;
}

.ocp li.nomarListBold {
	padding-left:20px;
	background: url(/files/ocp/ja_jp/services/teachers/music_pal/normallist.gif) no-repeat left top;
	font-weight:bold;
}

.ocp ul.nomarListRed {
	padding-left: 1em;
}

.ocp li.nomarListRed {
	padding-left: 1em;
	list-style: disc inside;
	font-weight:bold;
	color:#ff0000;
}

.ocp ul.nomarListRed p {
	padding-left: 3em;
	color:#4A4A4A;
}

.ocp li.pr_info {
	margin:15px 0 0 0;
}

.ocp ul.ic-pdf2 {
	border-top: 1px dotted #999999;
	margin-top:20px;
	padding-top:10px;
	padding-left:20px;
	overflow:hidden;
}

.ocp ul.ic-pdf3 {
	padding-left:20px;
	overflow:hidden;
}

.ocp li.ic-pdf2 {
	background: url(/files/ocp/ja_jp/services/teachers/music_pal/pdficon.gif) no-repeat left center;
	padding-left: 30px;
	margin:10px 0 10px 0;
	line-height: 25px;
}

.ocp li.idl_icon {
	background: url(/files/ocp/ja_jp/services/teachers/music_pal/dlicon.gif) no-repeat left center;
	padding-left: 30px;
	margin:10px 0 10px 0;
}

.ocp li.specer_icon {
	background: url(/files/ocp/ja_jp/services/teachers/music_pal/speaker_icon.gif) no-repeat left center;
	padding-left: 30px;
	margin:10px 0 10px 0;
}

.ocp ul.arrow_icon {
	width:600px;
	overflow:hidden;
}

.ocp li.arrow_icon {
	width:80px;
	background: url(/files/common/images/common/arrow_right.gif) no-repeat left center;
	padding-left: 15px;
	margin:10px 15px 10px 0;
	font-weight:bold;
	float:left;
}

.ocp ul.ic-pdf2End {
	border-top: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
	margin-top:20px;
	padding-top:10px;
	padding-left:20px;
}

.ocp .fs11px {
	font-size:85%;
}

/*products table*/
.ocp .prContentTxt th {
	text-align:center;
}

.ocp .prContentTxt .taCenter {
	text-align:center;
}

.ocp .prContentTxt .ttlCel {
	padding:3px;
	background: #E0E0E0;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
}

.ocp .prContentTxt .mttlCel {
	padding:3px;
	background: #F3F3F3;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
}

.ocp .prContentTxt .txtCel {
	padding:3px;
	background: #ffffff;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
}

.ocp .prContentTxt .celRight {
	border-right: 1px solid #999999;
}

.ocp .prContentTxt .celBottom {
	border-bottom: 1px solid #999999;
}

/*�y���u���[�o�b�N*/
.ocp .midiBlueBackWrap2col {
	width:620px;
	margin-bottom:15px;
	overflow:hidden;
	background: url(/files/ocp/ja_jp/services/teachers/music_pal/blue2column_bg.gif) no-repeat left top;
}

.ocp .midiBlueBackWrap3col {
	width:620px;
	margin-bottom:15px;
	overflow:hidden;
	background: url(/files/ocp/ja_jp/services/teachers/music_pal/blue3column_bg.gif) no-repeat left top;
}

.ocp .midiBlueBackWrap2col .blue2columnL {
	width:262px;
	margin-right:15px;
	float:left;
	padding:20px 20px 0 20px;
	display:block;
}

.ocp .midiBlueBackWrap2col .blue2columnR {
	width:262px;
	float:left;
	padding:20px 20px 0 20px;
	display:block;
}

.ocp .midiBlueBackWrap3col .blue3columnL {
	width:156px;
	margin-right:15px;
	float:left;
	padding:20px 20px 0 20px;
}

.ocp .midiBlueBackWrap3col .blue3columnR {
	width:156px;
	float:left;
	padding:20px 20px 0 20px;
}

.ocp .midiBlueBackWrap2col1 {
	width:620px;
	margin-bottom:15px;
	overflow:hidden;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack:center;
	-moz-box-pack:center;
	-webkit-flex-pack:center;
	-moz-flex-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	-moz-justify-content:center;
	justify-content:center;
}

.ocp .midiBlueBackWrap2col1 .blue2column {
	width:266px;
	margin-left:4px;
	margin-right:4px;
	float:left;
	display:block;
	margin-bottom:15px;
	padding:10px 10px 0 10px;
	border:solid 8px #E1F2FD;
	background-color:#F1FAFD;
}

.ocp .midiBlueBackWrap3col1 {
	width:620px;
	margin-bottom:15px;
	overflow:hidden;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack:center;
	-moz-box-pack:center;
	-webkit-flex-pack:center;
	-moz-flex-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	-moz-justify-content:center;
	justify-content:center;
}

.ocp .midiBlueBackWrap3col1 .blue3column {
	width:160px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:15px;
	padding:10px 10px 0 10px;
	border:solid 8px #E1F2FD;
	background-color:#F1FAFD;
}

/*�Z�~�i�[���e�[�u���X�^�C��*/
.ocp .sem_ContentTxt table {
	border-collapse: collapse;
    border-spacing: 0;
    border-bottom: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
    margin-bottom: 25px;
    font-size: 1em;
}

.ocp .sem_ContentTxt th {
    font-weight: bold;
    letter-spacing: 0.25em;
    padding: 5px;
    text-align: left;
}
.ocp .sem_ContentTxt td {
    padding: 5px;
}

.ocp .sem_ContentTxt .bkg-col_01 th,
.ocp .sem_ContentTxt .bkg-col_01 td {
	background-color: #F9F9F9 !important;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}

.ocp .sem_ContentTxt .bkg-col_02 th,
.ocp .sem_ContentTxt .bkg-col_02 td {
	background-color: #ECECEC !important;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}

.ocp .sem_ContentTxt .tb_style01 td {
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
}

.ocp .line {
  background: transparent url("/files/common/images/common/bg_line_narrow.gif") repeat-x center center;
  height: 1px;
  border: none;

}