@import url('../../css/products.css');

.index #sidebar li#index a,
.filemanager #sidebar li#filemanager a,
.fm_library #sidebar li#fm_library a,
.fm_list #sidebar li#fm_list a,
.fm_play #sidebar li#fm_play a,
.fm_convert #sidebar li#fm_convert a,
.fm_search #sidebar li#fm_search a,
.composekit #sidebar li#composekit a,
.melody #sidebar li#melody a,
.note_length #sidebar li#note_length a,
.harmonize #sidebar li#harmonize a,
.arpeggiator #sidebar li#arpeggiator a,
.pitch_chord #sidebar li#pitch_chord a,
.pitch_scale #sidebar li#pitch_scale a,
.rhythm_division #sidebar li#rhythm_division a,
.rhythm_transform #sidebar li#rhythm_transform a,
.insert_rest #sidebar li#insert_rest a,
.remove_rest #sidebar li#remove_rest a,
.editkit #sidebar li#editkit a,
.divide_note_rest #sidebar li#divide_note_rest a,
.join_note_rest #sidebar li#join_note_rest a,
.beam_unit_change #sidebar li#beam_unit_change a,
.optimize_beam_by_lyric #sidebar li#optimize_beam_by_lyric a,
.optimize_slur_by_lyric #sidebar li#optimize_slur_by_lyric a,
.warning_accidental #sidebar li#warning_accidental a,
.enharmonic_exchange #sidebar li#enharmonic_exchange a,
.auto_barline #sidebar li#auto_barline a,
.auto_incomplete_bar #sidebar li#auto_incomplete_bar a,
.long_rest_exchange #sidebar li#long_rest_exchange a,
.add_tie #sidebar li#add_tie a,
.add_articulation #sidebar li#add_articulation a,
.usage #sidebar li#usage a,
.guide #sidebar li#guide a,
.guide1 #sidebar li#guide1 a,
.guide2 #sidebar li#guide2 a,
.guide3 #sidebar li#guide3 a,
.guide4 #sidebar li#guide4 a,
.guide5 #sidebar li#guide5 a,
.for_spuser #sidebar li#for_spuser a,
.priceandreq #sidebar li#priceandreq a
{
    color:White;
    background-color:#7b0;
}

.ex_header_img
{
    width:311px;
    height:289px;
    background-image: url('img/ExKitTopHeader2.jpg');
    background-repeat:no-repeat;
    margin: 0 10px;
    padding: 110px 250px 0 0;
}

.for_all_user
{
}

.for_fx3_user
{
    clear:both;
}

.for_all_user h3, .for_fx3_user h3
{
    clear:both;
/*
    background-image:none;
    border-top: 1px solid blue;
    border-left: 1px solid blue;
    border-bottom: 1px solid blue;
    font-size:12px;
    font-weight:normal;
*/
}

.fordetail
{
    margin-right:0.5em;
}

#ex_file_mgr, #ex_edit_kit, #ex_compose_kit
{
    clear:both;
    margin:0 0 0 0;
    padding:0;
}

.ex_tbox h4
{
    text-indent: 0;
    margin:1em 0 0 1em;
    padding:0;
    background-image:none;
    background-color:white;
    border:0 none;
    font-weight:bold;
    font-size:12px;
}

#ex_file_mgr .ex_img, #ex_edit_kit .ex_img, #ex_compose_kit .ex_img
{
	width:100px;
	float:left;
	padding: 10px 0 10px 15px;
}

#ex_file_mgr .ex_tbox, #ex_edit_kit .ex_tbox, #ex_compose_kit .ex_tbox
{
	width:78%;
	float:right;
	margin:0 0 0px 0;
	font-size:87%;
}

.ex_h
{
    text-align:center;
    background:none;
    text-indent:0;
    margin:0 0 8px;
    padding-left:0;
    height:auto;
}

/*--------------------------
    各製品のトップ
--------------------------*/
.ex_buy
{
    width:185px;
    float:right;
    text-align:center;
}

.ex_buy img
{
    margin-bottom: 1em;
}

.ex_info 
{
    width:65%;
    float:left;
}

.ex_copy img
{
    margin:0;
    padding:0;
}

.ex_copy
{
    margin:30px 0;
    padding:0;
    
    text-indent:0;
    text-align:center;
/*
    font-size: 22px;
    font-weight:bold;
*/
    padding-left:0;
    margin-left:0;
}

.ex_notice, .ex_caution
{
    padding: 0.5em 0 0.5em 0.5em;
}

.ex_notice
{
    color:#068;
}

.ex_caution
{
    color:#a00;
}

ul.ex_merit
{
/*    font-weight:bold;
*/    color:#008;
    padding-left:1em;
    line-height:1.8;
    margin-bottom:1.5em;
}

.ex_func_box, .ex_func_box_top, .ex_func_box_img_left, .ex_func_box_img_right
{
	clear:both;
	margin: 0 2em 0;
	padding: 0.5em 0 0em 0.5em;

	width:518px;
}

.ex_func_box_img_left, .ex_func_box_img_right
{
    border-top:solid 1px #ccc;
}

/*
    直後のやつと入れ替えで使います
*/
/*
.ex_func_img
{
	width:128px;
	padding: 0 0 0 0;
}
#main .ex_func_img img
{
	margin: 0 0 0.5em;
}

.ex_func_text
{

	width:380px;
	margin-bottom: 0.5em;
}
*/
/*
.ex_func_img
{
	width:64px;
	padding: 0 0 0 0;
}
#main .ex_func_img img
{
    width:64px;
    height:64px;

	margin: 0 0 0.5em;
}

.ex_func_text
{
	width:442px;
	margin-bottom: 0.5em;
}
*/

.ex_func_img
{
	width:96px;
	padding: 0 0 0 0;
}
#main .ex_func_img img
{
    width:96px;
    height:96px;

	margin: 0 0 0.5em;
}

.ex_func_text
{
	width:411px;
	margin-bottom: 0.5em;
}

.fordetail
{
    margin-left:0;
    text-align:right;
}

.ex_func_text .fordetail
{
    width:100px;
    float:right;
    margin:0 0.3em 0 0;
}

.ex_func_text h4
{
    width:280px;
    float:left;
    display:inline;
}

.ex_func_text .info
{
    clear:both;
    padding:0;
    margin-top:0;
}
#main div.ex_func_text p
{
    margin-left:0.5em;
}

.ex_func_box_img_left .ex_func_img, .ex_func_box_top .ex_func_img
{
	float:left;
	margin-right:10px;
}

.ex_func_box_img_left .ex_func_text, .ex_func_box_top .ex_func_text
{
	float:right;
}

.ex_func_box_img_right .ex_func_img
{
	float:right;
}

.ex_func_box_img_right .ex_func_text
{
	float:left;
}

.ex_func_text h4
{
    margin-top:2px;
	margin-bottom: 1em;
	border-left:none;
	margin-left:0.2em;
	text-indent:0.3em;
	background:none;
	padding-bottom:0;
}

.ex_func_text h4.ex_compose_kit
{
    color:#880;
}

.ex_func_text h4.ex_edit_kit
{
    color:#700;
}

.ex_func_text h4.ex_file_mgr
{
    color:#707;
}

/*
    活用ガイド
*/

.guide_actor_a, .guide_actor_b
{
    padding: 5px 8px 13px 50px;
    margin: 0 10px 5px 0;
    border-top: 1px solid #ccc;
}

.guide_actor_a
{
    background-image: url('img/Bach.gif');
    background-repeat: no-repeat;
    background-position: 0 4px;
}

.guide_actor_b
{
    background-image: url('img/onpuchann.gif');
    background-repeat: no-repeat;
    background-position: 0 4px;    
}

.guide_actor_a img, .guide_actor_b img
{
    padding: 20px 0 5px;
}

.mediaplayer
{
    margin: 8px 0 0;
}
/*
.guide_actor_a+.guide_actor_a, .guide_actor_b+.guide_actor_b
{
    border-top: none;
}
*/
h3+.guide_actor_a, h3+.guide_actor_b
{
    border-top: none;
}