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

.index #sidebar li#index a,
.whatsep #sidebar li#whatsep a,
.expodpp #sidebar li#expodpp a,
.feature_sd #sidebar li#feature_sd a,
.feature_epdl #sidebar li#feature_epdl a,
.feature_tcdl #sidebar li#feature_tcdl a,
.expod #sidebar li#expod a,
.whatsnew #sidebar li#whatsnew a,
.easymode #sidebar li#easymode a,
.cue_sheet #sidebar li#cue_sheet a,
.recording #sidebar li#recording a,
.blog #sidebar li#blog a,
.expertmode #sidebar li#expertmode a,
.effect #sidebar li#effect a,
.sampleep #sidebar li#sampleep a,
.specep #sidebar li#specep a,
.titlecall #sidebar li#titlecall a,
.jingle #sidebar li#jingle a,
.editandfx #sidebar li#editandfx a,
.sampletc #sidebar li#sampletc a,
.spectc #sidebar li#spectc a,
.sounddeck #sidebar li#sounddeck a,
.material #sidebar li#material a,
.browser #sidebar li#browser a,
.sdlist #sidebar li#sdlist a,
.priceandreq #sidebar li#priceandreq a
{
    color:White;
    background-color:#7b0;
}

p
{
/*
	padding-left:1.3em;
*/
	font-size: 90%;
	line-height: 1.6;
	color: #555;
}
*:first-child+html p
{
/*
	padding-left:1.3em;
*/
	font-size: 85%;
	line-height: 1.6;
	color: #555;
}

.ep_buy
{
    width:185px;
    float:right;
    text-align:center;
}

#main .ep_buy img
{
    margin: 0;
}

.ep_tbox p
{
	margin: 0 0;
}

#main table.defaulttable tr td p
{
	padding-left:0;
	margin-left:0;
}

#main img
{
	margin: 1em;
}

#main img.blogimg 
{
	margin: 0;
}

#ep_pp h4, #ep_sd h4, #ep_ep h4, #ep_tc h4
{
	clear: both;
	line-height: 1.2;
	text-indent: 0;
	border-left: 0 none;
	height:auto;
	padding: 0.2em 0 .6em 1em;

    font-size: 80%;
}

#ep_pp
{
	clear: both;
	float: left;
	margin-top: 14px;
	margin-right: 2%;
	width: 48%;
}
#ep_sd
{
	float: left;
	margin-top: 14px;
	margin-left: 2%;
	width: 48%;
}
#ep_ep
{
	clear: both;
	float: left;
	margin-top: 14px;
	margin-right: 2%;
	width: 48%;
}
html>/**/body #ep_ep
{
	margin-bottom: 16px;
}
#ep_tc
{
	float: left;
	margin-top: 14px;
	margin-left: 2%;
	width: 48%;
}
.ep_img
{
	float: left;
}
.ep_tbox
{
	float: right;
	width: 63%;
}
#main img.ep_img
{
	margin: 0;
}
#ep_special
{
	clear: both;
	width: 96%;
	margin: 20px auto 0 auto;
/*
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
*/
	padding: 0.2em 0.8em;
}
html>/**/body #ep_special
{
	height: 96px;
}
#ep_top .ep_tbox
{
	margin-left: 8px;
	width: 59%;
	float: left;
}
#ep_top img.ep_img
{
	margin-top: 1em;
	float: right;
}
#ep_special .ep_tbox
{
	clear: both;
	width: 54%;
	float: left;
}
#ep_special img.ep_img
{
	margin-top: 0;
	float: right;
}

#guide .ep_tbox
{
    width: 480px;
}

#guide .ep_img
{
    width: 100px;
}
#guide .ep_img img
{
    margin: 0 20px 10px;
    padding: 0;
}
/*
	絵と文章の組み合わせ
	製品の特長紹介などに利用
*/
.ep_header_img
{
	text-align:center;
	margin-bottom:1em;
}

#main .ep_header_img img
{
	margin: 0;
}

.ep_info_box
{
	margin-right: 1.5em;
	clear:both;
	padding: 0 0 0 0.5em;
	
	border: 1px solid white;
}
.ep_info_img
{
	width:130px;
	float:left;
	padding: 0 0 0 0;
}
#main .ep_info_img img
{
	margin: 0;
}
#main .ep_info_img img.nomarginimg
{
	margin: 0 1em;
}
.ep_info_text
{
	width:75%;
	float:right;
}
.ep_info_text h4
{
	margin-bottom: 1em;
}
.ep_info_text_narrow
{
	width:55%;
	float:right;
}

/* ----------------------------------------------------------------------------
  数字つきリストの数字を大きくする
---------------------------------------------------------------------------- */
ol.big li
{
	font-size: 200%;
/*	color: #e60;
*/}

ol.big li *
{
	font-size: 50%;
	color:inherit;
}

ol.big li p
{
	padding-left:0.5em;
	font-size: 50%;
/*	color: #555;
*/}

ol.big li * *
{
	font-size: 90%;
}

ol.big li ol li
{
	font-size: 100%;
/*	color: #555;
*/}


/*
	h4は数字つきリスト多用しているので特別に用意してみた
*/
ol.big li h4
{
/*	height: 1.5em;
	margin-bottom: 1em;
	padding-bottom: 0;
*/}

ol.big li h5
{
	color: #008;
}

/* ----------------------------------------------------------------------------
  1.1用トップページ関連
---------------------------------------------------------------------------- */
#ep_top .ep_header_img
{
    margin-top:10px;
    margin-bottom:20px;
}

#ep_top h3
{
    color: #800;
    background-image:none;
    margin:0;
    padding:0;
    text-indent:0;
}

#main #ep_top .ep_info_box p
{
    margin-left:0;
    padding-left:0;
    text-indent:0;
}

#main #ep_top .ep_info_box .notice
{
    margin: 0px;
    padding: 20px 0 0 10px;
}
/* ----------------------------------------------------------------------------
  1.1用新機能紹介ページ関連
---------------------------------------------------------------------------- */
#ep_new .ep_info_img
{
}

#ep_new .ep_info_text
{
}

#ep_new .ep_header_img
{
}

#ep_info_box0
{
    margin-top:10px;
    margin-bottom:20px;
}

#ep_info_box1, #ep_info_box2, #ep_info_box3, #ep_info_box4, #ep_info_box5, #ep_info_box6
{
    clear:both;
    height:100px;
}

#ep_info_box1 h3, #ep_info_box2 h3, #ep_info_box3 h3, #ep_info_box4 h3, #ep_info_box5 h3, #ep_info_box6 h3
{
    color: #800;
    background-image:none;
    padding:0;
    text-indent:0;
    margin-top:20px;
    margin-left: 1em;
}

#ep_info_box1 .ep_info_img, #ep_info_box3 .ep_info_img, #ep_info_box5 .ep_info_img
{
	width:100px;
    float:right;
	padding: 0 0 0 0;
	margin-right:10px;
}

#ep_info_box1 .ep_info_text, #ep_info_box3 .ep_info_text, #ep_info_box5 .ep_info_text
{
    width:75%;
	float:left;
}

#ep_info_box2 .ep_info_img, #ep_info_box4 .ep_info_img, #ep_info_box6 .ep_info_img
{
	width:100px;
    float:left;
	margin-left:10px;
}

#ep_info_box2 .ep_info_text, #ep_info_box4 .ep_info_text, #ep_info_box6 .ep_info_text
{
    width:75%;
    float:right;
}

/*--- 素材一覧用 ---*/
.sd_list
{
    margin-left: 20px;
}

table.sd_list td, table.sd_list th
{
    font-size: 10px;
    white-space: nowrap;
}

#main p.notice
{
    color: #884444;
}

/*--- ページ間の行き来 ---*/
.pagenavi
{
    clear:both;
}

.pagenavi .prev
{
    float:left;
    text-align:left;
    margin-bottom: 0;
    line-height:1.2;
}

.pagenavi .next
{
    float:right;
    text-align:right;
    margin-bottom: 0;
    line-height:1.2;
}