@charset "UTF-8";

/* ****************************************************

ejhp.css

***************************************************** */
#en {
	font-family:Arial, Helvetica, sans-serif;
}
#en #mainContainer #mainContents.noNav {
	background: none;
	background-color: #ffffff;
}
#en #mainContents.noNav #contents {
	width: 900px;
	padding: 0 0 75px 0;
}
/* header css */
#en #header #headerContents #siteUtility .headerSearchArea .blur {
	background: url(../../ejhp/images/header_bg01.gif) no-repeat 1px 1px !important;
}
#en #header #headerContents {
	background: url(../../ejhp/images/header_bg02.gif) no-repeat 100% 2px;
}
#en #header #logoArea {
	padding: 24px 0 0;
}
#en #header #logoArea #sqn {
	padding: 0 0 0 10px;
	margin-top:0;
}
#en #header #headerContents #siteUtility #sitemap {
	position: absolute;
	left:100px;
	top: 11px;
}
#en #header #headerContents #siteUtility #japanese {
	position: absolute;
	right:160px;
	top: 11px;
}
#en #header #headerContents #siteUtility #fontSize {
	position: absolute;
	top: 12px;
}


/* makeMusic aside css */
#en #pageContainer {
	background: #FFF;
}
#en #mainContainer #mainContents {
	background: #FFF;
}
#en #mainContainer #aside {
	width: 200px;
	margin-bottom:20px;
}
#en #mainContainer #contents {
	padding-right: 0;
	width:680px;
}
#en #aside .sideInner {
	background:url(../images/lNav_bg003.gif) repeat-y 0 0;
}
#en #aside #sideNav a {
	outline:none;
}
#en #aside .sideInner .sideContents {
	background:url(../images/lNav_bg002.gif) no-repeat center bottom;
	padding:13px 10px 0;
}
#en #aside .sideInner .sideContents .tit {
	border-left: 2px solid #28ad1f; 
	padding:0 0 0 7px;
	font-size:110%;
	font-weight:bold;
}
#en #aside .sideInner .sideContents .navNormal li {
	background:url(../images/lNav_bg001.gif) no-repeat left bottom;
	margin-bottom:10px;
}
#en #aside .sideInner .sideContents .navNormal li:last-child {
	margin-bottom:0;
}
#en #aside .sideInner .sideContents .navNormal li.last {
	background:none;
	padding-bottom:8px;
}
#en #aside .sideInner .sideContents .navNormal li.last span {
	padding-bottom:5px;
}
#en #aside .sideInner .sideContents .navNormal li span {
	display:block;
	background:url(../images/lNav_ic001.gif) no-repeat 0 0.2em;
	padding:0 0 10px 20px;
}
#en #aside .sideInner .sideContents .nav3rd .cate3 {
	background:url(../images/lNav_bg001.gif) no-repeat left bottom;
	padding-top:10px;
}
#en #aside .sideInner .sideContents .nav3rd .cate3 span {
	display:block;
	background:url(../images/lNav_ic002.gif) no-repeat 0 0.2em;
	padding:0 0 10px 20px;
}
#en #aside .sideInner .sideContents .nav3rd .open {
	background: none;
	margin-bottom:0;
}
#en #aside .sideInner .sideContents .nav3rd .open .triger {
	color:#333333;
}

#en #aside .sideInner .sideContents .nav3rd .open span {
	display:block;
	background:url(../images/lNav_ic003.gif) no-repeat 0 0.2em;
	padding:0 0 10px 20px;
}
#en #aside .sideInner .sideContents .nav4th {
	background-color:#FFFFFF !important;
	padding:10px 0 0;
}
#en #aside .sideInner .sideContents .nav4th li {
	background:url(../images/lNav_bg001.gif) no-repeat left bottom;
	margin-bottom:10px;
	padding-bottom:10px;
}
#en #aside .sideInner .sideContents .nav4th li span {
	display:block;
	background:url(../images/lNav_ic004.gif) no-repeat 0 0.5em !important;
	padding:0 0 0 12px;
	margin:0 10px;
}
#en #aside .sideInner .sideContents .nav4th li.lastChild {
	background:none;
	margin-bottom:0;
}
#en #aside .sideInner .sideContents a {
	text-decoration:none !important;
}
#en #aside .sideInner .sideContents .navNormal li a {
	display:block;
}

/* heading */
#en #contents .heading01 {
	margin-top: 0;
	background: url(../../ejhp/images/heading01_bg01.gif) no-repeat left top;
	font-size: 168%;
	font-weight: bold;
}
#en .heading01 span {
	display: block;
	padding: 23px 10px 28px 20px;
	background: url(../../ejhp/images/heading01_bg02.gif) no-repeat left bottom;
}
#en .newsHeading01 span {
	background: url(../../ejhp/images/heading01_bg03.gif) no-repeat left bottom;
}
#en  .ifHeading01 {
	margin-top: 0;
	background: url(../../ejhp/images/heading01_bg11.gif) no-repeat left top;
	font-size: 168%;
	font-weight: bold;
}
#en  .ifHeading01 span {
	display: block;
	padding: 23px 10px 28px 20px;
	background: url(../../ejhp/images/heading01_bg12.gif) no-repeat left bottom;
}

#en .copyrightHeading01 span {
	display: block;
	padding: 23px 10px 28px 20px;
	background: url(../../ejhp/images/heading01_bg06.gif) no-repeat left bottom;
}
#en #contents .creatorsHeading01 {
	margin-top: 0;
	background: url(../../ejhp/images/heading01_bg08.gif) no-repeat left top;
	font-size: 168%;
	font-weight: bold;
}
#en .creatorsHeading01 span {
	display: block;
	padding: 23px 10px 28px 20px;
	background: url(../../ejhp/images/heading01_bg07.gif) no-repeat left bottom;
}
#en .noNav #contents .heading01 {
	margin-top: 0;
	background: url(../../ejhp/images/heading01_bg09.gif) no-repeat left top;
	font-size: 168%;
	font-weight: bold;
}
#en .noNav .heading01 span {
	display: block;
	padding: 23px 10px 28px 20px;
	background: url(../../ejhp/images/heading01_bg10.gif) no-repeat left bottom;
}

#en .heading01L {
	margin-top: 0;
	background: url(../../ejhp/images/heading01_bg04.gif) no-repeat left top;
	font-size: 168%;
	font-weight: bold;
}
#en .heading01L span {
	display: block;
	padding: 23px 10px 28px 20px;
	background: url(../../ejhp/images/heading01_bg05.gif) no-repeat left bottom;
}


/* contents */
#en .noNav .column3.type01 .col,#en .noNav .column3.type01-03 .col {
	min-height: 130px;
}
#en .noNav .column2.type01 .columnInner {
	background: url(../images/column02_bg02.gif) no-repeat 0 100%;
}
#en .table02 .lv01 {
	padding:6px 0 10px 6px;
}
#en .table02 .last {
	padding-right:6px;
}
#en .table02 .lv01 td {
	padding:2px;
	border:2px solid #E5E5E5;
}
#en .icList01 li {
	padding-left: 10px;
	background: url(../images/com_ic14.gif) no-repeat 0 0.6em;
	margin-bottom: 5px;
}
#en ul.icLink02 li {
	padding-left: 16px;
	background: url(../images/com_ic09.gif) no-repeat 0 0.45em;
	margin-bottom: 5px;
}
#en .icList01 ul.icList li {
	background:none;
	margin-bottom: 5px;
	padding-left:0;
}
#en .topicsList dl dt {
	float: left;
	width:120px;
	margin-right: 10px;
	font-weight: bold;
	color: #555555;
}
#en .topicsList dl dd {
	overflow: hidden;
	padding-left: 12px;
	background: url(../images/com_ic08.gif) no-repeat 0 0.45em;
}
#en .play01 {
	background:url(../../ejhp/about/img/player.jpg) no-repeat 0 0;
	padding:8px 8px 2px 7px;

}
#en .play02 {
	background:url(../../ejhp/about/img/player02.jpg) no-repeat 0 0;
	padding:8px 8px 2px 7px;

}
#en span.time {
	display:inline-block;
	margin:8px 0 0 10px;
	color:#FFF;
}
#en .icImg {
	margin: -2px 0 0 5px;
	vertical-align: middle;
}
#en .icImg02 {
	margin: -5px 0 0 1px;
	vertical-align: middle;
}
#en .statistics {
	width:70%;
	margin:0 auto;
}
#en .statistics .txtLarge {
	font-size:138%;
}
#en .borderLno {
	border-left:none !important;
}
#en .borderRno {
	border-right:none !important;
}
#en .mailTx {
	vertical-align:top;
}
#en .noteTx01 {
	text-indent:-0.8em;
	padding-left:0.8em;
}
#en .noteTx02 {
	text-indent:-1.3em;
	padding-left:1.3em;
}
#en .lineBox01 {
	border:1px solid #CCC;
	padding:15px;
}

#en .ml290 {
	margin-left:290px;
}
.mr30 {
	margin-right:30px !important;
}

#en.contentsAdjust .noNav .column3.type03 .col {
	float: left;
	width: 288px;
	min-height: 130px;
	margin-right: 18px;
}

#en.contentsAdjust .noNav .column3.type03 .columnInner {
	background: url(../images/column03_bg04.gif) no-repeat 0 100%;
}
#en.contentsAdjust .noNav .column3.type04 .columnInner {
	background: url(../images/column03_bg03.gif) no-repeat 0 100%;
}

/* box */
#en .faqBox {
	clear: both;
	width:596px;
	margin: 15px auto 0;
	border: 2px solid #b3cde2;
}
#en .faqBox dd {
	padding:10px 20px 15px;
}
#en .faqBox dd .btArea {
	width:600px;
	overflow:hidden;
}
#en .faqBox dd .btArea li {
	float:left;
	margin-right:10px;
}
#en .faqBox02 {
	clear: both;
	width:590px;
	border: 2px solid #b3cde2;
	margin: 0 auto;
}
#en .faqBox02 dd {
	padding:10px 20px 15px;
}
#en .faqBox02 dd .btArea {
	width:600px;
	overflow:hidden;
}
#en .faqBox02 dd .btArea li {
	float:left;
	margin-right:10px;
}

#en .w180 {
	width:180px !important;
}
#en .w275 {
	width:275px !important;
}





/* fap */
.faq .readTx {
	background:url(../../ejhp/faq/img/index_ic01.gif) no-repeat 0 0;
	padding:10px 0 8px 40px;
	color:#cc3366;
	font-weight:bold;
	font-size:112%;
	margin-bottom:30px;
}
.faq .nav3rd {
	padding-bottom:20px;
}
.faq .nav3rd .cate3 {
	background:#d0e4f5 url(../images/com_faq_bg003.gif) no-repeat 0 0;
	font-weight:bold;
}
.faq .nav3rd .cate3 .triger {
	text-indent:-3.6em;
	padding-left:4.5em; /* all browsers */
    text-indent:-2.3em\9;
    padding-left:4.8em\9; /* IE8 */
   *text-indent:-3.6em;
   *padding-left:4.5em; /* IE7 */
}
:root .faq .nav3rd .cate3 .triger {
	text-indent:-3.6em;
	padding-left:4.5em; /* IE9 */
}
.faq .nav3rd .cate3 .numberD {
	text-indent:-4.6em;
	padding-left:5.5em; /* all browsers */
    text-indent:-2.9em\9;
    padding-left:6.1em\9; /* IE8 */
   *text-indent:-4.6em;
   *padding-left:5.5em; /* IE7 */
}
:root .faq .nav3rd .cate3 .numberD {
	text-indent:-4.6em;
	padding-left:5.5em; /* IE9 */
}


.faq .nav3rd a {
	display:block;
	background:url(../images/com_faq_ic001.gif) no-repeat 860px center;
	text-decoration:none !important;
	padding:15px 40px 15px 12px;
	border-bottom:2px solid #7196d3;
	color:#000000 !important;
}

.faq .nav3rd .open a {
	background:url(../images/com_faq_ic002.gif) no-repeat 860px center;
}
.faq .nav3rd .nav4th a {
	background:none;
	display:inline;
	border:none;
	padding:0;
	color:#0066cc !important;
	text-decoration:underline !important;
}
.faq .nav3rd .nav4th {
	padding:15px 25px 0 30px;
	background-color:#FFFFFF;
	font-weight:normal;
}

.faq .nav3rd .nav4th li {
	text-indent:-3.5em;
	padding-left:44px; /* all browsers */
    text-indent:-2.2em\9;
    padding-left:46px\9; /* IE8 */
   *text-indent:-3.5em;
   *padding-left:44px; /* IE7 */
}
:root .faq .nav3rd .nav4th li {
   text-indent:-3.5em;
   padding-left:44px; /* IE9 */
}
.faq .nav3rd .nav4th .number2 {
	text-indent:-4.5em;
	padding-left:54px; /* all browsers */
    text-indent:-2.7em\9;
    padding-left:56px\9; /* IE8 */
   *text-indent:-4.5em;
   *padding-left:54px; /* IE7 */
}
:root .faq .nav3rd .nav4th .number2 {
   text-indent:-4.5em;
   padding-left:54px; /* IE9 */
}


.faq .qNumber {
	font-size:168%;
	color:#073f9e;
}
.faq .aNumber {
	font-size:168%;
	color:#db4921;
	font-weight:bold;
}

/*99: extra
=========================================*/
/* ==================================
clear fix
================================== */
#en .faqBox dd .btArea:after,
#en .faqBox02 dd .btArea:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
#en .faqBox dd .btArea,
#en .faqBox02 dd .btArea {
	zoom: 1;
}